/* HeaderControl BEGIN */

.headTable							/* Table containing the view header */
{
	width:100%;
}

.headTable .headImage				/* HeaderControl title image */
{
	padding-left:0px;
	padding-bottom:10px;
	vertical-align:top;
}

.headTable .headImage2
{
	padding-left:0px;
	padding-bottom:10px;
	vertical-align:top;
}

.headTable .headTitle				/* Style for page's main title */
{					
	color:#005522;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:18px;
	font-style:italic;
	padding-left:0px;
}

.headTable .headTitleDiv
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	padding-left:24px; padding-right:0px; padding-top:4px; padding-bottom:10px;
	color:#005522;
}

.headTable .headSubTitle			/* Style for page's subtitle */
{
	font-size:12px;
    font-weight:bold;
    padding-left:28px; padding-right:0px; padding-top:15px; padding-bottom:7px;
}


#CalculationTable
{
	padding-left: 26px;
	padding-right: 30px;
}

#NavigationTable
{
	padding-left: 50px;
	padding-right: 30px;
}

#vehicleSelectTable
{
	padding-right: 0px;
}
#TableControl
{
}
#TableControl .calcSubHeadline
{
	background-color: #005522;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.evenTableRow,
.evenTableRow td
{
	background-color: #BCD409;	
}
.evenTableRow,
.oddTableRow,
.evenTableRow td,
.oddTableRow td
{
	text-align: center;	
	padding-top: 4px;
	padding-bottom: 4px;
	white-space: nowrap;
}
.activeTableRow,
.activeTableRow td
{
	font-weight: bold;
}
.calcTable,
.formTable
{
	width:100%;
	font-size:11px;
}
.sumTable
{
	width:100%;
	font-size:11px;
	margin-left: 24px;
}
.formTable .formHeadline			/* Headline Cell in form pages */
{
	font-size:12px;
    font-weight:bold;
    padding-left:28px; padding-right:0px; padding-top:15px; padding-bottom:7px;
}
.formTable .formText				/* plain text in forms */
{
	padding-left:28px; padding-right: 0px;
}

/* Headline Cell */
.sumTable .sumHeadline,
.calcTable .calcHeadline
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
    font-weight:bold;
    padding-left:0px; padding-right:0px; padding-top:28px; padding-bottom:7px;
}
.formTable .formSubHeadline	/* Subheadline Cell */
{
	font-size:12px;
    font-weight:bold;
    padding-left:28px; padding-right:0px; padding-top:15px; padding-bottom:7px;
}
.sumTable .sumSubHeadline
{
	color:#000000; 
	font-size:11px;
	font-weight:bold; 
    padding-left:0px;padding-right:10px; padding-top:4px; padding-bottom:4px; 
}

.calcTable .calcSubHeadline
{
	color:#000000; 
	font-size:12px;
	font-weight:bold; 
    padding-left:28px; padding-right:10px; padding-top:4px; padding-bottom:4px; 
}

.formTable .formLabel,				/* Label Cell */
.calcTable .calcLabel,
.calcTable .formLabel				/* HACK: VehiclePrice control assumes itself to be within a formTable. */
{
	padding-left:0px; padding-right:2px; padding-top:4px; padding-bottom:4px; 
    vertical-align: middle;
    width: 60%;
}

.calcTable .calcLabelDiv
{
	vertical-align:middle;
}

/* Calc note */
.calcTable .calcNoteText
{
	color:#666666;
	font-size:9px;	
}

.sumTable .sumLabel
{
	width:40%;
	vertical-align: top;
    padding-left:0px; padding-right:6px; padding-top:2px; padding-bottom:2px; 
}
.formTable .formHelpDiv,
.calcTable .calcHelpDiv {
	width: 28px;
}
.formTable .formVal,				/* Validator Cell */					
.calcTable .calcVal,
.calcTable .formVal					/* HACK: VehiclePrice control assumes itself to be within a formTable. */
{
    padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:1px; 
    vertical-align: middle;
    text-align: right;
    color:#cc3300;
    empty-cells: show;
	font-weight:bold;
	white-space:nowrap;
}


.formTable .formValRow2,			/* Validator Cell without deco (for multiline cells) */
.calcTable .calcValRow2
{
	text-align:right;
	empty-cells: show;
	padding-left:20px; padding-right:0px; padding-top:1px; padding-bottom:1px;
}

