/*GLOBAL
************************/
*{ margin:auto; margin:0; padding:0; }

body { background:url(/images/bg.jpg) repeat-x; text-align:center }
body.,td,th {font-family:arial; font-size:12px;margin:0px; padding:0px; }
/*Common*/
a:link{ color:#000000; font-size:12px; }
a:visited{ color:#000000; font-size:12px; }
a:hover{ color:#000000; font-size:12px; }
a:active{ color:#000000; font-size:12px; }

/*Links*/
a.black a.black:hover{ color:#000000; text-decoration:none; }
a.white a.white:hover{ color:#FFFFFF; text-decoration:none; }
/*Form button*/
.frmBtn{ width:100px; padding-bottom:11px; background:#e1e1e1; text-align:center; width:100px; height:20px; border:1px solid #666666; }
input, textarea, select{ border:1px solid #CACACA; font-family:Verdana; }
input[type="hidden"]{ border:0; padding:0; margin:0; background:white; }
select{ border:1px solid #CACACA; }

.notice{ background:#FFCCFF; border:1px solid #FF66CC; font-size:14px; padding:4px; }
#Wrapper{ width:980px; margin:auto; padding:2px }
#container{ width:976px; float:left; background:#FFFFFF; padding:8px; border:1px solid #CCCCCC; }

/*Logos*/
#saysLogo{ margin-top:25px; }
#sanLogo{ width:360px; height:400px; text-align:left; margin-top:75px; float:left; }
#coupon { float:left; margin-top:50px; }
#Form div{ padding:8px; clear:both; }
#Form{ width:40%; border:1px solid #E1E1E1; padding:4px; }
#Form table{ font-size:11px; font-family:Verdana; }
#Form td{ padding-top:4px; }
#Form input{ width:200px; }
#Form select{ width:200px; }
#Form .subheader{ font-size:12px; font-weight:bold; padding-top:23px; }
#Form .frmBtn{ text-align:center; margin-top:10px; margin-bottom:10px; }
#Form fieldset{ border-top:1px solid #FF0000; border-left:0px; border-right:0px; border-bottom:0px; }
#Form legend{ font-size:12px; text-align:left; }
#Form label{ width:100px; padding-top:10px; float:left; text-align:left; }

/*End Global
**********************
********************
/* index / login
/*********************/
#welcome{ width:500px; margin-top:75px; margin-right:25px; border:1px solid #CCCCCC; padding:8px; text-align:left; background:#FFFFFF; float:right; }
#welcomeLogin{ width:500px; margin-top:50px; margin-right:25px; text-align:left; background:#FFFFFF; padding:8px; border:1px solid #CCCCCC; float:right; }
#welcomeLogin input { width:40%; height:20px; font-size:12px; }

#userMenu{ height:25px; color:#FFFFFF; font-weight:bold; text-align:right; }
#userMenu a{ color:#FFFFFF; text-decoration:none; }
#userMenu ul{ padding-top:6px; padding-bottom:4px; display:block; }
#userMenu li{ padding:4px; display:inline; color:#FFFFFF; }
#apptForm div{ padding:6px; clear:both; }
#apptForm{ width:400px; float:left; border:1px solid #E1E1E1; padding:4px; }
#apptForm table{ font-size:11px; font-family:Verdana; }
#apptForm td{ padding-top:4px; }
#apptForm input{ width:200px; }
#apptForm select{ width:200px; }
#apptForm .subheader{ font-size:12px; font-weight:bold; padding-top:23px; }
#apptForm .frmBtn{ text-align:center; margin-top:10px; margin-bottom:10px; }
#apptForm fieldset{ border-top:1px solid #FF0000; border-left:0px; border-right:0px; border-bottom:0px; }
#apptForm legend{ font-size:12px; text-align:left; }
#apptForm label{ width:100px; padding-top:10px; float:left; text-align:left; }
#cContainer{ width:400px; float:right; text-align:left; border:1px solid #CCCCCC; padding:23px; }
#cContainer .cCoupon{ width:390px; padding:4px; border:1px solid #CCCCCC; }
#cContainer .cHeader{ background:#99CCCC; font-family:"Verdana bold"; font-size:16px; font-weight:bold; text-align:center; padding:4px; }

/* Alternate color */
#cContainer .cHeaderr{ background:#FC2535; font-family:"Verdana bold"; font-size:16px; font-weight:bold; text-align:center; padding:4px; }
#cContainer .cContent{ text-align:left; list-style-type:none; font-size:14px; }
#cContainer ul{ margin:0px; padding:0px; display:inline; list-style-type:none; }
#cContainer li{ margin:0px; padding:0px; list-style-type:none; }
#cContainer .image { text-align:center; }
#cContainer .cDisclaimer{ font-size:10px; text-align:center; clear:both; }

/*myInfoForm Container
*************************/
#myInfo{ width:400px; text-align:left; float:left; }
#myInfo fieldset{ width:98%; border-width:1px 0px 0px; border-color:#FF0000; }
#myInfo legend{ font-weight:bold; }
#myInfo select{ width:200px; }
#myVehicles{ width:400px; float:right; padding:8px; border:1px solid #E1E1E1; }
#myVehicles table{ width:98%; font-size:12px; }
#myVehicles .vehicles{ width:98%; }
#myVehicles fieldset{ width:98%; border-width:1px 0px 0px; border-color:#FF0000; }
#myHistory table{ width:98%; font-size:12px; }
#myHistory td{ padding:4px; }
#myHistory .subheader{ font-weight:bold; background:#E1E1E1; }
#addVehicle div{ clear:both; }
#addVehicle{ width:380px; visibility:hidden; text-align:left; }
#addVehicle fieldset{ width:98%; border-top:1px solid #FF0000; border-left:0px; border-right:0px; border-bottom:0px; }
#addVehicle legend{ font-size:12px; text-align:left; }
#addVehicle label{ width:180px; text-align:left; padding-top:10px; float:left; }
#addVehicle select{ width:180px; }

/*Admin Section*/
#admin{ height:35px; color:#000000; font-weight:bold; text-align:center; }
#admin .aMenu a{ color:#000000; text-decoration:none; }
#admin .aMenu ul{ padding-top:8px; padding-bottom:6px; padding-left:4px; padding-right:4px; display:block; }
#admin .aMenu li{ width:200px; padding:4px; display:inline; color:#000000; border:1px solid #FF0000; }
/*Misc*/
.clear{ clear:both; }

.tdRow { border-bottom: #cacaca; vertical-align: top; padding: 4px}
.aaLink:link .aaLink:visited { text-decoration: none; }
.aaLink:hover .aaLink:visited:hover { text-decoration: underline; }
.subTitle { background:#DAE9FC; border-bottom:1px solid #99CCFF; border-right:1px solid #99CCFF; border-left:1px solid #CCFFFF; border-top:1px solid #CCFFFF; font-weight:bold; font-size:12px; padding:2px; }
.pn { text-align:center; }
.pn ul, li{ display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; padding:4px; }
.boldText { font-size:12px; font-weight:bold; }
/*****

******/
#search { width:505px; height:30px; text-align:left; padding:10px; margin: 10px auto; background: url('../images/searchbg.gif'); background-repeat:no-repeat }
#search .searchbox { width:400px; padding:2px; margin:auto; text-align:center; }
/* Auto Complete css */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	margin:0;
}

.ac_results ul {
	width: 100%;
	list-style-position:outside;
	list-style: none;
	padding: 0;
	margin: 0;
	vertical-align:middle;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	text-align:left;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('../images/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}