/*CTFF14 MOBILE */
@media (max-width: 480px) {
html{}
body { margin: 0;}  
.container{padding: 0; margin: 0;}
#contentBox { margin:0 auto 10px auto; padding: 5px 5px 20px 5px; background:#ffffff; z-index:10; width: 90%;} 
#main2col{width: 98%;}
#main1col {padding: 0; margin: 0!important;}
#main1col .pContent{width: 94%; margin: 0 0 20px 0!important;}
.sContent{width: 94%!important; padding: 0; margin: 10px 0 0 0; clear: both;}
.bContent{width: 100%!important;}

.attendeeDash{ background: #000; color: #fff; min-height: 30px; margin:0 auto; position:relative; padding:0px; text-align:center; max-width:1020px;}
.attendeeDash a{ color: #fff; text-decoration: none; background: none; padding: 0;}
.attendeeDash a:hover{ color: #ff9c00;}
.attendeeDash h3 { font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 20px; padding: 15px 0px 0 0; font-weight: normal!important; }

.pContent .regNow{ text-transform: uppercase; display: block; margin: 0 0 15px 0; padding: 20px; width: 83%; background: #005e9d;}
.pContent .regNow h3{ font-size: 20px;}
.pContent h3 { font-size:24px; line-height:26px; }
.pContent h4 { font-size:18px; line-height:20px; }
.pContent h5 { font-size:16px; line-height:18px; }
.pContent h6 { font-size:14px; line-height:16px; } 
.pContent p{ padding: 0 0px; font-size: 14px;}
  
.bContent .mainReg{ width: 100%;}
.bContent .regNow{padding: 10px 20px; background-attachment: none!important;}
.bContent .regNow{
background-image: url(../img/reg-arrow.png);
background-repeat: no-repeat;
background-position: left top;
}
.bContent .regNow h3{ margin: 0; padding: 0 10px 0 50px; font-size: 32px; color: #cfc8c2; font-weight: normal!important; line-height: 1.1em;}
.bContent .regNow h3 a{ text-decoration: none; padding: 0; margin: 0!important;}
.bContent .regNow h3 a:hover{color: #fff; text-decoration: none;}
.bContent .regNow p{margin: 0;}
.bContent .socialPromo{background: url(../img/social-small-bkgd.png) top left no-repeat;}
.bContent .socialPromo p{ margin: 0;}
#ph_pcontent5_1_dvFacebook, .TwitterButton, .articleFeedback{display: none!important;}
.socialLinks{display:none;}
#footer h3{ font-size: 17px; color: #069; padding: 3px 0 0 0;}

.fContent .blockBox{ width: 80%!important; margin: 0 auto; padding: 20px;}
.fContent #col1, .fContent #col2, .fContent #col3, .fContent #col4, .fContent #col5{ text-align: left; width: 98%; margin: 0 0 10px; float: left; color: #fff; border-bottom: 1px solid #ccc;}          
#footerFeedback{ float: left; width: 100%; margin: 20px 0 0 0;}
#footerAddress { float: left; width: 100%;}
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }

}

/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 600px) {
  .topmenu > ul > li.collapsed { display: inline-block !important; *display: inline; zoom: 1; }
  .topmenu > ul ul li.collapsed { display: block !important; }
}

@media (max-width: 600px) { 
.headWrap{background: none!important;}
.header { padding:0px; background: none; }
.header h1 { font-size: 30px; line-height: 36px;text-align: center; }
.header h1 a span { visibility: hidden; }
.header h1 a { background: transparent url('../img/ct15_logo_small.png') no-repeat 0px 0px; display:block; height:123px; width:290px; text-decoration: none!important;}
.header h1 a:hover { text-decoration:none!important;}
.articleFeedback .intprint a, .articleFeedback .intsend a { font-size:13px !important;}

.topmenu{}
.topmenu > ul { width: 100%; }
.topmenu > ul li a { font-size: 13px; display: block; padding: 5px; text-decoration: none; font-weight: bold;} 
.topmenu > ul li a:hover {color: #ff9c00!important;} 
.topmenu > ul li {display: none;}
.topmenu > ul li.right {float: none;}
.topmenu > ul li.has-sub {position: relative;}
.topmenu > ul li.has-sub ul { display: block; position: static; width: 100%; background: #ffffff; border: 0 none; }
.topmenu > ul li.has-sub ul li { display: block !important; border-bottom: 1px dotted #000;}
  .topmenu > ul li.has-sub ul li a{ color: #666; display: block; padding: 5px 5px 5px 24px; font-weight: normal;}
.topmenu > ul li.has-sub > a { background-image: none;}
  
.topmenu > ul li#responsive-tab { display: block; padding: 12px 15px 11px 15px; }
.topmenu > ul li#responsive-tab a { font-size: 20px; padding: 0; background: url('../img/menu.png') top right no-repeat;}
.topmenu > ul li#responsive-tab a:hover {color: #ff9c00;}
}




@media (max-width: 767px) {
#contentBox { margin:0 auto 10px auto; padding: 5px 5px 20px 5px; background:#ffffff; z-index:10; width: 90%;} 
.pContent {width: 100%; padding: 0 10px!important;}
.sContent {width: 98%!important; padding: 0 10px!important;margin: 20px 0 0 0;}
}

/* tablet landscape */
@media (min-width: 768px) and (max-width: 979px) {
body{ margin-bottom: 0;}
#contentBox { width:100%;}	
#footer .copyright{padding-left: 10px;}
#footer .copyright #col5{ width: 100%; line-height: normal; margin-top: 10px;}
#footer .fContentFeedback {width: 60%; float: left;}
#footer .fContentCopyright {width: 60%; float: left;}
#footer .footerLogo { width: 150px; float: right; margin: 0;}
.pContent { margin:0 0px 0 26px; padding: 0 0 0 10px;}
.pContent h3 { margin:0 0 5px; font-size:24px; line-height:26px;}
.pContent h4 { margin:0 0 5px;	font-size:18px; line-height:20px; }
.pContent h5 { margin:0 0 5px;	font-size:16px; line-height:18px; }
.pContent h6 { margin:0 0 5px; font-size:14px; line-height:16px; }		
.pContent p {font-size:13px !important; }	
.pContent ul li, .pContent ol li{ font-size:12px !important; }
.articleFeedback .intprint a, .articleFeedback .intsend a { font-size:13px !important; }
#contentBox { margin:0 auto 10px auto; padding: 5px 5px 20px 5px; background:#ffffff; z-index:10; width: 90%;} 
#main1col {padding: 0; margin: 0!important;}
#main1col .pContent{width: 94%; margin: 0 0 20px 0!important;}
.container { width: 724px; top:0;}
input, textarea{margin-left: 0;}
}

@media (min-width: 1200px) {
body{ margin-top: 0; padding-top: 0;}
header{ margin-top: 0; padding-top: 0; top: 0px;}
[class*="span"] { float: left; margin-left: 30px; }
input, textarea{ margin-left: 0;}
}

@media (max-width: 1024px) {
header h1 a { margin-left:15px;}                     
}

@media (max-width: 979px) {
body {padding-top: 0;}
h1 {font-size:24px; line-height:26px;} 
}

@media (min-width: 980px) {
}


label { margin-bottom: 5px; float: right;}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
* {background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
*{ font-family: Arial, Helvetica, sans-serif;}

.pContent a, a:visited { text-decoration: underline;}
.pContent a[href]:after {content: " (" attr(href) ")";font-size: 80%;}
.pContent abbr[title]:after { content: " (" attr(title) ")";}
/*
* Don't show links for images, or javascript/internal links
*/

.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

thead {display: table-header-group; /* h5bp.com/t */}
tr, img {page-break-inside: avoid;}
img {max-width: 100% !important;}

@page { margin: 0.5cm; }

header h3{ display: none;}

p, h2, h3 {orphans: 3; widows: 3; }
h2, h3 {page-break-after: avoid; }

.pContent {font-weight: normal!important;}
.pContent h2, h3, h4, h5{font-family: Arial, Helvetica, sans-serif;}
#login{ display: none;}
.topnav{ display: none;}
.heroSlide {display: none!important;}
.rslides{display: none;}
.mainCallout{ border: none;}
.mainCallout ul{list-style: none; font-weight: normal!important;}
.mainCallout li { content: "» ";}
.sContent{display: none;}
.bContent{display: none;}
#footerPartners{display: none;}
#footerFollow{display: none;}
#footerLogo img{ width: 100%; height: 100%; }
.fContent, .topmenu, .sContent, .bContent{ display: none!important;}
}