.formTable .formValSpacer			/* Validator Cell without deco (for multiline cells or sub tables (postcode, city)) */
{
    vertical-align: middle;
	text-align:right;
	padding-left:0px; padding-right:4px; padding-top:1px; padding-bottom:1px;
	width: 15px;
}

.formTable .formCtl					/* Control/Value Cell */
{
	text-align:left;
    padding-left:2px; padding-right:2px; padding-top:4px; padding-bottom:4px; 
    font-size:11px;
	vertical-align:middle;
}

.calcTable .calcCtl,
.calcTable .formCtl					/* HACK: VehiclePrice control assumes itself to be within a formTable. */
{
	text-align:right;
    padding-left:2px; padding-right:2px; padding-top:4px; padding-bottom:4px; 
    font-size:11px;
	vertical-align:middle;
}

.sumTable .sumValue
{
	text-align:left;
	vertical-align: top;
    padding-left:5px; padding-right:10px; padding-top:2px; padding-bottom:2px; 
}
/* Units Cell */
.calcTable .calcUnits,
.calcTable .formUnits				/* HACK: VehiclePrice control assumes itself to be within a formTable. */
{
	text-align:left;
	vertical-align:middle;
    padding-left:5px; padding-right:0px; padding-top:0px; padding-bottom:0px; 
}
.formTable .formComment 			/* Comment Cell */
{
	text-align: left;
    padding-left:28px; padding-right:10px; padding-top:6px; padding-bottom:4px; 
}
.sumTable .sumComment
{
	text-align: left;
    padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:4px; 
}

.calcTable .calcComment
{
	text-align: left;
    padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:4px; 
}

.formTable .formLastRow				/* Last row */
{
    padding-top:4px;
    padding-bottom:0px;
    border-bottom:1px solid #E1E1E1; 
}


.sumTable .sumLastRow
{
    padding-top:4px;
    padding-bottom:0px;
    border-bottom:1px solid #E1E1E1; 
}

.calcTable .calcLastRow
{
    padding-top:4px;
    padding-bottom:0px;
}

.formTable .formCtlRow2
{
	text-align:left;
	padding-left:5px; padding-right:10px; padding-top:2px; padding-bottom:2px;
}

.calcTable .pulldown
{
	width:auto; 
}

.calcTable .maintext
{
	/*
	width:70px; 
	*/
}

.sumTable .disclaimer,					
.sumTable .sumDisclaimer
{
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding-top:5px;
}

/* ################# Form Styles END ##################*/

/***********************************************/
/* Styles for generic banner control BEGIN */

div.banner						/* Global settings for the banner */
{
	font-weight:normal;
}

div.bannerHeading,				/* The banner headline */
div.bannerIntroText,			/* Intro text above the image */
div.bannerText,					/* Text below the image */
a.bannerLink					/* Information link */
{
	padding-left:2px;
}

div.bannerHeading
{
  	font-weight: bold;
  	padding-bottom:4px;
}

img.bannerImage					/* The banner image */
{
	display:inline;				/* (necessary to center the image!) */
}

div.bannerIntroText,
div.bannerText 
{
	color:#333333;
}

div.bannerIntroText,
div.bannerText,
div.bannerLink
{
	padding-top:4px;
}

div.bannerLink 
{
	color:#000000;
	font-weight:bold;
	margin-bottom:8px;
}

a.bannerLink:link,
a.bannerLink:visited,
a.bannerLink:hover,
a.bannerLink:active
{
	color:#000000;
}

/* Styles for generic banner control END */


body
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 11px;
	padding-bottom: 0px;
	margin: 0px;
	color: #000000;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}

table
{
	margin-top:0;
	padding-bottom:0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border:0
}

ul 
{
	list-style-image:url('/CalculatorFE/layouts/aeb/bullet.gif');
	margin-left:20px;
}

.formTable li 
{
	margin-top:10px;
}

