body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:100%}
.box { float: left; }
#root { max-width: 100%; margin: 0 auto; }
.logo{ background:url(../images/yupptv-logo.png) no-repeat; width:161px; height:28px; margin:5px auto; display:block;}
.emptyblock{ height:20px; width:100%; display:block; clear:both; text-align:center;}
.check{ width:100%; text-align:center; color:#666}
.foot{ width:100%; text-align:center; color:#666; padding-top:10px; border-top:1px solid #a5a5a5}

#box1 { width: 100%;  background: none repeat scroll 0 0 rgba(45, 60, 64, 0.95);
    border-bottom: 3px solid #53b4c4; height:45px; padding-top:6px; }
.button-success,
        .button-error,
        .button-warning,
        .button-secondary {
            color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
			margin:20px auto;
			display:block;
			text-decoration:none;
			padding:10px 20px;
			font-size:110%;
			text-align:center;
			width:50%;
        }

        .button-success {
            background: rgb(28, 184, 65); /* this is a green */
        }

        .button-error {
            background: rgb(202, 60, 60); /* this is a maroon */
        }

        .button-warning {
            background: rgb(255, 121, 46); /* this is an orange */
        }
		
        .button-warning:hover {
            background: rgb(255, 166, 65); /* this is an orange */
        }		

        .button-secondary {
            background: rgb(44, 185, 204); /* this is a light blue */
        }

        .button-secondary:hover {
            background: rgb(78, 198, 214); /* this is a light blue */
        }
		.text-box-mobi{-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px; color:#3e3e3e; border:1px solid #999; font: 14px/24px Arial, Helvetica, sans-serif; padding:3px 5px; 
margin:20px auto;display:block; height:30px; width:55%;}

.textcont{ width:80%; font-size:100%; margin:0px auto; margin-botton:15px; display:block; clear:both}
.textcont t1{ font-weight:bold;}

.addon_block{ color:#999; padding:15px 8px; width:74%; display:block; clear:both; border:1px solid #999; margin:10px auto}
.addon_block .tit{ color:#000}
.addon_block .bd{color:#000; font-weight:bold}
.addon_block input[type=checkbox]{ margin-right:5px;}

/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
	#box1 { width: 100%; }
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
	#box1 { width: 100%; }
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	#box1 { width: 100%; font-size:100%; }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
	#box1 { width: 100%; font-size:100%; }
}

/* iPad 3 & 4 Landscape */
@media only screen and (width: 481px) and (width: 1024px) and (orientation: landscape) {
	#box1 { width: 100%; }
}

/* iPad 3 & 4 Portrait */
@media only screen and (width: 481px) and (width: 1024px) and (orientation: portrait) {
	#box1 { width: 100%; }
}

/* iPhone 2G-3GS Landscape */
@media only screen and (width: 481px) and (width: 480px) and (orientation: landscape) {
	#box1 { width: 100%; }
}

/* iPhone 2G-3Gs Portrait */
@media only screen and (width: 481px) and (width: 480px) and (orientation: portrait) {
	#box1 { width: 100%; }
}

/* iPhone 4/4S Landscape */
@media only screen and (width: 569px) and (width: 480px) and (orientation: landscape) {
	#box1 { width: 100%; }
}

/* iPhone 4/4S Portrait */
@media only screen and (width: 569px) and (width: 480px) and (orientation: portrait) {
	#box1 { width: 100%; }
}

/* iPhone 5 Landscape */
@media only screen and (width: px) and (width: 568px) and (orientation: landscape) {
	#box1 { width: 100%; }
}

/* iPhone 5 Portrait */
@media only screen and (width: px) and (width: 568px) and (orientation: portrait) {
	#box1 { width: 100%; }
}

.border_none{ border:none;}
.error_pack_img {
    display: block;
    line-height: 30px;
    margin: 20px;
    color:#53b4c4;
}
.your_packages{ font-size: 18px; color:#53b4c4; line-height:18px;  margin-right:10px; display:block; font-family: "OswaldBook",sans-serif;}
.logo{ background:url(../images/yupptv-logo.png) no-repeat; width:161px; height:28px; margin:5px 0 5px 30px !important; display:block;}
.mobile_form{ margin:0;}
.channel_names{ font-size:12px; color:#555; font-weight:normal; margin-bottom:6px; display:block;}
.min_lable{ width:164px; display:block; float:left;}
.t1_lable{ color:#53b4c4;}