/*----------------------------------------*/
/* html definitions */
/*----------------------------------------*/
body {
	vertical-align      : top;
	font-family         : Arial, Helvetica, Geneva, sans-serif;
	font-size           : 13px;
	/*color             : #838383; */
	/*color             : #616171; */
	color               : #555;
	background          : #ffffff url(/i/body_bg.gif) repeat-x 0 0;
}

a {
	text-decoration     : none;
}

td {
  font-size           : 12px;
  font-weight         : bold;
}

/*----------------------------------------*/
/* div definitions */
/*----------------------------------------*/
#wrapper {
  width               : auto;
}

#spacer {
  margin              : 0 auto; /* align for good browsers */
  text-align          : left;   /* counter the body center */
  width               : 850px;
  height              : 5px;
/*
	border-color        : #000000;
	border-width        : 1px 1px 1px 1px;
	border-style        : solid;
*/
}

#header {
  margin              : 0 auto; /* align for good browsers */
  height              : 100px;
  width               : 850px;
/*
	border-color        : #000000;
	border-width        : 1px 1px 1px 1px;
	border-style        : solid;
*/
}

#breadcrumbs {
	position            : relative;
	left                : 30px;
	text-align          : left;
	padding             : 4px;
	height              : 50px;
}

#breadcrumb {
  margin              : 0 auto; /* align for good browsers */
  width               : 850px;
  height              : 30px;
	text-align          : left;

	background-image    : url(/i/breadcrumbs2.gif); 
	background-color    : #ffffff;
	background-repeat   : no-repeat;
	background-position : 50% 0%;
/*
	border-color        : #000000;
	border-width        : 1px 1px 1px 1px;
	border-style        : solid;
*/
}

#content {
  height              : auto;
  min-height          : 490px;
  _height             : 490px; /* IE hack to get this the right height */

  margin              : 0 auto; /* align for good browsers */
  text-align          : left;   /* counter the body center */
  width               : 850px;

	background          : #ffffff;
/*
	border-color        : #000000;
	border-width        : 1px 1px 1px 1px;
	border-style        : solid;
*/
}

#footer {
  margin              : 0 auto; /* align for good browsers */
  text-align          : left;   /* counter the body center */
  width               : 850px;
  height              : 30px;
/*
	border-color        : #000000;
	border-width        : 1px 1px 1px 1px;
	border-style        : solid;
*/
}

/*----------------------------------------*/
/* class definitions */
/*----------------------------------------*/

.menu {
color: #0A5CA6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
}

.breadcrumb {
	color: #0A5CA6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

.menu_right {
color: #0A5CA6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
}

.fc_li {
	color               : #616171;
	margin-left         : -20px;
	list-style-position : outside;
	list-style-type     : square;
}

a.fc_link:link {
  text-decoration     : underline;
	color               : #616171;
}
a.fc_link:visited {
  text-decoration     : underline;
	color               : #616171;
}
a.fc_link:hover, a.fc_link:active {
  text-decoration     : underline;
  color               : #000000;
}

a.breadcrumb_fc_link:link {
  text-decoration     : underline;
	color               : #000000;
	font-size : 14px;
}
a.breadcrumb_fc_link:visited {
  text-decoration     : underline;
	color               : #000000;
	font-size           : 14px;
}
a.breadcrumb_fc_link:hover, a.breadcrumb_fc_link:active {
  text-decoration     : underline;
  color               : #616171;
	font-size           : 14px;
}

/*----------------------------------------*/
/* boxes */
/*----------------------------------------*/
#fclogin_850 {
	float            : left;
	width            : 850px;
	margin-bottom    : 0px;
	margin-left      : 0px;
	margin-right     : 0px;
	margin-top       : 5px;
	font-size        : 11px;
	line-height      : 14px;
	color            : #666;
}
#fclogin_850 .loginbox_850 {
	margin-bottom    : 5px;
	margin-left      : 0px;
	margin-right     : 0px;
	margin-top       : 0px;
	padding-bottom   : 5px;
	background       : url(http://fleetcareservices.com/i/bg_btm_850.jpg) no-repeat 50% 100%;
}
#fclogin_850 .loginbox_850 h3 {
	margin           : 0;
	padding          : .45em 15px .5em;
	font-family      : Arial, Helvetica, Geneva, sans-serif;
	font-weight      : normal;
	font-size        : 16px;
	color            : #fff;
	background       : url(http://fleetcareservices.com/i/bg_top_850.jpg) no-repeat 50% 0;
}
#fclogin_850 .loginbox_850 .sb_850 h3 {
	position         : static;
	padding          : 0;
	margin           : 0 0 .3em;
	background       : none;
}
#loginbox_850 {
	border-bottom    : 1px solid #ccc;
	padding          : 7px 0 12px 0;
	margin-bottom    : 7px;
}
#loginbox_850 div {
	margin           : 0 0 10px 70px;
}