a:link{
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:underline;
}
a:visited{
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:underline;
}
a:hover{
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:underline;
}
a:active{
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
}
.textLink:link{
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:underline;
	font-weight:bold;
}
.textLink:visited{
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:underline;
	font-weight:bold;
}
.textLink:active{
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:underline;
	font-weight:bold;
}
.textLink:hover{
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:underline;
	font-weight:bold;
}
.summaryTitle{
	width:425px;
	height:19px;
	background:#f8e000;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	padding-left: 10px;
}
.summaryHeader
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
	padding-bottom:4px;
}
.summaryFirstColumn
{
	padding-left:10px;
}
.summaryTextBold
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.summaryText
{
	font-size: 11px;
	padding-bottom: 4px;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: none;
}
.summaryLabelColumn
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
	padding-right:20px;
	width:200px;
	text-align:left;
	padding-left:10px;

}
.calcLabelColumn
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}
/* Styles used for the product list */
.productList
{
	left: 20px;
	position: relative;
}
.productLabel
{
	font-size: 11px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.productDescription
{
	font-size: 11px;
	padding-bottom: 20px;
	width:400px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.errorMsg, .errorMsg2 {
	color:#cc3300;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
}

.errorMsg2 {
	color:#cc3300;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-left:0px;	padding-bottom:10px;
}

.calcTable .errorRow {
	text-align: right;
}

/*			TEXT				*/

.maintext
{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}
.maintextSmall{
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
}
.maintextSmallSup
{
	font-size: 9px;
	vertical-align: super;
	color: #000000;
	font-family: Arial,Helvetica,sans-serif;
}
.maintextBold{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
}
.tableHeader{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
}
.maintextBlack{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}
.maintextBoldBlack{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
}
/*			FORMELEMENTS		*/

.inputRow
{
	height: 25px;
}

.txtfieldshort, .txtfieldmiddle, .txtfieldlong, .txtfieldlongNumeric, 
.txtfieldlonger, .txtfieldwide, .txtfielddate, .txtfieldmonth, .txtfieldyear 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.txtfieldwide	{ width: 200px; }
.txtfieldlong	{ width: 130px; }	/* txtfieldlong + txtfieldshort + error column + padding = txtfieldwide */
.txtfieldmiddle	{ width: 70px; }
.txtfieldshort	{ width: 50px; }
.txtfielddate	{ width: 70px; }
.txtfieldmonth	{ width: 23px; }
.txtfieldyear	{ width: 35px; }
.txtfieldlongNumeric	{ width: 130px; text-align: right; }

.textBoxReadOnly, .textBoxReadOnlyNumeric
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	width:130px;
	border-style: none;
	background-color: transparent;
}

.textBoxReadOnlyNumeric
{
	text-align: right;
}

.pulldownwide, .pulldownlong, .pulldownmiddle, .pulldownshort, .pulldownyear, .pulldown, .pulldownauto
{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
}

.pulldownwide	{ width:auto; }
.pulldownlong	{ width:auto; }
.pulldownmiddle	{ width:70px; }
.pulldownshort	{ width:40px; }
.pulldownyear	{ width:70px; }
.pulldown, .pulldownauto { }	/* combo box with variable width */

/*			Contentcells		*/

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

/* lists */

.itemList
{ 
    font-size:11px; 
    table-layout:auto; 
/*    border-top:1px solid #FFFFFF; */
    border:0px;
}

.itemList .itemFirst,	    /* Common properties of itemList elements */
.itemList .itemText,
.itemList .itemTextLeft,
.itemList .itemTextRight,
.itemList .itemSelectLabel,
.itemList .listHead,
.itemList .text,
.itemList .error	
{ 
    padding-top:6px; 
    padding-bottom:4px; 
    padding-left:4px; 
    padding-right:2px; 
    vertical-align:middle; 
}

.itemList .listHead			/* Headline in an item list. */
{
	font-weight: bold;
	padding: 15px 2px 0px 2px;
}

.itemList .itemTextLeft,	/* leftmost column of an itemList table */
.itemList .itemFirst	    /* Leftmost column of an itemList containing some symbol like 'Help' or an radio button */
{
    padding-left:10px; 
}

.itemList .itemFirst
{
    padding-right:10px;
}

.itemList .itemTextRight    /* rightmost column of an itemList table */
{ 
    padding-right:10px;
}

.itemList .error			/* validator column in credit forms */
{ 
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 0px;
    text-align: right;
    width:13px;
}

.itemList .itemSelectLabel 
{
    vertical-align:top; 
    padding-left:9px; 
}

.itemList .itemAlert {
	font-weight: bold;
	color: #cc3300;
	text-align: center;
	vertical-align:middle;
}

.itemList .itemFirstLine	/* line following a .listHead line, no top padding, all elements flush top */
{
	padding-top: 0px;
	vertical-align:top;
}

.itemList .itemLast			/* bottom-most row of an itemList table */
{ 
    padding-bottom:0px;
    border-top:1px solid #E1E1E1; 
}

.itemList .text		
{ 
	padding-left:10px;
    vertical-align:top; 
    border-top:1px solid #E1E1E1;
}

.spacer
{
	height: 8px;
}

.bold
{
	font-weight:bold;
}

/* Help popup */
.helpTitle {
	/* background-color:#BDCF00; */
	background-color: #005521; 
	color: White;
	font-weight: bold;
	width: 259px;
	height: 20px;
	padding-bottom: 0;
	padding-top: 4px;
	padding-left: 4px;
}
.helpTitle .helpClose {
	cursor: pointer;
	float: right;
	margin-top: -2px;
}
.helpBody {
	font-family: Arial,Helvetica,sans-serif;
	color: #000000;
	background-color:#FAFAFA;
	width: 255px;
	height: 200px;
	vertical-align: top;	
	overflow: auto;
	padding-left:4px; 
	padding-top:4px; 
	padding-bottom:4px; 
	padding-right:4px;
}
.helpBody p {
	margin: 0px;
}
.helpButton {
	margin-right: 8px;
}

/***************************************************/
/***************************************************/
/* page components BEGIN */

td.disclaimer					/* The table cell containing the disclaimer */
{
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding-top:5px;
}

span.disclaimer						/* Special text formatting for the disclaimer */
{
}

.disclaimer a:link,				/* Links within the disclaimer */
.disclaimer a:visited,
.disclaimer a:hover,
.disclaimer a:active
{
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:underline;
}


/* this should ONLY be used in the masterpage */
.leftMargin						/* generates the left margin */
{
	width:50px;
}

/* this should ONLY be used in the masterpage */
.rightMargin					/* generates the right margin */
{
	width:30px;	
}

/* page components END */
/***************************************************/
/* Information control MPL (Multi Puporse List) BEGIN */

.mplTable						/* Global settings for the information control table */
{
	width: 150px;
}

.mplBold
{
	font-weight: bold;
}

.mplTable .mplHeader			/* Section header */
{
	font-weight: bold;
	font-size: 12px;
	color: #005522;
}

.mplTable .mplCell				/* Simple cell */
{
	padding-left:0px;
}

.mplTable .mplInfoLabel			/* Label entry in Info section */
{
	vertical-align:top;
	width:60px;
}

.mplTable .mplInfoText			/* Text entry in Info section */
{
	padding-left:5px;
	vertical-align:top;
}

.mplTable .mplErrorMsg,			/* Error messages (validation summary) */
.mplTable .mplErrorMsgNetscape {
	color:#cc3300;
	font-weight:bold;
}

.mplErrorMsg ul
{
	margin-left: 17px;
}

.mplErrorMsgNetscape ul
{
	margin-left: -20px;
}

.mplVehicleTable .mplHeader
{
	color: #000000;
	font-size: 11px;
}


/* Information control MPL (Multi Puporse List) END */
/***************************************************/
/* Navigation BEGIN */
/* Those classes have to be assembled to DIV elements! */
.tabHistoryTable				/* Global settings for navigation table */
{
	font-size:12px;
	padding:0px;
	vertical-align:middle;
	margin-top:5px; margin-bottom:15px;
	margin-left: 0px; margin-right: 0px;
}
.tabHistoryTable a:link, 
.tabHistoryTable a:visited,
.tabHistoryTable a:active,
.tabHistoryTable a:hover 
{
	text-decoration: none;
	color: #0C6C3C;
	font-size:12px;
}
.tabHistory,					/* Rows of previous navigation items */
.tabHistoryActive,				/* Row of current navigation item */
.tabHistoryActiveCalcGroup,		/* active navigation item in calculation group */
.tabHistoryForw,				/* Rows of following navigation items */
.tabHistoryForwCalcGroup,		/* following navigation items in calculation group */
.tabHistoryCalcGroup			/* Global settings for inserted calculation group items (indent, special bullets) */
{
	line-height: 20px;
	color:#0C6C3C;
	border-bottom:#0C6C3C 1px solid;
	font-size:12px;
	padding-top:0px; padding-bottom:0px;
	padding-left:10px; padding-right:10px;
	font-weight:bold;
	white-space:nowrap;
}
/* overrides */
.tabHistoryForw					/* following navigation items */
{
	font-weight:normal;
}
.tabHistoryActiveCalcGroup		/* active navigation item in calculation group */
{
	padding-left:20px; 
}
.tabHistoryForwCalcGroup		/* following navigation items in calculation group */
{
	padding-left:20px; 
	font-weight:normal;
}
.tabHistoryCalcGroup			/* Global settings for inserted calculation group items (indent, special bullets) */
{	
	padding-left:20px;
}

/* Navigation END */
/***************************************************/