/********************************************
 *  04/28/06 MJM Added styles for fleetconnect tables.
 *
 *  02/21/06 MJM Added fleetConnectLink style.  Used 
 *   for non-menu links within the fleetconnect pages.
 *
 * 06/07/06 DJK - added li.local for emkay bullets
 * 02/15/07 DJK - mods for new web cost analysis piece.
 * 12/07/07 DJK - mods for printing out cost analysis page using css.
 * 02/20/08 DJK - added following styles for vehicle tabs project# 12506: 
 *                   H3.bold
 *                   TD.vehInfoCntr
 *                   TH.vehInfoCntr
 *                   rptBarColor1
 *
 * 04/01/08 DJK - added alrtDialDesc for report dial description text in new fleet dashboard page.
 *
 * 04/07/08 LGE - P13375: Report Odometer Enhancement
 *                Added div LayerOuter, LayerBoxOK
 *                LayerBoxCancel, TD.orange9Bold ,TD.orange9Normal
 *                TH.finePrintRed
 *
 * 08/01/08 DJK - P15613: changes for web redesign 08
 * 01/20/09 LGE - P16922: Report Odometer Enhancements. A.vehicleSelect
 * 03/18/09 DJK - P17037 - mods to get driver ordering working.
 ********************************************/
BODY { 
	font-family: Century Gothic;
	font-size: 9pt;
}

BODY.print {
	background-color: #E0E6E8;
}

/*TR.vehInfoCntr_rpt_header {
	background: #6C6C6C;
	color: #FFFFFF;
	font-size: 9pt;
}*/

TR.vehInfoCntr_rpt_header {
	background: #4F286C;
	color: #FFFFFF;
	font-size: 9pt;
}

TD {
	font-family: Century Gothic;
	font-size: 10pt;
}

TD.wht{
	color: #FFFFFF;
}

TD.f1{
	font-weight: bold;
}

TD.coup {
	font-size: 8pt;
}

TD.vehInfoCntr {
	font-size: 9pt;
}

TD.vehInfoCntr_search {
	font-size: 9pt;
	color: #4F286C;
	font-weight: bold;
}

TD.vehInfoCntr_rpt_header2 {
	background: #E6E6E6;
	font-size: 9pt;
}

TD.orange9Bold {
	color: #FC9200;
	font-size: 9pt;
	font-weight: bold;
}

TD.orange9Normal {
	color: #FC9200;
	font-size: 9pt;
	font-weight: normal;
}

TD.blackBold {
    font-weight: bold;
}

TD.font9bold {
	font-size: 9pt;
	font-weight: bold;
}

td.nav {
	FONT-SIZE: 8pt;
	TEXT-DECORATION: none;
	background-color: transparent;
	color: #FFFFFF;
	font-weight: normal;
	margin-left: 5px;
}

TH{
	font-family: Century Gothic;
	font-size: 10pt;
}

TH.finePrint {
	font-family: "Century Gothic";
	font-size: 7pt;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 10px;
	color: White;
	background: #7C96A1;
}

TH.finePrintRed {

	font-family: "Century Gothic";
	font-size: 7.5pt;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 12px;
	color: Red;
	background: #CCD5D9;
}

TH.vehInfoCntr {
	font-size: 9pt;
}

/*TH.vehInfoCntr_rpt_header {
	background: #6C6C6C;
	color: #FFFFFF;
	font-size: 9pt;
}*/

TH.vehInfoCntr_rpt_header {
	background: #4F286C;
	color: #FFFFFF;
	font-size: 9pt;
}

TH.vehInfoCntr_rpt_header2 {
	background: #E6E6E6;
	font-size: 9pt;
}

H1{
	font-family: Century Gothic;
	font-size: 18pt;
	color: #F68820;
}
H2{
	font-family: "Century Gothic";
	font-size: 16pt;
	color: #FC9200;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
}

H2.blue {
	font-family: "Century Gothic";
	font-size: 10pt;
	color: #3B5C71;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
}

H2.orange {
	font-family: "Century Gothic";
	font-size: 16pt;
	color: #FC9200;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
}
H2.green{
	font-family: "Century Gothic";
	font-size: 16pt;
	color: #A3AF33;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
}

H3{
	font-family: Century Gothic;
	font-size: 14pt;
	color: #F68820;
}

