body {
 margin: 0;
 background-color: white;
 color: black;
 font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
 font-size: 12px;
}

h1 { font-size: 14px; margin-bottom: 0px; }
h2 { font-size: 12px; margin-bottom: 0px; }

a:link { color:blue; text-decoration:none; }
a:visited { color:blue; text-decoration:none; }
a:hover { color:red; text-decoration:none; }
a:active { color:yellow; text-decoration:none; }

.doc body {
 margin: 10px;
 max-width: 500px;
 background-color: white;
 color: black;
 font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
 font-size: 12px;
}

.doc h1 { font-size: 16px; margin-bottom: 0px; }
.doc h2 { font-size: 14px; margin-bottom: 0px; }
.doc h3 { font-size: 12px; margin-bottom: 0px; }
.doc hr { height: 1px; color: black; background-color: black; border: 0; }
.doc dt { font-style: italic; }
.doc tt { font-size: 125%; }
.doc pre { background-color: #DDDDDD; }
.doc a { color: #6B8F24; }

.contact body { margin: 10px; }
.contact a { color: #6B8F24; }
.contact .errorMessage { background-color: #FFFFFF; color: red; }

a.visibleLink { text-decoration: underline; }
.whiteLink { color: white; }
.blackLink { color: black; }
.greenLink { color: #6B8F24; }
.button {
  background-color: #CCFF99;
  border: 2px solid #CCFF99;
  color: white;
  text-align: center;
}
.time { float: left; }
.logo { position: absolute; top: 10px; left: 10px; width: 90px; height: 40px; }
.dialogPage {
 position: absolute;
 top: 100px; left: 100px; width: 300px;
 background-color: #8fef95;
 padding: 10px;
}
.centeredDialog {
 width: 300px;
 margin-top: 50px;
 margin-left: auto;
 margin-right: auto;
 background-color: #8fef95;
 padding: 10px;
}
.error { color: white; text-align: right; }
.langSelection { text-align: right; }
.lang { border: 0px; }
.login { background-color: #99CC33; height: 104px; width: 236px; }
.loginTable {
 width: 236px;
 margin-top: 5px; margin-left: 2px; margin-right: 2px;
}
.loginTable td { vertical-align: middle;}
.loginForm { margin-bottom: 0px; } /* http://www.cs.tut.fi/~jkorpela/forms/extraspace.html */
.formInputField { width: 100px; }
.loginInput { width: 100px; }
.loginLabel { text-align: right; }
.passwordInput { width: 100px; }
td { vertical-align: top; }
.homepage { position: absolute; top: 20px; left: 20px; }
.homepage td { padding: 0px; }
.cell { width: 120px; }
.errorCell {
 width: 120px; font-size: 14px;	background-color: #CCFF99;
 text-align: center; vertical-align: middle; border: 1px solid #CCFF99;
}
#loginError { display: none; }
.emptyCell { width: 118px; height: 78px; border: 1px solid #CCFF99;
	background-color: #CCFF99; }
.cellPromo {
 width: 118px; height: 78px; font-size: 16px; font-weight: bold;
 text-align: center; vertical-align: middle; border: 1px solid #CCFF99;
}
.bottomLine { background-color: #CCFF99; }
.lostPassword { background-color: #CCFF99; font-size: 12px;
 font-weight: normal; line-height: 12px;}
.cellPromo p { margin: 2px; }
.explanation { background-color: #CCFF99; vertical-align: middle; text-align: center; }
.userName { float: left; margin-left: 10px;}
.tabMenu {
 width:100%; float: left; margin-left: 10px; margin-right: 10px; clear: both;
}
.tab {
 float: left; padding: 2px; margin: 0px 4px 0px 0px;
 border-width: 1px 1px 0px 1px; border-style: solid; border-color: black;
 background-color: #CCFF99;
 cursor: pointer;
}
.profileParam { background-color: #FFFFFF; }
.profileParam .errorMessage {
 background-color: #FFFFFF; color: red; padding: 5px;
}
/*.profileParam td { background-color: #CCFF99; padding: 5px;}*/
.profileParam td { padding: 5px; }
#backBtn { float: left; }
.line { float: left; clear: both; margin: 10px 0px 10px 10px; width: 100%; }
#profileWorkArea {
 height: 300px; width: 600px; border: 1px solid black;
 float: left; margin-left: 10px; margin-right: 10px; clear: both;
}
.home { font-size: 10px; font-weight: normal; display: inline; line-height: 12px;}
.title { font-size: 16px; font-weight: bold; display: none; line-height: 14px;}
.profileListTable { width: 100%; border: 1px solid #99CC33;}
.profileListTable th { background-color: #; color: black; }
.profileListTable td { background-color: white; color: black; }
.vehiclesDefault { cursor: pointer; }
.profileTable { width: 100%; }
.profileColumn { width: 50%; }
.borderedCell { border: 1px solid #99CC33; }

.vehiclesWebtrac4s { width: 100%; }
.vehiclesWebtrac4s th { background-color: #CCFF99; color: black; }
.vehiclesWebtrac4s td { background-color: white; color: black; }
.vehiclesWebtrac4s .webtrac4sCellTh {
 text-align: center; font-weight: bold;
 background-color: #CCFF99; color: black;
}
.webtrac4sLeft { width: 35%; }
.webtrac4sCenter { width: 35%; }
.webtrac4sRight { width: 20%; }
.newImei { background-color: #CCFF99; }
.newImei td { background-color: #CCFF99; }
.imeiLeft { width: 90px; }
.imeiRight { width: 100px; }
.imeiBtn { text-align: right; }

.whiteBackground { background-color: white; }
.centered { text-align: center; }

div.buyButton {
 margin-left:auto;
 margin-right:auto;
 text-align:center;
 margin-bottom:2em;
}

div.buyButton form {
 margin-top: 0.5em;
}