/*----------------------------------------*/
/* define the different types with heights */
/*----------------------------------------*/
/* define the different types with heights */
#fclogin_850 .loginbox_850 .sb_850_account_information {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 80px;
}
#fclogin_850 .loginbox_850 .sb_850 {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 125px;
}
#fclogin_850 .loginbox_850 .sb_850_middle {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 250px;
} 
#fclogin_850 .loginbox_850 .sb_850_bottom {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 250px;
} 
#fclogin_850 .loginbox_850 .sb_850_search {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 50px;
} 
#fclogin_850 .loginbox_850 .sb_850_car_details {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 40px;
} 
#fclogin_850 .loginbox_850 .sb_850_invoices {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 160px;
} 
#fclogin_850 .loginbox_850 .sb_850_invoices_print {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 65px;
} 
#fclogin_850 .loginbox_850 .sb_850_invoices_fleet {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 260px;
} 

#fclogin_850 .loginbox_850 .sb_850_invoice_details {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 300px;
} 
#fclogin_850 .loginbox_850 .sb_850_data {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 300px;
} 
#fclogin_850 .loginbox_850 .sb_850_promotions {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 440px;
} 
#fclogin_850 .loginbox_850 .sb_850_smartcare {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 295px;
}

/* verified */
#fclogin_850 .loginbox_850 .sb_850_account_lookup {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 150px;
} 
#fclogin_850 .loginbox_850 .sb_850_account_lookup_large {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 290px;
} 
#fclogin_850 .loginbox_850 .sb_850_lookup {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 35px;
} 
#fclogin_850 .loginbox_850 .sb_850_vehicle_lookup {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 350px;
}
#fclogin_850 .loginbox_850 .sb_850_create_job_worksheet {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/bg_mid_850.jpg) repeat-y 50%;
	height           : 40px;
}

/*----------------------------------------*/
/* */
/*----------------------------------------*/
#fclogin_420 {
	float            : left;
	width            : 420px;
	margin-bottom    : 0px;
	margin-left      : 0px;
	margin-right     : 0px;
	margin-top       : 5px;
	font-size        : 13px;
	line-height      : 15px;
	color            : #000000;
}
#fclogin_420 .loginbox_420 {
	margin-bottom    : 5px;
	margin-left      : 0px;
	margin-right     : 0px;
	margin-top       : 0px;
	padding-bottom   : 5px;
	background       : url(http://fleetcareservices.com/i/loginbox_bgbottom420.gif) no-repeat 50% 100%;
}
#fclogin_420 .loginbox_420 h3 {
	margin           : 0;
	padding          : .45em 15px .5em;
	font-family      : Arial, Helvetica, Geneva, sans-serif;
	font-weight      : normal;
	font-size        : 16px;
	color            : #fff;
	background       : url(http://fleetcareservices.com/i/bg420.gif) no-repeat 50% 0;
}
#fclogin_420 .loginbox_420 .sb h3 {
	position         : static;
	padding          : 0;
	margin           : 0 0 .3em;
	background       : none;
}
#loginbox_420 {
	border-bottom    : 1px solid #ccc;
	padding          : 7px 0 12px 0;
	margin-bottom    : 7px;
}
#loginbox_420 div {
	margin           : 0 0 10px 70px;
}

/*----------------------------------------*/
/* */
/*----------------------------------------*/
/* define the different types with heights */
#fclogin_420 .loginbox_420 .sb_125 {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/loginbox_bg420.gif) repeat-y 50%;
	height           : 125px;
}
#fclogin_420 .loginbox_420 .sb_165 {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/loginbox_bg420.gif) repeat-y 50%;
	height           : 165px;
}
#fclogin_420 .loginbox_420 .sb_180 {
	line-height      : 18px;
	padding          : 1em 15px 1px;
	background       : url(http://fleetcareservices.com/i/loginbox_bg420.gif) repeat-y 50%;
	height           : 180px;
}

/*----------------------------------------*/
/* auto complete
/*----------------------------------------*/

div.auto_complete {
	width               : 350px;
	background          : #fff;
}
div.auto_complete ul {
	border              : 1px solid #888;
	margin              : 0;
	padding             : 0;
	width               : 100%;
	list-style-type     : none;
}
div.auto_complete ul li {
	margin              : 0;
	padding             : 3px;
}
div.auto_complete ul li.selected {
	background-color    : #ffb;
}
div.auto_complete ul strong.highlight {
	color               : #800;
	margin              : 0;
	padding             : 0;
}