H3.bold {
	font-family: Century Gothic;
	font-size: 12pt;
	color: #F68820;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

H4{
	font-family: Century Gothic;
	font-size: 10pt;
	color: #000000;
}
H5 {
	font-family: Century Gothic;
	font-size: 10pt;
	color: #F68820;
}
H6{
	font-family: Century Gothic;
	font-size: 12pt;
	color: #000000;
}

.barColor1 {
	color: White;
	background : #3B5A6F;
}

.barColor2 {
	color: White;
	background : #7C96A1;
}

.barColor2_small {
	color: White;
	background : #7C96A1;
	font-size: 8pt;
}

.barColor3 {
	color: White;
	background : #B8C3CB;
}

.barColor4 {
	color: Black;
	background : #E5EAEC;
}

.barColor5 {
	color: White;
	background : #FF9216;
}

.barColor6 {
	color: White;
	background : #FEBA38;
}

.barColor7 {
	color: Black;
	background : #FEE29D;
}

.barColor7_small {
	color: Black;
	background : #FEE29D;
	font-size: 8pt;
}


.whiteonblue {
	color: White;
	background : #3B5A6F;
}

.login_white {
	FONT-FAMILY: "Century Gothic";
	FONT-SIZE: 9pt;
	TEXT-DECORATION: none;
	background-color : #FF8C13;
	color : #FFFFFF;
	font-weight : normal;
}

.login_black {
	FONT-FAMILY: "Century Gothic";
	FONT-SIZE: 9pt;
	TEXT-DECORATION: none;
	color : #000000;
	font-weight : normal;
}

.copy {
	font-family: Century Gothic;
	font-size: 8pt
}
.whtitle {
	color: #FFFFFF;
	font : bold italic 13pt Century Gothic;
}
.copywh {
	font-family: Century Gothic;
	font-size: 8pt ;
	color: #FFFFFF
}

.white_on_orange {
	background : #FF8C13;
	color : #FFFFFF;
	font-size: 8pt;
}

.white_on_orange_noPrint {
	background : #FF8C13;
	color : #FFFFFF;
	font-size: 8pt;
}

.dark_blue_text_lite_blue_back {
    color : #3B5A6F;
	background: #D2DFE9;
}

.costSmallSize {
	font-size: 8pt;
}

.costSmallSizeH {
	font-size: 8pt;
}

p {
	font-family: "Century Gothic";
	font-size: 10pt;
}

p.tight  {
	font-family: "Century Gothic";
	font-size: 10pt;
	margin-top : 9px;
	margin-bottom : 11px;
	line-height : 15px;
}

p.adobe  {
	font-family: "Century Gothic";
	font-size: 7pt;
	margin-top : 0px;
	margin-bottom : 11px;
	line-height : 10px;
}

ul {  font-family: Century Gothic; font-size: 9pt}

li{
	font-family: Century Gothic;
	font-size: 10pt;
	color : #3B5C71;
}

li.logo {
	list-style-image : url(../media/2005/emkay_bullet.gif);
}

.curvehheading{
	font-family: Century Gothic;
	font-size: 9pt;
	font-weight : bold;
	text-align: right;
	background-color: #E5EAEC;
}

.curvehsubheading{
	font-family: Century Gothic;
	font-size: 9pt;
	text-align: center;
/*	background-color: #E5EAEC; */
	background-color: #CBBDD9;
}

.curvehtext{
	font-family: Century Gothic;
	text-align: center;
	font-size: 9pt;
}
.curvehlink{
	background-color: #E5EAEC;
	text-align: right;
}
.white {  color: #FFFFFF}
TD.menutitle {
	FONT-FAMILY: "Century Gothic";
	FONT-SIZE: 10pt;
	font-weight : bold;
	color: #FFFFFF;
}
TD.menutitle_serv_static {
	FONT-FAMILY: "Century Gothic";
	FONT-SIZE: 10pt;
	font-weight : bold;
	color: #FFFFFF;
}

A {
	FONT-FAMILY: "Century Gothic";
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
	color: #4F286C;
	font-size : 10pt;
}

A:link {
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
}

A:visited {
	TEXT-DECORATION: none;
	background-color : transparent;
	color : #4F286C;
	font-weight : normal;
}

A:active {
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
}

A:hover {
	COLOR: #B295C5;
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
}


A.headers {
   font-family: Century Gothic;
   text-decoration : none
}
A.headers:link {
   TEXT-DECORATION: none
}

/*A.contact {
	FONT-FAMILY: "Century Gothic";
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
	color: #E19212;
	font-size : 10pt;
}

A.contact:link {
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
}

A.contact:visited {
	TEXT-DECORATION: none;
	background-color : transparent;
	color : #3B637D;
	font-weight : normal;
}

A.contact:active {
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
}

A.contact:hover {
	COLOR: #E19212;
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
}*/



A.contact {
	FONT-FAMILY: "Century Gothic";
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
	color: #4F286C;
	font-size : 10pt;
}

A.contact:link {
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
}

A.contact:visited {
	TEXT-DECORATION: none;
	background-color : transparent;
	color : #4F286C;
	font-weight : normal;
}

A.contact:active {
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
}

A.contact:hover {
	COLOR: #B295C5;
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
}



A.career {
	FONT-FAMILY: "Century Gothic";
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
	color: #E19212;
	font-size : 8pt;
}

A.career:link {
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
}

A.career:visited {
	TEXT-DECORATION: none;
	background-color : transparent;
	color : #3B637D;
	font-weight : normal;
}

A.career:active {
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
}

A.career:hover {
	COLOR: #E19212;
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
}

A.nav {
	FONT-FAMILY: "Century Gothic";
	FONT-SIZE: 8pt;
	TEXT-DECORATION: none;
	background-color : transparent;
	color : #FFFFFF;
	font-weight : normal;
}

A.nav:link {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
}

A.nav:visited {
	TEXT-DECORATION: none;
	background-color : transparent;
	color : #FFFFFF;
	font-weight : normal;
}

A.nav:active {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
}

A.nav:hover {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	background-color : transparent;
	font-weight : normal;
}

A.menu:link {
	TEXT-DECORATION: none
}

A.menu:visited {
	TEXT-DECORATION: none
}

A.menu:active {
	TEXT-DECORATION: none
}

A.menu:hover {
	BACKGROUND-COLOR: #ffffaa; COLOR: #ff2200; TEXT-DECORATION: none
}

A.leftlink:link {
	COLOR: #ffffff; TEXT-DECORATION: underline
}

A.leftlink:visited {
	COLOR: #ffffff; TEXT-DECORATION: underline
}

A.leftlink:active {
	COLOR: #000000; TEXT-DECORATION: underline
}

A.leftlink:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}

A.other:link {
	COLOR: #ffffff; TEXT-DECORATION: underline
}

A.other:visited {
	COLOR: #ffffff; TEXT-DECORATION: underline
}

A.other:active {
	COLOR: #000000; TEXT-DECORATION: underline
}

A.other:hover {
	COLOR: #c0c0c0; TEXT-DECORATION: overline
}

A.same:link {
	COLOR: #000000; TEXT-DECORATION: underline
}

A.same:visited {
	COLOR: #000000; TEXT-DECORATION: underline
}

A.same:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}

