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

html, body {
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight:400;
	color:#333;
	
	height: 100%;
	margin:0;
	padding:0;
	}
body.bCourse, body.bStandard {background:#eee;}
a {color:#24a85b;text-decoration:none;}
a:hover {color:#2EB644;text-decoration:underline;}
h1, h3, h5 {font-weight:400;}
h2 {font-weight:700;}
h3 {color:#E87800;}
h4 {font-size:18px;font-weight:600;}
h1 {font-weight:300;font-size:28px;}
.stepNum {color:#00A3FF;font-weight:700;text-transform:uppercase;padding-right:15px;}
.medCTA {font-weight:700;}
.text1 {}
.text5 {font-weight:400;font-size:22px;}
.leftBar {}
.text3 {font-size:12px;}
.text4 {font-size:14px;}
.freeText {font-size:14px;}
.orange {color:#E87800;}
input, select {font-size:16px;font-weight:400;padding:5px 15px;margin:5px auto;font-family:'Open Sans', sans-serif;}
button {
	cursor:pointer;
	display:inline;
	color:#fff;
	font-weight:400;
	font-family:'Open Sans', sans-serif;
	font-size:20px;
	border:none;
	border-radius:2px;
	box-shadow: 0px 0px 6px #666;
	text-transform:uppercase;
	height:37px;
	padding:6px 40px 5px 25px;
	background:#00A600 url(../img/btn_course.png) right no-repeat;
	}
button:hover {background:#00A600 url(../img/btn_course2.png) right no-repeat;}
.hRule {height:1px;width:auto;background:#ccc;margin:25px 0;}
th {font-weight:400;padding:12px;}

#nav {float:right;display:inline-block;box-shadow: 0px 0px 6px #333;}
#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	display:block;
	}
#nav li.mobileMenu {display:none;}
#nav li { /* all list items */
	float: left;
	position: relative;
	}
#nav li a {
	background:#333;
	font-weight:400;
	color:#C0DFB1;
	display:block;
	padding:8px 20px;
	text-decoration:none;
	text-transform:uppercase;
	}
#nav li a:hover {
	background:#4C4C4C;
	}
#nav li ul { /* second-level lists */
	-webkit-transition: opacity 0.5s ease-out;
	transition: opacity .5s ease-out;
    opacity: 0; 
    height: 0;
    overflow: hidden;
	position: absolute;
	top: 1em;
	left: 0;
	}
#nav li ul {box-shadow: 0px 0px 6px #333;}
#nav li ul a { 
	width:150px;
	background:#444;
	color:#ccc;
	font-size:13px;
	text-transform:none;
	}
#nav ul li a:hover {
	background:#4C4C4C;
	}
#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	}
#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	opacity: 1;
    height: auto;
	}

