article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }   html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit--webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust: 100%; -ms--webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; }  ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; }  a { color: #00e; } a:visited { color: #551a8b; } a:focus { outline: thin dotted; }  a:hover, a:active { outline: 0; }  abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }  pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }  pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; }  ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; margin: 0; padding: 0; }   img { border: 0; -ms-interpolation-mode: bicubic; }  svg:not(:root) { overflow: hidden; }  figure { margin: 0; }  form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; }  legend { border: 0; *margin-left: -7px; padding: 0; }    button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }  button, input { line-height: normal; *overflow: visible; }  button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }  input[type="checkbox"], input[type="radio"] { -moz-box-sizing:border-box;box-sizing: border-box; } input[type="search"] { -moz--moz-box-sizing:content-box;box-sizing: content-box; -webkit--moz-box-sizing:content-box;box-sizing: content-box; -moz-box-sizing:content-box;box-sizing: content-box; }  button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }  textarea { overflow: auto; vertical-align: top; }  input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; }  table { border-collapse: collapse; border-spacing: 0; }   a.button, button { font-size: 14px; text-decoration: none; font-weight: bold; padding: 10px 20px; color: #852f00 !important; background:-webkit-linear-gradient(top,#ffbf14,#ff6f00);background:-moz-linear-gradient(top,#ffbf14,#ff6f00);background:-ms-linear-gradient(top,#ffbf14,#ff6f00);background:-o-linear-gradient(top,#ffbf14,#ff6f00);background: linear-gradient(top,#ffbf14,#ff6f00); border: none; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius: 5px; -moz-box-shadow:1px 1px 2px rgba(000,000,000,0.3);-webkit-box-shadow:1px 1px 2px rgba(000,000,000,0.3);box-shadow: 1px 1px 2px rgba(000,000,000,0.3); text-shadow: 0px 1px 1px rgba(255,255,255,0.84); width: auto; min-width: 100px; max-width: 250px; text-align: center; display: block; margin: 0 auto 10px; } a.button:hover, button:hover { position:relative; top: 1px; left: 1px; -moz-box-shadow:0px 0px 1px rgba(000,000,000,0.3);-webkit-box-shadow:0px 0px 1px rgba(000,000,000,0.3);box-shadow: 0px 0px 1px rgba(000,000,000,0.3); } .blue a.button, a.button.blue, .blue button, blue.blue { color: #1f2b33 !important; background:-webkit-linear-gradient(top,#8fd1ef,#3097dc);background:-moz-linear-gradient(top,#8fd1ef,#3097dc);background:-ms-linear-gradient(top,#8fd1ef,#3097dc);background:-o-linear-gradient(top,#8fd1ef,#3097dc);background: linear-gradient(top,#8fd1ef,#3097dc); } a.button, button { color: #fff !important; background: #014601; background:-webkit-linear-gradient(top, #018601, #014601);background:-moz-linear-gradient(top, #018601, #014601);background:-ms-linear-gradient(top, #018601, #014601);background:-o-linear-gradient(top, #018601, #014601);background:linear-gradient(top, #018601, #014601); text-shadow: 0px 1px 1px rgba(000,000,000,0.3); } 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; float: left; width: 100px; } form div label.checkbox { float: none; width: auto; } 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 input[type="radio"], form input[type="checkbox"] { width: auto; margin-right: 5px; -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow: none; } label.radio, label.checkbox { cursor: pointer; } form .inputShort3 { width: 3em !important; } form .inputShort4 { width: 4em !important; } form .inputShort5 { width: 5em !important; } form .inputShort6 { width: 6em !important; } form .inputDate { width: 8em !important; } form .inputDateMY { width: 4em !important; } form input.defaultText, form select.defaultText, form textarea.defaultText { color: #aaa; font-style: italic; } form div.submit { width: auto; padding: 10px 0 0; margin: 0; } form div.submitting { display: none; text-align: center; } form.submitting div.submit button { display: none; } form.submitting div.submitting { display: block; } form.form_success { display: none; } form p, .box form p, form .box p { padding: 0; margin: 0; } form .error label, form small.error { color: #822; } form small.error { display: block; } form .error input, form input:invalid, form .error select, form select:invalid, form .error textarea, form textarea:invalid { background-color: #fcc; } ::-webkit-input-placeholder { color: #ccc; font-style: italic; } :-moz-placeholder { color: #ccc; font-style: italic; } :placeholder { color: #ccc; font-style: italic; }  .todo { background-color: rgba(255, 255, 0, 0.8); }  html { width: 100%; background-color: #e3e3e3; } body { font-family: Arial, sans-serif; width: 960px; margin: 0 auto; } .wrapper { background: white url(https://nsc-tqa.global.ssl.fastly.net/images/bg_side.png) 100% 0 repeat-y; -moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius: 0 0 10px 10px; -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25);box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); } .header { width: 100%; min-height: 111px; background: url(https://nsc-tqa.global.ssl.fastly.net/images/blue_grad.png) 0 0 repeat-x; } .main { width: 100%; } .content { width: 760px; float: left; padding-bottom: 20px; } .side { width: 200px; float: right; } .footer { clear: both; }  h1 { font-weight: normal; font-size: 24px; letter-spacing: 0px; } h2 { font-size: 20px; font-weight: normal; color: #333; } h3 { font-size: 14px; font-weight: normal; color: #333; } h4 { font-size: 12px; font-weight: normal; color: #333; } h5 { font-size: 12px; font-weight: normal; } h6 { font-size: 12px; font-weight: normal; } p.listtitle { margin: 0; padding: 0 0 0 25px; } ul.bullet { list-style: disc; margin: 0; } .highlight { color: #bc3500; } a, a:active, a:visited { color: #0281bf; } a:hover { text-decoration: underline !important; } ul.bullet a { color: inherit; text-decoration: none; } ul.bullet a:hover { text-decoration: underline; } ul.bullet li.nobullet { list-style: none; text-align: right; margin-right: 45px; } ul.bullet li.nobullet a { color: #0281bf; text-decoration: underline; } a.guarantee { display: block; text-align: center; text-decoration: none; background: url(https://nsc-tqa.global.ssl.fastly.net/images/100seal.png) 50% 0 no-repeat; width: 109px; padding-top: 80px; } a.guarantee span { font-size: 10px; float: right; } a.more { color: #0281bf !important; text-decoration: underline !important; } img.rounded { border: 1px solid #a0bcca; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius: 4px; padding: 1px; border-box: content; } span.brown { color: #903600; } span.blue { color: #2b3943; } p strong.red { color: #AA0000; }  .header { color: #143e53; font-family: Arial, sans-serif; } .header a.logo { float: left; margin: 0; text-decoration: none; position: relative; } div.header a.logo .tagline { font-size: 18px; float: left; height: 0; width: 0; white-space: nowrap; position: absolute; bottom: 25px; left: 110px; margin: 0; padding: 0; color: #000; font-weight: bold; } .header .login { float: right; margin: 10px 10px 10px 0; } .header .login label { text-align: right; font-size: 12px; height: auto; padding: 0.25em 0.5em; color: #fff; } .header .login input { width: 97px; border: none; -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow: none; background-color: #cbe6f3; color: #8ac9ec; font-size: 12px; height: auto; padding: 0.25em 0.5em; } .header .login input[type="submit"] { width: auto; border: 1px solid #1065a9; background-color: #0578c0; color: #fff; font-weight: bold; } .header .login p { text-align: right; padding: 0; margin: 0 55px 0 0; font-size: 10px; } .header .login p a { text-decoration: none; } .header .phone { display: none; clear: right; float: right; font-size: 18px; margin: 0 10px 0 0; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); text-align: center; } .header .phone small { font-size: 14px; } .header img.bbb { float: right; clear: right; margin: -3px 10px 3px 0; } ul.nav { position: relative; z-index: 100; clear: both; float: left; list-style: none; width: 960px; height: 38px; margin: 0; padding: 0; } ul.nav li { float: left; margin: 0; padding: 0; } ul.nav li a { display: block; height: 34px; background: url(https://nsc-tqa.global.ssl.fastly.net/images/nav.png) 0 0 no-repeat; text-align: center; text-decoration: none; line-height: 34px; font-size: 14px; color: #143e53; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75); } ul.nav li a:hover { color: #ca8102; } ul.nav li.nav_license a { width: 163px; background-position: 0 0; } ul.nav li.nav_permit a { width: 162px; background-position: -163px 0; } ul.nav li.nav_cdl a { width: 84px; background-position: -325px 0; } ul.nav li.nav_mcy a { width: 179px; background-position: -409px 0; } ul.nav li.nav_resources a { width: 157px; background-position: -588px 0; } ul.nav li.nav_faq a { width: 92px; background-position: -745px 0; } ul.nav li.nav_about a { width: 123px; background-position: -837px 0; } .page_license ul.nav li.nav_license a { background-position: 0 -34px; } .page_permit ul.nav li.nav_permit a { background-position: -163px -34px; } .page_cdl ul.nav li.nav_cdl a { background-position: -325px -34px; } .page_cdl div.top { margin-top: -5px; padding-bottom: 15px; } .page_cdl div.top div.chunk h3 { margin-top: 0px; } .page_cdl div.top div.chunk .currentprice { padding-left: 10px; } .page_mcy ul.nav li.nav_mcy a { background-position: -409px -34px; } .page_resources ul.nav li.nav_resources a { background-position: -588px -34px; } .page_faq ul.nav li.nav_faq a { background-position: -745px -34px; } .page_about ul.nav li.nav_about a { background-position: -837px -34px; } ul.subnav { display: none; position: relative; z-index: 99; clear: both; list-style: none; width: 960px; height: 30px; top: -5px; margin: 0; padding: 0; background-color: #eef7fb; border-bottom: 1px solid #cfe4f1; } ul.subnav li { display: inline-block; margin: 8px 0 0 0; padding: 0; border-left: 1px solid #ddebf1; } ul.subnav li:first-child { border-left: none; } ul.subnav li a { display: inline-block; text-align: center; text-decoration: none; font-size: 12px; color: #194184; padding: 3px 20px; } ul.subnav li a:hover {} .page_license ul.subnav.licensesub, .page_permit ul.subnav.permitsub, .page_cdl ul.subnav.cdlsub, .page_mcy ul.subnav.mcysub { display: block; } .subpage_practice li.subnav_practice a, .subpage_handbook li.subnav_handbook a, .subpage_howto li.subnav_howto a { background-color: #fff; border: 1px solid #cfe4f1; border-bottom-color: #fff; } ul.dropnav { display: none; position: absolute; background-color: #eef7fb; border: 1px solid #cfe4f1; margin: 0; padding: 0; -moz-box-shadow:2px 2px 3px rgba(0, 0, 30, 0.4);-webkit-box-shadow:2px 2px 3px rgba(0, 0, 30, 0.4);box-shadow: 2px 2px 3px rgba(0, 0, 30, 0.4); } ul.dropnav li { display: block; border: none; margin: 0; padding: 0; } ul.dropnav li a { display: block; text-align: left; padding: 0.25em 1em; } ul.dropnav li a:hover { background-color: #cfe4f1; } li.open ul.dropnav { display: block; }   ul.breadcrumbs { list-style: none; font-size: 11px; color: #999; padding: 0; margin: 10px 0 0 20px; } ul.breadcrumbs li { display: inline; padding: 0; margin: 0; } ul.breadcrumbs li:before { content: ">"; padding: 0 0.5em; } ul.breadcrumbs li:first-child:before { content: none; }  .top { width: 710px; min-height: 150px; padding: 0 0 0 10px; margin: 10px 0 0 15px; background: 0 0 no-repeat; } .top h1 { padding: 5px 0; margin: 0; text-align: center; } .top div { margin: 0 0 0 70px; width: auto; float: left; } .top img { display: inline-block; vertical-align: top; } .top ul { display: inline-block; vertical-align: top; margin-top: 1em; max-width: 395px; width: auto; } .top ul li { font-size: 15px; padding-bottom: 0.5em; } .top p.move { display: inline-block; vertical-align: top; margin: -2px 0 0 20px; padding-bottom: 20px; max-width: 395px; width: auto; } .top a.guarantee { float: right; } .page_home .top div { margin-left: 190px; }   .boxes1, .boxes2, .boxes3 { margin: 10px 0; } .boxes1 { text-align: center; } .boxes3 { width: 730px; margin-left: 15px; background-color: #fef0bf; border: 1px solid #ebd588; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius: 4px; background-clip: content-box; } .box { padding: 1px; float: left; margin: 0 0 0 20px; background-color: #fef0bf; border: 1px solid #ebd588; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius: 4px; background-clip: content-box; } .box.blue { background-color: #eef7fb; border-color: #bdd3dd; } .box.transparent { background-color: transparent; border-color: transparent; } .box.blue hr { border-color: #bdd3dd; border-width: 1px 0 0 0; width: 90%; margin: 10px auto; }  .boxes1 .box { width: 720px; } .boxes2 .box { width: 348px; } .boxes2.split4060 .box.first, .boxes2.split6040 .box.second { width: 278px; } .boxes2.split4060 .box.first p { padding-right: 12px; } .boxes2.split4060 .box.second, .boxes2.split6040 .box.first { width: 418px; } .boxes3 .box { width: 226px; margin: 0 0 10px 10px; background-color: #fef3cc; } .box.popular { background-color: #fffbe1; } .boxes2 .box, .boxes3 .box { min-height: 280px; } .box .box { width: auto; margin: 10px; background-color: #fffbe1; } .boxes1 .box .box { width: 695px; } .columns2 { padding: 10px 0; } .columns2 .column { border-left: 1px solid #ebd588; min-height: 150px; width: 359px; float: left; } .columns2 .column.first { border-left: none; } .columns2 .column.second {}  .box { text-align: center; } .box h2 { margin: 10px 0 0 0; padding: 0; font-size: 20px; text-align: center; font-weight: normal; color: #864001; } .box h2 small, .box h3 small { font-size: 14px; } .box.blue h2 { color: #2b3943; } .box h2 a { color: #864001; text-decoration: none; } .box h3 { margin: 0; padding: 0; text-align: center; } .box .column h3 { font-weight: bold; color: #864001; font-size: 14px; } .boxes3 h2 { font-weight: bold; margin: 10px 0 0 0; padding: 0; text-align: center; color: #864001; } .boxes3 .box h2 { font-size: 16px; padding-top: 10px; } .box p { margin: 0.5em 10px; text-align: left; } .box ul.bullet { margin: 0.5em 0 20px; text-align: left; padding-top: 0.25em; padding-bottom: 0.25em; } .box ul.bullet li { padding: 0.2em 0; } .box a.button { display: inline-block; } .box a.button.right, .box button.right { float: right; margin-right: 20px; } .box > a { display: block; margin-bottom: 1em; } .section a.guarantee { float: right; } .box a.guarantee { float: right; margin: 10px 0 0 770px; position: absolute; } .boxes1 .box a.guarantee { margin-left: 638px; } .boxes2 .box a.guarantee { margin-left: 280px; } .boxes2.split4060 .box.first a.guarantee, .boxes2.split6040 .box.second a.guarantee { margin-left: 210px; } .boxes2.split4060 .box.second a.guarantee, .boxes2.split6040 .box.first a.guarantee { margin-left: 337px; } .boxes3 .box a.guarantee { margin-left: 158px; }  .boxes1:before, .boxes1:after, .boxes2:before, .boxes2:after, .boxes3:before, .boxes3:after, .columns2:before, .columns2:after { content: ""; display: table; clear: both; } .boxes1:after, .boxes2:after, .boxes3:after, .columns2:after { clear: both; } .boxes1, .boxes2, .boxes3, .columns2 { zoom: 1; } .boxes3.transparent { background-color: transparent; border: none; } .boxes3.transparent .box { min-height: 330px; } .boxes3.transparent .box ul { min-height: 85px; } .top.cdlselector { background: url(https://nsc-tqa.global.ssl.fastly.net/images/100seal.png) 100% 0 no-repeat; } .cdlselector .top h1, .top.cdlselector h1 { margin: 0; padding: 0; } .cdlselector .top h2, .top.cdlselector h2 { margin: 0; padding: 0; text-align: center; color: #903600; font-size: 24px; } .cdlselector .top p, .top.cdlselector p { margin: 0; padding: 0; text-align: center; font-size: 16px; } .cdlselector .top, .top.cdlselector { min-height: 0; } .cdlselector .box h2 { font-weight: bold; text-align: left; padding-left: 10px; } .cdlselector .box.second h2 { text-align: right; padding: 10px 10px 0 0; margin: 0; font-size: 28px; } .cdlselector .box.second h3 { font-weight: bold; text-align: left; padding: 0 10px; margin-top: 50px; } .cdlselector .box.second h4 { font-weight: bold; text-align: right; padding: 0 10px 0 0; margin: 0; font-size: 14px; } .cdlselector .box p { font-size: 11px; } .cdlselector .box.first label { margin-left: 10px; } .cdlselector .box.first label a { color: #000; width: 190px; display: inline-block; } .cdlselector .box.second p.value { font-size: 20px; padding-bottom: 0; margin-bottom: 0; margin-top: 20px; } .cdlselector .box.second p.price { margin-top: 0; } .cdlselector .box.second .price { font-size: 36px; width: auto; text-align: right; line-height: 20px; padding: 12px 10px 0 0; } .cdlselector .box.second .price .currentprice { font-size: 66px; font-weight: bold; } .cdlselector .box.second .price .currentprice sup { font-size: 36px; top: -0.7em; } .cdlselector .box.second .price .currentprice sup.cents { position: relative; left: -10px; } .cdlselector .box.second .columns2 {} .cdlselector .box.second .columns2 ul.column { clear: none; width: 40%; border: none; } .cdlselector .box.second .columns2 ul li { white-space: no-wrap; width: 500px; } .cdlselector .box.second a.reg.button { margin-top: 20px; } .package_arrow { float: left; padding: 0; margin: 0; background: url(https://nsc-tqa.global.ssl.fastly.net/images/cdl50.star.png) 50% 50% no-repeat; position: absolute; width: 216px; height: 216px; margin-left: -40px; margin-top: -50px; } .package_arrow p { display: none; } form.course_selector { width: auto; margin-left: 10px; margin-top: 20px; } form.course_selector div { margin-bottom: 20px; } form.course_selector select { width: 170px; } form.course_selector label { font-weight: bold; width: 81px; font-size: 13px; } form.course_selector.cdl label { width: 100px; } form.course_selector div p { display: block; margin-left: 85px; font-size: 13px; line-height: 1.5em; } form.course_selector div p strong { font-weight: bold; } form.course_selector div small { font-size: 1em; display: block; clear: left; margin-left: 70px; } form.course_selector a.popup { font-size: 10px; padding-left: 5px; } form.course_selector a.product { float: left; font-size: 10px; margin-top: 2em; } form.course_selector div.submit { clear: none; padding: 0; } form.course_selector .submit button { width: 225px; } form.course_selector .submit p { float: right; width: 205px; text-align: center; margin-right: 30px; padding: 0; } form.course_selector .submit img { float: right; clear: right; margin-right: 20px; } form.course_selector img.bbb { float: left; clear: left; margin: 5px 0 5px 5px; } .page_cdlselector .boxes2.split .box { min-height: 390px; } .page_cdlselector .boxes2.split .box.first h3 { text-align: left; padding: 10px 10px 0; font-weight: bold; } .page_cdlselector .boxes2.split .box.second.cdlNone { background: url(https://nsc-tqa.global.ssl.fastly.net/images/pencil_cdlhelp.jpg) 0 100% no-repeat; } .page_cdlselector .box.cdlFill h2 { font-size: 22px; text-align: left; padding-left: 10px; } .page_cdlselector .box.cdlFill div { text-align: left; } .page_cdlselector .box.cdlFill div div { clear: both; padding: 10px 10px 20px; } .page_cdlselector .box.cdlFill .price { color: #000; font-size: 13px; font-weight: normal; width: 40px; float: right; padding: 0; line-height: 1em; } .page_cdlselector .box.cdlFill a.popup { float: left; clear: both; padding: 0; margin: 0; } .page_cdlselector .box.cdlFill div.total { font-weight: bold; font-size: 20px; text-align: right; } .page_cdlselector .box.cdlFill div.total .price { font-weight: bold; font-size: 20px; width: 100px; color: #018601; } .page_cdlselector .box.cdlFill a.button { float: right; margin: 10px; } form.cdl_select label, form.cdl_select li { display: block; margin: 1em 0 1em 20px; } form.cdl_select label span.price, form.cdl_select li span.price { font-weight: normal; font-size: 1em; color: #444; display: inline; } form.cdl_select .total { font-size: 18px; font-weight: bold; text-align: right; margin-right: 25px; } form.cdl_select .total .price { font-size: 1em; display: inline; } form.cdl_select button { float: right; margin-right: 25px; } p.value { text-align: right; } p.value .price { display: inline; } form.cdl_select .desc { margin: 5px 20px 20px; padding: 5px 10px; background-color: rgba(0, 0, 0, 0.1); -moz-border-radius:4px;-webkit-border-radius:4px;border-radius: 4px; } form.cdl_select .desc ul { margin: 0; } form.cdl_select .desc ul.bullet li { margin: 0; display: list-item; } .box ul.bullet { clear: both; }  ul.courses { list-style: none; } ul.courses > li { margin-bottom: 1em; } ul.courses a { font-weight: bold; font-size: 14px; } p.centered { text-align: center; } ul.secondary { list-style: none; margin: 1em 0; padding: 0; width: 100%; } ul.secondary li { text-align: center; display: inline-block; width: 32%; margin: 0; padding: 0; } ul.secondary li:first-child { text-align: left; } ul.secondary li:last-child { text-align: right; } ul.secondary a { font-size: 10px; margin: 0 10px; } .price { color: #018601; font-size: 20px; font-weight: bold; display: block; text-align: center; } .savings { font-size: 12px; display: block; text-align: center; }  .copy { color: #666; clear: both; margin: 20px; } .copy h1, .copy h2, .copy h3, .copy h4, .copy h5 { font-weight: bold; } .copy img.left { float: left; margin: 0 10px 10px 0; } .copy img.right { float: right; margin: 0 0 10px 10px; }  .stateList { padding: 20px 0 20px 20px; clear: both; } .stateList ul { float: left; width: 33%; text-align: left; margin: 0; padding: 0; list-style: none; margin-bottom: 1em; } .stateList ul:first-child { margin-left: 3%; } .stateList ul:last-child { width: 30%; } .stateList table { margin: 0 3% 1em; width: 94%; } .stateList th { text-align: left; border-bottom: 1px solid #903600; color: #903600; font-size: 14px; font-weight: bold; margin: 0 10px 0.25em 0; } .stateList td { text-align: left; } .stateList a { color: #666; text-decoration: none; font-size: 11px; padding: 0.15em 10px 0.15em 5px; line-height: 1.5em; } .stateList a:hover { color: #333; text-decoration: underline; } .stateList .geotarget a { font-weight: bold; background-color: #fef0bf; border: 1px solid #ebd588; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius: 4px; } form.stateSelect { float: right; margin-right: 20px; } form.stateSelect label { font-weight: bold; padding-right: 0.5em; } form.stateSelect a.button { display: inline-block; min-width: 20px; padding: 3px 0.5em; margin-left: 0.5em; } thead.fixedHeader tr { position: relative; } html>body thead.fixedHeader tr { display: block; } html>body tbody.scrollContent { display: block; height: 262px; overflow: auto; } tbody.scrollContent td { padding: 2px 0px 2px 0px; } html > body thead.fixedHeader th, html > body tbody.scrollContent td { width: 250px; }  .tabs { margin: 0 15px 20px; border-width: 0; font-size: 12px; } .tabs .ui-tabs-nav { padding-left: 0; background: transparent; border-width: 0 0 1px; -moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; } .tabs .ui-tabs-nav li { margin-right: 0; padding: 1px 1px 0; } .tabs .ui-tabs-nav li a { padding-left: 2.5em; padding-right: 2.5em; } .tabs .ui-tabs-nav .ui-state-default { background-color: #efece8; background-clip: content-box; color: #666; } .tabs .ui-tabs-nav .ui-state-active { background-color: #fff; background-clip: border-box; color: #333; font-weight: bold; } .tabs .ui-tabs-panel { margin: 0; border-width: 0 1px 1px; -moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius: 0 0 5px 5px; } .tabs form.stateSelect { float: none; }  .bottom { text-align: left; padding-left: 20px; } .bottom .box { margin-left: 0; } .bottom h2 { font-weight: bold; font-size: 13px; margin: 0; padding: 0; color: #864001; } .bottom p { padding: 0; margin: 0.25em 0 0.75em; }  .side div.section { text-align: center; margin: 30px 0 30px; } .side p { margin: 0; color: #888; } .side strong { font-size: 180%; font-weight: normal; } .side a { font-size: 11px; text-decoration: none; } p.testimonial, .testimonial p { font-style: italic; text-align: left; padding: 0 10px; } p.author, .testimonial span.author { text-align: right; padding: 0.5em 10px 1.5em; font-style: normal; } div.testimonial p { background: rgba(0, 0, 0, 0.1); -moz-border-radius:4px;-webkit-border-radius:4px;border-radius: 4px; padding: 0.5em; margin-top: 0; } .testimonial span.author { display: block; margin: 0; padding: 0; } .side p.testimonial { font-size: 11px; } .side p.author { font-size: 11px; } .side a.guarantee { float: none; margin: 0 auto; }  .footer { margin: 2em 20px; font-size: 12px; } .footer ul { list-style: none; width: 150px; float: left; margin: 0; padding: 0; } .footer li { color: #333; font-weight: bold; } .footer a { color: #8d8577; font-weight: normal; } .footer .social { float: right; width: 245px; } .footer .copyright { width: 250px; float: right; font-size: 10px; color: #8d8577; text-align: right; } .footer p { margin: 0; padding: 0; } .footer address { font-style: normal; } .footer .secure { float: left; width: 650px; text-align: center; } .footer .secure div { margin: 1em 0; } .footer .secure div * { vertical-align: middle; margin: 0 10px; }  .ui-widget-overlay { background-image: none; background-color: #000; -moz-opacity:0.70;filter:alpha(opacity=70);opacity: 0.70; } .ui-dialog { max-height: 600px; overflow: hidden; } .ui-dialog-content { max-height: 550px; overflow: auto; }  .icon_license, .icon_permit, .icon_cdl, .icon_mcy, .icon_car, .icon_cycle, .icon_bus, .icon_truck, .icon_cab { background-image: url(https://nsc-tqa.global.ssl.fastly.net/images/icons.png); background-repeat: no-repeat; } .icon_cab { background-position: 0px -220px; } .icon_cdl, .icon_truck { background-position: -70px -165px; } .icon_bus { background-position: -140px -110px; } .icon_mcy, .icon_cycle { background-position: -210px -55px; } .icon_license, .icon_permit, .icon_car { background-position: -280px 0; } .icon { display: inline-block; width: 46px; height: 46px; } .icon.icon_cab { background-position: -12px -226px; } .icon.icon_truck { background-position: -82px -171px; } .icon.icon_bus { background-position: -152px -116px; } .icon.icon_cycle { background-position: -222px -61px; } .icon.icon_car { background-position: -292px -6px; } .boxes1 .box[class*="icon_"] p { margin-left: 70px; }  .practice_test { padding: 0 10px; } .practice_test h4 { font-size: 14px; margin: 0.25em 0; } .practice_test ul.score { list-style: none; margin: 1em 0; padding: 0.25em 0; text-align: center; background-color: rgba(0, 0, 0, 0.1); -moz-border-radius:4px;-webkit-border-radius:4px;border-radius: 4px; clear: both; } .practice_test ul.score li { display: inline; padding: 0 1em; } .practice_test ul.score span { font-weight: bold; } .practice_test ul.score li.correct {} .practice_test ul.score li.correct span { color: #060; } .practice_test ul.score li.incorrect {} .practice_test ul.score li.incorrect span { color: #600; } .practice_test ul.score li.togo {} .practice_test ul.score li.togo span {} .practice_test .question { display: none; clear: both; } .practice_test .question img { float: right; } .practice_test .question p.q {} .practice_test .question ul.a { list-style: none; margin: 0; padding: 0; clear: both; } .practice_test .question ul.a li { padding: 4px 0 4px 50px; text-indent: -35px; margin-bottom: 0.25em; } .practice_test .question li:hover { background-color: rgba(0, 0, 0, 0.1); -moz-border-radius:4px;-webkit-border-radius:4px;border-radius: 4px; } .practice_test .question a.button { float: right; clear: both; } .practice_test .question a.button.checkans {} .practice_test .question a.button.nextques { display: none; } .practice_test .question a.button.done { display: none; } .practice_test .question div.correct { display: none; } .practice_test .question div.correct p { background-color: rgba(0, 0, 0, 0.1); padding: 4px 1em; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius: 4px; } .practice_test .question div.incorrect { display: none; } .practice_test .question div.incorrect p { color: #600; background-color: rgba(0, 0, 0, 0.1); padding: 4px 1em; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius: 4px; } .practice_test .question .explanation { display: none; } .practice_test .done p { padding: 0.75em 0; } .practice_test .done u { font-weight: bold; } .practice_test .done strong { color: #0281bf; } .practice_test .done.coupon p { font-size: 14px; text-align: center; } .practice_test .question.correct ul.a, .practice_test .question.incorrect ul.a, .practice_test .question.correct a.checkans, .practice_test .question.incorrect a.checkans { display: none; } .practice_test .question.current, .practice_test .question.correct div.correct, .practice_test .question.incorrect div.incorrect, .practice_test .question.correct .explanation, .practice_test .question.incorrect .explanation, .practice_test .question.correct a.nextques, .practice_test .question.incorrect a.nextques, .practice_test .question.correct a.done, .practice_test .question.incorrect a.done { display: block; } .practice_test .done { display: none; } .practice_test.done .done, .practice_test.pass .pass, .practice_test.fail .fail { display: block; } .practice_test.fail .pass, .practice_test.pass .fail { display: none; } .practice_test.done .question { display: none; }  p.success { border: 1px solid #bdd3dd; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius: 4px; background-color: #eef7fb; padding: 1em; color: #333; width: 80%; margin-left: 20px; } p.error { border: 1px solid #f4e278; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius: 4px; background-color: #fef0bf; padding: 1em; color: #903600; width: 80%; margin-left: 20px; } p.error a { float: right; text-decoration: none; } a.video:after { content: ""; background: url(https://nsc-tqa.global.ssl.fastly.net/images/play.png) 50% 50% no-repeat; display: block; height: 99px; width: 150px; position: absolute; margin-top: -105px; -moz-opacity:0.8;filter:alpha(opacity=8);opacity: 0.8; } a.video:hover:after { -moz-opacity:1.0;filter:alpha(opacity=10);opacity: 1.0; } .page_home a.video:after { margin-top: -116px; } div.video { text-align: center; } div.video iframe { border: none; } div.video a.close { float: right; text-decoration: none; border: 1px solid #888; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius: 10px; font-size: 14px; color: #888; padding: 1px 5px; margin: 0 91px 3px; } a.pttrynow { display: block; width: 289px; height: 234px; background: url(https://nsc-tqa.global.ssl.fastly.net/images/practice-test-blue.png) 50% 50% no-repeat; float: left; margin: 0 0 0 20px; } a.pttrynow.ptmcy { background-image: url(https://nsc-tqa.global.ssl.fastly.net/images/practice-test-green.png); } a.pttrynow.ptcdl { background-image: url(https://nsc-tqa.global.ssl.fastly.net/images/practice-test-yellow.png); } a.pttrynow span { display: none; } body { -webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust: none; line-height: normal; } p { line-height: normal; }  a.menu { display: block; float: right; width: 60px; height: 20px; border: 1px solid #0167A8; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius: 3px; background: #1286D0; background: -moz-linear-gradient(top, #1286d0 0%, #0175bf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1286d0), color-stop(100%, #0175bf)); background: -webkit-linear-gradient(top, #1286d0 0%, #0175bf 100%); background: -o-linear-gradient(top, #1286d0 0%, #0175bf 100%); background: -ms-linear-gradient(top, #1286d0 0%, #0175bf 100%); background:-webkit-linear-gradient(to bottom, #1286d0 0%, #0175bf 100%);background:-moz-linear-gradient(to bottom, #1286d0 0%, #0175bf 100%);background:-ms-linear-gradient(to bottom, #1286d0 0%, #0175bf 100%);background:-o-linear-gradient(to bottom, #1286d0 0%, #0175bf 100%);background: linear-gradient(to bottom, #1286d0 0%, #0175bf 100%); -moz-box-shadow:inset 0 1px 1px #389AD8;-webkit-box-shadow:inset 0 1px 1px #389AD8;box-shadow: inset 0 1px 1px #389AD8; color: #FFF !important; text-align: center; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.25); font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } a.menu:hover, a.menu:active { background: #1286D0; -moz-box-shadow:inset 0 1px 1px #2789c7;-webkit-box-shadow:inset 0 1px 1px #2789c7;box-shadow: inset 0 1px 1px #2789c7; text-decoration: none !important; }  ul.nav-m { position: absolute; top: 70px; display: none; overflow: hidden; margin: 0; padding: 0; width: 100%; background: #0D639A; list-style: none; z-index: 5; } ul.nav-m a { color: #FFF; text-decoration: none; } ul.nav-m li ul.subnav-m { margin: 0; padding: 0 0 10px; background: none; list-style: none; } ul.nav-m li ul.subnav-m p { clear: both; -webkit--moz-box-sizing:border-box;box-sizing: border-box; -moz--moz-box-sizing:border-box;box-sizing: border-box; -moz-box-sizing:border-box;box-sizing: border-box; margin: 0 0 10px; padding-left: 15px !important; width: 100%; height: 36px; background: #0074BE; color: #FFF; font-weight: bold; line-height: 36px; } ul.nav-m li ul.subnav-m li { -webkit--moz-box-sizing:border-box;box-sizing: border-box; -moz--moz-box-sizing:border-box;box-sizing: border-box; -moz-box-sizing:border-box;box-sizing: border-box; margin: 0; padding: 5px 0; width: 50%; white-space: nowrap; font-size: 12px; line-height: 1em; } ul.nav-m li ul.subnav-m li:nth-child(even) { float: left; padding-left: 20px; width: 50%; text-align: left; } ul.nav-m li ul.subnav-m li:nth-child(odd) { float: right; padding-right: 15px; text-align: right; } ul.nav-m li ul.subnav-m li:last-child { padding-bottom: 15px; }  .header.showmobile { min-width: 320px; min-height: 70px; max-width: 100%; width: 100%; height: 70px; background: #92cbe8 url(https://nsc-tqa.global.ssl.fastly.net/images/tqa_dmv.png) no-repeat; -moz-background-size:300px;-webkit-background-size:300px;background-size: 300px; background-position: 5px; } .header.showmobile a.menu { margin: 40px 7px 0 0; }  .footer.showmobile { margin: 0; min-width: 320px; width: 100%; height: 100px; background: #E3E3E3; } .footer.showmobile p { display: inline; float: left; margin-top: 39px; color: #0074BE; font-size: 11px; line-height: 22px; padding: 0 5%; } .footer.showmobile a.menu { float: right; } div.bbb { background-color: #FFF; padding: 9px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius: 5px; margin-bottom: 7px; min-height: 100px; } .main-cta-motorcycledmvexam { width: auto; padding:20px 0 0 390px; height:260px; background: url(https://nsc-tqa.global.ssl.fastly.net/images/motorcycle-driver.png) 0 0 no-repeat; } .main-cta-dmvpermittest { width: auto; padding:20px 0 0 390px; height:260px; background: url(https://nsc-tqa.global.ssl.fastly.net/images/dmv-permit-test.png) 0 0 no-repeat; } .main-cta-cadmvpracticetests { width:auto; padding:20px 0 0 390px; height:260px; background: url(https://nsc-tqa.global.ssl.fastly.net/images/ca-dmv-practice-tests.png) 0 0 no-repeat; } .main-cta-cdlpracticetests { width:auto; padding:20px 0 0 390px; height:260px; background: url(https://nsc-tqa.global.ssl.fastly.net/images/cdl-practice-tests.png) 0 0 no-repeat; } .price { width:350px; text-align:center; padding-top:20px; } .price h1 { font-size:43px; font-weight:bold; color: #168500; margin:0px; line-height:none; } .price h2 { font-size:24px; font-style:italic; color: #168500; margin: 0px; line-height:none; } .main-cta-motorcycledmvexam .main-cta-dmvpermittest .main-cta-cadmvpracticetests .main-cta-cdlpracticetests ul { padding-top:30px; font-weight:bold; } .main-cta-motorcycledmvexam .main-cta-dmvpermittest .main-cta-cadmvpracticetests .main-cta-cdlpracticetests ul li { margin-top: 5px; } .main-cta-motorcycledmvexam form.stateSelect a.button { font-size: 20px; display: block; margin: 10px auto 0; width: 160px; } .main-cta-motorcycledmvexam form.stateSelector a.button span { } .main-cta-dmvpermittest form.stateSelect a.button { font-size: 20px; display: block; margin: 10px auto 0; width: 160px; } .main-cta-dmvpermittest form.stateSelector a.button span { } .main-cta-cdlpracticetests form.stateSelect a.button { font-size: 20px; display: block; margin: 10px auto 0; width: 160px; } .main-cta-cdlpracticetests form.stateSelector a.button span { } .box-cta { background-clip: content-box; background-color: #FEF0BF; border: 1px solid #EBD588; -moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;border-radius: 4px 4px 4px 4px; float: left; margin: 0 auto; padding: 1px; text-align: center; width:180px; } .box-cta h1 { font-size:24px; margin: 10px 0 10px 0; text-align:center; color: #168500; } .box-cta h2 { font-size:15px; margin: 10px 0 0; text-align:center; color: #864001; } .box-cta h3 { font-size:14px; margin: 10px 0 10px 0; text-align:center; color: #168500; } .box-cta-container { padding:0 10px 10px 10px; }  body.practest .columns2 .column { border: none; } body.practest .section { padding: 0 20px; } body.practest .section h3 { font-size: 20px; font-weight: bold; color: #428caa; } body.practest .section .right { float: right; text-align: center; font-size: 20px; font-weight: bold; color: #428caa; padding: 0 0 20px 20px; } @media all and (min-width: 641px) { .practicetest { background: url(https://nsc-tqa.global.ssl.fastly.net/images/practice_bg.jpg) 50% 50% no-repeat; height: 480px; width: 733px; border-top: 2px outset #428caa; border-bottom: 2px inset #428caa; padding: 10px 0; margin: 10px auto; position: relative; } .practicetest > div { display: none; } .practicetest > div.current { display: block; } .practicetest button.startnow { display: block; width: 223px; height: 95px; background: transparent url(https://nsc-tqa.global.ssl.fastly.net/images/practice.png) -562px 0 no-repeat; border: none; -moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow: none; margin: 0; padding: 0; } .practicetest button.startnow span { display: none; } .practicetest button.startnow:hover { background-position: -562px -100px; } .practicetest button.next { display: block; width: 113px; height: 120px; background: transparent url(https://nsc-tqa.global.ssl.fastly.net/images/practice.png) -440px 0 no-repeat; border: none; -moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow: none; margin: 0; padding: 0; } .practicetest button.next span { display: none; } .practicetest button.next:hover { background-position: -321px 0; } .practicetest a.next.button { display: block; width: 223px; height: 95px; background: transparent url(https://nsc-tqa.global.ssl.fastly.net/images/practice.png) -562px -195px no-repeat; border: none; -moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow: none; margin: 0; padding: 0; } .practicetest a.next.button span { display: none; } .practicetest a.next.button:hover { background-position: -562px -293px; } .practicetest a.button.reg { float: left; clear: left; margin-top: 172px; } .practicetest div.intro { margin: 0 auto; width: 700px; height: 400px; position: relative; } .practicetest div.intro button { float: right; margin: 40px 40px 0 0; } .practicetest div.intro h2 { color: #fff; font-size: 32px; width: 300px; } .practicetest div.intro h2 strong { font-size: 40px; } .practicetest div.intro p { float: left; color: #fff; font-size: 14px; height: 202px; width: 300px; padding-right: 65px; line-height: 1.2em; background: url(https://nsc-tqa.global.ssl.fastly.net/images/practice.png) 320px 0 no-repeat; } .practicetest div.intro:after { content: ''; display: block; height: 225px; width: 289px; background: url(https://nsc-tqa.global.ssl.fastly.net/images/practice.png) 0 -199px no-repeat; position: absolute; top: 180px; left: 407px; } .practicetest.motorcycle div.intro:after { background-position: 0 -594px; } .practicetest.cdl div.intro:after { background-position: 0 -416px; height: 184px; } .practicetest div.questions { margin: 0 auto; width: 700px; height: 400px; position: relative; } .practicetest div.questions .question { display: none; } .practicetest div.questions .question.active { display: block; } .practicetest div.questions .question h2 { float: left; width: 100px; color: #fff; font-size: 180px; font-weight: bold; margin: 0; padding: 0; line-height: 1em; text-align: center; width: 147px; } .practicetest div.questions .question h2:after { content: ''; display: block; height: 177px; width: 147px; background: url(https://nsc-tqa.global.ssl.fastly.net/images/practice.png) 0px 0px no-repeat; position: absolute; top: 172px; left: 0; } .practicetest div.questions .question[data-num="0"] h2:after { background-position: -297px -485px; width: 104px; margin-left: 21px; } .practicetest div.questions .question[data-num="1"] h2:after { background-position: -304px -302px; width: 104px; margin-left: 21px; } .practicetest div.questions .question[data-num="2"] h2:after { background-position: -269px -122px; width: 140px; margin-left: 0; } .practicetest div.questions .question[data-num="3"] h2:after { background-position: -420px -122px; width: 140px; margin-left: 0; } .practicetest div.questions .question[data-num="4"] h2:after { background-position: -442px -485px; width: 104px; margin-left: 21px; } .practicetest div.questions .question .ques { border-bottom: 1px solid #fff; margin: 40px 0 20px 150px; min-height: 100px; } .practicetest div.questions .question .ques p { color: #fff; font-size: 16px; } .practicetest div.questions .question .ques img { float: right; } .practicetest div.questions .question ul.answers { color: #fff; font-size: 16px; margin: 0 0 0 150px; padding: 0; } .practicetest div.questions .question ul.answers li { list-style: none; margin: 0; padding: 0; } .practicetest div.questions .question ul.answers a { color: #fff; text-decoration: none; display: block; width: 400px; padding: 0.5em 20px; } .practicetest div.questions .question ul.answers .mark a { background-color: #ffcc00; } .practicetest div.questions .question ul.answers a:hover { background-color: rgba(255, 255, 255, 0.5); } .practicetest div.questions .question p.note { color: #800; font-size: 16px; font-weight: bold; margin: 20px 0 0 180px; } .practicetest div.questions .question button.next { float: right; margin: 106px 10px 0 0; } .practicetest div.results { margin: 0 auto; width: 700px; height: 400px; postion: relative; } .practicetest div.results div.scorebox { display: none; float: left; width: 390px; background: #fff; margin: 40px 10px 0 10px; padding: 20px; position: relative; -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); } .practicetest div.results div.scorebox:before { content: ''; display: block; float: right; width: 84px; height: 118px; background: url(https://nsc-tqa.global.ssl.fastly.net/images/practice.png) -230px -10px no-repeat; position: absolute; top: 0; right: -72px; } .practicetest div.results.score0 div.scorebox.fail, .practicetest div.results.score1 div.scorebox.fail, .practicetest div.results.score2 div.scorebox.fail, .practicetest div.results.score3 div.scorebox.fail, .practicetest div.results.score4 div.scorebox.pass, .practicetest div.results.score5 div.scorebox.excel { display: block; } .practicetest div.results div.scorebox h2 { margin: 0; font-size: 32px; text-decoration: underline; font-weight: bold; } .practicetest div.results div.scorebox p { font-size: 14px; margin: 0; } .practicetest div.results div.scorebox p strong { font-size: 28px; } .practicetest div.results div.scorebox .score { font-size: 100px; font-weight: bold; color: #888; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); } .practicetest div.results.score0 div.scorebox .score { color: #0693ff; } .practicetest div.results.score1 div.scorebox .score { color: #0693ff; } .practicetest div.results.score2 div.scorebox .score { color: #06ff06; } .practicetest div.results.score3 div.scorebox .score { color: #fffc06; } .practicetest div.results.score4 div.scorebox .score { color: #ffaa06; } .practicetest div.results.score5 div.scorebox .score { color: #ff0606; } .practicetest div.results div.scorebox .score span {} .practicetest div.results div.scorebox .score sup { font-size: 60%; } .practicetest div.results div.scorebox .score p { float: right; font-size: 27px; width: 140px; padding: 0; margin: 0; } .practicetest div.results div.scorebox .gauge { float: left; width: 88px; height: 144px; background: url(https://nsc-tqa.global.ssl.fastly.net/images/practice.png) -50px 0 no-repeat; margin-right: 10px; } .practicetest div.results div.scorebox .gauge .empty {} .practicetest div.results div.scorebox .gauge .full { display: block; width: 88px; background: url(https://nsc-tqa.global.ssl.fastly.net/images/practice.png) -138px 0 no-repeat; } .practicetest div.results.score0 div.scorebox .gauge .full { margin-top: 124px; height: 20px; background-position: -138px -124px; } .practicetest div.results.score1 div.scorebox .gauge .full { margin-top: 106px; height: 32px; background-position: -138px -106px; } .practicetest div.results.score2 div.scorebox .gauge .full { margin-top: 88px; height: 54px; background-position: -138px -88px; } .practicetest div.results.score3 div.scorebox .gauge .full { margin-top: 54px; height: 84px; background-position: -138px -54px; } .practicetest div.results.score4 div.scorebox .gauge .full { margin-top: 20px; height: 124px; background-position: -138px -20px; } .practicetest div.results.score5 div.scorebox .gauge .full { margin-top: 0; height: 144px; background-position: -138px 0; } .practicetest div.results .sidecta { float: right; width: 223px; margin: 120px 10px 0 0; text-align: right; } .practicetest div.results .sidecta h3 { color: #fff; font-size: 24px; font-weight: bold; margin: 0; padding: 0; } .practicetest div.results .sidecta p { color: #fff; font-size: 14px; margin: 0; padding: 0; } .practicetest div.results .sidecta .price { color: #fff; font-size: 60px; width: 223px; } } @media all and (max-width: 640px) { .practicetest { -moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow: none; padding: 10px; margin: 0; background: #2b77b3; width: auto; -moz-box-sizing:content-box;box-sizing: content-box; } .practicetest > div { display: none; } .practicetest > div.current { display: block; } .practicetest a { color: #fff; } .practicetest button.startnow { display: block; width: 111px; height: 47px; background: transparent url(https://nsc-tqa.global.ssl.fastly.net/images/practice.png) -281px 0 no-repeat; -moz-background-size:392px 403px;-webkit-background-size:392px 403px;background-size: 392px 403px; border: none; -moz--moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; -webkit--moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; -moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; -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; margin: 0; padding: 0; } .practicetest button.startnow span { display: none; } .practicetest button.startnow:hover { background-position: -281px -50px; } .practicetest button.next { display: block; width: 56px; height: 60px; background: transparent url(https://nsc-tqa.global.ssl.fastly.net/images/practice.png) -220px 0 no-repeat; -moz-background-size:392px 403px;-webkit-background-size:392px 403px;background-size: 392px 403px; border: none; -moz--moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; -webkit--moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; -moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; -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; margin: 0; padding: 0; } .practicetest button.next span { display: none; } .practicetest button.next:hover { background-position: -160px 0; } .practicetest a.next.button { display: block; width: 111px; height: 47px; background: transparent url(https://nsc-tqa.global.ssl.fastly.net/images/practice.png) -281px -97px no-repeat; -moz-background-size:392px 403px;-webkit-background-size:392px 403px;background-size: 392px 403px; border: none; -moz--moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; -webkit--moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; -moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; -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; margin: 0; padding: 0; } .practicetest a.next.button span { display: none; } .practicetest a.next.button:hover { background-position: -281px -146px; } .practicetest a.button.reg { float: right; width: 120px; margin-left: 15px; height: 45px; } .practicetest .questions .question > small { float: right; clear: right; width: 120px; margin-left: 15px; font-weight: bold; color: #fff; text-align: center; font-size: 20px; } .practicetest div.intro {} .practicetest div.intro button {} .practicetest div.intro h2 { color: #fff; font-size: 20px; } .practicetest div.intro h2 strong { font-size: 24px; font-weight: 900; } .practicetest div.intro p { color: #fff; font-size: 14px; line-height: 1.2em; } .practicetest div.questions {} .practicetest div.questions .question { display: none; position: relative; padding-bottom: 60px; } .practicetest div.questions .question.active { display: block; } .practicetest div.questions .question h2 { color: #fff; font-size: 40px; font-weight: bold; margin: 0; padding: 0; line-height: 1.2em; text-align: left; float: left; } .practicetest div.questions .question h2 small { display: block; line-height: 0px; font-size: 18px; } .practicetest div.questions .question .ques { margin: 10px 0 10px 10px; text-align: center; clear: both; } .practicetest div.questions .question .ques p { color: #fff; font-size: 16px; text-align: left; } .practicetest div.questions .question .ques img {} .practicetest div.questions .question ul.answers { color: #fff; font-size: 16px; margin: 0 0 0 10px; padding: 0; } .practicetest div.questions .question ul.answers li { list-style: none; margin: 0; padding: 0; } .practicetest div.questions .question ul.answers a { color: #fff; text-decoration: none; display: block; padding: 0.5em 20px; } .practicetest div.questions .question ul.answers .mark a { background-color: #ffcc00; } .practicetest div.questions .question ul.answers a:hover { background-color: rgba(255, 255, 255, 0.5); } .practicetest div.questions .question ul.answers.isans li { display: block; padding: 0.5em 20px; } .practicetest div.questions .question ul.answers li.correct { background-color: #2BA82B; } .practicetest div.questions .question[data-answer="a"] ul.answers li.ansa, .practicetest div.questions .question[data-answer="b"] ul.answers li.ansb, .practicetest div.questions .question[data-answer="c"] ul.answers li.ansc, .practicetest div.questions .question[data-answer="d"] ul.answers li.ansd { background-color: #D50404; } .practicetest div.questions .question[data-answer="a"] ul.answers li.ansa.correct, .practicetest div.questions .question[data-answer="b"] ul.answers li.ansb.correct, .practicetest div.questions .question[data-answer="c"] ul.answers li.ansc.correct, .practicetest div.questions .question[data-answer="d"] ul.answers li.ansd.correct { background-color: #2BA82B; } .practicetest div.questions .question .explanation { margin: 1em 10px 0 10px; line-height: 1.1em; color: #fff; } .practicetest div.questions .question p.note { color: #800; font-size: 16px; font-weight: bold; margin: 20px 0 0 10px; } .practicetest div.questions .question button.next { float: right; position: absolute; bottom: 0; right: 0; margin: 0 0 0 10px; } .practicetest div.questions .question a.check { display: none !important; float: right; position: absolute; bottom: 0; right: 0; margin: 0 0 0 10px; } .practicetest div.questions .question p.correct { color: #fff; font-size: 16px; margin: 0 0 0 10px; } .practicetest div.questions .question p.incorrect { color: #fff; font-size: 16px; margin: 0 0 0 10px; } .practicetest div.results { margin: 0 auto; postion: relative; } .practicetest div.results div.scorebox { display: none; background: #fff; margin: 40px 10px 0 10px; padding: 20px; position: relative; -moz--moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); -webkit--moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); } .practicetest div.results div.scorebox:before { content: ''; display: block; width: 42px; height: 59px; background: url(https://nsc-tqa.global.ssl.fastly.net/images/practice.png) -115px -5px no-repeat; -moz-background-size:392px 403px;-webkit-background-size:392px 403px;background-size: 392px 403px; position: absolute; top: 0; right: -72px; } .practicetest div.results.score0 div.scorebox.fail, .practicetest div.results.score1 div.scorebox.fail, .practicetest div.results.score2 div.scorebox.fail, .practicetest div.results.score3 div.scorebox.fail, .practicetest div.results.score4 div.scorebox.pass, .practicetest div.results.score5 div.scorebox.excel { display: block; } .practicetest div.results div.scorebox h2 { margin: 0; font-size: 20px; text-decoration: underline; font-weight: bold; } .practicetest div.results div.scorebox p { font-size: 14px; margin: 0; line-height: 1.2em; } .practicetest div.results div.scorebox p strong { font-size: 16px; } .practicetest div.results div.scorebox ul { margin-left: 20px; } .practicetest div.results div.scorebox .score { font-size: 50px; font-weight: bold; color: #888; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); } .practicetest div.results.score0 div.scorebox .score { color: #0693ff; } .practicetest div.results.score1 div.scorebox .score { color: #0693ff; } .practicetest div.results.score2 div.scorebox .score { color: #06ff06; } .practicetest div.results.score3 div.scorebox .score { color: #fffc06; } .practicetest div.results.score4 div.scorebox .score { color: #ffaa06; } .practicetest div.results.score5 div.scorebox .score { color: #ff0606; } .practicetest div.results div.scorebox .score span {} .practicetest div.results div.scorebox .score sup { font-size: 60%; } .practicetest div.results div.scorebox .score p { float: right; font-size: 27px; width: 140px; padding: 0; margin: 0; } .practicetest div.results div.scorebox .gauge { display: none; } .practicetest div.results .sidecta { margin: 0 10px 0 0; text-align: left; } .practicetest div.results .sidecta h3 { color: #fff; font-size: 24px; font-weight: bold; margin: 0; padding: 0; } .practicetest div.results .sidecta p { color: #fff; font-size: 14px; margin: 0; padding: 0; } .practicetest div.results .sidecta .price { color: #fff; font-size: 30px; } .practicetest div.results .sidecta a.button { font-size: 20px; } }  .page_checkout .header { min-height: 88px; } .page_checkout .login { display: none; } .page_checkout .nav { display: none; } .page_checkout .footer ul { display: none; } .page_checkout .phone { margin-top: 10px; display: block; } .page_checkout .price { font-size: 1em; display:inline; } .page_checkout h1 { font-size: 28px; } .page_checkout h3 { font-weight: bold; text-align: left; padding-left: 100px; } .reg_form ul.breadcrumbs { margin-bottom: 1em; } .reg_form ul.breadcrumbs li { display: inline !important; font-size: 12px; } .reg_form fieldset { padding-top: 20px; } .reg_form h3.legend { font-weight: bold; font-size: 14px; margin: 0; padding: 0 0 0 80px; } .reg_form label { min-width: 185px; width: auto; margin-left: 90px; font-size: 14px; padding-top: 4px; } .reg_form .field a { font-size: 90%; padding-left: 1em; } .reg_form .field { margin: 1em 0 0 30px; text-align: left; } .reg_form fieldset a.edit { float: right; padding: 0 20px 0 0; font-size: 10px; text-transform: lowercase; } .reg_form .product { margin-left: 100px; width: 500px; } .reg_form .product .copy { text-align: left; margin: 0; min-height: 1em; border-bottom: 1px dotted #222; padding: 0; } .reg_form .product h2 { text-align: left; font-size: 1em; float: left; margin: 0; padding: 0 0.5em 0 0; font-weight: bold; color: #222; background-color: #fef0bf; } .reg_form .product .price { float: right; text-align: right; padding-left: 0.5em; background-color: #fef0bf; } .reg_form .product .desc { display: none; } .reg_form .cart .field p.note { font-weight: normal; margin: 0.5em 0 0 118px; padding: 0; width: 450px;clear: left; } .reg_form .product p.regprice { text-align: right; float: right; font-size: 13px; color: #444; width: 100%; } .reg_form .product p.regprice .price { color: #a00; display:inline; float: none; padding: 0; } .reg_form .cart .field { margin-bottom: 30px; font-size: 120%; } .reg_form .field a.edit, .reg_form .cart .field a.popup { font-size: 10px; text-transform: lowercase; display: inline; float: none; padding: 0 0 0 10px; } .reg_form a.coupon { float: left; margin-left: 30px; } .reg_form .field.coupon { float: left; width: 120px; } .reg_form .field.coupon label { width: auto; float: left; padding-right: 1em; margin-left: 0; } .reg_form .field.coupon input { clear: left; width: 60px; float: left; } .reg_form .field.coupon small { clear: left; float: left; padding: 0; margin: 0; width: 200px;} .reg_form .field.coupon small a { padding: 0; margin: 0; } .reg_form .field.coupon .price { float: right; margin-top: -2.75em; } .reg_form .submit { width: 100%; clear: both; margin: 20px 0; } .reg_form .cart .submit, .reg_form .review .submit { float: right; clear: right; width: 220px; margin-top: 0; } .reg_form .submit p { text-align: center; font-weight: bold; } .reg_form .submit a.edit { float: left; margin: 10px 0 0 10px; } .reg_form .submit button { float: right; clear: none; margin-right: 20px; } .reg_form .submit .box { width: 200px; } .reg_form .submit .box p { padding: 0.5em 0; } .reg_form p.total { font-weight: normal; } .reg_form p.total .price { font-weight: bold; font-size: 120%; } .reg_form fieldset.cart .submit, .reg_form fieldset.cart .coupon { margin-top: 20px; } ul.toggle { list-style: none; margin: 10px 0 0 150px; } ul.toggle li { display: inline-block; vertical-align: middle; } ul.toggle li a { color: #fff; padding: 10px; float: left; } ul.toggle li { display: block; float: left; margin: 0; padding: 0; } ul.toggle li a { text-align:center; -moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; margin-left: 0; margin-right: 0; } ul.toggle li:first-child a { -moz-border-radius-topleft:24px;-webkit-border-top-left-radius:24px;border-top-left-radius: 24px; -moz-border-radius-bottomleft:24px;-webkit-border-bottom-left-radius:24px;border-bottom-left-radius: 24px; } ul.toggle li:last-child a { -moz-border-radius-topright:24px;-webkit-border-top-right-radius:24px;border-top-right-radius: 24px; -moz-border-radius-bottomright:24px;-webkit-border-bottom-right-radius:24px;border-bottom-right-radius: 24px; } ul.toggle li a span { background: none; width: auto; } ul.toggle li a:hover { left:0; top: 0; } ul.toggle li a:hover span { position:relative; left:1px; top:1px; } form.cc ul.toggle li.cc a, form.mo ul.toggle li.mo a { -moz-opacity:0.6;filter:alpha(opacity=6);opacity: 0.6; } .reg_form .payment .secure { float: left; margin-left: 100px; } .reg_form .payment .cc_img { display: block; width: 158px; height: 23px; background: url(https://nsc-tqa.global.ssl.fastly.net/images/cc_all.png) 0 0 no-repeat; margin: 3px 0 0 275px; } .reg_form .payment .cc_img.visa { background-position: 0 -23px; } .reg_form .payment .cc_img.amex { background-position: 0 -46px; } .reg_form .payment .cc_img.mc { background-position: 0 -69px; } .reg_form .payment .cc_img.disc { background-position: 0 -92px; } .reg_form small.error { clear: left; float: left; margin: 0 0 1em 270px; } .reg_form .field .secondary { margin: 3px 0 0 275px; }  .reg_form .cart, .reg_form .customer, .reg_form .payment, .reg_form .review { display: none; } .reg_form.step_cart ul.breadcrumbs { display: none; } .reg_form.step_cart .cart, .reg_form.step_customer .customer, .reg_form.step_payment .payment, .reg_form.step_review .review { display: block; } .reg_form.cc .cc_payment, .reg_form.mo .mo_payment { display: block; } .reg_form.cc .mo_payment, .reg_form.mo .cc_payment { display: none; } .reg_form.step_customer li.customer, .reg_form.step_payment li.payment, .reg_form.step_review li.review { font-weight: bold; color: #903600; } .reg_form.step_review fieldset.cart, .reg_form.step_review fieldset.customer, .reg_form.step_review fieldset.payment { display: block; } .reg_form.step_review h3, .reg_form.step_review a.coupon, .reg_form.step_review .submit { display: none; } .reg_form.step_review fieldset.cart div.field { display: block; } .reg_form.step_review .review .submit { display: block; } .reg_form.step_review .review .submit button { font-size: 150%; width: 200px; } .reg_form.step_review .payment_type { display:none; } .reg_form.step_review div.field { margin-top: 0; margin-bottom: 3px; } .reg_form div.submitting { float: right; clear: right; margin: 0 20px 20px 0; } .reg_form .submit a.edit { font-size: 12px; padding: 0 0 0 20px; } .reg_form h3.legend, .reg_form fieldset > a.edit, .reg_form div.summary { display: none; } .reg_form.step_review h3.legend, .reg_form.step_review fieldset > a.edit, .reg_form.step_review div.summary { display: block; } .reg_form.step_review fieldset.edit > a.edit, .reg_form.step_review fieldset.edit div.summary { display: none; } .reg_form.step_review .field { display: none; } .reg_form.step_review fieldset.edit .field, .reg_form.step_review .summary .field { display: block; } .reg_form.cc .summary div.field.mo, .reg_form.mo .summary div.field.cc { display: none; } .check_no .check_yes, .check_yes .check_no { display: none; } .reg_form.form_error .review, .reg_form.form_error fieldset.cart, .reg_form.form_error fieldset.customer, .reg_form.form_error fieldset.payment { display: block; } .reg_form.form_error h1.cart, .reg_form.form_error h3, .reg_form.form_error a.coupon, .reg_form.form_error .submit { display: none; } .reg_form.form_error .review .submit { display: block !important; } .reg_form.form_error .payment_type { display:none; } .reg_form.form_error div.field { margin-top: 0; margin-bottom: 3px; } .reg_form.form_error h3.legend, .reg_form.form_error fieldset > a.edit, .reg_form.form_error div.summary { display: block; } .reg_form.form_error fieldset > a.edit, .reg_form.form_error fieldset div.summary { display: none; } .reg_form.form_error .field { display: none; } .reg_form.form_error fieldset .field, .reg_form.form_error .summary .field { display: block; } .print { float: right; padding: 0.5em 10px; } .page_receipt .top { min-height: 0; } .page_receipt .instructions { padding: 10px; } .receipt { text-align: left; } .receipt div.line { margin: 0.5em 0; width: 80%; } .receipt span.label { display: inline-block; width: 150px; text-align: right; padding-right: 1em; } .receipt span.value { font-weight: bold; font-size: 1.1em; } .receipt span.address { display:inline-block; vertical-align: top; } .receipt span.datetime { } .receipt span.price { text-align: right; } .receipt div.product { margin-left: 100px; width: auto; border: none; height: auto; min-height: 0; } .receipt div.product span.label { display: inline; } .receipt div.product span.value { display: inline; } .page_receipt .price { font-size: 1em; display:inline; color: inherit; } .has_prep fieldset.cart { background: url(https://nsc-tqa.global.ssl.fastly.net/images/chalk.50off.jpg) 540px 27px no-repeat; } .has_mcy fieldset.cart { background: url(https://nsc-tqa.global.ssl.fastly.net/images/chalk.50off.jpg) 540px 27px no-repeat; }  .reg_form fieldset.cart .submit { width: 480px; } .reg_form fieldset.cart .submit p.total, .reg_form fieldset.cart .submit .box { clear: none; } .reg_form fieldset.cart .submit .testimonial { float: left; width: 250px; } .reg_form fieldset.cart .submit .testimonial p { font-weight: normal; text-align: left; }   .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; }  .hidden { display: none; visibility: hidden; }  .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }  .invisible { visibility: hidden; }  .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; }  .showmobile { display: none; }  @media screen and (max-width: 974px) { .hidemobile { display: none; } .showmobile { display: block; }  * { max-width: 100%; } html { background: none; } body { position: relative; background: none; color: #333; min-width: 320px; } h1, h2, h3, h4, h5, h6, p { -webkit--moz-box-sizing:border-box;box-sizing: border-box; -moz--moz-box-sizing:border-box;box-sizing: border-box; -moz-box-sizing:border-box;box-sizing: border-box; padding: 0 5% !important; width: 100%; } h1 { margin: 20px auto !important; color: #444; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 20px; line-height: 1.1em; } h3 { font-size: 18px; } p { color: #333; line-height: 1.3em; } p + p { padding-top: 10px; } .main ul { display: block; margin: 0 auto; padding: 0 5%; width: auto; color: #333; } .main ul li { margin: 5px 30px 5px 16px; } img.rounded { padding: 0; border: 1px solid #666; -moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; } form { } form fieldset { margin: 0 5%; padding: 0; width: 90%; } form input, form textarea, form select { height: 30px; border: 1px solid #CCC; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius: 3px; font-size: 14px; line-height: 16px; width: 100%; margin: 0; -webkit--moz-box-sizing:border-box;box-sizing: border-box; -moz--moz-box-sizing:border-box;box-sizing: border-box; -moz-box-sizing:border-box;box-sizing: border-box; -moz-box-shadow:inset 0 1px 5px #DDD;-webkit-box-shadow:inset 0 1px 5px #DDD;box-shadow: inset 0 1px 5px #DDD; } form textarea { font-size: 12px; min-height: 150px; } form select { vertical-align: bottom; overflow: visible; padding: 7px 3px; } form select option { padding: 2px 6px; font-size: 14px; } form .button, form button { right: 0; margin: 10px auto 0; padding: 0; max-width: 200px; width: 100%; height: 30px; border: none; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius: 3px; -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.3);box-shadow: inset 0 1px 3px rgba(0,0,0,.3); line-height: 30px !important; } button:hover, button:active, .button:hover, .button:active { background: #199511; background: -moz-linear-gradient(top, #199511 0%, #034700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#199511), color-stop(100%,#034700)); background: -webkit-linear-gradient(top, #199511 0%,#034700 100%); background: -o-linear-gradient(top, #199511 0%,#034700 100%); background: -ms-linear-gradient(top, #199511 0%,#034700 100%); background:-webkit-linear-gradient(to bottom, #199511 0%,#034700 100%);background:-moz-linear-gradient(to bottom, #199511 0%,#034700 100%);background:-ms-linear-gradient(to bottom, #199511 0%,#034700 100%);background:-o-linear-gradient(to bottom, #199511 0%,#034700 100%);background: linear-gradient(to bottom, #199511 0%,#034700 100%); -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.4);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.4);box-shadow: inset 0 1px 3px rgba(0,0,0,.4); text-decoration: none !important; border: 0; } form.choose { float: left; margin: 0 0 0 4%; width: 52%; max-width: 400px; } form.contact_form p { padding: 0 0 10px !important; } form.contact_form input, form.contact_form textarea, form.contact_form select { margin: 5px 0 7px; max-width: 400px; } form.stateSelect { width: 90%; margin: 0 auto 20px; padding: 0; float: none; } form.stateSelect select { width: 76%; } form.stateSelect a.button { display: block; float: right; clear: none; margin: 0 0 0 5% !important; padding: 0; width: 18%; height: 28px; font-size:12px; line-height: 28px; } form.stateSelect a.button:before { content: 'Go '; } form.practice_test a.button { display: block !important; float: none; margin: 25px auto 10px !important; } .wrapper { min-width: 320px; width: 100%; -moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; background: #FFF; -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow: none; } .main { min-width: 320px; width: 100%; } .main .side { float: none; width: 100%; } .main .content { min-width: 320px; width: 100%; background: 0; } .section { margin: 0; padding: 0; width: 100%; } .top { overflow: hidden; margin: 0; padding: 0; width: 100%; } .top > div { float: none; margin: 0; padding: 0; width: 100%; } .top ul { display: block; margin:0 auto 20px; padding: 0 0 0 7%; } .top ul li{ margin: 5px 0 5px 5%; width: 95%; font-size: 14px; max-width: auto; color: #555; } .top .button { max-width: 62%; } .top a.video, .top > img.rounded, .top div > img.rounded { position: relative; display: block; float: left; margin: 0 0 10px 5%; width: 35%; height: auto; } .top > img, .top > img.rounded, .top div > img.rounded { display: block; min-width: 110px; max-width: 180px; height: auto; border: 1px solid #666; } .top a.video img { display: block; float: right; margin: 0 auto; min-width: 110px; width: 100%; height: auto; border: 1px solid #666; } .top a.video:after { position: absolute; top: 25%; right: 25%; z-index: 1; display: block; float: right; margin: 0 auto; width: 50%; height: 50%; background: url('https://nsc-tqa.global.ssl.fastly.net/images/play.png') 50% 50% no-repeat; opacity: .9; } div.video { position: absolute; top:80px; z-index: 2; display: none; margin: 0; width: 100%; background: #000; } div.video a.close { position: absolute; bottom: -33px; left:25%; z-index: 3; display: block; display: inline; margin: 0 auto; padding: 7px 0; width: 50%; border: none; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius: 3px; background: rgba(0,0,0,.85); color:transparent; font-size: 12px; } div.video a.close:after { color:#DDD; content: 'CLOSE VIDEO\2002'; } div.video a.close:hover, div.video a.close:active { background: rgba(0,0,0,.9); text-decoration: none !important; } .boxes1, .boxes2, .boxes3 { clear: both; margin: 20px auto; padding: 0; width: 100%; } .boxes1 .box { width: 90%; } .box, .boxes3 .box { display: block; float: none; -webkit--moz-box-sizing:border-box;box-sizing: border-box; -moz--moz-box-sizing:border-box;box-sizing: border-box; -moz-box-sizing:border-box;box-sizing: border-box; margin: 15px auto; width: 90%; } .boxes3 .box { max-width: 420px; min-height: 100px !important; } .box h2 { clear: both; line-height: 1.1em; } .box ul { display: block; margin: 15px auto !important; color: #333; text-align: center; font-weight: bold; font-size: 12px; } .box ul li.nobullet { margin: 10px 0 0 !important; padding: 0; text-align: center !important; text-transform: uppercase; } .box p { margin: 10px 0; } .box a.button, .box button, .box div.submit { float: none !important; margin: 10px auto; } .boxes2 .box { margin: 0 auto; width: 90%; } .boxes2 .box.blue p { text-align: center; } .boxes2 .box h2, .boxes3 .box h2 { width: 70%; margin: 20px 15% 0; } .boxes2 .box span.icon, .boxes3 .box span.icon { margin: 10px; } .boxes2 .box ul, .boxes3 .box ul { padding-top: 0 !important; margin-top: 10px !important; display: inline-block; float: none; clear: both; } .boxes2 .box ul li, .boxes3 .box ul li { margin: 7px 0px 7px 15px; text-align: left; } .boxes2 .box a, .boxes3 .box a { font-weight: bold; text-decoration: none; margin: 0 0 10px; } .boxes2 .box a.button, .boxes3 .box a.button { display: block; clear: both; margin: 0 auto 20px; width: 62%; } .box.blue { min-height: auto; width: 90% !important; -moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; } .boxes1 .stateList { margin: 20px 0; padding: 0; width: 100%; } .stateList ul { float: none; clear: both; margin: 0 auto !important; padding: 0; width: 280px !important; } .stateList ul li{ margin: 5px 0; padding: 0; text-align: center; } .stateList ul li a { font-size: 14px; } .stateList table { width: 90%; margin: 0 auto !important; } .stateList th { font-size: 11px; padding: 0 0 5px !important; margin: 0 !important; left: 0; min-width: 25% !important; } .stateList tr:nth-child(even){ background: #EEE; } .stateList td a { width: 90%; padding: 4px 0; display: block; -webkit--moz-box-sizing:border-box;box-sizing: border-box; -moz--moz-box-sizing:border-box;box-sizing: border-box; -moz-box-sizing:border-box;box-sizing: border-box; font-size: 10px; line-height: 12px; overflow: hidden; } .section.bottom { margin: 30px auto; width: 90%; } .section.bottom h2{ margin-bottom: 15px; text-align: center; font-size: 16px; } .section.bottom p { clear: both; margin: 10px 0; padding: 0; padding: 0 !important; width: auto; } .section.bottom a { float: none !important; margin: 20px auto !important; } .section.bottom .box { margin: 15px auto !important; padding: 0; max-width: 100%; width: 100% !important; background-image: none; } .section.bottom .box p { margin: 0px 5% 20px !important; } .section.accordion { margin: 30px auto; border-top: 1px solid #EBD588; border-bottom: 1px solid #EBD588; background: #FFEFBF; font-size: 1.1em; } .section.accordion h2 { display: block; margin: 0 5%; width: 100%; width: 90%; height: 52px; border-top: 1px solid #D1B16D; color: rgba(134,64,1,1); text-align: center; font-size: 18px; line-height: 50px; cursor: pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; } .section.accordion h2:first-child { border: 0; } .section.accordion h2:hover, .section.accordion h2:active { color: rgba(134,64,1,.8); } .section.accordion .copy { display: none; -webkit--moz-box-sizing:border-box;box-sizing: border-box; -moz--moz-box-sizing:border-box;box-sizing: border-box; -moz-box-sizing:border-box;box-sizing: border-box; margin: 0; padding: 0 5% 25px; width: 100%; background: #FFEFBF; list-style: none; } .section.accordion .copy span.brown, .section.accordion .copy a.button { display: block; margin-top: 20px; } .section.accordion > ul div { margin: 0; padding: 0; width: 100%; font-weight: normal; font-size: 12px; } ul.score li { display: block !important; }  .page_home .top ul { padding: 0 5%; } .page_home .boxes3 .box h2 { width: 90%; margin: 20px 5% 0; } .page_password form, .page_login form { max-width: 320px; margin: 0 auto; } .page_login .submitting { font-size: 18px; font-weight: bold; } .page_password ul.bullet, .page_login ul.bullet { list-style: none; margin: 20px auto; text-align: center; font-weight: bold; } .page_category .section.copy h1 span { display: block; word-break: break-all; font-size: .7em; } .page_category .boxes3 .box a.button.popup { display: block !important; } .page_permit form.choose button, .page_permit form.choose .button, .page_license form.choose button, .page_license form.choose .button, .page_cdl form.choose button, .page_cdl form.choose .button { width: 100%; max-width: 100%; } .page_dmv .top img { display: block; float: none; margin: 20px auto; } .page_dmv .boxes2 { margin-bottom: 20px; } .page_dmv .boxes2 .box { margin: 0 auto; } .page_dmv .boxes2 .box:last-child { margin: 20px auto 0; } .section.copy ul li a img, .page_dmv .boxes2 .box li a img { margin-left: 10px; } .section.copy a.button { margin: 20px auto; }  ul.breadcrumbs, a.popup, a.guarantee, form.stateSelect label, form.forgot_form p, form.login_form p, .section.exams, .section.testimonials, .section.tabs, .boxes1 > map, .boxes1 > img, .boxes2.split4060 .box.second, .box img.bbb, .bookmark, .nobookmark, .page_permit .boxes2 .box.second, .page_license .boxes2 .box.second, .page_mcy .boxes2 .box.second, .page_cdl .boxes2 .box.second, #fb-root { display: none !important; } .cdl_select label span.showmobile { color: #000000; display: inline-block; width: 190px; } }  @media screen and (min-width: 481px) and (max-width: 974px) { }  @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }  a, a:visited { color: #444 !important; text-decoration: underline; }  abbr[title]:after { content: " (" attr(title) ")"; } .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; }  tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } .nav, .login, .footer ul, a.print { display: none; } }