@charset "utf-8";
/* CSS Document */

body{ background:#545454;}
*{ margin:0; padding:0; outline: none;}
a img {outline : none;}
a {outline : none;}
img {border : 0;}

.banner{}

.container{ width:auto;}
.container{ background:#dddddd; border-left:1px solid #FFF; border-right:1px solid #FFF; padding:0;}
.borderWrap{ border-left:9px solid #000; border-right:9px solid #000;}
.blackWrap{border-left:1px solid #000; border-right:1px solid #000;}

.mbody{ background:#dddddd; }
.box {border:1px solid #000;}

.panel-default {
border-color: #000;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid #000;
border-radius: 0px; 
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-default>.panel-heading {
color: #fff;
background-color: #000;
border-color: #000;
height: 30px;

}
.panel-heading {
font-size: 18px;
padding:0;
border-bottom: 1px solid transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.panel-heading h3{ font-size: 18px; line-height: 30px; margin:0 auto; padding:0; padding-left:20px; font-weight: bold; background:url(http://cdn.x1cdn.com/gk/dirtyteencelebrities/rwd/join/arrow.png) 9px 8px no-repeat; }

.panel-body { padding: 15px; height: 300px; }


input[type=radio]{margin-left:10px; width:20px}
#outer{width:979px;min-height:878px;background-color:#dddddd;border-left:10px solid #f8730b;border-right:10px solid #f8730b;margin-left:auto;margin-right:auto;padding-left:0px;padding-right:0px;}
#inner{width:976px;min-height:870px;border-top:1px solid black;border-left:1px solid black;border-right:1px solid black;border-bottom:8px solid black;}
.formbox{min-height:309px;border:1px solid black;background-color:white;float:left;margin-left:10px;margin-top:15px;margin-bottom:10px; }
#formbutton{width:480px;height:auto; margin:20px auto; text-align:center; padding-bottom:8px;}
.formoptions{width:400px;font-size:13px;font-weight:bold;text-align:center;margin-left:auto;margin-right:auto;margin-top:5px;vertical-align:top; }
.formoptions a:active, .formoptions a:link {font-size:12px; text-decoration:none; color:#2b2b2b; }
.formoptions a:hover {text-decoration:underline;}
.formbox td{padding-left:10px;padding-top:8px;font-size:14px;}
td.formhead{background:#000000 url('http://cdn.x1cdn.com/gk/dirtyteencelebrities/rwd/join/arrow.png') no-repeat 9px 8px;font-family:Arial;font-size:18px;font-weight:bold;padding:0 0 0 22px;color:#FFFFFF;height:30px; letter-spacing:0px}
.join_input{width:175px; height:20px; padding-left:2px; margin-top:5px; border: 1px solid #a8a8a8;font-family:Arial;font-size:13px;}
.smaller{font-size:11px;font-weight:bold; padding-top:5px;}
.smaller p{padding-bottom:5px;}
.empha{color:#ff0081;}
.mem_opts_4options{border:1px solid #a8a8a8;font-weight:bold;font-size:20px;margin:33px 10px 18px 10px;height:45px;  }
.mem_opts{border:1px solid #a8a8a8;font-weight:bold;font-size:18px;margin:30px 10px 18px 10px;height:45px;  }
.sub_mem_opts{font-weight:normal;font-size:12px;padding-top:2px;padding-left:32px;color:#f76b00;}
.sub_mem_opts2{font-weight:normal;font-size:12px;padding-top:2px;padding-left:32px;color:#FF0000;}
.sub_mem_opts3{font-weight:normal;font-size:11px;padding-top:0px;padding-left:32px;color:#707070;}
.sub_mem_optsred{font-weight:normal;font-size:11px;padding-top:2px;padding-left:32px;color:#FF0000;}
.best{background:url('http://cdn.x1cdn.com/gk/dirtyteencelebrities/rwd/join/bestdeal.jpg') no-repeat right top;}
.error {color:red; font-size:11px;}
#phone { border:0px; background:inherit;cursor:pointer;color: #2B2B2B;font-size: 12px;font-weight: bold;font-family: Tahoma,sans-serif; }
#phone:hover { text-decoration:underline; }
        .textToggle1{   }
    .textToggle2{ display: none; }
.form-group {
margin-bottom: 8px;
}

.form-control {
display: block;
width: 100%;
height: 28px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0px;
 
}

label {
display: inline-block;
max-width: 100%;
margin-bottom: 3px;
font-weight: 700;
}
.mbody{ margin:20px auto 50px;}
.box480 .panel-body { padding-top: 0px;}
/*==========  Non-Mobile First Method  ==========*/



/* 4 columns */
/* Large desktops and laptops */
@media (min-width: 1331px) {
	.container{ width:1323px !important;}
	.banner{ width:100%; height:306px; margin:auto; 
				background-image:url('http://cdn.x1cdn.com/gk/dirtyteencelebrities/rwd/join/banner-lg.jpg');
			background-position: top center;		
			background-repeat:no-repeat;
			background-size:contain;	}
 
    .banner2{display:none;} 
    .banner3{display:none;}
    
    .mbody{ width:999px !important; margin:20px auto 50px;}
    .box340 .panel{width:240px; height: auto; margin: auto; float:left;}
    .box480 .panel{width:480px; height: auto; margin: auto; margin:0 20px; float:left;}
    .box210 .panel{width:210px; height: auto; margin: auto; float:left;}
    
    .col-sm-6 {width: 100%;}
    
	.footer{ width:100%; height:89px; margin:auto; 
				background-image:url('http://cdn.x1cdn.com/gk/dirtyteencelebrities/rwd/join/footer-lg.jpg');
			background-position: top center;		
			background-repeat:no-repeat;
			background-size:contain;	}
}

/* 3 columns */
/* Portrait tablets and medium desktops */
@media (min-width: 1011px) and (max-width: 1330px) {
    .container{ width:998px !important;}
	.banner{ width:100%; height:307px; margin:auto; 
				background-image:url('http://cdn.x1cdn.com/gk/dirtyteencelebrities/rwd/join/banner-md.jpg');
			background-position: top center;		
			background-repeat:no-repeat;
			background-size:contain;	}
 
    .banner2{display:none;} 
    .banner3{display:none;}    
 
    .mbody{ width:950px !important;  }
    .box340 .panel{width:240px; height: auto; margin: auto; float:left;}
    
    .box480 .panel{width:480px; height: auto; margin: auto; margin:0 10px; float:left;}
    .box210 .panel{width:210px; height: auto; margin: auto; float:left;}    
    
    .col-sm-6 {width: 100%;}
    #formbutton {
        margin-top:20px;
        padding-left: 30px;
        width:100%; 
    }
	.footer{ width:100%; height:89px; margin:auto; 
				background-image:url('http://cdn.x1cdn.com/gk/dirtyteencelebrities/rwd/join/footer-md.jpg');
			background-position: top center;		
			background-repeat:no-repeat;
			background-size:contain;	}    
}


/* 2 columns */
/* Portrait tablets and medium desktops */
@media (min-width: 681px) and (max-width: 1010px) {
	.container{ width:675px !important; }
	.banner{ width:100%; height:232px; margin:auto; 
				background-image:url('http://cdn.x1cdn.com/gk/dirtyteencelebrities/rwd/join/banner-sm.jpg');
			background-position: top center;		
			background-repeat:no-repeat;
			background-size:contain;	}
 
    .banner2{display:none;} 
    .banner3{display:none;} 
    .col-xs-12 {
width: 50%;
}
    .mbody{ width:650px !important; }
    .box340 .panel{width:480px; height: auto; margin: auto;  }
    .box480 .panel{width:480px; height: auto; margin:10px auto;}
    .box210 .panel{ display:none;}    
            .mem_opts_4options{border:1px solid #a8a8a8;font-weight:bold;font-size:16px;margin:33px 10px 18px 10px;height:45px;  }
	.footer{ width:100%; height:64px; margin:auto; 
				background-image:url('http://cdn.x1cdn.com/gk/dirtyteencelebrities/rwd/join/footer-sm.jpg');
			background-position: top center;		
			background-repeat:no-repeat;
			background-size:contain;	}       
    .box340 .panel-body{height:auto;}

}


/* 2 columns */
/* Portrait tablets and small desktops */
@media (min-width: 400px) and (max-width: 680px) {
    .borderWrap,.blackWrap{ border:none; 		}	 

    .banner2{ display: block; width:100%; height:auto;}
    .banner3{display:none;}
    .banner{display:none;}
    .mbody{ width:90%!important; }
    .box340 .panel{width:90%; height: auto; margin: auto;  }
    .box480 .panel{width:90%; height: auto; margin:10px auto;}
    .box210 .panel{ display:none;}          
        .box340 .panel-body{height:auto;}
        .col-xs-12 {width: 100%;}
    .hidePrice{display: none;}
        .textToggle1{ display: none; }
    .textToggle2{ display: block; }
#formbutton {
width: 100%;
height: auto;
margin: 20px auto;
text-align: center;
padding-bottom: 8px;
}    
.formoptions {
width: 100%;
font-size: 13px;
font-weight: bold;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
vertical-align: top;
 
}    
          .mem_opts_4options{border:1px solid #a8a8a8;font-weight:bold;font-size:16px;margin:33px 10px 18px 10px;height:45px;  }      
	.footer{ width:100%; height:64px; margin:auto; 
				background-image:url('http://cdn.x1cdn.com/gk/dirtyteencelebrities/rwd/join/footer-sm.jpg');
			background-position: bottom center;		
			background-repeat:no-repeat;
			background-size:contain;	}     
    
    
}

/* 1 column */
 
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 400px) {
	.borderWrap,.blackWrap{ border:none; }
 
    .banner3{ display: block; width:100%; height:auto;}
    .banner2{display:none;}
    .banner{display:none;}
    
    
    .mbody{ width:95% !important;  }
    .box340 .panel{width:95%; height: auto; margin: auto;  }
    .box480 .panel{width:95%; height: auto; margin:10px auto;}
    .box210 .panel{ display:none;}       
    .hidePrice{display: none;}
.box340 .panel-body{height:auto;}
#formbutton {
width: 100%;
height: auto;
margin: 20px auto;
text-align: center;
padding-bottom: 8px;
}        
.best {
background: none;
}
.formoptions {
width: 100%;
font-size: 13px;
font-weight: bold;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top:5px;
vertical-align: top;
 
}    
          .mem_opts_4options{border:1px solid #a8a8a8;font-weight:bold;font-size:16px;margin:33px 10px 18px 10px;height:45px;  }  
        .textToggle1{ display: none; }
    .textToggle2{ display: block; }  
	.footer{ width:100%; height:45px; margin:auto; 
				background-image:url('http://cdn.x1cdn.com/gk/dirtyteencelebrities/rwd/join/footer-xs.jpg');
			background-position: bottom center;		
			background-repeat:no-repeat;
			background-size:contain;	} 
    
}