.topBar {width:100%;background:#333;color:#eee;text-align:left;padding:8px 0 5px 0;float:left;box-shadow: 0px 0px 6px #333;}
.topBar div.topDMV {
	margin:0 auto;
	padding:0 10px;
	font-weight:200;
	font-size:15px;
	text-transform:uppercase;
	}
.topDefault {max-width:1050px;}
.topCourse {max-width:1250px;}
.login {
	display:inline-block;
	float:right;
	text-align:right;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	max-width:400px;
	}
.container {
	width:95%;
	margin:0 auto;
	padding:0 10px;
	text-align:left;
	max-width:1137px;
	}
.container605 {height:605px;}
.containerFull {height:100%;max-width:1250px;}
.homeMain {
	background: url(../img/Girl_Driving2.jpg) center no-repeat;
	background-size:cover;
	border-bottom:#333 solid 10px;
	}
.logo, .logoAffiliate {height:auto;width:auto;padding:5px;margin:15px 0 0 0;float:left;border-radius:4px;}
.logoAffiliate {background:#fff;padding:5px 15px 0 15px;}
.logo img {padding:0 0 0 0;}
.steps {min-height:125px;}
.steps ul li {padding:45px 0;}
.getStarted {
	float:right;
	margin:120px 20px 0 0;
	max-width:400px;
	}
.bigCTA {
	font-size:42px;
	font-weight:700;
	line-height:50px;
	padding:0;
	color:#fff;
	margin:0 0 20px 0;
	text-shadow: 0px 0px 15px #000;
	}
.CTAButton a, a.courseButton {
	display:inline-block;
	color:#fff;
	padding:10px 20px 0px 20px;
	font-size:20px;
	font-weight:400;
	border-radius:2px;
	box-shadow: 0px 0px 6px #666;
	text-transform:uppercase;
	}
.CTAButton a {
	width:245px;
	height:37px;
	background:#00A600 url(../img/btn_home.png) right no-repeat;
	}
.CTAButton a:hover {text-decoration:none;background:#00A600 url(../img/btn_home2.png) right no-repeat;}
.CTAButton a:visited, a.courseButton:visited {color:#fff;}
.freeText {}
.homeEnroll {
	text-align:left;
	}
.licenseImg {
	position: absolute;
	margin-top: -200px;
	left: 26px;
	top: 629px;
}
.homeEnroll {
	width:95%;
	margin:0 auto;
	padding:15px 0;
	text-align:center;
	max-width:1050px;
	}
.homeEnroll ul li, .topTabs ul li {list-style:none;}
.homeEnroll ul li {padding:10px auto;border:#333;display:block;}
.homeEnroll ul {text-align:left;margin-left:180px;}
.homeMission {
	width:95%;
	max-width:900px;
	height:400px;
	margin:auto;
	padding:25px;
	background:url(../img/home-car.jpg) no-repeat;
	color:#fff;
	background-size:contain;
	text-align:left;
	clear:both;
	}
.homeMission p {
	max-width:400px;
	}
.homeHelp {
	padding:25px 0;
	}
.csTimes {display:inline;}
.homeAffil {padding-top:25px;}
.footer {
	background:#333;
	color:#888;
	padding:15px 0;
	clear:both;
	}
.footer a {color:#ccc;font-weight:300;padding-right:15px;}

.progress {background:#ddd;height:12px;margin-top:38px;}
.progressBar {background:#aaa;height:12px;}
.courseMain {height:100%;}
.siteMain {height:auto;}
.courseMedia {clear:both;float:left;width:100%;background:#fff;text-align:center;}
img.cMediaHalf, .cMediaHalf {display:block;width:44%;max-width:100%;height:100%;float:left;}
.cMediaFull, .cMediaFull {display:block;width:100%;max-width:100%;height:100%;max-height:100%;float:left;}
.cMediaHalf {}
.cMediaFull {height:560px;}
.courseText {display:block;background:#fff;width:50%;float:left;margin:0;padding:3% 3% 150px 3%;text-align:left;}
.siteText {display:block;background:#fff;width:50%;float:left;margin:0;padding:1% 3% 35px 3%;text-align:left;font-size:14px;}
.courseText ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
	}
.courseText ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 15px 0px; /* Give each list item a left margin to make room for the numbers */
    padding:15px 15px 15px 60px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
	border-radius:3px;
	}
.courseText ol > li.qDefault {border:1px solid #ddd;background:#fff;}
.courseText ol > li.qDefault:before {content:counter(li);counter-increment:li;}
.courseText ol > li.qCorrect {border:1px solid #9ED98C;background:#9ED98C;}
.courseText ol > li.qCorrect:before {content:url(../img/check.png);left:-5px;top:3px;}
.courseText ol > li.qWrong {border:1px solid #D70000;color:#D70000;}
.courseText ol > li.qWrong:before {content:url(../img/redx.png);left:-5px;top:3px;}
.courseText ol > li:hover {
	-webkit-transition: background 0.3s ease-out;
	transition: background .5s ease-out;
	background:#eee;
	border:1px solid #ddd;
	cursor:pointer;
	}
.courseText ol > li:before {
    content:counter(li);
	counter-increment:li;
	/* Position and style the number */
    position:absolute;
    top:0px;
    left:0;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    padding:10px 10px 10px 25px;
    font-weight:700;
	font-size:22px;
    text-align:center;
	}
.courseText li ol,
.courseText li ul {margin-top:6px;}
.courseText ol ol li:last-child {margin-bottom:0;}
.courseText input.question {width:100%;}
p.sectionTitle {margin-top:-12px;float:right;font-weight:300;font-size:14px;font-color:#666;}
.courseNav {position:fixed;bottom:0;width:100%;}

.rightContainer {
	margin:0 auto;
	padding:0 30px;
	text-align:right;
	max-width:1250px;
	}
.btnMask {padding:3%;background: url(../img/whiteMask.png) repeat;float:right;}
a.btnBack, a.btnNext {
	float:right;
	height:36px;
	text-decoration:none;
	}
a.btnNext {
	padding:12px 40px 5px 25px;
	background:#00A600 url(../img/btn_course.png) right no-repeat;
	}
a.btnNext:hover {background:#00A600 url(../img/btn_course2.png) right no-repeat;}
a.btnBack {
	padding:12px 25px 5px 40px;
	margin:0 15px 0 0;
	background:#00A600 url(../img/btn_course.png) left no-repeat;
	}
a.btnBack:hover {background:#00A600 url(../img/btn_course2.png) left no-repeat;}


/*  LIGHTBOX  */
.black_overlay{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.50;
    filter: alpha(opacity=50);
}
 
.lightbox {
    display: none;
    position: fixed;
	max-width:700px;
	min-width:320px;
    top: 25%;
    left:25%;
    width: 50%;
    max-height: 50%;
    padding:0;
    background-color: white;
    z-index:1002;
    overflow: auto;
	border-radius:3px;
	box-shadow: 0 0 5px #333;
}
a.btnX {display:block;position:absolute;right:0px;top:0px;z-index:1003;background:#ccc;color:#333;text-decoration:none;padding:3px 10px;font-weight:400;opacity:.8;}
a.btnX:hover {opacity:1;}
.lbContent {text-align:left;padding:5px 35px 10px 35px;}
.stick {
	position:fixed;
	top:0px;
}
div#sticker {
	padding:20px;
	margin:20px 0;
	background:#AAA;
}

.topSpace {margin-top:25px;}
.rightColumn {background:#fff;text-align:left;float:left;width:39%;max-width:100%;padding:0;margin:25px 0 25px 25px;}
.rightBox {border:#ccc solid 1px;border-radius:3px;padding:0 25px 10px 25px;margin:20px 0;}
a.forgot {margin:0 0 0 15px;font-size:13px;}

.error {color:#ED0003;margin:10px 0 0 0;}

.textError {color:#ED0003;}
.textPass {color:#05AB00;}
.indent {margin-left:50px;}

/* CLASSROOM */

td.outlineL, td.outlineR, .cart td {
    border-top:#ccc dotted 1px;
	padding:5px 0;
}
.outlineR {
    text-align: right;
}
.sectionComplete, .sectionIncomplete, .dateComplete, .dateIncomplete {
}
.sectionComplete {
	color: #999999;
	font-weight: bold;
}
.sectionIncomplete {
    font-weight: bold;
}
.dateComplete {
	color: #999999;
	font-size: 80%;
}
.dateComplete a:link, .dateComplete a:visited {
	color: #999999;
	text-decoration: none;
}
.dateIncomplete {
	font-size: 80%;
}
.myOptions {
	margin: 0px 30px 0px 0px;
	float: left;
	position: relative;
}
.outlineTable ul {
    margin: 0px 0px 3px 40px;
	padding: 0;
	list-style:none;
}
.siteText table, .courseText table {width:100%;}

/*  TEST */

.question, .questionL, .questionR {margin:15px 0;}
.question li, .questionL li, .questionR li {list-style:none;padding-left:20px;}
.question li.incorrect {background-image: url(../img/redx.png);background-repeat:no-repeat;background-size:14px;background-position:0 5px;color:#ED0003;}
.question li.correct {color:#05AB00;}


/* table */
.table-fees {
    width: 100%;
    border-collapse: collapse;
}

.table-fees td, .table-fees th {
    border: 1px solid #000;
    padding: 3px 7px 2px 7px;
	font-weight:bold;
	font-size:12px;
}
.table-fees tr:nth-child(even) td{
	background:#9ed134;
}
.table-fees td.month-td{font-size:17px;font-weight:normal;}
.table-bottom-txt{font-size:12px;font-weight:bold;}
.green-btn{
	background: #86c501 url("../img/arrow-right.png") no-repeat scroll right center;
	padding:8px 30px 8px 15px;
	font-size:14px;
	border:0px none;
	border-radius:5px;
	 -webkit-border-radius:5px;
	 -moz-border-radius:5px;
	color:#fff;
}
.green-btn:hover{text-decoration:none;color:#fff;}
.rightBox ul{
	padding:0px;
}
.rightBox ul li{padding-left:0px;}
.green-txt{color:#24a85b;}
.select-dropdown {
    /* Size & position */
    position: relative;
    width: 270px;
    margin: 0px;
    padding: 12px 15px;

    /* Styles */
    background: #e1e1e1;
	border:1px solid #b7b7b7;
    border-radius: 5px;
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	font-weight:bold;
}
.select-dropdown span{float:right;}
.select-dropdown:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #828282 transparent;
}

.select-dropdown .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: #ededed;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Hiding */
    max-height: 0;
    overflow: hidden;
	margin:0px;
}

.select-dropdown .dropdown li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    padding: 5px 10px;
}

.select-dropdown .dropdown li:hover {
	background: #9ed134;
}

.select-dropdown .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px 0;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #e6e8ea;
}

.select-dropdown .dropdown li:last-of-type a {
    border: none;
}

.select-dropdown .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.select-dropdown .dropdown li:hover a {
    color: #57a9d9;
}

/* Active state */

.select-dropdown.active {
    border-radius: 5px 5px 0 0;
    background: #ddd;
    box-shadow: none;
    color: #000;
}

.select-dropdown.active:after {
    border-color: #82d1ff transparent;
}

.select-dropdown.active .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
}

.bSite{
text-align:center;
}
.green-msg{
	color: #24a85b; background: #dff0d8;padding:10px;border: 1px solid #24a85b;
	border-radius:5px;
	 -moz-border-radius:5px;
	 -webkit-border-radius:5px;
}
.red-msg{
	color: #a94442; background: #f2dede;padding:10px;border: 1px solid #a94442;
	border-radius:5px;
	 -moz-border-radius:5px;
	 -webkit-border-radius:5px;
}
.success-msg{
	color: #24a85b; 
	background: #dff0d8;
	padding:10px;
	border: 1px solid #24a85b;
	border-radius:5px;
	 -moz-border-radius:5px;
	 -webkit-border-radius:5px;
}

@media (max-width: 940px)
{
	.homeEnroll ul {margin-left:240px;}
}

@media (max-width: 800px)
{
	.courseMedia {background:none;}
	.courseText, .siteText {width:95%;max-width:none;}
	.leftBar {border-left:none;padding-left:0px;}
	.stepNum {display:none;}
	img.cMediaHalf {width:auto;margin:auto;float:none;}
	video {width:100%;}
	.cMediaHalf {width:100%;}
	.rightColumn {margin:auto;width:95%;float:none;padding:20px;}
	.btnMask {float:left;margin:0 0 0 -13px;}
	.lightbox {
    display: none;
    position: fixed;
	max-width:none;
	min-width:inherit;
	left:2% !important;
	top:2% !important;
    right:2%;
	bottom:auto;
    width:auto;
    max-height:none;}
}

@media (max-width: 520px)
{
	.homeMain {background-size:contain;background-position:0 30px;border:none;}
	.container605 {height:405px;}
	.text5 {font-weight:400;font-size:15px;}
	.leftBar {border-left:none;padding-left:0px;}
	.licenseImg {display:none;}
	.homeEnroll ul {display:none;}
	.CTAButton a {width:225px;}
	.getStarted {float:left;padding:15px 25px;max-width:275px;background:#fff;border-radius:3px;margin-top:25px;}
	.bigCTA {font-size:32px;}
	.homeHelp img {display:none;}
	.homeEnroll ul {text-align:left;padding-left:10px;}
	#nav li {display:none;}
	.homeAbout img.monitor {margin:25px auto 0 auto;float:none;}
	.homeAbout {background:#E5FFDE;padding:15px;}
	.footer a {font-size:13px;}
	input, select {width:90% !important;font-size:14px;}
	.siteText table {margin-top:35px;}
	th {font-size:14px;display:block;position:absolute;margin-top:-30px;}
	td {padding-bottom:30px;}
	.homeAffil img {clear:both;display:block;margin:15px auto;}
	
}

@media print
{
	.topBar, #nav, .footer {display:none;}
	body {font-size:80%;}
	.rightBox {border:none;}
}

@media screen and (min-width:0\0) {  
    /* IE9 and IE10 rule sets go here */  

.logo img {border:none;}

}
.frmpayment input[type="text"], .frmpayment input[type="tel"]{font-size:14px;color:#333;}