html { background-color: #fff; margin: 0; padding: 0; height: 100%; } body { font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; letter-spacing: -0.25px; color: #000; margin: 0; padding: 0; min-width: 800px; max-width: 1600px; position: relative; height: 100%; background-color: #2f2f2f; } body * { margin: 0; padding: 0; } a { text-decoration: none; color:#ddfe03; } a:hover { text-decoration: underline; } a:visited { } a:active { } img { border: none;} img.noborder { border: none;} .nodisplay { display: none !important; } .nowrap { white-space: nowrap; } .center { text-align: center; width: 100%; } br.clear { clear: both; } body { width: 1000px; margin: 0 auto; } body.popup { min-width: 350px; width: 100%; } #top { height: 70px; width: 1000px; background-color: #fff; } #main { min-height: 500px; width: 1000px; background-image: url(https://nsc-cache.global.ssl.fastly.net/officialdmv/images/road.jpg); background-position: 50% 0; background-repeat: no-repeat; background-attachment: fixed; background-size: auto; } .page_home #main { background-size: auto; } #footer { height: 190px; width: 1000px; } #top #logo { float: left; margin: 10px 0 0 0; } #top #logo a { } #top #logo a:hover { } #top #logo small.disclaimer { display: block; color: #888; font-size: 10px; text-align: right; } #top #logo small.disclaimer a { color: #888; text-decoration: underline; } ul.nav { list-style: none; float: right; margin: 30px 0 0 0; } ul.nav li { border: 1px solid #ccc; border-width: 0 0 0 1px; line-height: 1em; display: inline-block; } ul.nav li.first { border-left-width: 0; } ul.nav li a { float: left; color: #a09d9d; padding: 0 6px; } ul.nav li a span { } .page_home li.nav_home a, .page_prep li.nav_prep a, .page_wheel li.nav_wheel a, .page_contact li.nav_contact a, .page_parents li.nav_parents a, ul.nav li a:hover { color: #6e6e6e; text-decoration: none; } .page_home li.nav_home a span, .page_prep li.nav_prep a span, .page_wheel li.nav_wheel a span, .page_contact li.nav_contact a span, .page_parents li.nav_parents a span, ul.nav li a:hover span { border-bottom: 3px solid #02cffb; } #main .tab { width:232px; height: 40px; background: #02ccf7; margin-left: 40px; -moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius: 0 0 10px 10px; } .rgba #main .tab { -moz-box-shadow:0px 2px 3px rgba(0,0,0,0.65);-webkit-box-shadow:0px 2px 3px rgba(0,0,0,0.65);box-shadow:0px 2px 3px rgba(0,0,0,0.65); } #main .tab form { padding: 8px 20px 20px; } #main .tab form label { display: none; } #main .tab form select { float: left; width: 160px; padding: 0; border: none; font-size: 12px;} #main .tab form button { float: left; margin-left: 10px; } .page_didyouknow #main .tab { display: none; } .page_didyouknow #content .title { margin-bottom: 0; } #wrapper { background:url(https://nsc-cache.global.ssl.fastly.net/officialdmv/images/bg.60.png) 0 0 repeat; float: left; margin: 40px 0 80px; width: 100%; } .rgba #wrapper { background: rgba(0,0,0,0.4); } #content { float: left; color: #fff; padding: 30px 80px; margin: 0; text-shadow: 1px 1px 0px #000; } #content .title { float: left; width: 100%; margin-bottom: 20px; } #content .left { clear: left; float: left; margin: 0; max-width: 700px; min-width: 400px; width: 66%; } #content .right { float: right; margin: 0; max-width: 200px; width: 20%; min-width: 180px; padding-left: 20px; border-left: 1px solid #888; min-height: 300px; } .rgba #content .right { border-left: 1px solid rgba(255,255,255,0.3); } #content h1 { font-size: 38px; font-weight: bold; letter-spacing: -2px; line-height: 1em; display: inline; } .page_wheel #content h1 { font-size: 33px; } #content h2 { font-size: 20px; font-weight: normal; letter-spacing: -1px; color: #ddfe03; line-height: 1em; display: inline; padding-left: 1em; } #content .left h1 { margin: 0 0 0 -0.15em; } #content .left h2 { margin: 0 0 0 -1.2em; } #content p { font-size: 14px; line-height: 1.2em; padding: 0.35em 0; letter-spacing: 0px; } #content .right p { font-size: 13px; } #content li { font-size: 14px; letter-spacing: 0px; font-weight: bold; } #content .button { margin-bottom: 1em; } #content .prep { float: left; width: 100%; margin-bottom: 20px; } #content .prep h2 { font-size: 20px; font-weight: normal; letter-spacing: -1px; color: #ddfe03; line-height: 1em; display: inline; padding-left: 2px; } #content ul.nav { list-style:none; float: none; margin: 0 0 30px; max-width: 100%; width: 170px; } #content ul.nav li { display: block; line-height: 1.25em; padding: 4px; width: 100%; border-width: 1px 0 0; border-color: #444; } #content ul.nav li.last { border-bottom-width: 1px; } #content ul.nav li a { float: none; font-size: 15px; color: #02ccf7; padding: 0; } #content ul.nav li a:hover { } #content ul { list-style: square; margin: 10px 20px; padding: 0; } .generatedcontent #content ul:not(.nav):not(.items) { list-style: none; } .generatedcontent #content ul:not(.nav):not(.items) li { text-indent: -12px; } .generatedcontent #content ul:not(.nav):not(.items) li:before { content: "\25aa"; color: #ddfe03; padding-right: 4px; font-size: 1.25em; } #content ul.menu { font-size: 120%; } #content ul.menu li { } #content ul.menu li a { color: #fff; } #content ul.menu li a span.arrow { color: #ddfe03; padding-left: 5px; } #content ul.menu li a:hover { color: #ddfe03; } #content .box { background: url(https://nsc-cache.global.ssl.fastly.net/officialdmv/images/green.png); -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; padding: 20px 30px; margin: 1em 0; border: 1px solid #f2fda1; } .rgba #content .box { background: rgba(221,254,3,0.25); border: 1px solid rgba(255,255,255,0.3); } #content .box h2 { padding: 0; font-weight: bold; font-size: 17px; } #content .box.blue { background: url(https://nsc-cache.global.ssl.fastly.net/officialdmv/images/blue.png); border: 1px solid #02ccf7; } .rgba #content .box.blue { background: rgba(2,204,247,0.25); border: 1px solid rgba(255,255,255,0.3); } #content .box.blue h2 { color: #02ccf7; } #content .box.blue h3 { color: #02ccf7; } .generatedcontent #content .blue ul:not(.nav) li:before { color: #02ccf7; } .box.unfold { display: block; } .box.collapse { display: none; } #content .testimonial { clear: left; padding: 0 50px 0 0; margin: 20px 0; min-height: 100px; } #content .testimonial img { float: left; padding: 0 20px 10px 0; } #content .testimonial p { font-style: italic; padding: 0.5em 0; } #content .testimonial p.author { font-weight: bold; font-style: normal; padding-top: 0; } #content ul.items { list-style: none; margin: 10px; padding: 10px; text-align:center; } #content ul.items li { display: inline-block; min-width: 200px; width: auto; text-indent: none; margin: 2px 3px 25px 5px; text-align: center; } .generatedcontent #content ul.items li:before { content: none !important; } #content ul.items li > span { font-size: 130%; letter-spacing: 0px; } #content ul.items li a.button { width: 100px; margin: 5px auto; text-align: left; text-indent: -2px; font-weight: bold; font-size: 110%; } #content ul.items li a.button span { width: 78px; } #content ul.items li.package > span { font-weight: bold; } #content ul.items li del { font-size: 75%; color: #f00; } #content ul.items li del span { color: #fff; } #content ul.items li span.limit { display: block; font-size: 14px; color: #b00; font-style: italic; font-weight: normal; text-shadow: 0.3px 0.3px 0px #333; padding-top: 5px; } #content ul.items li span.limit a { color: #f00; text-decoration: underline; } #content ul.items li span.expires { display: block; font-size: 14px; color: #fff; font-style: normal; font-weight: normal; padding-top: 20px; } #content ul.items li span.expires a { color: #f00; text-decoration: underline; font-size: 12px; letter-spacing: .5px;} #content ul.items li span.coupon { display: block; font-size: 15px; color: #fff; font-style: normal; font-weight: normal; padding-top: 1px; } #content ul.items li span.coupon a { color: #f00; text-decoration: underline; font-size: 16px; font-weight: bold; letter-spacing: .5px;} #content ul.items li:first-child:last-child { width: auto; } #content ul.items li:first-child:last-child a.button { width: 200px; text-align: center; } #content ul.items li:first-child:last-child a.button span { width: 178px; } #content .right .testimonial { float: none; text-align:center; padding: 0; width: 181px; margin: 0 auto 10px; } #content .right .testimonial img { float: none; padding: 0; border:3px solid #fff; } #content .right .testimonial p { text-align:left; padding: 1em; } #content .right .testimonial p.author { text-align: right; padding-top: 0; } #content .right a.button { width: 175px; } #content .right a.button span { width: 150px; } #content form.preptest { } #content form.preptest div.question { padding-top: 5px; } #content form.preptest div.question p.progress { text-align: right; font-size: 11px; font-weight: bold;} #content form.preptest div.question label.radio { font-size: 14px; margin: 5px 0 5px 50px; text-indent: -35px; } #content form.preptest div.question label.radio input { margin-right: 5px; width: auto; vertical-align: text-top; } #content form.preptest div.question img { float: right; } #content form.preptest div.box button { clear: both; margin: 10px auto 0; }  .page_home #wrapper { margin: 350px 0 100px; } .page_home #content .left { } .page_home #content .right { border: none; min-height: 100px; } .page_home #content h1 { font-size: 52px; letter-spacing: -2px; white-space: nowrap; } .page_home #content h2 { font-size: 28px; white-space: nowrap; } #footer { padding: 20px 30px 30px; width: 940px; color: #b4b4b4; background:-webkit-gradient(linear, left top, left bottom, from(#212121), to(#2f2f2f));background:-moz-linear-gradient(top, #212121, #2f2f2f);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#212121,endColorstr=#2f2f2f);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#212121, endColorstr=#2f2f2f)";} #footer .left { float: left; width: 710px; } #footer .right { float: right; width: 230px; } h2 small { padding-left: 1em; font-size: 11px; } h2 small a { color: #fff; text-decoration: underline; } ul.links { list-style: none; margin-top: 1em; } ul.links li { border-left: 1px solid #b4b4b4; line-height: 1em; display:inline; line-height: 1em; } ul.links li.first { border-left: none; } ul.links li a { color: #b4b4b4; padding: 0 6px; } ul.links li.first a { padding-left: 0; } ul.links li.last a { padding-right: 0; } p.disclaimer { margin-top: 40px; font-size: 11px; color: #bbb; } p.disclaimer strong { font-weight: bold; text-decoration: underline; } p.disclaimer a { color: #bbb; text-decoration: underline; } ul.social { list-style: none; float: right; margin-bottom: 20px; } ul.social li { float: left; margin: 0 3px;} ul.social li a { display : block; width: 24px; height: 24px; background: 50% 50% no-repeat; } ul.social li.facebook a { background-image: url(https://nsc-cache.global.ssl.fastly.net/officialdmv/images/facebook.png); } ul.social li.twitter a { background-image: url(https://nsc-cache.global.ssl.fastly.net/officialdmv/images/twitter.png); } ul.social li.youtube a { background-image: url(https://nsc-cache.global.ssl.fastly.net/officialdmv/images/youtube.png); } ul.social li a span { display: none; } a.seal { float: right; clear: right; } p.copyright { margin-top: 20px; font-size: 11px; text-align: right; float: right; clear: both; } .orline { border-top: 1px solid rgba(255,255,255,0.3); } .orline p { text-align: center; margin-top: -1em; } form { text-align: left; margin: 0; overflow: hidden; } form fieldset { border: none; padding: 0 10px; margin: 0; } form div { clear: left; display: block; margin: 5px 0 0; padding: 1px 3px; } form div label { display: block; padding: 0; margin: 0; text-align: left; } form input, form select, form textarea { border: none; width: 210px; height: 1.5em; font-size: 12px; padding: 0.25em 0 0.15em 1em; margin: 0; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius: 3px; -moz-box-shadow:inset 1px 2px 5px rgba(0,0,0,0.4);-webkit-box-shadow:inset 1px 2px 5px rgba(0,0,0,0.4);box-shadow: inset 1px 2px 5px rgba(0,0,0,0.4); color: #444; } form textarea { overflow: auto; height: 8em; width: 280px } form select { height: auto; } form div.submit { width: auto; padding: 10px 0 0; margin: 0; } form div.submitting { display: none; text-align: center; } form.submitting div.submit { display: none; } form.submitting div.submitting { display: block; }   form button, .button { line-height: 1.25em; text-align: left; height: auto; padding: 0.5em 0; text-decoration: none; display: block; -moz-border-radius:24px;-webkit-border-radius:24px;border-radius:24px; margin: 5px; border: none; } form button:hover, .button:hover { position:relative; top:1px;left:1px; text-decoration:none; } form button span, .button span { display: inline-block; margin: 0 10px 0 15px; }  form button, .button { font-weight:normal; font-size: 14px; text-shadow: 0px -1px 1px rgba(0,0,0,0.5); }  form button, .button { background: #a4a4a4; background:-webkit-gradient(linear, left top, left bottom, from(#c4c6c6), to(#a4a4a4));background:-moz-linear-gradient(top, #c4c6c6, #a4a4a4);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c4c6c6,endColorstr=#a4a4a4);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c4c6c6, endColorstr=#a4a4a4)"; background-clip: padding-box; color: #fff; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.65);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.65);box-shadow:0px 0px 5px rgba(0,0,0,0.65); } form button span, .button span { background: url(https://nsc-cache.global.ssl.fastly.net/officialdmv/images/arrow.png) 100% 50% no-repeat; } form button.green, .button.green { background: #b3ce01; background:-webkit-gradient(linear, left top, left bottom, from(#b3ce01), to(#a3bb01));background:-moz-linear-gradient(top, #b3ce01, #a3bb01);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b3ce01,endColorstr=#a3bb01);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b3ce01, endColorstr=#a3bb01)"; } form button.blue, .button.blue { background: #02cffb; background:-webkit-gradient(linear, left top, left bottom, from(#02cffb), to(#02bde5));background:-moz-linear-gradient(top, #02cffb, #02bde5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#02cffb,endColorstr=#02bde5);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#02cffb, endColorstr=#02bde5)"; } form button.red, .button.red { background: #be2026; background:-webkit-gradient(linear, left top, left bottom, from(#be2026), to(#ae3036));background:-moz-linear-gradient(top, #be2026, #ae3036);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#be2026,endColorstr=#ae3036);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#be2026, endColorstr=#ae3036)"; }  form button { width: 150px; } form button span { width: 120px; } .button { width: 190px; } .button span { width: 165px; } .button.wide { width: 290px; } .button.wide span { width: 265px; } form button.nobutton { padding: 0; -moz-border-radius:0;-webkit-border-radius:0;border-radius:0; margin: 0; background: none; -moz-box-shadow:0 0 0 rgba(0,0,0,0);-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 rgba(0,0,0,0); width: 17px; height: 17px; } form button.nobutton:hover { } form button.nobutton span { width: 17px; height: 17px; margin: 0; } div.popup { background-color: #fff; padding: 10px; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.65);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.65);box-shadow:0px 0px 5px rgba(0,0,0,0.65); color: #6e6e6e; } .rgba div.popup { background-color: rgba(255,255,255,0.9); } div.popup img { float: left; margin: 0 5px 5px 0; } div.popup h2 { font-size: 14px; } div.popup p { font-size: 11px; padding: 0 0 0.5em 10px; } div.popup a { color: #6e6e6e; } div.popup .scroll { overflow-x:hidden; overflow-y:scroll; max-height: 150px; } div.popup .window_contents { margin-top:10px; width:100%; height:100%; } div.popup .window_header { padding: 0; border-bottom: 1px solid #888; height: 14px;} div.popup .window_title { text-align:left; float: left; font-size:11px; color: #000; font-weight: bold; font-size: 12px; line-height: 1.15em; } div.popup .window_close { text-align:center; float: right; border:1px solid #888; -moz--moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-webkit--moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; color: #888; font-size: 9px; line-height: 1em; margin: -5px -5px 0 0; padding: 0; height:10px; width:10px; cursor:pointer; cursor:hand; } div.popup .window_close:hover { border-color: #f00; color: #f00; } div.popup#login_popup { float: left; position: absolute; top: 0; right: 0; background-color: #fff; width: 250px; padding: 10px; margin: 50px 30px 0 0; -moz--moz-box-shadow:0px 0px 5px rgba(0,0,0,0.65);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.65);box-shadow:0px 0px 5px rgba(0,0,0,0.65);-webkit--moz-box-shadow:0px 0px 5px rgba(0,0,0,0.65);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.65);box-shadow:0px 0px 5px rgba(0,0,0,0.65);-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.65);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.65);box-shadow:0px 0px 5px rgba(0,0,0,0.65); color: #6e6e6e; } div.popup#login_popup form button { width: 120px; -moz--moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-webkit--moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow: none; } div.popup#login_popup form button span { width: 90px; } div.popup ul.states { list-style: none; float: left; width: 100px; } div.popup ul.states li { }