/* Styles for VW Bank 3.0 layout */

html
{
	height:100%;
}
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
	color:#000000;
	background-color:#ffffff;
	height:100%;
}

table
{
	font-size:11px;
	margin-top:0;
	padding-bottom:0;	 
}

img {
	border:0;
}

sub {
	font-size:8px;
}

a:link{
	color:#3E5F88;
	text-decoration:none;
}
a:visited{
	color:#3E5F88;
	text-decoration:none;
}
a:hover{
	color:#000000;
	text-decoration:underline;
}
a:active{
	color:#3E5F88;
	text-decoration:none;
}

.pageContent .iepatch		/* to patch IE's wrong table width calculation when using padding or margins... */
{
	width:100%;
}

a.mplLinkEmphasized:link {color:#3E5F88;}
a.mplLinkEmphasized:visited {color:#3E5F88;}
a.mplLinkEmphasized:hover {color:#000000;}
a.mplLinkEmphasized:active {color:#3E5F88;}

.textLink:link {
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}
.textLink:visited {
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}
.textLink:active{
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}
.textLink:hover{
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}

/* Summary table */

.summaryTable
{
	border-bottom:solid 1px #E6E6EB;
	width:100%;
}
.summaryTitle
{
	background: #F0F0F5;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	border-top:solid 8px white;
}
.summaryHeader
{
	font-weight:bold;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:2px;
	padding-right:10px;
	border-top:solid 1px #E6E6EB;
}
.summaryFirstColumn
{
	text-align: left;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px;
	border-top:solid 1px #E6E6EB;
}
.summaryLastColumn
{
	text-align: right;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:10px;
	border-top:solid 1px #E6E6EB;
}
.summaryColumn
{
	text-align:left;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:10px;
	border-top:solid 1px #E6E6EB;
}
.summaryColumnNoBorder
{
	text-align:left;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:10px;
}

.summaryTextBold
{
	font-weight:bold;
	text-decoration:none;
}
.summaryCalcHeader 
{
	background-color:#D7DBD3; font-weight:bold; color:#000000;
	padding-left:10px; padding-right:10px;
	padding-top:4px; padding-bottom:4px; 
}
.summaryText
{
	padding-bottom: 4px;
	text-decoration: none;
}
.summaryNote
{
	padding-bottom: 4px;
	color: gray;
	text-decoration: none;
}
.summaryLabelColumn
{
	text-decoration:none;
	padding-right:20px;
	width:200px;
	text-align:left;
	padding-left:10px;
}

/*			NAVIGATION-TABLEELEMENTS	*/
.navLeft {padding-left:20px;  padding-bottom:0px; padding-top:0pt;}
.navRight {padding-right:20px; padding-bottom:0px; padding-top:0pt;}

/*			HISTORY-TABLEELEMENTS	*/


.tabHistoryTable a 
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.tabHistory,
.tabHistoryActive,
.tabHistoryForw,
.tabHistoryForwCalcGroup,
.tabHistoryCalcGroup,
.tabHistoryActiveCalcGroup
{
	padding-top:1px;
	padding-left: 20px;
	font-size:9px;
	line-height: 12px;
}
.tabHistoryForwCalcGroup,
.tabHistoryCalcGroup,
.tabHistoryActiveCalcGroup
{
	padding-left:34px;
}
.tabHistoryForwCalcGroup a,
.tabHistoryCalcGroup a
{
	color: #333333;	
	font-weight: normal;
}
.tabHistory a,
.tabHistoryActive a,
.tabHistoryCalcGroup a,
.tabHistoryActiveCalcGroup a
{
	color: #3e5f88;
}
.tabHistoryChecked
{
	background-image: url(/CalculatorFE/layouts/vwbank/vw30/bullet_checked.gif);
	background-repeat:no-repeat;
	background-position: left center;
}
.tabHistoryUnchecked
{
	background-image: url(/CalculatorFE/layouts/vwbank/vw30/bullet_unchecked.gif);
	background-repeat:no-repeat;
	background-position: left center;
}

/* Styles used for the product list */
.productList
{
	left: 20px;
	position: relative;
}
.productLabel
{
	color: #000000;
	font-weight:bold;
}
.productDescription
{
	padding-bottom: 20px;
	padding-right: 20px;
	color: #000000;
}

.errorMsg {
	color:red;
	font-weight:bold;
	padding-top:10px;
	padding-left:10px;
}

/* error row on calculation page */
.errorRow {
	text-align: right;
}
.errorRow span {
	padding-right: 10px;
}

/* Information control MPL (Multi Puporse List) */
.mplTable
{
	background-color:#E6E6EB;
	color: #000000;
	height:100%;
	width:100%;
}
.mplBold
{
	vertical-align:baseline;
	color:#000000;
	font-weight:bold;
	font-size:11px;
	padding-top:4px;
}
.mplValue{
	vertical-align:baseline;
	color:#000000;
	font-size:11px;
	font-weight:normal;
	padding-top:2px;
	padding-left:0px;
}
.mpl{
	vertical-align:baseline;
	color:#000000;
	font-size:9px;
	font-weight:normal;
	padding-top:2px;
	padding-left:0px;
}
.mplHeader 
{
	background-color:#9999A3;
	color:#FFFFFF;
	
	font-size:11px;
	font-weight:bold;
	padding-bottom:3px;
	padding-left:5px;
	padding-top:3px;
}
.mplCell{
	color:#000000;
	font-size:10px;
	font-weight:normal;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
}
.mplCellNoPad{
	color:#000000;
	font-size:10px;
	font-weight:normal;
	padding-left:0px;
	padding-bottom:4px;
	vertical-align:top;
	border-bottom:1px solid #FFFFFF;
}
.mplLink{
	font-size:11px;
	color: #000000;
}

.mplLinkEmphasized{
	font-size:11px;
	font-weight: bold;
	color: #000000;
}
.mplErrorMsg{
	color:#cc3300;
	font-size:10px;
	font-weight:bold;
}
.mplErrorMsg ul
{
	margin-left: 17px;
}
.mplErrorMsgNetscape{
	color:#cc3300;
	font-size:10px;
	font-weight:bold;
}
.mplErrorMsgNetscape ul
{
	margin-left: -20px;
}
.mplDelimiter
{
	padding-top:4px;
	border-bottom:1px solid #FFFFFF;
}

.mplPaddingCellTop
{
	background-color:#E1E1E1;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
.mplPaddingCellLeft
{
	background-color:#E1E1E1;
}

.mplVehicleCell
{
	padding-left: 5px;
	padding-right: 5px;
}

.pageContent /* main content part of the page. */
{
	margin:20px;
}

.pageTable
{
	height:100%;
	width:765px !important;
}

.contentTable
{
	height:100%;
	width:100%;
}

td.stageColumn
{
	padding-right:1px;
	width:599px !important;
}

td.mplColumn
{
	padding-left:1px;
	width:164px !important;
}

.calculateBackground {}

.separatorLine 
{
	
}

.headerTitle	/* Style for header title text/image */
{
	background-color:#E6E6EB; 
	padding-left:20px; 
	height:30px;
}

.pageTitle		/* Style for page title text/image */
{
	background-color:#9999A3; 
	color:#FFFFFF; 
	height:20px; 
	font-size:13px;
	font-weight:bold;
	padding-left:20px;
}

.pageSubTitle
{
	padding-top:4px;
	padding-left:30px;	
	padding-right:20px;
}

.legalNotice 
{
	padding-left:5px;
	padding-right: 5px;
	margin-top:5px;
	color:#9999A3;
}

.legalNotice a:link 
{
	color:#9999A3;
}
.legalNotice a:visited 
{
	color:#9999A3;
}
.legalNotice a:hover 
{
	color:#000000;
}

/*			TEXT				*/

.maintext{
	color:#000000;
}
.maintextSmall{
	color:#666666;
	font-size:9px;
}
.maintextSmallSup
{
	font-size: 9px;
	vertical-align: super;
	color: #000000;
}
.maintextBold{
	color:#000000;
	font-weight:bold;
}
.tableHeader{
	color:#000000;
	font-size:11px;
	font-weight:bold;
}
.maintextBlack{
	color:#000000;
}
.maintextBoldBlack{
	color:#000000;
	font-weight:bold;
}
.mainheader
{
	font-weight: bold;
	font-size: 11px;
	height: 29px;
	width: 429px;
	color: #FFFFFF;
	background-color: #B4BAAC;
	vertical-align: top;
}
.subheader
{
	color:#000000;
	padding-left:24px;
	padding-right:26px;
}
.calcheader
{
	font-size:11px;
	font-weight:bold;
	color:#000000;
}
.disclaimer
{
	color:#000000;
	font-size:7pt;
}
.disclaimerCalc
{
	padding-left:17px;
	color:#000000;
	font-size:7pt;
}
.disclaimerSummary
{
	padding-left:12px;
	color:#000000;
	font-size:7pt;
}
.disclaimerCell
{
	padding:20px 20px 0px 20px;
	margin:0px;
}
.pageContent .disclaimerCell
{
	padding: 0px 0px 0px 0px;
	margin:0px;
}

/*			FORMELEMENTS		*/

.inputRow
{
	height: 25px;
}
.txtfieldlong
{
	font-size: 11px;
	width: 130px;
	color: #000000;
	
}
.txtfieldwide
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;
	color: #000000;
	
}
.txtfieldlongNumeric
{
	font-size: 11px;
	width: 130px;
	color: #000000;
	text-align: right;
}
.textBoxReadOnly
{
	width:130px;
	color:#000000;
	font-size:11px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	border-bottom-style: none;
}
.textBoxReadOnlyNumeric
{
	width:130px;
	color:#000000;
	font-size:11px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	border-bottom-style: none;
	text-align: right;
}
.txtfieldmiddle{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	width:100px;
}
.txtfieldmonth{
	width:23px;
	color:#000000;
	font-size:11px;
}
.txtfieldyear{
	width:35px;
	color:#000000;
	font-size:11px;
}
.pulldownauto
{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
}
.pulldownlong
{
	width:130px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
}
.pulldownwide
{
	width:200px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
}
.pulldown{	
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	width:100px;
}
.pulldownshort{
	width:40px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
}
.pulldownyear{
	width:70px;
	color:#000000;
	font-size:11px;
}

/*			Contentcells		*/

.horizDelimiter
{
	height:10px;
}

.cellQuadquestion{
	width:20px;
}
.cellAlert
{
	width: 10px;
	font-weight: bold;
	font-size: 11px;
	color: #cc3300;
	text-align: center;
}
.cellLabel
{
	width:140px;
	color:#666666;
}
.cellLabelBold{
	width:140px;
	color:#666666;
	font-weight:bold;
}
.cellDuty{
	width:10px;
	color:#666666;
	padding-bottom:13px;
	text-align:right;
	padding-right:2px;
}
.cellFormelement{
	width:130px;
	text-align:right;
}
.cellFormelementLeft{
	width:250px;
}
.cellTextelementBold{
	width:130px;
	text-align:right;
	color:#666666;
	font-weight:bold;
}
.layoutTable
{
	table-layout:fixed;
}
.cellXmlElement{
	width:350px;
}

.tableRow 
{
	background-color:#D8DBD4;
}

/* Help popup */
.helpTitle {
	background-color: #9999A3;
	color: #FFFFFF;
	font-weight: bold;
	height: 12px;
	width: 255px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 6px;
}
.helpTitle .helpClose {
	cursor: pointer;
	float: right;
	padding-bottom: 0px;
}
.helpBody {
	border: solid 1px #9999A3;
	width: 255px;
	overflow: auto;
	height: 180px;
	background-color: #E6E6EB;
	padding: 4px;
}
.helpBody p {
	margin: 0px;
}
.helpButton {
	left: 290px;
	margin-top: -6px;
	position: absolute;
}

.listHead 
{ 
	font-size:11px; 
	font-weight:bold;
	background-color:#F0F0F5;
	color:#000000;
	padding:3px 10px 3px 10px;
}

.headBox		{ font-size:11px; line-height:12px; font-weight:bold; color:#FFFFFF; }
.headBox .text	{ padding-left: 20px; padding-top: 4px; padding-bottom: 20px; font-size: 11px; line-height: 14px; font-weight: bold; color: #FFF; }
.headBox xTABLE	{ border-top: 1px solid #FFF; width: 100%; height: 36px; }

.itemList
{
	width:100%;
	font-size: 11px;
}
.itemList .itemFirst
{
	padding-left:10px; 
	padding-right:5px;
	vertical-align:middle; 
	border-bottom: 1px solid #F0F0F5;
	height:25px;	/* determines the height of the table row... */
}
.itemList .itemTextLeft,
.itemList .itemTextRight
{
	padding-left:10px; 
	padding-right:5px;
	vertical-align:middle; 
	border-bottom: 1px solid #F0F0F5;
	padding-bottom: 4px;
}
.itemList .itemTextRight
{
	text-align:right;
}
.itemList .itemText
{
	padding-left:5px; 
	vertical-align:middle; 
	border-bottom: 1px solid #F0F0F5;
}
.itemList .itemHelp
{
	padding-left:20px;
	vertical-align:middle; 
	border-bottom: 1px solid #F0F0F5;
}
.itemList .itemAlert {
	width: 20px;
	padding-left:5px;
	padding-right:5px;
	font-weight: bold;
	font-size: 11px;
	color: #cc3300;
	text-align: center;
	vertical-align:middle;
	border-bottom: 1px solid #F0F0F5;
}
.itemList .itemLast	
{
	padding-left:5px; 
	padding-right:10px;
	vertical-align:middle; 
	border-bottom: 1px solid #F0F0F5;
	height:25px;
}


.itemList .disclaimerCell
{
	padding-top:20px;
}

.itemList .checkBox1{ width:10px; vertical-align:middle; text-align:center; }
.itemList .text		{ vertical-align:top; padding-left:10px; }
.itemList .separator { border-top:1px solid #E6E6EB; margin-top:14px; margin-bottom:10px;}
.itemList .textBold	{ vertical-align: middle; padding-left:10px; font-weight:bold; }
.itemList .text3	{ vertical-align: middle; padding-left: 6px; }




/*.itemList .dottedY	{ background: url(/CalculatorFE/layouts/audi/dotted_y2.gif); width: 1px; }*/
/*.itemList .dottedYw	{ background: url(/CalculatorFE/layouts/audi/dotted_y3.gif); width: 1px; }*/

.metalink {padding-left:5px; padding-right:5px; font-weight:bold;}
a.metalink:active {font-weight:bold;color:#666666;}
a.metalink:link {font-weight:bold;color:#666666;}
a.metalink:active {font-weight:bold;color:#666666;}
a.metalink:visited {font-weight:bold;color:#666666;}

.yellowa{background-color:#FFCC00;}
.yellowb{background-color:#FFE991;}
.yellowc{background-color:#FFEDA6;}
.yellowd{background-color:#FEF7DA;}
.yellowe{background-color:#FFE373;}
.yellowf{background-color:#FFF3C3;}

.spacer {
	height: 8px;
}
.bold {
	font-weight: bold;
}
/* Form, Summary Styles BEGIN */
.formTable,	/* Table */
.calcTable,
.sumTable
{
	width:100%;
	font-size:11px;
}
.formTable .formHeadline,		/* Headline Cell */
.calcTable .calcHeadline,
.calcTable .calcSubHeadline,	/* Headline and SubHeadline look the same for Calculation */
.sumTable .sumHeadline
{
	color:#000000; background:#F0F0F5;
	font-size:12px;	font-weight:bold;
	padding-left:10px; 
	padding-right:10px; 
	padding-top:4px; 
	padding-bottom:4px;
	border-top:solid 8px white;
}
.formTable .formSubHeadline,	/* Subheadline Cell */
.sumTable .sumSubHeadline
{
	font-weight:bold;
	padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:2px;
}
.formTable .formLabel,			/* Label Cell */
.calcTable .calcLabel,
.sumTable .sumLabel
{
	min-width:185px;
	text-align:left;
	padding-left:10px; 
	padding-right:5px; 
	padding-top:4px; padding-bottom:4px;
	border-bottom:solid 1px #E6E6EB;
	width: 75%;
}
.formTable .formSpecial
{
	padding-left:10px; padding-right:5px; padding-top:2px; padding-bottom:2px;
	border-bottom:solid 1px #E6E6EB;
}
.formTable .formHelp,			/* Help Cell */
.calcTable .calcHelp
{
	empty-cells: show;
	border-bottom: solid 1px #E6E6EB;
}
.formTable .formVal,				/* Validator Cell */
.calcTable .calcVal
{
	text-align:right;
	padding-left:20px; padding-right:0px; padding-top:2px; padding-bottom:2px;
	font-weight:bold;
	empty-cells:show;
	border-bottom:solid 1px #E6E6EB;
	color: Red;
}
.formTable .formValRow2			/* Validator Cell without deco (for multiline cells) */
{
	text-align:right;
	empty-cells: show;
	padding-left:20px; padding-right:0px; padding-top:2px; padding-bottom:2px;
}
.formTable .formValSpacer		/* Validator Cell without deco (for multiline cells) */
{
	text-align:right;
	padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px;
	width: 12px;
}
.formTable .formCtl,				/* Control Cell */
.calcTable .calcCtl
{	
	text-align:left;
	padding-left:5px; padding-right:10px; padding-top:2px; padding-bottom:2px;
	border-bottom:solid 1px #E6E6EB;
}
.formTable .formUnits,
.calcTable .calcUnits
{
	text-align:left;
	padding-left:5px; padding-right:10px; padding-top:2px; padding-bottom:2px;
	border-bottom:solid 1px #E6E6EB;
}
.sumTable .sumValue				/* Value Cell */
{
	text-align:right;
	padding-left:5px; padding-right:10px; padding-top:2px; padding-bottom:2px;
	border-bottom:solid 1px #E6E6EB;
}
.formTable .formComment,		/* Comment Cell */
.formTable .formText,
.sumTable .sumComment
{
	text-align: left;
	padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px;
	border-bottom:solid 1px #E6E6EB;	
}
.formTable .formLastRow,		/* Last Row */
.calcTable .calcLastRow,
.sumTable .sumLastRow
{
	height:1px;
	/*border-top:solid 1px #E6E6EB;*/
}
.formTable .formCtlRow2			/* for multiline cells */
{
	text-align:left;
	padding-left:5px; padding-right:10px; padding-top:2px; padding-bottom:2px;
}
.formTable .formHelpTable,
.calcTable .calcHelpTable
{
	table-layout:fixed;
	width:1px;
}
.formTable .formHelpDiv,
.calcTable .calcHelpDiv {
}

/* A parameter of type Table needs some extra space between rows: */
.tableParameter td 
{
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Form, Summary Styles END */

/* Styles for generic banner control BEGIN */

div.banner 
{
	color:#000000;
	font-size:11px;
	font-weight:normal;
	padding-left:0px;
	padding-bottom:4px;
	vertical-align:top;
}

div.bannerHeading,
div.bannerIntroText,
div.bannerText,
a.bannerLink
{
	padding-left:5px;
	padding-right:5px;
}

div.bannerHeading 
{
	font-weight: bold;
	background-color:#9999A3;
	color: #FFFFFF;
	/*height:20px;*/
	padding-top:3px;
	padding-bottom:3px;
}

img.bannerImage 
{
	display:inline;				/* (necessary to center the image!) */
	padding-bottom:2px;
}

div.bannerLink
{
	margin-left:5px;
	margin-top:5px;
	background-image:url('/CalculatorFE/layouts/vwbank/vw30/icon_bullet.gif');
	background-repeat:no-repeat;
}

a.bannerLink:link,
a.bannerLink:visited,
a.bannerLink:hover,
a.bannerLink:active
{
	position:relative;
	left:5px;
	top:-4px;
	color: #3E5F88;
	text-decoration:none;
}

/* Styles for generic banner control END */

/* Additional styles and modifications for Vehicle Select: */
#vehicleSelect .formLabel 
{
	width:50%;
	padding-left: 10px;
	padding-right: 10px;
}

#vehicleSelect .formVal
{
	padding-left: 10px;
	empty-cells: show;
	padding-right: 10px;
}

#vehicleSelect .formCtl
{
	width:50%;
	padding-left: 10px;
	padding-right: 10px;
}

#vehicleList
{
	padding-top:10px;
}

#vehicleList .formSubHeadline
{
	border: 0px;
}

#vehicleList .formCtl
{
	padding-left: 10px;
	padding-right: 10px;
}