/*--------------------------------------------------------------------------------------- Website: LCS Parking Author: Bitmedia Created: September 2009 ---------------------------------------------------------------------------------------*/ @import "default.css"; @import "ui/ui-style.css"; html { height: 100%;} body { background: url('../images/bg.jpg') #fff no-repeat top center;} /*--------------------------------------------------------------------------------------- Base Typography ---------------------------------------------------------------------------------------*/ /*------------------------------------ Links ------------------------------------*/ a:link, a:visited { color: #59a9ed; background: transparent;} a:hover { color: #d2828c;} /*------------------------------------ Type ------------------------------------*/ body { font: 62.5% arial, tahoma, arial, helvetica; color: #000;} #container { font-size: 1.2em; line-height: 1.4em; text-align: left;} #footer { font-size: .9em; color: #fff; background: transparent;} p { padding: 0 0 1.4em 0;} #mainCol { font-size: 1.2em;} /*------------------------------------ Headers ------------------------------------*/ h1 { font-size: 2em; padding: 0 0 0.5em; line-height: 1.1em; color:#3663A6;} #sideCol strong { display: block; background: url('../images/bg-blueheader.png') repeat-x transparent; border-bottom: 1px solid #2c82cb; color: #fff; font-size: 1.2em; padding: 8px 0; font-weight: bold; text-align: center;} /*--------------------------------------------------------------------------------------- Layout ---------------------------------------------------------------------------------------*/ #container { width: 960px; margin: 0 auto; padding: 0 25px 25px;} /* Header */ #header { width: 100%; overflow: hidden;} #logo { float: left; width: 468px; height: 151px; background: url('../images/bg-logo.png') no-repeat;} #logo span { text-indent: -9999px; display: block;} #headerInfo { float: right; width: 468px; height: 151px; background: url('../images/bg-secure.png') no-repeat;} #headerInfoTop { overflow: hidden; padding: 0 20px; height: 59px;} #securesite { float: left; width: 61px; height: 58px; background: url('../images/secure-securesite.png') no-repeat; overflow: hidden; display: block; text-indent: -9999px; margin-right: 35px;} #callus { float: left; width: 154px; height: 58px; background: url('../images/secure-callus.png') no-repeat; display: block; text-indent: -9999px;} ul#account { float: right; list-style: none; margin: 0; padding: 18px 0 0 0;} ul#account li { float: left; display: inline; padding: 0; border-right: 1px solid #afa5a5; line-height: .9em; margin-right: 10px; padding-right: 10px;} ul#account li.last { padding-right: 0; margin-right: 0; border-right: 0;} ul#account li a { color: #4c97e8; text-decoration: none; font-size: 1.1em;} ul#account li a:hover { text-decoration: underline;} #headerInfoBottom { overflow: hidden; padding: 0 20px;} #newsletter { float: left; width: 235px; padding-top: 20px;} #newsletter label { display: block; font-weight: bold; color: #44464a; padding: 3px 0;} #newsletter .input { padding: 2px 4px; width: 143px;} #newsletter .blur { color: #666;} #newsletter .submit { background: #81ca76; color: #fff; font-weight: bold; padding: 2px 5px 2px; overflow: visible; border: 0; cursor: pointer;} #newsletter .submit:hover { background: #97d78d;} ul#logos { float: right; width: 175px; width: 173px; height: 49px; list-style: none; margin: 23px 0 0; padding: 0; background: url('../images/cards.png') no-repeat; position: relative;} ul#logos li#safebuy { position: absolute; top: 27px; right: 0;} ul#logos li#safebuy a { display: block; width: 40px; height: 15px; background: url('../images/secure-safebuy.png') no-repeat; text-indent: -9999px; overflow: hidden;} /* Cols */ #colsContainer { padding-bottom: 11px; background: url('../images/bg-colsBottom.png') no-repeat bottom left; margin-top: 30px;} #cols { min-height: 700px; width: 100%; background: url('../images/bg-colsTop.png') no-repeat; overflow: hidden;} /* Features */ #features { width: 100%; overflow: hidden; padding-top: 30px;} #sidefeatures { float: left; margin-top: 5px;} #bottomfeatures { float: right; padding-right: 12px; margin-top: 20px;} .feature { float: left; width: auto; margin: 0 15px 5px 5px;} .feature a { display: block; width: 192px; height: 130px; border: 10px solid #59a9ed; position: relative; color: #fff; text-decoration: none; font-weight: bold; font-size: 1.6em;} .feature a:hover { border: 10px solid #78b9f1;} .feature span { cursor:pointer;} .feature .text1 {background: #59aaef; position: absolute; top: 10px; right: 0; padding: 4px 10px 4px 32px; display: block;} .feature .text2 { background: #59aaef; position: absolute; top: 40px; right: 0; padding: 4px 10px 4px 25px;} .feature .text3 { background: #59aaef; position: absolute; bottom: 15px; right: 0; padding: 4px 10px 4px 15px; font-size: .6em;} .feature .text3 span { font-size: 1.6em; display: inline;} /* Large Features Rotator */ #largefeatures { float: left; margin-left: 20px; width: 446px;} #largefeatures .item a { display: block; width: 426px; height: 130px; border: 10px solid #59a9ed; position: relative; color: #fff; text-decoration: none; font-size: 1.4em;} #largefeatures .item a:hover { border: 10px solid #78b9f1;} #largefeatures .item span { cursor:pointer;} #largefeatures .item .text1 {background: #59aaef; position: absolute; top: 10px; right: 0; padding: 2px 10px 2px 32px; display: block;} #largefeatures .item .text2 { background: #59aaef; position: absolute; top: 31px; right: 0; padding: 2px 10px 2px 25px;} #largefeatures .item .text3 { background: #59aaef; position: absolute; top: 52px; right: 0; padding: 2px 10px 4px 25px;} #largefeatures .item .textinfo { background: #59aaef; position: absolute; bottom: 15px; right: 0; padding: 4px 10px 4px 45px; font-size: .7em; font-weight: bold;} #largefeatures .item .textinfo span { font-size: 1.6em; display: inline;} #quote { float: left; width: 424px; margin-left: 22px; border: 10px solid #59a9ed; background: url('../images/bg-quote.png') no-repeat #fff; position: relative;} #quote #telephone { position: absolute; bottom: 2px; left: 10px; color: #666;} /* MainCol */ #mainCol { float: right; width: 646px; padding: 15px; background: #fff; margin: 20px 27px 0 0; min-height:497px;} #contentText { padding: 0 10px;} #contentText ul li { padding: 0 0 10px;} #contentText ul { list-style: none; margin: 0 0 1.4em 0;} #contentText ul li { background: url('../images/tick.png') no-repeat; padding-left: 25px; } /* SideCol */ #sideCol { float: left; width: 222px; margin-left: 20px;} #mainNavContainer { background: url('../images/bg-sidecol-shadowBottom.png') no-repeat bottom left; padding-bottom: 6px; margin-top: 15px;} #mainNav { background: url('../images/bg-sidecol-shadowTop.png') no-repeat; width: 212px; padding: 5px 5px 0;} /* Testimonial Feature */ #testimonialFeatureContainer { background: url('../images/bg-sidecol-shadowBottom.png') no-repeat bottom left; padding-bottom: 6px; margin-top: 15px; } #testimonialFeature { background: url('../images/bg-sidecol-shadowTop.png') no-repeat; width: 212px; padding: 5px 5px 0; position: relative;} #testimonialsRotate { background: url('../images/bg-testimonial.png') repeat-x #c4e4f9; padding-bottom: 30px; min-height: 170px;} .testimonialContainer { background: url('../images/bg-quotetop.png') no-repeat 17px 20px #c8e6fa; } .testimonial { background: url('../images/bg-quotebottom.png') no-repeat 162px 100%; padding: 37px 25px 0 30px;} .testimonial .text { padding-top: 5px;} .testimonial .source { font-weight: bold; padding: 15px 0 0 0; color: #333;} /* Footer */ #footer { float: left; width: 908px; margin: 15px 0 0 25px; padding: 5px 0 0 0; border-top: 1px solid #fff;} #copyright { padding: 0 0 0 5px; float: left; width: auto;} /* Bottom Text */ #mainCol #parkmark { width: 270px; position: relative; margin-top: 15px; padding: 10px 180px 10px 180px; background: #eee;} #mainCol #parkmark img#parkmark1 { position: absolute; top: 10px; left: 12px;} #mainCol #parkmark img#parkmark2 { position: absolute; top: 10px; right: 12px;} /*--------------------------------------------------------------------------------------- Page Content ---------------------------------------------------------------------------------------*/ /* News Listing */ #news .title { font-weight: bold; padding-bottom: 3px;} #news .abstract { } #news .link { margin-bottom: 1.4em; font-weight: bold; font-size: .9em;} /* Testimonials Listing */ #reviews .title { padding-bottom: 3px;} #reviews .abstract { font-weight: bold; color: #666;} #reviews .link { margin-bottom: 1.4em; font-weight: bold; font-size: .9em;} /* terms */ #terms { } #terms ul li { margin-bottom: .7em;} #terms h2 { font-size: 1em; font-weight: bold; margin: .7em 0; padding-top: .7em;} #terms .termslist { list-style: none;} #terms .termslist ul { list-style: none; margin-top: 5px;} #terms .termslist ul li { margin-bottom: 0px;} #terms .termslist strong { padding-right: 5px;} /* Service Levels */ #searchResults { margin-top: 2.4em;} #searchResults .item { padding-bottom: 25px; overflow: hidden;} #searchResults .item .bar { background:url("../images/bg-blueheader.png") repeat-x scroll 0 0 transparent; border-bottom:1px solid #2C82CB; color:#FFFFFF; display:block; font-size:1.2em; font-weight:bold; padding:8px 15px; overflow: hidden;} #searchResults .item .bar .title { float: left;} #searchResults .item .bar .price { float: right;} #searchResults .item ul { list-style: none; margin: 0; padding: 7px 0 0 9px; width: 470px; float: left;} #searchResults .item ul li { padding: 0; padding: 3px 0 3px 27px; background:url("../images/tick.png") no-repeat scroll 0 3px transparent;} #searchResults .item .links { float: right; width: 126px; padding-top: 7px;} #searchResults .item .links a { display: block; color: #fff; width: 126px; padding: 8px 0; margin-bottom: 5px; text-align: center; background: #5fa3eb; text-decoration: none;} #searchResults .item .links a:hover { background: #78b9f1;} #searchResults .item .links input { background: #5fa3eb; margin-left: 0; margin-bottom: 5px; padding: 8px 0 7px; width: 126px; color: #fff;} #searchResults .item .links input:hover { background: #78b9f1} /*--------------------------------------------------------------------------------------- Navigation ---------------------------------------------------------------------------------------*/ /*------------------------------------ MainNav ------------------------------------*/ #mainNav ul { margin: 0; padding: 0; list-style: none; background: url('../images/bg-mainnav.png') repeat-x; overflow: hidden;} #mainNav ul li { margin: 0; padding: 0; border-bottom: 1px solid #cfdbe3; border-top: 1px solid #fff; width: 212px;} #mainNav ul li.first { border-top: 0;} #mainNav ul li.last { border-bottom: 0;} #mainNav ul li a { font-size: 1.2em; text-decoration: none; padding: 12px 0 12px 25px; width: 187px; display: block; font-weight: bold; color: #666;} #mainNav ul li a:hover { background: #f5f8fb; color: #333;} #mainNav ul li a.selected { font-weight: bold; background: #f5f8fb; color: #459fea;} /*------------------------------------ MainNav ------------------------------------*/ ul#minorNav { margin: 0; padding: 0; list-style: none; float: right; width: auto;} ul#minorNav li { margin: 0; padding: 0; display: inline; float: left; background: url('../images/mndiv.png') no-repeat center right; padding: 0 5px; width: auto;} ul#minorNav li.last { background: none;} ul#minorNav li a { float: left; color: #fff; text-decoration: none; padding-bottom: 1px; width: auto; background: transparent;} ul#minorNav li a:hover { border-bottom: 1px dotted; padding-bottom: 0;} ul#minorNav li a.selected {border-bottom: 1px dotted; padding-bottom: 0; font-weight: bold;} /*--------------------------------------------------------------------------------------- Forms ---------------------------------------------------------------------------------------*/ /* Quote Form */ #quoteForm {position: relative; overflow: hidden; padding: 10px 0 10px 120px; min-height: 110px;} #quoteForm .formRow { margin-bottom: 5px; position: relative;} #quoteForm .sep { margin-top: 10px;} #quoteForm .formLeft { width: 80px; text-align: right; padding-right: 10px;} #quoteForm select { height: 20px; float: left; margin-right: 5px;} #quoteForm option { padding: 0 10px 0 5px;} #quoteForm .input { width: 93px; padding: 1px 3px; } #quoteForm .submit { background: #81ca76; color: #fff; font-weight: bold; height: auto; width: 93px; padding: 3px 5px 5px; position: absolute; bottom: -10px; right: 20px; overflow: auto; border: 0;} #quoteForm .submit:hover { background: #97d78d; width: 93px;} .ui-datepicker-trigger { cursor: pointer;} label.error { position: absolute; top: 2px; left: 220px; display: block; width: 16px; height: 16px; background: url('../images/exclamation.png') no-repeat; padding-left: 20px; color: #ec6f5a; font-weight: bold;} input.error { border: 1px solid red; background: #f9f4f3;} span#ctl08_datefromVal, span#ctl08_datetoVal { position: absolute; top: 2px; left: 220px; display: block; width: 16px; height: 16px; background: url('../images/exclamation.png') no-repeat; padding-left: 20px; color: #ec6f5a; font-weight: bold;} /* Quote Info */ #quoteinfo { overflow: hidden; border: 1px solid #ccc; background: #f6f6f6; padding: 10px; } #quotefrom { float: left; margin-right: 40px;} #quoteto { float: left;} #quoteprice { float: left; width: 100%; margin-top: 20px;} input.makebooking { margin: 15px 0 0 0; width: 127px; background: url('../images/submit3.png') no-repeat;} input.makebooking:hover { background-position: top right;} #pnlSpecialDates { padding: 20px 0 10px; color: #F03;} .bookingfee { padding: 10px 0pt 20px; color: red; float: left; font-weight: bold; font-size: 0.9em;} /* Payment Form */ #paymentForm { overflow: hidden;} #paymentForm .section { width: 302px; margin-bottom: 10px;} #paymentForm .orderInfo { margin-bottom: 1.4em; padding: 10px; border: 1px solid #ccc; background: #f6f6f6; overflow: hidden; font-weight: bold;} #paymentForm .orderInfoLeft { float: left; color: #666; padding-right: 10px;} #paymentForm .orderInfoRight { color: #4685bb;} #paymentForm .formRow { position: relative;} #paymentForm .formLeft { width: 120px; text-align: right; padding-right: 10px; } #paymentForm .formRight { width: 172px !important;} #paymentForm .formRight .input { width: 140px; padding: 2px 3px;} #paymentForm .formRight .textarea { width: 140px; padding: 2px 3px; height: 50px;} #paymentForm .input, #paymentForm .textarea, #paymentForm .select { font-size: 14px; font-family:Verdana, Geneva, sans-serif;} #paymentForm input.submit { margin-left: 185px;} #paymentForm #pgeControls_ctl00_ddlCardType { width: 148px;} #paymentForm #pgeControls_ctl00_strtDate_drpStartMonth, #paymentForm #pgeControls_ctl00_ExpiryDate_drpEndMonth { margin-right: 5px; width: 40px;} #paymentForm #pgeControls_ctl00_strtDate_drpStartYear, #paymentForm #pgeControls_ctl00_ExpiryDate_drpEndYear { margin: 0 5px; width: 40px;} #paymentForm .BookingCharge { font-weight: bold; margin-bottom: 2.8em; font-size: .9em;} span#pgeControls_ctl00_txtFullNameVal, span#pgeControls_ctl00_txtTelephoneNumberVal, span#pgeControls_ctl00_txtEmailVal, span#pgeControls_ctl00_txtBillingAddressVal, span#pgeControls_ctl00_txtPostcodeVal, span#pgeControls_ctl00_txtCardNumberVal, span#pgeControls_ctl00_txtCarMakeVal, span#pgeControls_ctl00_txtCarModelVal, span#pgeControls_ctl00_txtVehicleColourVal, span#pgeControls_ctl00_txtReturnFlightNumberVal, span#pgeControls_ctl00_txtCardHolderNameVal, span#pgeControls_ctl00_txtRegistrationVal, span#pgeControls_ctl00_txtDestinationVal, span#pgeControls_ctl00_txtVerificationVal { position: absolute; top: 3px; right: 2px; display: block; width: 16px; height: 16px; background: url('../images/exclamation.png') no-repeat; color: #ec6f5a; text-indent: -9999px;} #searchsummary { background:none repeat scroll 0 0 #F6F6F6; border:1px solid #CCCCCC; overflow:hidden; padding: 0 0 15px 0; margin-bottom: 1.4em;} #searchsummary strong { display: inline-block; width: 149px; text-align: right; padding-right: 25px;} #searchsummary .for { font-size: 1.2em; background: #c1e3f9; height: 38px; line-height: 38px; padding:0 0 0 15px; margin-bottom: 15px;} #discountCode { font-size: 1.2em; background: #c1e3f9; height: 38px; line-height: 38px; padding:0 0 0 15px; margin-bottom: 15px; border: 1px solid #ccc; overflow: hidden;} #discountCode .input {width: 140px; padding: 2px 3px; margin:8px 5px 0 0; float: left; } #discountCode label { float: left; padding-right: 10px;} #discountCode #btnApplyDiscount { background:url("../images/button_applydiscount.png") no-repeat scroll 0 0 transparent; float:left; font-size:.8em; height:22px; line-height:22px; margin-top:8px; padding:0 0 0 15px; text-decoration:none; width:105px; color: #333;} #discountCode #btnApplyDiscount:hover { background-position: bottom left;} #paymentForm #personaldetails {float: left; border-right: 1px solid #e9e9e9; padding-right: 10px; margin-right: 10px;} #paymentForm #vehicledetails { float: left; } #paymentForm #flightdetails { float: left; } #paymentForm #paymentinformation {float: left; border-left: 1px solid #e9e9e9; padding-left: 10px; margin-left: 10px;} #paymentForm #personaldetails, #paymentForm #vehicledetails { min-height:260px;} #paymentForm #submitbutton { background: #C1E3F9; float:left; font-weight:bold; padding:10px 30px 10px 0; text-align:right; width:596px; font-size: .9em;} #paymentForm #submitbutton .submit { margin-left:15px; height: auto; background: url('../images/submit_payment.png') no-repeat; padding: 0; width: 71px; border: 0; line-height: 22px;} #paymentForm #submitbutton .submit:hover { background-position: bottom left;} #paymentForm h2 { font-size: 1.2em; background: #c1e3f9; height: 38px; line-height: 38px; padding:0 0 0 15px; margin-bottom: 15px;} /* Payment Form #paymentForm { overflow: hidden;} #paymentForm .orderInfo { margin-bottom: 1.4em; padding: 10px; border: 1px solid #ccc; background: #f6f6f6; overflow: hidden; font-weight: bold;} #paymentForm .orderInfoLeft { float: left; color: #666; padding-right: 10px;} #paymentForm .orderInfoRight { color: #4685bb;} #paymentForm .formRow { position: relative;} #paymentForm .formLeft { width: 160px; text-align: right; padding-right: 25px;} #paymentForm .formRight .input { width: 250px; padding: 2px 3px;} #paymentForm .formRight .textarea { width: 250px; padding: 2px 3px; height: 100px;} #paymentForm .input, #paymentForm .textarea, #paymentForm .select { font-size: 14px; font-family:Verdana, Geneva, sans-serif;} #paymentForm input.submit { margin-left: 185px;} #paymentForm #pgeControls_ctl00_ddlCardType { width: 256px;} #paymentForm #pgeControls_ctl00_strtDate_drpStartMonth, #paymentForm #pgeControls_ctl00_ExpiryDate_drpEndMonth { margin-right: 5px; width: 50px;} #paymentForm #pgeControls_ctl00_strtDate_drpStartYear, #paymentForm #pgeControls_ctl00_ExpiryDate_drpEndYear { margin: 0 5px; width: 50px;} #paymentForm .BookingCharge { font-weight: bold; margin-bottom: 2.8em; font-size: .9em;} span#pgeControls_ctl00_txtFullNameVal, span#pgeControls_ctl00_txtTelephoneNumberVal, span#pgeControls_ctl00_txtEmailVal, span#pgeControls_ctl00_txtBillingAddressVal, span#pgeControls_ctl00_txtPostcodeVal, span#pgeControls_ctl00_txtCardNumberVal, span#pgeControls_ctl00_txtCarMakeVal, span#pgeControls_ctl00_txtCarModelVal, span#pgeControls_ctl00_txtVehicleColourVal, span#pgeControls_ctl00_txtReturnFlightNumberVal, span#pgeControls_ctl00_txtCardHolderNameVal, span#pgeControls_ctl00_txtRegistrationVal, span#pgeControls_ctl00_txtDestinationVal, span#pgeControls_ctl00_txtVerificationVal { position: absolute; top: 2px; left: 450px; display: block; width: 16px; height: 16px; background: url('../images/exclamation.png') no-repeat; padding-left: 20px; color: #ec6f5a; font-weight: bold; font-size: .8em;} #paymentForm #searchsummary { background:none repeat scroll 0 0 #F6F6F6; border:1px solid #CCCCCC; overflow:hidden; padding:10px; margin-bottom: 1.4em;} #paymentForm #searchsummary strong { display: inline-block; width: 149px; text-align: right; padding-right: 25px;} */ /* Payment Details */ #paymentdetails { } #paymentdetails h2 { font-size: 1.2em; font-weight: bold; margin: 1.4em 0 .2em -15px; background:#F6F6F6 none repeat scroll 0 0; border:1px solid #ccc; padding: 10px;} #paymentdetails td { padding: 0 0 10px 15px; vertical-align: top;} #bookingInformation h2 { font-size: 1.2em; font-weight: bold; margin: 0 0 15px 0px; background:#F6F6F6 none repeat scroll 0 0; border:1px solid #ccc; padding: 10px;} #bookingInformation p { padding: 0 15px 1.4em;} /* Contact Form */ #contactForm { overflow: hidden;} #contactForm .formRow { position: relative;} #contactForm .formLeft { width: 160px; text-align: right; padding-right: 25px;} #contactForm .formRight .input { width: 250px; padding: 2px 3px;} #contactForm .formRight .textarea { width: 250px; padding: 2px 3px; height: 100px;} #contactForm .input, #paymentForm .textarea, #paymentForm .select { font-size: 14px; font-family:Verdana, Geneva, sans-serif;} #contactForm input.submit { margin-left: 185px; width: 127px; background: url('../images/submit3.png') no-repeat; padding: 5px 0 5px; border: 0; line-height: 17px;} #contactForm input.submit:hover { background-position: top right;} span#pgeControls_ctl00_nameVal, span#pgeControls_ctl00_emailVal, span#pgeControls_ctl00_messageVal, span#pgeControls_ctl00_emailRegVal { position: absolute; top: 2px; left: 450px; display: block; width: 16px; height: 16px; background: url('../images/exclamation.png') no-repeat; padding-left: 20px; color: #ec6f5a; font-weight: bold; font-size: .8em;} /*--------------------------------------------------------------------------------------- Members Area ---------------------------------------------------------------------------------------*/ /* Account Page */ #accountLinks { padding-top: 1.4em;} #accountLinks a { display: block; width: 120px; height: 22px; line-height: 22px; text-align: center; background: url('../images/button_applydiscount.png') no-repeat; font-size: .9em; text-decoration: none; color: #333;} #accountLinks a:hover { background-position: bottom left;} /* Change Password */ #changePassword { min-height:405px; padding:0 27px 90px; position:relative; width:411px;} #changePassword em { font-style:normal;} #changePassword .AspNet-ChangePassword-ChangePasswordTitlePanel { display: none;} #changePassword label { display: block; float: left; width: 150px; text-align: right; padding: 0 10px 0 0; } #changePassword .AspNet-ChangePassword-PasswordPanel input, #changePassword .AspNet-ChangePassword-NewPasswordPanel input, #changePassword .AspNet-ChangePassword-ConfirmNewPasswordPanel input { padding: 2px 4px; margin-bottom: 5px; width: 143px;} #changePassword .AspNet-ChangePassword-SubmitPanel { padding-left: 135px;} /* View Orders */ .grid { width: 100%;} .grid thead { background: #782575; color: #fff;} .grid th { padding: 5px; border-right: 1px solid #fff;} .grid td { padding: 5px 5px 5px;} .grid tr.altItemStyle td { background: #eceaec;} .grid td.functions a { margin: 0 5px; display: inline-block; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden;} .grid td.functions a.view { background: url('../images/icons/page.png') no-repeat;} .grid td.functions a.resend { background: url('../images/icons/email_open.png') no-repeat;} /* Login Forms */ #loginform { position: relative; width: 398px;} #loginform .formrow { overflow: hidden; padding-bottom: 5px;} #loginform .formrow label { display: block; float: left; width: 71px; padding: 2px 10px 0 0; text-align: right; } #loginform .formrow .input { width: 148px; font-size: 12px; padding: 2px 4px;} #loginform .member { font-size: 10px; line-height: 14px; position: absolute; bottom: 4px; right: 0; width: 78px;} #loginform .submitbutton { position: absolute; bottom: 4px; right: 90px;} #loginform .submitbutton .submit { width: 58px;} #loginform .error { position: absolute; color: #CD0A0A;} /* Register Page */ #CreateUserWizard1 { margin-bottom: 2.8em;} #registerform { width: 100%;} #registerform .formrow { overflow: hidden; padding-bottom: 5px;} #registerform label { display: block; width: 150px; float: left; color: #333; font-size: .9em;} #registerform .input { width: 200px; padding: 2px 4px;} #ValidationSummary1 { overflow: hidden;} #ValidationSummary1 ul { margin: 0; padding: 0; background: #fef8f6; border: 1px solid #cd0a0a; padding: 5px 20px; float: left; font-size: 1.2em;} #ValidationSummary1 ul li { background: url('../images/cross.png') no-repeat 0 1px; color: #dd0a0a!important;} /* Edit Details */ #editDetails { min-height:405px; padding:0 27px 90px; position:relative; width:411px;} #editDetails label { display: block; float: left; width: 120px; text-align: right; padding: 0 10px 0 0; } #editDetails input { padding: 2px 4px; margin-bottom: 5px; width: 170px;} #editDetails .submitbutton { padding-left: 130px;} #editDetails .submitbutton input { padding: 0; margin-bottom: 0; width: auto; cursor: pointer;} /*--------------------------------------------------------------------------------------- Misc. ---------------------------------------------------------------------------------------*/ /* Error Page */ body#errorPage {} body#errorPage #container { padding-top: 50px;} body#errorPage #sideCol { width: 265px;} body#errorPage #mainCol { width: 600px; margin: 20px 27px 0 10px; font-size: 1.4em; display: inline; background: #477fb8; color: #fff;} body#errorPage p#errorMessage { padding: 15px 0; text-align: center;} body#errorPage #footer { margin-top: 50px;} body#errorPage #copyright { float: none; text-align: center; width: auto;} /* BackLink */ .backLink { background: url('../images/back.png') no-repeat; overflow: hidden; padding-left: 20px; margin-top: 1.4em;} .backLink a { float: left;} /* Facebox Popup */ #facebox { font-size: 1.2em; line-height: 1.4em; text-align: left;} #facebox h2 { font-size: 1.8em; padding: .8em 0 .8em 0;} #facebox .b { background:url(../images/facebox/b.png); } #facebox .tl { background:url(../images/facebox/tl.png); } #facebox .tr { background:url(../images/facebox/tr.png); } #facebox .bl { background:url(../images/facebox/bl.png); } #facebox .br { background:url(../images/facebox/br.png); } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; } #facebox .content { background: #fff;} #facebox table { border-collapse: collapse; } #facebox td { border-bottom: 0; padding: 0; } #facebox .body { padding: 10px; background: #fff; width: 370px; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99;} /* No Features Adjustments */ body.nofeatures #mainCol { padding: 0 15px 15px; min-height: 597px;} body.nofeatures h1 { padding: 0 0 .5em; }