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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, XXinput, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}


body {background: url(/images/footer-bg.png) repeat #221e1f;}


 .left {float:left}
 .right {float:right}
 .halfbox {width:auto; min-width:460px; max-width:480px; overflow:visible; height:auto; padding:0px;}
 .nodecor{text-decoration:none}
 .black {color: #000}
 .blue {color: #1c3f94}
 .blue:hover, .blue:visited, .blue:link {color: #1c3f94}
 .white {color: #fff}
 .silver {color:#CCCCCC}
 .red {color: #cc0000}
 .green {color: #33cc00}
 .yellow {color: #ffcc00}
 .orange {color: #f47421}
 .purple {color: #639}
 .steel {color:#3a3d3f}
 .tsorange, .orange {color:#f47421;}
 .tsblue, .blue {color:#1c3f94;}
 .bgblack {background-color: #000}
 .bgblue {background-color: #1c3f94}
 .bgwhite {background-color: white}
 .bgsilver {background-color:#CCCCCC}
 .bgred {background-color: #cc0000}
 .bggreen {background-color: #33cc00}
 .bgyellow {background-color: #ffcc00}
 .bgorange {background-color: #f47421}
 .bgpurple {background-color: #639}
 .bgsteel {background-color:#3a3d3f}
 .shorter {height:25px}
 .short {height:45px}
 .tall {height:65px}
 .taller {height:85px}
 .w10 {width:10%}
 .w20 {width:20%}
 .w25 {width:25%}
 .w30 {width:30%}
 .w40 {width:40%}
 .w50 {width:50%}
 .w60 {width:60%}
 .w70 {width:70%}
 .w75 {width:75%}
 .w80 {width:80%}
 .w90 {width:90%}
 .w100 {width:100%}
 .sssstext {font-size: .6em}
 .ssstext {font-size: .7em}
 .sstext {font-size: .8em}
 .stext {font-size: .9em}
 .ltext {font-size: 1.1em}
 .lltext {font-size: 1.2em}
 .llltext {font-size: 1.3em}
 .lllltext {font-size: 1.4em}
 
 .whiteTextOut {text-shadow:#FFF 1px 1px 1px}
 .grayTextOut {text-shadow:#999 1px 1px 1px} 
 .blackTextOut {text-shadow:#000 1px 1px 1px}


#page_contaner {width:100%; height:auto; text-align:center; margin-top:30px}
.readText p, .readText li {font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left;}
.readText img {margin:5px}

.imgicon {margin:0; padding:0; border:none}
#print-page, #print-course {margin:-30px 0px 0 0; width:auto; background-color:#f6f6f6; width:auto; border:2px #999 solid; border-radius:10px; padding:2px 2px 0 2px }
.f-right, right {float:right;}
.f-left, left {float:left;}
.cb {clear:both}

#content_container {min-width:760px; max-width:960px; margin:0 auto; background:url(/images/direct-bg.jpg) top center no-repeat #70bde3; border:10px #fff solid; border-radius:20px; padding-bottom:0px; height:auto; position:relative;  box-shadow:0 0 25px 5px #111; overflow:hidden;}

#content_container img {border:none}
#top_container {min-width:730px; max-width:960px; width:100%; padding:10px 5px}
#top-left-container {float:left; height:135px; width:260px; border-right:#111 dotted; border-right margin:0 auto; text-align:center}

#top-right-container {float:left; height:135px; min-width:50%; max-width:64%; width:auto; margin:0 auto 0 0px; text-align:left; background:#}
#ContentHeadingWrap {margin:0 auto; width:auto; min-width:550px; text-align:center; background:#;}
#ContentHeadingWrap h1 {font-family: Century Gothic, AppleGothic, Arial, Helvetica, sans-serif; font-size:30px; color:#abb202; padding:0 5px; margin:20px 5% 0px 0; letter-spacing:-1px; font-weight:bold; text-shadow:#fff 1px 1px 2px }
#ContentHeadingWrap h2 {font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; line-height:18px; color:#333; padding:5px; margin:5px 5% 0 0; background:}
#ContentHeadingWrap h1 div {margin:0 auto; text-align:center; margin-right:5%;}
#ContentHeadingWrap h2 div {margin:0 auto; text-align:left; width:92%}

#btm_container {min-width:768px; max-width:960px; width:100%; height:auto}
#pageLogo{margin:20px auto;}

#contentDoc_Container{margin:0% auto 2% auto; padding:8px; min-width:500px; width:94%; background:#FFF; border-radius:25px;}
#contentDoc_Frame {margin:auto; width:auto; padding:20px; background:#FFF; border-radius:20px; border:3px solid #888}

#ContentBlockWrap {margin:0 auto; width:99%; text-align:center}
#ContentBlockWrap p {margin:0 auto; width:99%; text-align:left}
#ContentBlockWrap h1, h2, h3 {font-family: Century Gothic, AppleGothic, Arial, Helvetica, sans-serif; font-weight:bold; font-size:22px; color:#3a3a3a}
#ContentBlockWrap h3 {font-size:16px;}
#ContentBlock {margin:0 auto}
#SectionHeading, #ExamHeading {margin: 20px auto 5px auto;}

#toolBarContainer {min-width:760px; max-width:960px; margin:0 auto; background:; border:0px #252021 solid; border-radius:5px; padding:2px auto; height:30px; margin:15px auto 5px auto;}
#toolBarContainer li {float:right; list-style-type:none;color:#eee;margin-left:15px;}

#toolBarLogin {border-left:2px dotted #333; padding-left:15px; }
#toolBarLogin a {color:#ddd;font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:none}
.toolBarLink {border-left:2px dotted #333; padding-left:5px; margin-right:15px;}
.toolBarLink a {color:#ddd;font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:none}

#logoWrap{margin:10px 0 10px 0}

#BodyLinksContainer {width:auto; position:relative; margin:10px 0; }
BodyLinksContainer li {float:left; list-style-type:none;font-family:Century Gothic, AppleGothic, Arial, Helvetica, sans-serif; font-size:14px; color:#444; font-weight:bold; margin:0; padding:3px; ; height:auto;}
#BodyLinksContainer a {color:#444; text-decoration:none;position:relative; padding:4px 5px; border:1px dotted #6fbfe7; font-family:Century Gothic, AppleGothic, Arial, Helvetica, sans-serif; font-size:14px; color:#444; font-weight:bold; margin:20px 0; }
#BodyLinksContainer a:hover {color:#666; text-decoration:none; background:#9dd0ef;text-decoration:none;position:relative; padding:4px 5px; border:1px dotted #6fbfe7; font-family:Century Gothic, AppleGothic, Arial, Helvetica, sans-serif; font-size:14px; color:#444; font-weight:bold; margin:20px 0; border-radius:15px; border:1px dotted #dceefa; border-bottom:2px dotted #dceefa;}

.centerMe {margin:0 auto;}

.homeText p {font-size:12px; line-height:14px; text-shadow: 1px 1px 0px 2px #000; color:#eee}
.whitefooterlink {color:#eee; font-size:20px; text-shadow: 1px 1px 5px 1px #000; line-height:16px;}

.InputWrapper {background:#2497d5; padding:8px 0 4px 10px; border-radius:20px;font-family:Century Gothic, AppleGothic, Arial, Helvetica, sans-serif; font-size:14px; color:#333; font-weight:bold; box-shadow:inset 4px 4px 4px -1px #2088c0; border: 5px solid #84c6ea; width:auto;margin-right:5px;}
.InputWrapper input {background:transparent; border:none; color:#eee; font-weight:;font-family:Century Gothic, AppleGothic, Arial, Helvetica, sans-serif; font-size:13px; width:140px}
.ButtonWrapper {text-align:center}
#submit_button {display:block; width:118px; height:42px;border:none; border-width:0px; box-shadow:none; background:url(/images/loginUp.png) no-repeat}
#submit_button:hover {display:block; width:118px; height:42px;border:none; border-width:0px; box-shadow:none; background:url(/images/loginDown.png) no-repeat}
.passLink {font-family:Century Gothic, AppleGothic, Arial, Helvetica, sans-serif; font-size:12px; color:#dceefa; font-weight:normal; text-decoration:none}


.footerWrap {width:100%; background:#; margin-top:15px; min-width:860px;}
.footerTable {margin:2px auto; font-size:12px; font-family:Century Gothic, Arial, Helvetica, sans-serif;}
.copyright {margin:2px auto; font-size:12px; font-family:Century Gothic, Arial, Helvetica, sans-serif; min-width:860px; text-align:center; color:#ccc}

.shopperApprovedWrap{font-size:.9em; color:#ffffff; text-align:center; background:#; margin:25px auto; width:400px; padding:0}
.shopperApprovedSchemaWrap{float:left; text-align:center; width:50%;}	
.shopperApprovedSeal{float:left; text-align:center; width:50%}

.footerTable td {border-right:6px dotted transparent; font-size:12px;}
.footerTable a, .footerTable a:hover, .footerTable a:link, .footerTable a:visited {color:#ddd; font-size:12px; font-family:Century Gothic, Arial, Helvetica, sans-serif; text-decoration:underline}
.footerTable a:hover {color:#9dd0ef;}
.iconTable {margin:20px auto}

.hdrSeperater {margin:5px auto; width:94%; background: url(/images/footer-bg.png) repeat #221e1f; height:4px; border:1px #000 dotted;text-align:center; border-radius:5px;}


/* from getStarted*/
#GSContentWrap {width:60%; float:left; margin:0 auto; border:0px red solid}
#GSstateSelectWrap {width:35%; min-width:250px; float:left; margin:0 auto; border:0px red solid}
#GSContent h2, #GSstateSelect h3  {font-size:20px; font-weight:bold; margin:0 0 15px 0; padding:0;color:#2497d5;font-family: Century Gothic, AppleGothic, Arial, Helvetica, sans-serif;}
#GSstateSelect h3 {font-size:18px;}
#GSstateSelect {float:right}
.bodyText {width:auto}
#getStartedImgWrap h3 {color:#2497d5; font-size:16px; margin:5px auto;}

#contentSummaryDiv {text-align:left}

.ssDropDown, #tbSelectState td {text-align:left; padding:2px;}
#tbSelectState .ssLabel {text-align:right; font-family: Century Gothic, AppleGothic, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;}

.images4wrap {width:100%; text-align:center}
.images4wrap ul {min-width:100%; margin:10px auto}
.images4wrap li {width:25%; text-align:center; list-style:none;float:left; margin:0 auto;}
.images4wrap li img {margin:0 auto}

.div3wrap {width:100%; text-align:center}
.div3wrap ul {min-width:100%; margin:10px auto}
.div3wrap li {width:33.33%; text-align:center; list-style:none;float:left; margin:0 auto; font-family: Century Gothic, AppleGothic, Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#3a3a3a}
.div3wrap li img {margin:0 auto}
.sMoreInfo {font-size:12px; text-decoration:underline; color:#444}

.divNWrap {width:100%; text-align:center}

.divNWrap .div10 {width:10%; float:left; text-align:center;}
.divNWrap .div20 {width:20%; text-align:center; float:left;}
.divNWrap .div25 {width:25%; float:left; text-align:center;}
.divNWrap .div30 {width:30%; text-align:center; float:left;}
.divNWrap .div33 {width:33.33%; text-align:center; float:left;}
.divNWrap .div40 {width:40%; float:left; text-align:center;}
.divNWrap .div50 {width:50%; float:left; text-align:center;}
.divNWrap .div60 {width:60%; float:left; text-align:center;}
.divNWrap .div66 {width:66.66%; text-align:center; float:left;}
.divNWrap .div70 {width:70%; text-align:center; float:left; }
.divNWrap .div75 {width:75%; text-align:center; float:left;}
.divNWrap .div80 {width:80%; float:left;  text-align:center;}
.divNWrap .div90 {width:90%; float:left;  text-align:center;}



#section2wrap h3, #section2wrap ul {margin-top:15px}
#benefitResourceWrap {float:left; text-align:left;}
.rSeperator {border-right:#221e1f 3px dotted;}
#benefitResourceWrap li {list-style:none; margin:3px 0 0 10px}
#benefitResourceWrap li:hover {list-style:none; margin:3px 0 0 12px}

#instructorList li:hover {margin-top:-3px;}

.stdMarginTop {margin-top:15px}
.stdMarginTopx2 {margin-top:30px}


#Standard_Panel #contentDoc_Frame {border:1px dotted #09C; background:none}
#Standard_Panel	#contentDoc_Container {border:0px solid #eee; background:none; margin-top:15px;}
#dmvApprSeal {position:absolute; bottom:30px; left:20px; z-index:100;  width:134px; height:78px; background:url(/images/buttons/dmv-approved-seal.png); display:block}
#dmvApprSeal:hover {position:absolute; bottom:28px; left:22px; z-index:100;  width:134px; height:78px; background:url(/images/buttons/dmv-approved-seal-h.png); display:block}
#dmvApprSealOnline {width:134px; height:78px; background:url(/images/buttons/dmv-approved-seal.png); display:block}
#dmvApprSealOnline:hover {width:134px; height:78px; background:url(/images/buttons/dmv-approved-seal-h.png); display:block}
#productsWrap a {text-decoration:none}
#productsWrap ul li {position:relative;}
#productsWrap ul li img {opacity:.92;}
#productsWrap a:hover img {opacity:1;}
.tinyBlueLink {font-size:11px; color:#069}
.smMarginTop {margin-top:5px}

.oButtonContainer {width:100%; text-align:center; margin:0 auto; border:0px solid blue;}
.oButton {margin:0 auto; padding:0; border:0px red solid; width:auto; height:39px; overflow:hidden; position:relative; }
.oButtonContainer a, .oButtonContainer ul, .oButtonContainer li, .oButtonContainer div {text-decoration:none}
.oButton li a:link {text-decoration:none}
.oButton li {float:left; list-style:none; height:39px; font-family:Century Gothic, AppleGothic, Arial, Helvetica, sans-serif; font-size:14px; color:#fff; font-weight:bold;}
.oButton li .oText {padding-top:9px;}
.oButton li .oText a{color:#fff}
.bMid {padding:0 15px;}
.oButton:hover {left:1px;top:1px;}
.oButton:hover a {color:#ffffcc}
.bLeft {background:url(/images/buttons/orgL.png); width:20px;}
.bRight {background:url(/images/buttons/orgR.png); width:20px;}
.bMid {background:url(/images/buttons/orgM.png) repeat-x; width:auto;}

#Zip_Validator, #StateValidator {font-family: Century Gothic, AppleGothic, Arial, Helvetica, sans-serif; font-weight:bold;}


/*--HOME SPECIFIC */
#HomeLogoContainer {border:0px red solid; width:100%; text-align:center; margin-top:20px}
#logoWrap{margin:10px 0 10px 0}


#OnlineCourseWrap {border:0px green solid; width:33%; text-align:center; float:left; position:relative}
#KeysWrap {border:0px blue solid; width:33%; text-align:center;float:left; position:relative}
#arrowL {position:absolute; margin-top:170px; margin-left:-50px}
#arrowR {position:absolute; margin-top:24px; margin-left:200px}
#BtwWrap {border:0px black solid;width:33%; text-align:center;float:left; position:relative}
#BubbleContainer {width:760px; position:relative}
#asSeenOn {position:absolute; margin:-16px 0 0 -5px; z-index:100}

#giftCertContainer {min-width:768px; max-width:960px;}
#giftCerts {position:absolute; margin-left:100%; right:-20px; top:-18px; z-index:100}

#footertextcontainer {width:825px; margin:auto; text-align:center; margin-top:15px;}
.homeText {margin:auto; width:800px; font-family:Arial, Verdana, Geneva, Helvetica;font-size:10px;color:#eee;text-align:left; margin-top:25px;}
.copyright {text-align:center}
.homeText p {font-size:12px; line-height:14px; margin:20px 0; text-shadow: 1px 1px 0px 2px #000; color:#eee}
.white {color:#eee}
.whitefooterlink {color:#eee; font-size:20px; text-shadow: 1px 1px 5px 1px #000; line-height:16px;}

#loginWrap {margin:10px auto; width:325px;}
.InputWrapper {background:#2497d5; padding:8px 0 4px 10px; border-radius:20px;font-family:Century Gothic, AppleGothic, Arial, Helvetica, sans-serif; font-size:14px; color:#333; font-weight:bold; box-shadow:inset 4px 4px 4px -1px #2088c0; border: 5px solid #84c6ea; width:auto;margin-right:5px;}
.InputWrapper input {background:transparent; border:none; color:#eee; font-weight:;font-family:Century Gothic, AppleGothic, Arial, Helvetica, sans-serif; font-size:13px; width:140px}
.ButtonWrapper {text-align:center}
#login_button {display:block; width:322px; height:42px;border:none; border-width:0px; box-shadow:none; background:url(/images/buttons/studentlogin.png) no-repeat}
#login_button:hover {display:block; width:322px; height:42px;border:none; border-width:0px; box-shadow:none; background:url(/images/buttons/studentlogin-h.png) no-repeat}

.passLink {font-family:Century Gothic, AppleGothic, Arial, Helvetica, sans-serif; font-size:12px; color:#dceefa; font-weight:normal; text-decoration:none}


/* Online Courses */
.oBulletOrange {background:#de5108; width:39px; height:32px; padding-top:6px; text-align:center; color:#FFF; font-weight:bold; font-size:20px; border-radius:45px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-shadow:#000 1px 1px 1px; margin-right:20px;}
#Online123Wrap ul li {list-style:none; text-align:left; font-family: Century Gothic, AppleGothic, Arial, Helvetica, sans-serif; font-weight:bold; color:#666; font-size:22px; margin:0px auto 40px auto;}
#Online123Wrap ul li {padding-left:8%; background:#}
.oOnlineText {letter-spacing:-1px; background:#; width:100%;}
.oText {padding-top:6px}
#DMVstudyContainer {background:url(/images/dmvStudyBg.jpg) no-repeat center; width:736px; height:155px; border-radius:20px; border:8px #fff solid; border-radius:20px; text-align:center; box-shadow:#666 0 0 8px 2px; position:relative;" class="centerMe stdMarginTopx2}
#DMVstudy{width:250px; text-align:left; position:absolute; top:30px; left:255px; height:auto; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#333; font-weight:bold;}