/* *********************************************************************************************************************
 * Author        : Felix Rimbach (felix.rimbach@daimler.com)                                                           *
 * Date          : 01 October, 2007                                                                                    *
 * Last Change   : Ayush Vij @ 11 November, 2009                                                                       *
 * Description   : HTML stylesheet for financial calculator project                                                    *
 **********************************************************************************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(../images/background.bmp);
	background-repeat: repeat-y;
}

/* Menu*/


#menu ul {
	margin: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

td.row1 {
	background: url("../images/img02.gif") no-repeat left center;	
	background-color: #AAAAAA;
	padding: 2px 9px 2px 10px;
}

td.row2 {	
	background-color: #AAAAAA;
	padding: 2px 9px 2px 10px;
}

td.languageRow {
	background-color: #ffffff;
	padding: 0px 0.5px 0px 0.5px;
}

td.languageRowMouseOver {
	background-color: #ECECEC;;
	padding: 0px 0.5px 0px 0.5px;
}

a.normal  {
	text-decoration: none;
	font-size : 12px; 
	font-family: Arial;
	color: #000000;
}

#menu a {
	text-decoration: none;
	font-size : 12px; 
	font-family: Arial;
	color: #000000;
}

#menu a:hover {
	color: #00ADEF;
	background-color: #ECECEC;
}

#menu .active a {
	color: #000000;
	background-color: #FFFFFF;
}

#tab ul {
	margin: 0;
	list-style: none;
}

#tab li {
	margin:0;
	display: inline;
}

#tab a {
	display: block;
	float: left;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
	font-size : 12px;
	font-weight : bold;
	font-family: Arial;
	color: #666666;
	background-color: #F2F1EC;
}

#tab a:hover {
	color: #00ADEF;
	background-color: #E4E2D5;
}

#tab .active a {
	color: #666666;
	background-color: #E4E2D5;
}

#tab .auther a {
	color: #FFFFFF;
	background-color: #FFFFFF;
}

/* Payment Calculator Mouseover Effects */

.calculatorVehicles {
	FILTER: alpha(opacity=50);
	opacity: 0.5;
}

.calculatorVehicles_mouseOver{
	FILTER: alpha(opacity=100);
	opacity: 1.0;
}

.author {
	display: block;
	float: left;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
	font-size : 12px;
	font-weight : bold;
	font-family: Arial;
	color: #FFFFFF; 
	background-color: #FFFFFF;
}

.version {
	display: block;
	float: right;
	text-decoration: none;
	font-size : 12px;
	font-family: Arial;
	color: #666666;
}

/* General Table CSS */
.bodyWhite {
	font-family: Arial, Tahoma, Verdana, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	background-color: #FFFFFF;
	border: 1px solid #E4E2D5;
}

.bodyWhite2 {
	font-family: Arial, Tahoma, Verdana, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	background-color: #FFFFFF;
}

.background {
	font-family: Arial, Tahoma, Verdana, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	background-image: url(..\images\test.jpg);
	background-repeat: no-repeat;
}

.mainBody {
	font-family: Arial, Tahoma, Verdana, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	background-image: url(../images/background.bmp);
	background-repeat: repeat-y; 
	border: 1px solid #E4E2D5;
}

.disclaimer {
	font-family: Arial, Tahoma, Verdana, sans-serif; 
	font-size: 12px; 
	color: #666666;
	background-color: #FFFFFF;
}

td.navigation { background-color: #F2F1EC; }

.inputBox {
	border: 0px solid #ffffff;
	text-align:right;
	font-family: Verdana;
}

.inputBoxText {
    border: 0px solid #ffffff;
	font-size : 12px;
	text-align: left;
	color: #666666;
	font-family: Arial
}

.inputBoxHidden {
	border: 0px;
	color: white;
	text-align:right;
	font-family: Verdana;
}

.inputBoxLeft {
	border: 0px solid #ffffff;
	text-align: left;
	font-family: Verdana;
}

.inputBox2 {
	border: 1px solid #193725;
	text-align:right;
	font-family: Verdana;
}

.inputBoxCenter {
	border: 0px solid #ffffff;
	text-align: center;
	font-family: Arial;
}

.topHeadline {
	font-size : 12px; 
	font-weight : bold;
	font-family: Arial;
	color: #666666;
}
	
.rightHeadline{ 
	font-size : 12px; 
	font-weight : bold; 
	color : #666666;
	font-family: Ariala;
}
	
.titleMenu { 
	font-size : 12px; 
	font-weight : bold; 
	color : #FFFFFF;
	text-decoration:none; 
	font-family: Arial;
}

.textField { 
	font-size : 12px; 
	color: #666666;
	font-family: Arial
}

.smalltext { 
	font-size : 10px; 
	color: #000000;
	font-family: Arial
}

#pageFooter {
	width: 1000px;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	height: 27px;
	bottom: 0;
	position: fixed
}

#pageFooterLogo {
	width: 200px;
	float: left;
	background-repeat: no-repeat;
	background-position: 55px 0;
	z-index: 20;
	height: 27px
}

#footerArea {
	float: right;
	padding-top: 8px;
	padding-right: 1em;
	width: 700px;
	text-align: right;
	z-index: 100;
	color: #AAAAAA
}

#footerArea div {
	float: left;
	margin-right: 4px
}

#footerArea a {
	color: #666666;
	font-size: 10px;
	text-decoration: none
}