﻿/********************* IE Style ************************/
/* IE6 Required */
.cschk.csreq input,
.csdrp.csreq select,
.cstxt.csreq input,
.csareasm.csreq textarea,
.csarealg.csreq textarea {_border: solid 2px #AB631E; _background-color: #FEF1B5;}
/* IE6 Error */
.cschk.csinvalid input,
.csdrp.csinvalid select,
.cstxt.csinvalid input,
.csareasm.csinvalid textarea,
.csarealg.csinvalid textarea {_border: none; _background-color: #FFF;}
.csinvalid	{_border: solid 2px #C20000; _background-color: #FFEEEE;}
/* IE6 Success */
/* Success */
.cstxt.csvalid input, .cstxt.csvalid textarea {_border: solid 2px #156218; _background-color: #D5E9D1;}

/********************* Structure ************************/
/*** Prevent wierdness in pretty form ***/
/* Inline display */
.csfld {margin: .25em 0; display: -moz-inline-stack; display: inline-block; zoom: 1; vertical-align: top; *display: inline;}

/*** Actual Form ***/
/* Whole Form */
.csformhldr {margin-left: 1em;}
/* Don't show title or left labels of textboxes */
.csformhldr h2,
.cstxt .cslt {visibility: hidden; display: none;}
/* Each section */
.cshdr {background-position: left -8px; background-repeat: repeat-x; margin-top: .5em; margin-bottom: 1.5em; padding-bottom: .5em;}
/* Section headers */
.cshdr h3 {margin-bottom: .35em; font-size: 153.9%;}
.csform .first-of-type h3 {background-position: right 5px; background-repeat: no-repeat;}
#ETContactUs .cshdr h3 {font-size: 115%; padding-top: .35em;}
.line {margin-left: 1em; vertical-align: text-top;}
/* Submit btn */
.cssbmt {float: right; margin-top: .5em;}
/* Val/Pic/Legend */
.csvalimg {width: 240px; float: right; overflow: hidden; margin-top: 2.5em; margin-right: 1em; *margin-top: 3em; text-align: center;}
.csvalimg img {width: 236px}
/* Error output */
.csvalimg ul {visibility: visible; margin-top: .5em; padding: 15px 0 15px 35px; text-align: left; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.csvalimg li {list-style-type: disc; list-style-position: outside;}

/* See ET Sprite */
.cssbmt 
{
	width: 96px;
	height: 30px;
	text-align: center;
	vertical-align: top;
	margin-top: 0;
	background-color: Transparent;
	background-repeat: repeat-x;	
	text-decoration: none;
	font-size: 13px !important;
	font-weight: bold;
	border: none;
	padding: 0 !important;
	padding-bottom: 7px !important;
	cursor:pointer;
}

/******* Tables *******/
.csform table {margin-left: 15px;}
/* Tablescells */
.csform th {text-decoration: underline; font-weight: bold; text-align: center; padding-left: 6px; padding-bottom: 5px; vertical-align: bottom;}
.csform td .csfld {text-align: left; margin-left: auto; margin-right: auto;}

/******* Car Details *******/
/* Car Details Header */
.car h3 {margin-top: 2em; font-size: 16px !important; border-bottom: none !important; background-image: none !important;}
.car h3 a {font-weight: normal;}
/* Car Detail panel table */
.car table	{width: 250px; margin-top: 1em; margin-right: 1em; float: left;}
/* Car details image holder */
.car .frmImgLnkHldr {text-align: center; float: left;}
/* Car details image */
.car .frmImgLnkHldr img	{margin-top: 1em; margin-bottom: .5em; width: 160px;}
/* Car details table header */
.car table th	{text-decoration: none; font-weight: bold;}

/******* Confirmation Page *******/
#Conf .PageTitle {margin-bottom: 0;}
#Conf .C1 {margin-top: 0;}
#Conf .CSInvOverview {margin-left: 0;}
#Conf .ETDfltThanks	{background-position: center -24px; background-repeat: no-repeat; height: 450px; margin-top: 0; margin-bottom: .5em;}

/****** DropDown/Button list Settings ******/
.csdrp {height: 22px; padding-left: 25px;}
.csdrp label {font-size: 14px; padding-right: .5em;}
.csdrp select {height: 22px; border: 1px solid #9F9F9F;}
/* Inline Drop */
.csdrp.csinline {margin-left: .5em;}
.csdrp {background-repeat: no-repeat; background-position: -20px top;}
/* Required Drop */
.csdrp.csreq[class] {background-position: left -2720px;}
/* Required Success */
.csdrp.csreq.csvalid[class]	{background-position: left -2656px;}
/* Required Fail */
.csdrp.csinvalid[class] {background-position: left top;}

/***** Checkbox Settings *****/
.cschk {width: 95%;}
.cschk input, .cschk label {display: inline-block; vertical-align: top;}
.cschk input {width: 24px; min-height: 22px;}
.cschk label {padding-top: 3px;} 
/* Inline Check */
.cschk.csinline	{margin-left: .5em;}
/* Required Check */
.cschk.csreq[class] {padding-left: 25px; background-position: left -2716px; background-repeat: no-repeat;}
/* Required Success */
.cschk.csreq.csvalid[class]	{background-position: left -2656px;}
/* Required Error */
.cschk.csreq.csinvalid[class] {background-position: left 2px;}

/****** Textbox Styles ******/
/* Textbox DIV BGs */
.cstxt[class] 
{
	height: 22px;
	background-repeat: no-repeat;
	padding-left: 25px; *padding-left: 14px;
	width: 181px; *width: 192px;
}
.cstxtsm[class]	{width: 44px; *width: 55px;}
.cstxtlg[class]	{width: 300px; *width: 311px;}
.cstxtxlg[class] {width: 472px; *width: 483px;}
td .cstxt[class] {*padding-left: 25px;}

/* Actual Textboxes */
.cstxt input 
{
	height: 15px;
	margin-top: 2px;
	margin-left: 2px;
	width: 96%; *width: 90%;
}
.cstxtsm input	{width: 85%;}
/* IE Input Widths */
.cstxtlg input, .cstxtxlg input	{*width: 95%;}
.cstxtsm input	{*width: 65%;}

/** Textarea DIV BGs **/
.csareasm[class] {width: 300px; *width: 310px; height: 120px;}
.csarealg[class] {width: 472px; *width: 482px; height: 120px;}

/* Actual Textbareas */
.csareasm textarea, .csarealg textarea {height: 116px; margin-top: 2px; margin-left: 3px;}
.csareasm textarea	{width: 98%;}
.csarealg textarea	{width: 98%;}

/** Textbox BG effects positioning */
/* Base */
.cstxt[class]	{background-position: left -1366px;}
.cstxtsm[class]	{background-position: left -1344px;}
.cstxtlg[class]	{background-position: left -1388px;}
.cstxtxlg[class]{background-position: left -1410px;}
/* Required */
.cstxt.csreq[class]	{background-position: left -54px;}
.cstxtsm.csreq[class]	{background-position: left -32px;}
.cstxtlg.csreq[class]	{background-position: left -76px;}
.cstxtxlg.csreq[class]	{background-position: left -98px;}
/* Success */
.cstxt.csvalid[class]	{background-position: left -1694px;}
.cstxtsm.csvalid[class]	{background-position: left -1672px;}
.cstxtlg.csvalid[class]	{background-position: left -1716px;}
.cstxtxlg.csvalid[class]{background-position: left -1738px;}
/* Required Success */
.cstxt.csreq.csvalid[class]	{background-position: left -382px;}
.cstxtsm.csreq.csvalid[class]	{background-position: left -360px;}
.cstxtlg.csreq.csvalid[class]	{background-position: left -404px;}
.cstxtxlg.csreq.csvalid[class]	{background-position: left -426px;}
/* Error */
.cstxt.csinvalid[class]	{background-position: left -1038px;}
.cstxtsm.csinvalid[class]	{background-position: left -1016px;}
.cstxtlg.csinvalid[class]	{background-position: left -1060px;}
.cstxtxlg.csinvalid[class] {background-position: left -1082px;}

/** Textarea BG effects positioning */
/* Base */
.csareasm[class] {background-position: left -1432px;}
.csarealg[class] {background-position: left -1552px;}
/* Required */
.csareasm.csreq[class] {background-position: left -120px;}
.csarealg.csreq[class] {background-position: left -240px;}
/* Validation failure */
.csareasm.csinvalid[class] {background-position: left -2088px;}
.csarealg.csinvalid[class] {background-position: left -2208px;}
/* Validation failure */
.csareasm.csreq.csinvalid[class] {background-position: left -776px;}
.csarealg.csreq.csinvalid[class] {background-position: left -896px;}
/* Success */
.csareasm.csvalid[class] {background-position: left -1760px;}
.csarealg.csvalid[class] {background-position: left -1880px;}
/* Required Success */
.csareasm.csreq.csvalid[class] {background-position: left -448px;}
.csarealg.csreq.csvalid[class] {background-position: left -568px;}
/* Error */
.csareasm.csinvalid[class] {background-position: left -1104px;}
.csarealg.csinvalid[class] {background-position: left -1224px;}

/******** Quick Form/Supa Form ********/
.Quickie {margin: 0; padding: 0; padding-bottom: .5em; width: 230px;}
#dtlSupaFormTab .csvalimg,
.Quickie .csvalimg	{margin: 0; float: none; width: auto;}
#dtlSupaFormTab .csvalimg ul,
.Quickie .csvalimg ul {font-size: 93%; margin: 0 1em;}
.Quickie h2 {background-color: Transparent; text-indent: -1000em; margin-bottom: .5em; height: 25px; background-position: center center; background-repeat: no-repeat; visibility: visible; display: block;}
.Quickie h3 {visibility: hidden; display: none;}
.Quickie .cshdr	{background-image: none !important; margin-bottom: .5em;}
.Quickie .line	{margin: 0;}
.Quickie .line .csareasm {padding-left: 10px; background-image: none !important;}
.Quickie input, .Quickie textarea {padding: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.Quickie .csareasm, .Quickie textarea {width: 196px;}
.Quickie textarea {border: 1px solid #9f9f9f !important;}
.Quickie .cssbmt {margin-right: 10px;}

/******** SupaForm ********/
/* Reset inherited settings from YUI-tabs and Forms.css */
#dtlSupaFormTab .csformhldr {margin: 0;}
#dtlSupaFormTab .cshdr {background-image: none; margin: 0; padding: 0;}
#dtlSupaFormTab .cshdr h3 {font-weight: bold; font-size: 108%; border: none; margin: 0; margin-bottom: 5px; padding: 0;}
#dtlSupaFormTab .first-of-type h3 {background-image: none;}
#dtlSupaFormTab .line {margin: 0;}
.yui-navset .yui-content .csfld[class] {padding-left: 25px;}
.yui-navset .yui-content .cstxtsm[class] {width: 185px;}
.yui-navset .yui-content .csareasm[class] {padding-left: 0; background-image: none; width: 205px;}

#dtlSupaFormTab {background-position: -715px top; background-repeat: no-repeat;}
#dtlSupaFormTab .csvalimg {padding-top: 3em; margin-bottom: 1em;}
#dtlSupaFormTab .FormContact {margin-bottom: 1em;}

/* Position comments next to checkboxes, push the checkboxes down */
#dtlSupaFormTab .FormComments {width: 205px; height: 165px;}
#dtlSupaFormTab .FormComments textarea	{width: 200px; height: 135px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
#dtlSupaFormTab .FormChecks	{width: 155px; height: 135px; clear: right; float: right;}
#dtlSupaFormTab .FormChecks, #dtlSupaFormTab .FormComments
{
	display: -moz-inline-stack;
    display: inline-block;
	zoom: 1;
	vertical-align: top;
    *display: inline;
}

/* SupaChecks */
#dtlSupaFormTab .cschk {display: block; margin: 0; height: 20px; padding-left: 0; background-image: none;}
.FormChecks .cschk input {vertical-align: top; min-height: 20px; height: 20px;}
.FormChecks .cschk label {width: 115px; vertical-align: middle;}

/* BB section */
#dtlSupaFormTab .FormBB {background-position: left -650px; background-repeat: no-repeat; height: 59px; width: 345px; margin-top: 2em; padding-left: .25em; overflow: hidden;}
#dtlSupaFormTab .FormBB h3 {font-size: 108%; padding-left: 1em; padding-top: .25em; color: #E2D201 !important;}

/* Headers below BB */
#dtlSupaFormTab .FormTD h3,
#dtlSupaFormTab .FormAC h3	{margin-top: 1em; margin-right: 1em;}

/* Submit Button */
#dtlSupaFormTab .cssbmt:hover {background-position: -1px -745px;}
#dtlSupaFormTab .cssbmt
{
	clear: left;
	margin-top: 1em;
	margin-right: 1.5em;
	margin-bottom: 1em;
	background-position: -1px -709px;
	width: 118px;
	height: 36px;
	text-indent: -1000em;
	overflow: hidden;
}