A.wht {
	COLOR: white; 
	TEXT-DECORATION: none;
}

A.wht:link {
	COLOR: #666633;
}

A.wht:visited {
	COLOR: #666633;
}

A.wht:hover {
	COLOR: #666633;
}

A.blk {
	COLOR: #000000;
	TEXT-DECORATION: none;
	font-size: 7pt;
}
A.blk:link {
	COLOR: #000000
}
A.blk:visited {
	COLOR: #000000
}
A.blk:hover {
	COLOR: #000000
}
A.alerts {
   font-family: Century Gothic;
   color: #000000;
}
A.alerts:link {
   COLOR: Blue;
   text-decoration : underline;
}
A.alerts:visited {
   COLOR: #F17C0E;
   text-decoration : underline;
}

A.alertsEmailAll {
   font-family: Century Gothic;
   color: #F17C0E;
}
A.alertsEmailAll:link {
	COLOR: #F17C0E;
	text-decoration : none;
}
A.alertsEmailAll:visited {
	COLOR: #F17C0E;
	text-decoration : none;
}

/* P17037 - <begin>
   This will be the old color scheme for fleetconnect to use on driver site */
A.fleetConnectLink { 
        color: #006599;
        text-decoration : underline;
}
A.fleetConnectLink:link { 
        color: #006599;
        text-decoration : underline;
}
A.fleetConnectLink:visited { 
        color: #006599;
        text-decoration : underline;
}
A.fleetConnectLink:hover { 
        color: #F68820;
        text-decoration : underline;
}
A.fleetConnectList { 
        color: #3B5C71;
        text-decoration : none;
}
A.fleetConnectList:link { 
        color: #3B5C71;
        text-decoration : none;
}
A.fleetConnectList:visited { 
        color: #3B5C71;
        text-decoration : none;
}
A.fleetConnectList:hover { 
        color: #F68820;
        text-decoration : none;
}
A.vehicleSelect:link {
	TEXT-DECORATION: underline;
	background-color : transparent;
	font-weight : normal;
}

