#container {   
    min-height: 50%;
    margin: 0 auto;
}

a :focus {outline: #000 solid 1px;}
.outline{outline: #000 solid 1px;}  

.logo {margin-top: 10px;}
.header h1 {color: #f78e1e; padding: 0 0 5px 0; line-height: 1;}
.register-link a {background-color:#f78e1e; color:#fff;padding: 4px 10px; position: relative; top:-4px;}

label.text-checkbox {margin: 10px 0 25px 0; color:#717073; line-height: .2em;}
label.text-checkbox span {padding-right: 5px;}
.text-xlarge {font-size:xx-large;}
.text-large {font-size:x-large;}
.text-medium {font-size: medium;}
.text-small {font-size: small;}
.text-xsmall {font-size: .71em;}
.small-caps {font-variant: small-caps;}

.center {margin-left: auto; margin-right: auto;}
.relative {position: relative;}

.margin-top-neg {position: relative; top:-10px;}
.margin-top {margin-top:10px;}
.margin-top-none {margin-top: 0 !important;}
.margin-left {margin-left:10px;}
.margin-left-none {margin-left:0 !important;}
.margin-right {margin-right:10px;}
.margin-bottom {margin-bottom: 10px;}
.margin-bottom-none {margin-bottom: 0 !important;}
.margin-none {margin: 0 !important;}

.padding-left-none {padding-left: 0 !important;}
.padding-right-none {padding-right: 0 !important;}
.padding-bottom-none {padding-bottom: 0 !important;}

.button img {display: inline; position:relative; top: -1px; right: 7px;}
.statelistbutton.small.button {letter-spacing: 1px;}
.homeButtons .button {width: 32%;}
.header {background:url(../../i/usbodybackGray.png) 56% 100% no-repeat;position:relative;bottom:-28px;padding-bottom: 40px;}
.header select {margin-right: 15px;}
#location-found {margin-top: 20px;}
#location-found .button {min-width: 215px;}

.underline {text-decoration: underline !important;}
.TinyText {font-size: 9px;}
.copyorange, h3.copyorange, .lob-color, .landing a .box h3, .panel .lob-color {color: #F78E1E;}
.copygray, .landing a .box p {color: #717073;}
.copylightgray {color: #c3c3c3;}
.copydarkgray {color: #444444 !important;}
.copyblack {color: #333333 !important;}
.copygreen {color: #8cc541;}
.copyblue {color: #009ddc}
.copyred {color: #fd0203;}
.copywhite {color: #ffffff;}
.copyyellow {color: #FFC40C;}
.button.bg-red {background-color: #A11618 !important; border-color:#8C0A0A !important;}
.lob-border {border:1px solid #F78E1E;}
.border {border:1px solid #717174;}
.border-top-none {border-top:none;}
.border-top {border-top: solid 1px #e7e7e7;}
.border-none {border:none !important;}
.border-bottom {border-bottom: 1px dotted #ffffff;padding-bottom: 10px;}

.gradient /* from top to bottom - light gray to slightly darker gray */ 
{
    width:100%;
    background: #f7f7f7;
    background: -moz-linear-gradient(top, #fbfbfb, #eeeeee);
    background: -o-linear-gradient(top, #fbfbfb, #eeeeee);
    background: -webkit-gradient( linear, 0 40%, 0 100%, from(#fbfbfb), to(#eeeeee) ); 
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#fbfbfb, 
                endColorstr=#eeeeee, 
                GradientType=0); 
    padding: 10px 0 15px 0;
}

.gradientwhite /* from top to bottom - light gray to white */ 
{
    width:100%;
    background: #efefef;
    background: -moz-linear-gradient(top, #efefef, #ffffff);
    background: -o-linear-gradient(top, #efefef, #ffffff);
    background: -webkit-gradient( linear, 0 40%, 0 100%, from(#efefef), to(#ffffff) ); 
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#efefef, 
                endColorstr=#ffffff, 
                GradientType=0); 
    padding: 10px 0 15px 0;
}

.header {margin-top:50px;}
.header h2 {color: #444444; font-size: 1.2em;font-weight: 400;letter-spacing: -1px; position: relative; top: -15px;}
.rounded {
         -o-border-radius: 5px;
        -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px; 
            border-radius: 5px;
}
.box { /* This box should do for most of our separation, with State-specific items as a possible exception */
    background: rgb(240,240,240); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(230,231,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(230,231,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e7e8',GradientType=0 ); /* IE6-9 */
    overflow:hidden;
    margin:.5em 0 0 0 !important;
    border:solid 1px #d9d9d9; /* 0.0625 X 16 = 1px    X 2 (top and bottom) */
    padding:0.6875em; /* 16 X 0.6875 = 11px   X 2 (top and bottom) = 22 + 2 pixel border = 24px */
} 
.box h3 {margin:0; line-height: 1.3em; font-size: .84em;}
.box > h3 {padding-bottom: 10px;}
.box + p, .box + ul, .button + h3, .box + h3 {margin-top: 15px;}
.landing .box {min-height: 91px;}
.landing.row a .columns {padding-right: 0; padding-left:.5em;}
.landing.row {padding-left: .5em; padding-right: 1em;}
.landing a .box {margin-top: .5em; padding: .6875em .6875em 0 0; background: #ffffff; border-bottom: 3px solid #dcdcdc;}
a .box:hover,a .box:focus, a:focus .box {background:#e7e7e7;filter:none;cursor:hand;} 
a:focus .box p {text-decoration: underline;}  
.landing {padding-bottom: 15px;}

/* USA Banner styles */
.banner {background:url(../../i/usbodybackGray.png) 56% 100% no-repeat !important;position:relative;bottom:-28px;}
.banner {margin-top: 60px;padding-bottom: 95px;}
.banner h1 {color: #f78e1e; letter-spacing: -2px; line-height: 1; padding: 0;}
.banner h1 sup {padding-left:2px;}
.banner h2 {font-size: 18px;}
.banner h3 {margin-top:25px;}
.banner .cost h3 {font-size: 2em;margin-top: 28px;}
.banner .button {margin: 20px 0 5px 0;}
.banner .button span {font-size: small; font-weight: normal; position:relative; top:2px;}
.banner p {margin-bottom: 0;}

/*  styles for new landing page regulations text box   */
.banner .box {background: rgba(255, 255, 255, 0.5); filter: alpha(opacity=60); margin-top:0;}
.banner .box h3 {margin-top: 0.2em; margin-bottom: 0.5em; font-size: inherit;}
.banner.unapprovedStateHeader h1 {margin-bottom: 0;}
.banner.unapprovedStateHeader p {margin-top: 20px;}
/* end banner styles */

/* USA Landing page styles  */
.statelanding .panel {margin-bottom: 0;}
.statelanding .gradient {padding: 50px 0 50px 0;}   
.statelanding h2 {line-height: 1.2em; padding-bottom: 8px;}
/*.statelanding h2 + .row .columns:first-child {padding-left: 0 !important;}*/
.statelanding address {font-size: .875em; font-style:normal; line-height:1.55;}
.statelanding .demos img {
	-moz-transition: opacity 0.5s ease-in-out 0s;
 -webkit-transition: opacity 0.5s ease-in-out 0s;  
     -ms-transition: opacity 0.5s ease-in-out 0s;  
      -o-transition: opacity 0.5s ease-in-out 0s; 
         transition: opacity 0.5s ease-in-out 0s; 
         border: 0;
}

.statelanding .demos img:hover, .statelanding .demos img:focus {
	opacity: .75;
	filter:alpha(opacity=75); /* For IE8 and earlier */ 
	cursor: pointer;	
}

.statelanding .orangebar, .graybar { 
	padding: 13px 0 20px 0;
}
.orangebar {background-color: #f78e1e;}
.graybar {background-color: #717174;}
.statelanding .orangebar .button {margin-bottom: 0;position: relative; top: 9px;}
.statelanding .orangebar p {font-size: 1.25em; color: #ffffff;position:relative; top: 22px;}
.statelanding .hexSteps h3 {padding-bottom: 10px;} 
.statelanding .hexSteps p {line-height: 1.35em;}
.statelanding .hexteps.panel {border-top: none;}
/*.statelanding .hexteps img {margin-bottom: 15px;}*/
.statelanding .border-top {border-top: solid 1px #cccccc;}
.statelanding .accredits img {margin-left:auto; margin-right:auto;}

.panel-white {padding: 0 0.938em .4em 0.938em; background-color: #ffffff;}

.seo-text .panel {padding-top: 30px;}

/* end landing page styles */

/* Media Block [ image with text floated next to it ] */
.mediaBlock {margin:10px 0 5px 0;}
.mediaBlock, .copy {overflow:hidden; _overflow:visible; zoom:1;}
.mediaBlock .copy p { margin-top: 0;}
.mediaBlock .img {float:left; margin-right: 10px;}
.mediaBlock .img img{display:block;}
.mediaBlock .imgExtra{float:right; margin-left: 10px;}
    
/* end media block */

/*************************************/
/*     Location Dropdown  Styles    */
/***********************************/

#country-open img, #country-close img {position:relative; top:-2px;}
#country-dropdown {   
    position:fixed;
    width:100%;
    top:3em;
    z-index:910;
}
#country-dropdown img {margin-top:4px;}
#country-dropdown ul {background: #fff; width: 145px;float:right;padding:20px;border-left: 1px solid #efefef;border-right: 1px solid #efefef;border-bottom: 1px solid #efefef;}
#country-dropdown a:link, #country-dropdown a:visited {color:#f78e1e;}
#country-dropdown a:hover  {color:#000;}

#small-dropdown-closed, #small-dropdown-usa, #small-dropdown-canada {
	border-top: solid 1px #58585a;
    background: #58585a;
    padding: 10px 0;
}
#small-dropdown-usa, #small-dropdown-canada {padding-bottom: 0; padding-top: 20px; position: fixed; bottom: 0px; width: 100%;}
#small-dropdown-closed {cursor:pointer; padding-right: 20px;clear: both; position:relative;}
#small-dropdown-closed h4 {color: #d0d0d2;}

/*  end Location Dropdown styles  */

/* Specific to the new menu */
.menubar {
	position: fixed;
	top: 0;
	left:0;
	height:3.1em;
	width:100%;            
	background: #ffffff;
	z-index: 900;
}
.menubar ul li {display: inline; font-size: small;}
.menubar ul {margin-top: 20px; line-height: 1.1em;font-weight:bold; overflow: visible;}
.menubar img {padding-top: 4px;}
.clickplay {position:absolute; top: -40px; left: -125px;}
.mobile-register {
	background: #6fb352; 
	border-right:2px solid #fff;
	}
.login-register {display: block;border-bottom: 1px dotted #ffffff;background: #f78e1e;border-top: 1px dotted #ffffff;}
.login-register p {padding-top: 10px; padding-bottom: 10px;margin-bottom: 0;}
.login-register a {display: block;}

hr.show-for-medium, hr.show-for-small {border-top: 1px dotted #ffffff;}


/*end new menu */

/*******************************************/
/*     Secondary Page & Sidebar Styles    */
/*****************************************/

.secondary-page-header {
    background: #f78e1e;
    width: 100%;
    top:49px !important;margin-bottom:72px;
    position:relative;
}

.secondary-page-header h1 {font-size: 2.25em; margin: .3em 0;color: #ffffff;}
.secondary-page {margin-bottom: 12px;}

/* Different item types for the sidebars, these can be reused.*/
.sidebarlinks, .sidebarblog {	 	
	background: -moz-linear-gradient(left,  rgba(244,244,244,0.65) 0%, rgba(244,244,244,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(244,244,244,0.65)), color-stop(100%,rgba(244,244,244,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(244,244,244,0.65) 0%,rgba(244,244,244,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(244,244,244,0.65) 0%,rgba(244,244,244,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(244,244,244,0.65) 0%,rgba(244,244,244,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(244,244,244,0.65) 0%,rgba(244,244,244,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6f4f4f4', endColorstr='#00f4f4f4',GradientType=1 ); /* IE6-9 */
}
.sidebarlinks ul {list-style:none; margin:0.75em auto;}
.sidebarlinks li {border-top:solid 1px #fff; border-left: 1px solid #f1f1f1; border-bottom:solid 1px #e7e7e7;}
.sidebarlinks li.active {background-color:#fff;}
.sidebarlinks a {display:block; padding:1.07em 1.07em 1.07em 40px;}
.sidebarlinks a:hover, .sidebarlinks a:focus {background-color:#f4f4f4;}
.sidebarlinks li.active a:hover{color: #f78e1e;background-color:#fff;cursor:default;}
#sidebar ul li:last-child {
	border-bottom:solid 1px #fff;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#sidebar ul li:first-child {
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.arrowbullet a {background: url(../../../all/i/Add.png) no-repeat 11px 51%;}
.checkbullet li {background: url(../../../all/i/check.png) no-repeat 5% 15px;}

.sidebarblog {padding: 0 1em;}

/* end secondary page & sidebar styles */

/*  Styling for Facebook & social media Btn Integration */

.facebookBtn {
	background: #5b74a8 url(../../../all/i/facebook.jpg) 0 0 no-repeat;
	height: 22px; 
	padding-left: 25px;
	color: #fff !important;
	border: none !important;
	font: "lucida grande",tahoma,verdana,arial,sans-serif;
	border: 1px solid #1A356E !important;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
	position: relative;
}
.facebookBtn span {position: relative; top: 4px;padding: 3px 10px;}

.facebookBtn, .twitter-share-button, #google {float:left;}
.twitter-share-button {position: relative; left: 17px; top: 3px;}
#google {position:relative; top:3px;}
.socialmedia {padding: 17px 0 15px 0;}

/******************************/
/*     CDE Footer  Styles    */
/****************************/
#cde-footer {background: #707073;height: 250px;}
#cde-footer img {padding: 25px 0;}

/**************************/
/*     Footer  Styles    */
/************************/
.bg-medium-gray {padding-top:8px;}

.footer-content li {border-bottom: 1px dotted #ffffff;padding: 10px 0;display:block}
.footer-content {color: #ffffff;padding: 8px 0 10px 0;background: #f78e1e;}
.footer-state-list ul {border-top: 1px dotted #999;padding-top:15px;}
.footer-state-list li {display: inline-block;zoom: 1;*display: inline; padding: 5px 10px 5px 0;}
.footer-state-list li a:link, .footer-state-list li a:visited {color:#717174;}

.footer h2 {font-size:.875em; color: #ffffff;}
.footer h3 {font-size:1.065em; color: #ffffff;}
.footer ul, .footer p {
    line-height:1.5;}
  
.footer-content a:link, .footer-content a:visited, .login-register a:link, .login-register a:visited, a#top {color: #fff; font-weight: bold;}
.footer a:hover, .footer a:focus {color:#002f45;}
/*.footer a:active, .footer a:focus {outline:none;}*/
.footer .socialMedia a {float: left;}
.footer .socialMedia img {float:left; margin: 7px 10px 10px 0; border:none; opacity: 1; -webkit-transition: all .5s ease-in-out; -moz-transition: opacity .5s ease-in-out;-o-transition-delay: all .5s ease-in-out;transition: all .5s ease-in-out;-ms-filter:"alpha(opacity=100)";filter: alpha(opacity=100);}
.footer .socialMedia img:hover,.footer .socialMedia img:focus,.subFooter img:hover,.subFooter img:focus {opacity: 0.7;-ms-filter:"alpha(opacity=70)";filter: alpha(opacity=70);}

.breadcrumb-country-nav-container li a:link, .breadcrumb-country-nav-container li a:visited, #scroll-to-nav, #scroll-to-top, #scroll-to-top:focus, #nav-open, #nav-close {color:#f78e1e;}      
.breadcrumb-country-nav-container li a:hover, a#scroll-to-nav:hover, a#scroll-to-top:hover, .footer-state-list li a:hover, .bg-mobile-white a:hover, a#nav-open:hover, a#nav-close:hover {color:#222222 !important;}
        
/*#scroll-to-nav, #scroll-to-top {padding-left: 20px;}*/
.sub-footer {
	padding-top:20px;
	position: relative;
	background: #ffffff;
}
.sub-footer img {padding-top:2px;}
	    
.breadcrumb-country-nav-container {
	background: #fff;   
	padding-top: 15px;      
	border-top: 1px solid #e7e7e7;}

#breadcrumb ol, #country-nav ol {font-weight:bold; font-size: 0.750em; margin-bottom: .750rem; margin-left:0;}
#breadcrumb i {margin-right:5px;}
#breadcrumb a {text-decoration:underline;}
#breadcrumb {text-transform:uppercase;}
#breadcrumb li, #country-nav li {display: inline-block;zoom: 1;*display: inline;}
#breadcrumb li {padding: 0 10px 0 0;}
#country-nav, #scroll-to-nav, #scroll-to-top, #top, #nav-open, #nav-close {cursor:pointer;}
#country-nav img {display:inline;width:18px; height:12px; margin:0 8px;}

#nav-dropdown {
    background: #707073;
    position:fixed;
    width:100%;
    top:3em;
    z-index:900;
}
#nav-dropdown ul {float:right; margin-top:0; padding: 5px 0px 7px 0;}
#nav-dropdown li {list-style-type: none;display:inline; padding-left:8px;}
#nav-dropdown li a:link, #nav-dropdown li a:visited {color:#fff; position:relative; top:1px; font-weight:bold;}
#nav-dropdown li a:hover  {color:#000;}

/* end footer page styles */

.drop-shadow {
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	   -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);	
}

/*  For HEX skip navigation link 508 compliance */
.skipnav a {position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; color:#333;text-decoration:underline;}
.skipnav a:focus, .skipnav a:active {position: fixed; top:4px; left:4px;background:#8CC541;padding:10px 15px;width: auto; height: auto; overflow: visible; text-decoration: underline;z-index: 9999;}

/*Login Page Image */
.loginImage {
    background: url(../../i/loginHunter.jpg) no-repeat;
    width: 219px;
    height: 315px;
    margin: 10px 0 0 100px;     
}

/*Error Page Image */
.errorPageImage {
    background: url(../i/404Hunter.jpg) no-repeat;
    width: 100%;
    height: 380px;
 
}

/* Orange Box mostly used on non approved state/province landing pages */
.orangebox h3, clearbox h3 {margin:0 0 12px 0;}
.clearbox {
    margin:1em 0 1em 0;
    padding:1em .8em 0 0;  
}
.orangebox {
    background: #FEF5EB;
    width: auto;
    min-height:200px;
    overflow:hidden;
    margin:1em 0 1em 0;
    border:solid 1px #FCD7B0; /* 0.0625 X 16 = 1px    X 2 (top and bottom) */
    padding:1em 1em 0; /* 16 X 0.6875 = 11px   X 2 (top and bottom) = 22 + 2 pixel border = 24px */ 
    -moz-box-shadow:2px 4px 5px #e2e2e2;
    -webkit-box-shadow:2px 4px 5px #e2e2e2;
    box-shadow:2px 4px 5px #e2e2e2;       
}
.orangebox img {max-width:100%;} 
.orangebox .mediaBlock, .clearbox .mediaBlock {margin: 0 0 12px 0;}
#fancybox-overlay {position: absolute !important; top: -180px !important;}

/* For Hunter FAQ page skip to question */
.secondary-page :target:before {
    content: "";
    display: inline-block;
    height: 90px;
    margin: -10px 0 0;
}

/* temp styles for hunter landing page orange bar banner promo */
.header .orangebarpromo {margin-top:0;}
.orangebarpromo {background-color: #f78e1e;margin-bottom: 27px; margin-top: -38px; padding: 25px 0 8px 0;}
.orangebarpromo h3 {margin: 0;}
.orangebarpromo p {font-size: .78em;margin-bottom: 4px;}
.orangebarpromo img {margin-top:2px;}

/*  CDE page error icon styles */
#cde-course .fa-exclamation-triangle, #cde-course .fa-check-circle, #cde-course .fa-question-circle {float: right; margin-top:10px;}
.error .fa-exclamation-triangle {margin-top: 7px !important;}
#middleName_icon.fa, #nameSuffix_icon.fa {float: none; margin-left: 15px;}
.details-page input[type="text"], .details-page input[type="password"], .details-page input[type="date"], 
.details-page input[type="datetime"], .details-page input[type="datetime-local"], .details-page input[type="month"], 
.details-page input[type="week"], .details-page input[type="email"], .details-page input[type="number"], 
.details-page input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, 
.details-page select {width:auto;}

/* error message styles */
.text-error {font-size: .750em; line-height: 1.5; margin:0 0 1em 0; color: #fd0203; position: relative; top: -.5em;}
.text-warning {background-color: #f78e1e; padding: 1.275em;}
.text-warning a {color: #fff; font-weight: bold;}
.text-warning a:hover {color: #222;}
h2.text-warning {font-size: .750em;}
.width90 {width: 90% !important;}
.width80 {width: 79% !important;}

/* styles for new responsive cde pages - thank you, reg, login, details, cart, checkout  */
.thank-you, .reg-page, .login-page, .details-page, .cart-page {padding-top: 72px;}
.thank-you h1 {color:#f78e1e; margin-bottom: 0;}
.details-page .graybar {padding: 15px 10px;}
.details-page .graybar p, .details-page .info-safe {line-height: 1.2;}
.details-page .panel {padding: 15px 10px;}
.details-page label {font-weight:bold;}
#viewPanel.details-page .panel label {margin-top: 10px;}
#editPanel span.error {margin-bottom: 15px !important;}
.details-page .panel input {margin-bottom: 0;}
#cartContainer {margin-top:20px;}
.cart-page #cartContainer table tr.even, .cart-page #cartContainer table tr.alt, 
.cart-page #cartContainer table tr:nth-of-type(2n) {background: none;}
.cart-page #cartContainer table {border-color: #717174;}
.cart-page #cartContainer table > tbody > tr:last-child {background:#717174;}
.cart-page #cartContainer table > tbody > tr:last-child td {color:White;}
.cart-page #cartContainer table td {
    max-width:330px;
    overflow:hidden;
    white-space:nowrap;
    text-align:right;
}
.cart-page #cartContainer table td:first-child:after {
    content:" ..........................................................................................................................."
}
.interac-icon img, .check-icon img {position:relative; top: 2px;}
.cart-page .alert-box {padding: .5rem .5rem .5rem .985rem;}
.cart-page .alert-box p {margin-bottom: 0;}
.cart-page .alert-box span {font-size: .8em;}
/* close responsive cde page styles */

/* override styles for radio & checkbox alignment */
.radio,
.checkbox {
  margin-left: 15px;
}

.radio label,
.checkbox label {
  padding-bottom: 10px;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float:left;
  margin-top:5px !important;
  margin-left: -15px;
}
/* close radio & checkbox styles */

.button-flat {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  background-color: #6fb352;
  border-color: #619e4f;
  border-bottom-width: 3px;
  color: white;
  transition: background-color 300ms ease-out; }
  .button-flat:hover, .button-flat:focus {
    background-color: #569643; }
  .button-flat:hover, .button-flat:focus {
    color: white; }
    
    .button-flat.full-width, .full-width {width: 100%;}
    
 /* New Video API toolbar input button styles   */
 .faeToolbar .button {
  border-style: solid;border-width: 0px;cursor: pointer;font-weight: normal;line-height: normal; margin: 0 0 1.25rem;
	position: relative;text-decoration: none;text-align: center;
	  -webkit-appearance: none;
	  -webkit-border-radius: 0;
	  display: inline-block;
	  padding: 2px 0;
	  width: 49px;
	  background-color: #626264;
	  border: 1px solid #424242 !important;
	  color: #ffffff !important;
	  font-size: .95em !important;
	  transition: background-color 300ms ease-out;
}

.faeToolbar .button:hover, .faeToolbar .button:focus {
    background-color: #111;color: white;
}

.faeToolbar {padding-right:30px;}

.banner .flex-video.widescreen {padding-bottom: 51.5%;}
.banner .faeToolbar, .statelanding .faeToolbar {margin: 12px -22px 0 8px;}
  
/* override styles for modal popup */
#fallPromo h2 {font-size: 2.8em;text-shadow: -1px 1px 4px rgba(150, 150, 150, .8); line-height: 1.1;}
#fallPromo h2 span {font-size: 1em;}
/*#fallPromo h2 {font-size: 3.2em;text-shadow: -1px 1px 4px rgba(150, 150, 150, .8); line-height: 1;}
#fallPromo h2 span {font-size: .735em;}*/
.reveal-modal {background-color: #f78e1e; border-color: #fff;z-index: 902; color:#fff;}
.reveal-modal h3, .reveal-modal h2 {color: #fff;}
.reveal-modal-bg {background: rgba(255, 255, 255, 0.75); z-index:901;}

.vidToolbar.reveal-modal {background-color:#fff !important;}
/*close override */

img.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }
    
a.contrast-toggle-on .icon-adjust, a.contrast-toggle-on .fa-adjust {color: #B05E06;}
a.contrast-toggle-off .icon-adjust, a.contrast-toggle-off .fa-adjust {color: #f78e1e !important;}
a .icon-adjust:hover, a .fa-adjust:hover  {color: #333;}

/* bug fix for clearing content after closed grid */
.row + h2, .row + h3, .row + p, .row + ul, .row + ol, .row + div {clear: both !important;}

@media only screen and (min-width: 40.063em) and (max-width: 64.063em) {
	.landing {padding-bottom: 40px !important;}
	.bg-medium-white {background: #ffffff !important;color: #717073;padding: 15px 0 2px 0;}
	.bg-medium-gray {background: #E7E7E7 !important;color: #717073;}
	.footer-content .bg-medium-gray li {border-bottom: 1px dotted #999 !important;}	
	.bg-medium-gray a:link, .bg-medium-gray a:visited, .bg-medium-gray #top, .bg-medium-gray u {color:#717174 !important;}
	.bg-medium gray a:hover {color: #f78e1e !important;}
	.footer .socialMedia img {padding-bottom: 15px;}
	.secondary-page-header h1 {font-size: 1.8em !important;}
}

@media only screen and (max-width: 64.063em) {
	.homeButtons .button {width: 49% !important;}
	/*.statelanding .row .row .column, .statelanding .row .row .columns, .hexSteps .row .columns {padding-left:0;}*/
	.statelanding .orangebar p {font-size: .8em !important;top: 26px !important;}
	.statelanding .orangebar .button {font-size: 1.1em;}
	.header {background: none !important;}
	.header h2 span {display:none;}
	#container {margin: 0;}
	/*.footer, .clearfooter {height: 0 !important;}*/
	#sidebar.columns {padding-left: 0; padding-right: 0;}
	.footer .medium-6 .push-left {position:relative; left:13px;}
	.footer-content {padding-bottom: 0 !important; padding-top: 0 !important;}
	.sub-footer {padding-bottom:5px;}
	.statelanding .panel {padding-left: 0; padding-right:0;}
	.row {max-width: 64.063rem;}
    .flex-video.practice-quiz {height:780px;}
}

@media only screen and (max-width: 40.060em) {
	 /* Miscellaneous added by web--- */	
 body {background:url("") !important;}
 .header {margin-top:5px !important;}	
 .header h1 {font-size: 1.5em;}	
 .homeButtons .button, .button {width: 100% !important;}
 .banner .faeToolbar .button, .statelanding .faeToolbar .button, .header .faeToolbar .button {width:49px !important;}
.banner .faeToolbar, .statelanding .faeToolbar, .header .faeToolbar {margin: 12px -30px 0 0;}
.left, .right { float: none; }	
#progress-bar-toggle .right {float:right;}
.landing .box {min-height: 90px !important;}
.landing a img {margin-top: 0 !important;}
.secondary-page-header h1 {font-size: 1.5em !important;}
.statelistbutton.large.button {margin-top: 0;}
#nav .columns {padding-left: 0; padding-right: 0;}
#nav li, #nav p, #nav h2 {display:block; padding-right: 0.9375rem; padding-left: 0.9375rem;}
#nav #breadcrumb li {display: inline !important; padding: 0 0 0 .2rem;}
#nav #breadcrumb ol {margin-left:10px;}
#nav img {display:block;}
.sub-footer img {padding-bottom:20px;}
.navmenu .inline-list {float:right;}
.bg-mobile-white {background: #ffffff;color: #717073;padding: 15px 0 2px 0;border-bottom: 1px solid #e7e7e7;}
.footer ul {margin-bottom: 0;}
.small-block-grid-1, medium-block-grid-3, .large-block-grid-3 {margin:0;}
.bg-mobile-white a:link, .bg-mobile-white a:visited, a#top {color:#f78e1e !important;}
.footer .medium-6 .push-left {left:0;top:7px;}
.footer .socialMedia {padding-left: 10px;}	
.statelanding .orangebar .text-right, .orangebar .text-left {text-align: center;}
.statelanding .orangebar p {text-align: center; top: 15px !important;}
.bg-mobile-white .right {float:left !important;}
form .row .row, form .row .row .row {margin-right: 0;margin-left:0;}
form .row .row .column, form .row .row .columns {padding-left:0; padding-right: 0;}
.statelanding .gradient {border-bottom: solid 1px #e1e1e1; padding: 25px 0 15px 0;}
.statelanding .hexSteps img {padding-bottom: 10px;}
.thank-you, .reg-page, .login-page, .details-page, .cart-page {padding-top: 15px;}
.banner {margin-top:35px;}
label.text-checkbox {line-height: 1.5em;}
.cart-page #cartContainer table td {max-width:200px;}
.flex-video.practice-quiz {height:1500px;}
/* close miscellaneous added by web--- */
}

@media only screen and (max-width: 90.063em) {
	#large-dropdown-usa, #large-dropdown-canada {right:0; margin-right:19px;}	
}

@media only screen and (min-width: 40.063em) {
/* Styles for sticky footer */
  #container {margin-bottom: -501px !important;}
  .clearfooter {height: 501px !important;}
  .footer {
	height: 500px !important; /* for docking footer at bottom of page */
	position: relative !important; /* for docking footer at bottom of page */}	
/* End sticky footer */	
}