span.checkbox { width:20px; height:18px; padding:0 5px 0 0; margin-left:25px;} span.radio { width:20px; height:18px; padding:0 5px 0 0; margin-left:25px;} .spinner{width:24px; height:24px; margin-top:-2px;} /* .float-box-container{z-index:1000; position:absolute; top:0; width:987px; margin:0 auto; } */ .nomargin{margin:0px!important;} .tgcenter{margin-left:auto; margin-right:auto;} .spvert20px{margin-top:20px; margin-bottom:20px;} .spvert30px{margin-top:30px; margin-bottom:30px;} .fnt11px{font-size:11px!important;} .floatl{float:left;} .prelative{position:relative;} .pabsolute{position:absolute;} .rounded { -moz-border-radius-bottomleft:2ex; -moz-border-radius-bottomright:2ex; -webkit-border-bottom-left-radius:2ex; -webkit-border-bottom-right-radius:2ex; } .align-cntr{text-align:center;} .frm-container{margin:42px auto 10px auto;} /* .frm-field{position:relative; margin-bottom:10px;} .frm-field input,.frm-field select{width:246px; height:16px; padding:2px; border:0; margin-left:120px; background-color:white; color:black; } .frm-field input.disabled{border:1px solid white; background-color:black; color:white; height:16px; width:244px;} .frm-field textarea{width:375px; padding:2px; border:0;} .frm-field label{position:absolute; width:99px; height:10px; left:10px; margin-top:6px;} */ /* .frm-mainopt{margin:0 auto;} .frm-subopt{border-top:1px solid #666; width:430px; margin:15px auto;} .frm-subopt label{position:absolute; margin-top:4px; left:50px; font-size:11px; font-family:Verdana; color:white;} .frm-subopt-error{border: 2px solid red;} .frm-end{border-top:1px solid #666; width:430px; margin:5px auto;} */ /* .frm-error{position:absolute; top:-2px; left:380px;} .frm-error{height:24px; min-width:175px; background:url(/img/reg-form-sprite.png) -292px -498px no-repeat;} .frm-error p{white-space:nowrap; background-color:#FF9999; height:24px; margin:0 0 0 12px; padding:0 10px 0 2px; line-height:24px; color:#660000; font-size:11px; font-weight:bold;} .frm-error-icon{background:url(/img/reg-form-sprite.png) -261px -536px no-repeat; position:absolute; top:2px; left:342px; height:16px; width:16px;} .frm-errorb-icon{background:url(/img/reg-form-sprite.png) -296px -536px no-repeat; position:absolute; top:20px; left:26px; height:14px; width:15px;} */ .frm-subinfo{color:white; font-family:Verdana;} .frm-tip{margin:5px 0 5px 120px; font-style:italic; font-size:10px; color:white; font-family:Verdana; width:255px;} .frm-btn-tip{margin:5px 0; width:205px; font-style:italic; font-size:10px; color:white; font-family:Verdana; } .frm-okb-icon{background:url(/img/reg-form-sprite.png) -280px -536px no-repeat; position:absolute; top:20px; left:26px; height:14px; width:15px;} /* .plow{margin-left:120px; font-size:10px; color:#CCC; width:255px;} .pnormal{margin-left:120px; font-size:10px; width:255px;} .phigh{font-size:12px!important; width:380px;} */ #formContainer{position:absolute; top:0; z-index:1000; width:100%;} .float-box-container{position:absolute; top:0; width:100%; } #formContainerFooter{} /* custom errors */ .frm-error#err18Older{left:295px;} .frm-error#errTC{top:10px; left:295px;} .frm-error#err18Older p{margin:0 0 0 12px; padding:5px 10px 20px 10px; line-height:12px;} /* .frm-error#errTC p{white-space:nowrap; background-color:#FF9999; height:inherit; margin:0 0 0 12px; padding:0 10px 0 2px; line-height:24px; color:#660000; font-size:11px; font-weight:bold;} */ /* You should certified that you are at least 18 years old and agree terms and conditions */ #colA{background:url(/img/reg-form-lftshdw.png) 0 0 no-repeat; width:20px; height:36px;} #colB{background:url(/img/reg-form-bg.png) 0 0 repeat-x #000; width:500px; border:1px solid #858585; border-top:none; padding-bottom:15px;} #colC{background:url(/img/reg-form-rgtshdw.png) 0 0 no-repeat; width:20px; height:36px;} /* #hdACCOUNTSETTINGS{background:url(/img/reg-form-sprite.png) -100px -36px no-repeat; width:180px; height:16px; margin:0 0 20px 120px; } #hdREGISTRATION{background:url(/img/reg-form-sprite.png) -100px 0px no-repeat; width:125px; height:16px; margin:0 0 5px 120px;} #hdDEACTIVATEACCOUNT{background:url(/img/reg-form-sprite.png) -100px -18px no-repeat; width:195px; height:16px; margin:0 auto; margin-bottom: 30px;} #hdWELCOME{margin:-5px 0 20px 0;} #hdWELCOME{font-size:18px!important; font-weight:bold; color:white; font-family:Verdana; } #hdWELCOME p{font-style:italic; font-size:10px; color:white; font-family:Verdana;} #hdLOGIN{background:url(/img/reg-form-sprite.png) -237px 0px no-repeat; width:60px; height:16px; margin:0 0 15px 90px;} #hdREG{background:url(/img/reg-form-sprite.png) -100px -90px no-repeat; width:175px; height:16px; margin:0 0 15px 0;} #hdSuccess{background:url(/img/reg-form-sprite.png) -100px -69px no-repeat; width:196px; height:20px; margin:0 auto; margin-bottom: 20px;} #hdUnderAge{background:url(/img/reg-form-sprite.png) -259px -454px no-repeat; width:145px; height:30px; margin:0 auto; margin-bottom: 20px;} #hdFORGOT{background:url(/img/reg-form-sprite.png) -301px 0px no-repeat; width:121px; height:36px; margin:0 0 5px 90px;} #hdNotifications{background:url(/img/reg-form-sprite.png) 0 -125px no-repeat; width:423px; height:15px; margin:0;} #hdPrivacy{background:url(/img/reg-form-sprite.png) 0 -111px no-repeat; width:424px; height:15px; margin:0;} */ #optLogin{width:235px; border-right:1px dotted #666;} #optRegister{padding-left:20px;} #optForgot{width:235px; border-right:1px dotted #666;} #optForgot .forgot-mssg{width:121px; height:36px; margin:0 0 15px 90px; color:white; font-family:Verdana;} #msgWelcomeToScion{background:url(/img/reg-form-sprite.png) 0px -139px no-repeat; width:250px; height:17px; margin: 20px 0 7px 0;} #msgSuccess{background:url(/img/reg-form-sprite.png) 0px -159px no-repeat; width:303px; height:35px; margin:0 auto; margin-bottom:10px;} #msgUnderAge{background:url(/img/reg-form-sprite.png) 0px -196px no-repeat; width:185px; height:35px; margin:0 auto;} #msgDeactivate{background:url(/img/reg-form-sprite.png) 0px -236px no-repeat; width:439px; height:30px; margin:0 auto;} /* #lbName{background:url(/img/reg-form-sprite.png) 0 0px no-repeat;} #lbEmail{background:url(/img/reg-form-sprite.png) 0 -11px no-repeat;} #lbPassw{background:url(/img/reg-form-sprite.png) 0 -22px no-repeat;} #lbRPassw{background:url(/img/reg-form-sprite.png) 0 -33px no-repeat;} #lbZip{background:url(/img/reg-form-sprite.png) 0 -44px no-repeat;} #lbFName{background:url(/img/reg-form-sprite.png) 0 -55px no-repeat;} #lbLName{background:url(/img/reg-form-sprite.png) 0 -66px no-repeat;} #lbVIN{background:url(/img/reg-form-sprite.png) 0 -77px no-repeat;} #lbNeighborhood{background:url(/img/reg-form-sprite.png) 0 -88px no-repeat; margin-top:4px;} #lbAge{background:url(/img/reg-form-sprite.png) 0 -99px no-repeat; margin-top:3px;} */ /* #shwPasswStrength{height:18px; width:250px; margin-bottom:10px; margin-left:120px;} #shwPasswStrength.empty{background:url(/img/reg-form-sprite.png) 0 -455px no-repeat;} #shwPasswStrength.weak{background:url(/img/reg-form-sprite.png) 0 -474px no-repeat;} #shwPasswStrength.fair{background:url(/img/reg-form-sprite.png) 0 -493px no-repeat;} #shwPasswStrength.good{background:url(/img/reg-form-sprite.png) 0 -512px no-repeat;} #shwPasswStrength.strong{background:url(/img/reg-form-sprite.png) 0 -531px no-repeat;} */ /* btns */ #btCloseAccount{text-align:center;} #btSave{text-align:center; width:75px;} #btCancel{text-align:center;} #btRegister{text-align:center; width:115px;} #btLogIn{text-align:center; width:115px;} #btForgot{text-align:center; width:75px;} #btDeactMyAccount{text-align:center; width:206px; } #btSaveAndGoProfile{text-align:center; width:195px; height:40px;} #btSaveAndGoHome{text-align:center; width:195px; height:40px;} #btTCAccept{text-align:center; width:66px!important; height:22px;} /* spinner */ #btSaveAndGoProfile .spinner{margin-top:8px;} #btSaveAndGoHome .spinner{margin-top:8px;} /* a state */ #btCloseAccount a{color:white!important; text-decoration:underline; line-height:22px;} /* #btSave, #btCancel, #btRegister, #btLogIn, #btForgot */ #btSave a{background:url(/img/reg-form-sprite.png) -234px -271px no-repeat; width:75px; height:22px; display:block;} #btCancel a{background:url(/img/reg-form-sprite.png) -242px -320px no-repeat; width:66px; height:22px; display:block;} #btRegister a{background:url(/img/reg-form-sprite.png) 0px -271px no-repeat; width:115px; height:22px; display:block;} #btLogIn a{background:url(/img/reg-form-sprite.png) -117px -271px no-repeat; width:115px; height:22px; display:block;} #btForgot a{background:url(/img/reg-form-sprite.png) -311px -271px no-repeat; width:75px; height:22px; display:block;} #btDeactMyAccount a{background:url(/img/reg-form-sprite.png) 0px -320px no-repeat; width:206px; height:22px; display:block;} #btSaveAndGoProfile a{background:url(/img/reg-form-sprite.png) -200px -370px no-repeat; width:195px; height:40px; display:block;} #btSaveAndGoHome a{background:url(/img/reg-form-sprite.png) -1px -370px no-repeat; width:195px; height:40px; display:block;} #btTCAccept a{background:url(/img/reg-form-sprite.png) -311px -320px no-repeat; width:66px; height:22px; display:block;} /* hover */ #btCloseAccount a:hover{} #btSave a:hover{background:url(/img/reg-form-sprite.png) -234px -293px no-repeat;} #btCancel a:hover{background:url(/img/reg-form-sprite.png) -242px -342px no-repeat;} #btRegister a:hover{background:url(/img/reg-form-sprite.png) 0px -293px no-repeat;} #btLogIn a:hover{background:url(/img/reg-form-sprite.png) -117px -293px no-repeat;} #btForgot a:hover{background:url(/img/reg-form-sprite.png) -311px -293px no-repeat;} #btDeactMyAccount a:hover{background:url(/img/reg-form-sprite.png) 0px -342px no-repeat;} #btSaveAndGoProfile a:hover{background:url(/img/reg-form-sprite.png) -200px -410px no-repeat;} #btSaveAndGoHome a:hover{background:url(/img/reg-form-sprite.png) -1px -410px no-repeat;} #btTCAccept a:hover{background:url(/img/reg-form-sprite.png) -311px -342px no-repeat;} /* test over drive */ .frm-field{position:relative; margin-bottom:10px;} .frm-field input,.frm-field select{width:246px; height:16px; padding:2px; border:0; margin-left:0px; background-color:white; color:black; } .frm-field input.disabled{border:1px solid white; background-color:black; color:white; height:16px; width:244px;} .frm-field textarea{width:375px; padding:2px; border:0;} .frm-field label{position:static; left:0px; top:0px; margin:7px 10px 0 0px; width:99px; height:10px; float:left;} .frm-mainopt{margin:0 auto;} .frm-subopt{border-top:1px solid #666; width:430px; margin:15px auto;} .frm-subopt label{position:absolute; margin-top:4px; left:50px; font-size:11px; font-family:Verdana; color:white;} .frm-subopt-error{border: 2px solid red;} .frm-end{border-top:1px solid #666; width:430px; margin:5px auto;} .frm-error{position:absolute; top:-2px; left:380px;} .frm-error{height:24px; min-width:175px; background:url(/img/reg-form-sprite.png) -292px -498px no-repeat;} .frm-error p{white-space:nowrap; background-color:#FF9999; height:24px; margin:0 0 0 12px; padding:0 10px 0 2px; line-height:24px; color:#660000; font-size:11px; font-weight:bold;} .frm-error-icon{background:url(/img/reg-form-sprite.png) -261px -536px no-repeat; position:absolute; top:2px; left:340px; height:16px; width:16px;} .frm-errorb-icon{background:url(/img/reg-form-sprite.png) -296px -536px no-repeat; position:absolute; top:20px; left:26px; height:14px; width:15px;} .frm-error#err18Older{top:-2px; left:315px;} .frm-error#errTC{top:10px; left:315px;} .frm-error#err18Older p{margin:0 0 0 12px; padding:5px 10px 20px 10px; line-height:12px;} .frm-subinfo{color:white; font-family:Verdana;} .frm-tip{margin:5px 0 5px 110px; font-style:italic; font-size:10px; color:white; font-family:Verdana; width:255px;} .frm-btn-tip{margin:5px 0; width:205px; font-style:italic; font-size:10px; color:white; font-family:Verdana; } .frm-okb-icon{background:url(/img/reg-form-sprite.png) -280px -536px no-repeat; position:absolute; top:20px; left:26px; height:14px; width:15px;} .plow{margin-left:110px; font-size:10px; color:#CCC; width:255px;} .pnormal{margin-left:110px; font-size:10px; width:255px;} .phigh{font-size:12px!important; width:380px;} #shwPasswStrength{height:18px; width:250px; margin-bottom:10px; margin-left:110px;} #shwPasswStrength.empty{background:url(/img/reg-form-sprite.png) 0 -455px no-repeat;} #shwPasswStrength.weak{background:url(/img/reg-form-sprite.png) 0 -474px no-repeat;} #shwPasswStrength.fair{background:url(/img/reg-form-sprite.png) 0 -493px no-repeat;} #shwPasswStrength.good{background:url(/img/reg-form-sprite.png) 0 -512px no-repeat;} #shwPasswStrength.strong{background:url(/img/reg-form-sprite.png) 0 -531px no-repeat;} #hdACCOUNTSETTINGS{background:url(/img/reg-form-sprite.png) -100px -36px no-repeat; width:180px; height:16px; margin:0 0 20px 110px; } #hdREGISTRATION{background:url(/img/reg-form-sprite.png) -100px 0px no-repeat; width:125px; height:16px; margin:0 0 5px 110px;} #hdDEACTIVATEACCOUNT{background:url(/img/reg-form-sprite.png) -100px -18px no-repeat; width:195px; height:16px; margin:0 auto; margin-bottom: 30px;} #hdWELCOME{margin:-5px 0 20px 0;} #hdWELCOME{font-size:18px!important; font-weight:bold; color:white; font-family:Verdana; } #hdWELCOME p{font-style:italic; font-size:10px; color:white; font-family:Verdana;} #hdLOGIN{background:url(/img/reg-form-sprite.png) -237px 0px no-repeat; width:60px; height:16px; margin:0 0 15px 90px;} #hdREG{background:url(/img/reg-form-sprite.png) -100px -90px no-repeat; width:190px; height:16px; margin:0 0 15px 0;} #hdSuccess{background:url(/img/reg-form-sprite.png) -100px -69px no-repeat; width:196px; height:20px; margin:0 auto; margin-bottom: 20px;} #hdUnderAge{background:url(/img/reg-form-sprite.png) -259px -454px no-repeat; width:145px; height:30px; margin:0 auto; margin-bottom: 20px;} #hdFORGOT{background:url(/img/reg-form-sprite.png) -301px 0px no-repeat; width:121px; height:36px; margin:0 0 5px 90px;} #hdNotifications{background:url(/img/reg-form-sprite.png) 0 -125px no-repeat; width:423px; height:15px; margin:10px 0 0 0;} #hdPrivacy{background:url(/img/reg-form-sprite.png) 0 -111px no-repeat; width:424px; height:15px; margin:10px 0 0 0;} /* #hdDeactivate{background:url(/img/reg-form-sprite.png) -259px -454px no-repeat; width:145px; height:30px; margin:0 auto; margin-bottom: 20px;} */ #lbName{background:url(/img/reg-form-sprite.png) 0 0px no-repeat;} #lbEmail{background:url(/img/reg-form-sprite.png) 0 -11px no-repeat;} #lbPassw{background:url(/img/reg-form-sprite.png) 0 -22px no-repeat;} #lbRPassw{background:url(/img/reg-form-sprite.png) 0 -33px no-repeat;} #lbZip{background:url(/img/reg-form-sprite.png) 0 -44px no-repeat;} #lbFName{background:url(/img/reg-form-sprite.png) 0 -55px no-repeat;} #lbLName{background:url(/img/reg-form-sprite.png) 0 -66px no-repeat;} #lbVIN{background:url(/img/reg-form-sprite.png) 0 -77px no-repeat;} #lbNeighborhood{background:url(/img/reg-form-sprite.png) 0 -88px no-repeat;margin-top:4px;} #lbAge{background:url(/img/reg-form-sprite.png) 0 -99px no-repeat; margin-top:3px;} /*custom */ #AS #formLayout{margin:0 auto; width:542px;} #AS #colB{width:500px;} #AS .frm-container{width:430px;} #WUSER #formLayout{margin:0 auto; width:542px;} #WUSER #colB{width:500px;} #WUSER #lbNeighborhood{background:url(/img/reg-form-sprite.png) -18px -88px no-repeat; width:80px;} #WUSER .frm-container{width:430px;} #WUSER .frm-tip{margin:0 0 0 90px;} #WLCM #formLayout{margin:0 auto; width:392px;} #WLCM #colB{width:350px;} #CONF #formLayout{margin:0 auto; width:392px;} #CONF #colB{width:350px;} #DAC #formLayout{margin:0 auto; width:542px;} #DAC #colB{width:500px;} #UA #formLayout{margin:0 auto; width:392px;} #UA #colB{width:350px;} #REG #formLayout{margin:0 auto; width:542px;} #REG #colB{width:500px;} #REG #fldZip{width:70px;} #REG .frm-container{width:430px;} #REG .frm-subopt a{padding-top:5px; display:block;} #REG .frm-subopt label span{height:12px; margin-top:5px;} #REG .frm-subopt label span a{display:inline!important; margin-left:5px;} #REG .frm-error#errZip{left:200px;} #REG .frm-error-icon#errZipIcon{left:164px;} #DA #formLayout{margin:0 auto; width:542px;} #DA #colB{width:500px;} #DA .frm-container{width:430px;} #DA .frm-field{margin-left:50px;} #DA .frm-tip{margin:5px 0 5px 50px;} #LG #formLayout{margin:0 auto; width:542px;} #LG #colB{width:500px;} #LG .frm-container{width:480px;} #LG .frm-field{margin-left:0px;} #LG .frm-field input{width:120px; height:16px; padding:2px; border:0; margin-left:0px;} #LG .frm-field label{width:80px;} #LG .frm-subopt label{position:static; float:left; margin-top:4px; top:0; left:0px; font-size:11px; font-family:Verdana; color:white;} #LG .frm-subopt{margin:0px; margin-left: 90px!important; width:150px;} #LG .frm-error{position:absolute; top:-1px; left:220px;} #LG #lbName{background:url(/img/reg-form-sprite.png) -20px 0px no-repeat;} #LG #lbEmail{background:url(/img/reg-form-sprite.png) -20px -11px no-repeat;} #LG #lbPassw{background:url(/img/reg-form-sprite.png) -20px -22px no-repeat;} #LG span.checkbox { width:20px; height:18px; padding:0 5px 0 0; margin-left:-20px;} #LG #btLogIn{margin-top:13px; margin-bottom: 5px} #LG #btForgot{margin-top:9px; margin-bottom:21px;} #LG #btRegister{margin-top:36px;} #LG #optRegister p{background:url(/img/reg-form-sprite.png) 0px -556px no-repeat; width:185px; height:55px; margin:0px;}