A.vehicleSelect:visited {
	TEXT-DECORATION: underline;
	background-color : transparent;
	color : #4F286C;
	font-weight : normal;
}

A.vehicleSelect:active {
	TEXT-DECORATION: underline;
	background-color : transparent;
	font-weight : normal;
}

A.vehicleSelect:hover {
	COLOR: #B295C5;
	TEXT-DECORATION: underline;
	background-color : transparent;
	font-weight : normal;
}

/**Dark Blue-Gray**/
.fc_header1 { background-color: #3b5a6f; 
	      color: white; 
          font-size: 12pt; 
          font-weight: bold;
	      font-family: Century Gothic;}
		  
.fc_header1_red { background-color: #FF0000; 
	      color: white; 
          font-size: 12pt; 
          font-weight: bold;
	      font-family: Century Gothic;}

/**Dark Gray**/
.fc_header2 { background-color: #7c96a1; 
	      color: white; 
          font-size: 12pt; 
          font-weight: bold;
	      font-family: Century Gothic;}

/**Gray**/
.fc_header3 { background-color: #b8c3cb; 
	      color: white; 
          font-size: 12pt; 
          font-weight: bold;
	      font-family: Century Gothic;}

/**Light Gray**/
.fc_header4 { background-color: #e5eaec; 
	      color: black; 
          font-size: 12pt; 
          font-weight: bold;
	      font-family: Century Gothic;}

/**Dark Orange**/
.fc_header5 { background-color: #ff9216; 
	      color: white; 
          font-size: 12pt; 
          font-weight: bold;
	      font-family: Century Gothic;}

/**Orange**/
.fc_header6 { background-color: #feba38; 
	      color: white; 
          font-size: 12pt; 
          font-weight: bold;
	      font-family: Century Gothic;}

/**Light Orange**/
.fc_header7 { background-color: #f3339d; 
	      color: white; 
          font-size: 12pt; 
          font-weight: bold;
	      font-family: Century Gothic;}
/* P17037 - <end> */

table.fc_table { width: 100%; 
          border-style: none; 
          border-collapse: collapse;
		  padding: 1px 1px 1px 1px; }

h1.fc_h { font-size: 12pt; 
          font-weight: bold;
	      font-family: Century Gothic;
	      color: fc9200;
}

/*.rptBarColor1 {
	      background : #E6E6E6;
}*/

.rptBarColor1 {
	      background : #CBBDD9;
}

.alrtDialDesc {
	font-family: Century Gothic;
	font-size: 9pt;
	font-weight: bold;
	color:#FFFFFF;
}

#LayerOuter {
	position:absolute;
	height:275px;
	width:275px;
	z-index:2;
	border-bottom:1px solid #3B5A6F inset;
	border-right:1px solid #3B5A6F inset;
	border: 2px solid #DDDDDD outset;	
	background-color:#FFFFFF;
	background:#FFFFFF;
	color:#3B5A6F;
}

#LayerBoxOK {
	position: absolute;
	height:25px;
	width:70px;
	z-index:3;
	border-bottom:1px solid #BBBBBB inset;
	border-right:1px solid #BBBBBB inset;
	border: 2px solid #DDDDDD outset;	
	font-weight:bold;	
}	

#LayerBoxCancel {
	position: absolute;
	height:25px;
	width:70px;
	z-index:4;
	border-bottom:1px solid #BBBBBB inset;
	border-right:1px solid #BBBBBB inset;
	border: 2px solid #DDDDDD outset;	
	font-weight:bold;	
}

#LayerPage {
	position:relative;
	width:640px;
	height:400px;
	z-index:1;
}

.noprint_off{
	display: none;
}

.printOnly {
	display:none;
}

.client_integration th {
	border-bottom: 1px solid black;	
}

.fm-badge-hidden{
    display: none;
}


/****** the folloing code is for website redesign ********/
/*
#container {
	background-color: #000000;
	position: relative;
	width:1024;
}


#sideMenu {
	background-color: #333333;
	position: absolute;
	width:144;
	left:0;
	top:0;
	color:#FFFFFF;
}

#fleetDashContent {
	background-color: #000000;
	position: absolute;
	left:144;
	top:0;
	width:880;
	color:#FFFFFF;
}

#mainContent {
	background-color: #FFFFFF;
	position: absolute;
	left:144;
	top:0;
	width:880;
}

#margin10 {
	padding-left:10; 
	padding-right:10; 
	width:880;
}
*/