/* CSS Document */

/* Common */

body
{
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Tahoma, Helvetica, Sans Serif;
}

select, input, textarea
{
	font-family: Verdana, Arial, Tahoma, Helvetica, Sans Serif;
}



.dropdown /* standard criteria dropdowns   padraic changed the textsize to 11 and it was affecting alignment*/
{
	background-color: #FFFFFF;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}


.dropdownDash /* Created by Ruth for use on Dashboard */
{
	background-color: #e5ccff;
	/*list-style-type: disc;*/
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}


.textfield /* criteria & search text fields */
{
	background-color: #FFFFFF;
	height: 18px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-radius:5px;
}

.textfieldMulti120 /* multi line criteria text fields*/
{
	background-color: #FFFFFF;
	height: 120px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-radius:5px;
}

.textfieldMulti50 /* multi line criteria text fields*/
{
	background-color: #FFFFFF;
	height: 50px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-radius:5px;
}

.textfieldMulti75 /* multi line criteria text fields*/
{
	background-color: #FFFFFF;
	height: 75px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-radius:5px;
}

.checkbox /* criteria check box */
{
	background-color: #FFFFFF;
	height: 15px;
	width: 15px;
	border: 1px solid #999999;
}

.barNoTop /* top/left bar */
{
	background-color: #FFFFFF;
	height: 25px;
	
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
}


.barTopL /* top/left bar */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
}

.barTopLAdmin /* top/left bar (without bottom border for top part of user management window) */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-bottom-width: 0px;
	border-right-width: 0px;
}

.barTopM /* top/middle bar */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
	border-left-width: 0px;
}

/* ----------------------- Created by Padraic on 20/07/2007 for Turn By Turn ----------------------- */

.barTopL2 /* top/left bar */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
}
.barTopL3 /* top/left bar */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
	border-top-width: 0px;
}

.barTopM2 /* top/middle bar */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 1px;
	padding-left: 1px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
	border-left-width: 0px;
}

.barTopM3 /* top/middle bar */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
}

.barTopR /* top/right bar */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 5px;
	color: #006699;;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border: 1px solid #999999;
	border-left-width: 0px;
}

.barTopR3 /* top/right bar */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 5px;
	color: #006699;;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border: 1px solid #999999;
	border-left-width: 0px;
	border-top-width: 0px;
}

.barTopRAdmin /* top/right bar (without bottom border for top part of user management window) */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 5px;
	color: #006699;;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border: 1px solid #999999;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.barTopRnoPad /* top/right bar */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	color: #006699;;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border: 1px solid #999999;
	border-left-width: 0px;
}


.barTopPopL /* top/left bar */
{
	background-color: #FFFFFF;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
}

.barTopAll /* top/left bar */
{
	background-color: #FFFFFF;
	background-image: url(../img/bar_bg25.gif);
	height: 25px;
	vertical-align: middle;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}

.barTopPopM /* top/middle bar */
{
	background-color: #FFFFFF;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
	border-left-width: 0px;
}

.barTopPopR /* top/right bar */
{
	background-color: #FFFFFF;
	background-image: url(../img/bar_bg25.gif);
	padding-right: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border: 1px solid #999999;
	border-left-width: 0px;
}

.barTopTitle /* green bold text for top bar title */
{
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

.barTopButton /* top/middle bar */
{
	background-color: #FFFFFF;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;

}

.barTopButtonHover /* top/middle bar */
{
	background-color: #FFFFFF;
	background-image: url(../img/bg_dash03.gif);
	vertical-align: middle;
	padding-right: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;

}

.barBottom25 /* bottom bar - aligned left (borders on all sides) */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}

.barBottom10 /* bottom bar - aligned left (borders on all sides) */
{
	background-color: #FFFFFF;
	height: 10px;
	background-image: url(../img/slide_bg_H.gif);
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
}

.barBottomPop /* top/left bar */
{
	background-color: #FFFFFF;
	vertical-align: middle;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
}


.TxtDivider /* "|" divider between text headings and icons, etc. */
{
	color: #97c5eb;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}

.txtNormal /* normal gray 10pt text */
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.txtNormalBold /* bold gray 10pt text */
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}


.txtNormal12 /* normal gray 12pt text */
{
	color: #666666;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.txtTitle /* bold green 10pt text */
{
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}


.txtTitle12 /* bold green 12pt text */
{
	color: #006699;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

.txtTitleAlt12 /* normal green 12pt text */
{
	color: #006699;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.txtUnconfirmed
{
	color: #FF3300;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

.txtConfirmed
{
	color: #00CC33;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

.txtStop
{
	color: #FF3300;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.txtStart
{
	color: #00CC33;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.txtError
{
	color: #FF3300;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.txtNote
{
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.txtUnderline
{
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}

.txtCalendar
{
	color: #FF9900;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.txtCopyrightOff
{
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.txtCopyrightOn
{
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
}

.txtTopLinkOff,.txtTopLinkOn,.txtPanicLinkOff,.txtPanicLinkOn
{
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	cursor:pointer;
}

.txtTopLinkOn,.txtPanicLinkOn
{
	text-decoration: underline;
}

.txtPanicLinkOff,.txtPanicLinkOn
{
	color: #FF3300;
	font-weight: bold;
	vertical-align: middle;
}
.txtBlack /* Black text */
{
	color: #000000;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.txtGreen 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #009900;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.txtOrange 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.txtRed
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.txtGreenBld
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #009900;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}

.txtOrangeBld
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}

.txtRedBld
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}

/************************************************************************************************************/
/************ Paul **********************************************/

.greentext
{
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.greytext
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.greytext:hover
{
	font-family: Verdana, Arial, Tahoma, Helvetica, "Sans Serif";
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration:underline;
}


.redtext
{
	color: #ff0000;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.redtext:hover
{
	font-family: Verdana, Arial, Tahoma, Helvetica, "Sans Serif";
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration:underline;
}
.greytext02
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.greytext03
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
}

.greytext03b
{
	color: #000000;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
}

.greyTextRight
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
}

.greytextOn
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
}

.PopBottom /* top/left bar */
{
	background-color: #FFFFFF;	
	padding-left: 0px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
}

/************************************************************************************************************/

/* ------------- Login Page ------------- */

.login_headings /* Username & Password */
{
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	padding-right: 10px;
}

.login_textbox
{
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	padding-left: 2px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	height: 20px;
}

/* -------------- Home Page -------------- */

.home_text /* Service Centre Text */
{
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	padding-left: 10px;
}

/* -------------- Help Page (pop up) -------------- */

.helpTopBar /* gradient bar for titles */
{
	background-color: #FFFFFF;
	background-image: url(../img/bar_bg25.gif);
	height: 25px;
	vertical-align: middle;
	padding-left: 5px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	border: 1px solid #999999;
}

.helpServCent /* green <td> for service center info */
{
	background-color: #CEE6F5;
	vertical-align: top;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.helpTxt01
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.helpTxt02
{
	color: #006699;
	font-size: 12px;
	font-weight: bold;
}

.helpTxt03
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

#helpLink:link {
	color: #666666;
	font-size: 10px;
	font-style: underline;
	font-weight: normal;
}

#helpLink:visited {
	color: #666666;
	font-size: 10px;
	font-style: underline;
	font-weight: normal;
}

#helpLink:hover {
	color: #FF3300;
	font-size: 10px;
	font-style: underline;
	font-weight: normal;
}

#helpSupLink:link {
	color: #666666;
	font-size: 12px;
	font-style: underline;
	font-weight: bold;
}

#helpSupLink:visited {
	color: #666666;
	font-size: 12px;
	font-style: underline;
	font-weight: bold;
}

#helpSupLink:hover {
	color: #FF3300;
	font-size: 12px;
	font-style: underline;
	font-weight: bold;
}




/* ---------------- MENU ---------------- */

/* Sub Menu */

.menu_sub_top_dark /* top dark gray line <tr> for sub menu */
{
	background-color: #FFFFFF;
	border: 0px solid #999999;
	border-top-width: 1px;
}

.menu_sub_top_light /* top light gray line <tr> for alt sub/sub menu (below main menu line) */
{
	background-color: #FFFFFF;
	border: 0px solid #CCCCCC;
	border-top-width: 1px;
}

.menu_sub_off_bottom /* sub menu for bottom cell */
{
	background-color: #FFFFFF;
	height: 22px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.menu_sub_off_bottom span
{
    
    float:left;
    display:inline-block;
    margin-right:4px;
    margin-top:2px;
}



.menu_sub_on_bottom span
{
    
    float:left;
    display:inline-block;
    margin-right:4px;
}




.menu_sub_on_bottom /* sub menu for bottom cell */
{
	background-color: #FFFFFF;
	background-image: url(../img/menu/submenu_bg.gif);
	height: 22px;
	vertical-align: middle;
	padding-left: 5px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.menu_icon /* apply to icon images on sub menus */
{
	margin-right: 7px;
	vertical-align: middle;
	float:left;
	display:inline;
}

.menu_arrow /* apply to sub menu items with further dropdown */
{
	
	width:16px;
	height:16px;
	margin-right:5px;
	float:right;
	display:inline-block;
}

/* ----------- Slide Bars ------------- */

.slide_H ,.slide_H2,.slide_H3,.slide_H4,.slide_H_LR,.slide_H_R,.slide_H_TBR,.slide_H_BR /* horizontal slide bar */
{
	background-color: #FFFFFF;
	background-image: url(../img/slide_bg_H.gif);
	height: 10px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #999999;
}

.slide_H 
{
	cursor: pointer;
}

.slide_H2,.slide_H_LR /* horizontal slide bar with no top or bottom border */
{
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
}

.slide_H3,.slide_H_R /* horizontal slide bar with no top or bottom or left border */
{
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 1px;
}

.slide_H4,.slide_H_TBR /* horizontal slide bar with no left border */
{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
	cursor: pointer;
}

.slide_H_BR /* horizontal slide bar with no left border */
{
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
}

/* -------------- Search/Selection feature -------------- */

.searchTitle /* title in top bar */
{
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 5px;
}

.serachCriBar /* criteria bar for search facility -(lacks borders on right and left) */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.searchCriPadLeft/* padding for use on far left cell */
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 12px;
	vertical-align: middle;
}

.searchCriPadMiddle /* padding for use on middle cell */
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	vertical-align: middle;
}

.searchCriPadMiddle2 /* padding for use on middle cell */
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 12px;
	padding-left: 12px;
	vertical-align: middle;
	text-aligh: center;
}

.searchCriPadRight /* padding for use on right vehicle list */
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 12px;
	padding-left: 0px;
	vertical-align: middle;
}

.searchCriPad5 /* padding for use on route replay : play ,pause,buttons */
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
	text-align: center;
}
.searchListPadRight /* padding for use on right vehicle list */
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 12px;
	padding-left: 0px;
	vertical-align: middle;
}

.searchListPadLeft/* padding for use on left vehicle list */
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 12px;
	vertical-align: middle;
}

.searchCriList /* criteria vehicle lists*/
{
	background-color: #FFFFFF;
	height: 300px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}

.searchCriMiddle /* left & right borders on white cells with padding */
{
	background-color: #FFFFFF;
	vertical-align: middle;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

/* -------------- Reports -------------- */

.rptTopBarL /* top bar (left) featuring report title and recently run data dropdown */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
}

.rptTopBarR /* top bar (right) featuring on/off features */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	border: 1px solid #999999;
	border-left-width: 0px;
}


.rptTxtDivider/* text bar that divides sections "|" */
{
	color: #97c5eb;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}

.rptRecData /* recently run data dropdown */
{
	background-color: #FFFFFF;
	height: 14px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}

.rptCriMain/* background with borders for main criteria holding td */
{
	background-color: #FFFFFF;
	vertical-align: middle;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.rptCriHead /* coloured criteria heading */
{
	background-color: #FFFFFF;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border-width: 0px;
}

.rptCriHeadRight /* for use on "Filter Results" option only */
{
	background-color: #FFFFFF;
	height: 20px;
	vertical-align: middle;
	padding-right: 5px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border-width: 0px;
}

.rptCriDropdown /* criteria dropdowns */
{
	background-color: #FFFFFF;
	/*height: 14px; Removed for Chrome*/
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}

.rptCriTextfield /* criteria text fields*/
{
	background-color: #FFFFFF;
	height: 18px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}

.rptCriMultiLine /* multi line criteria text fields*/
{
	background-color: #FFFFFF;
	height: 42px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}

.rptCritCheckbox /* criteria check box */
{
	background-color: #FFFFFF;
	height: 15px;
	width: 15px;
	border: 1px solid #999999;
}

.rptNavL /* left of nav bar that holds print & excel icons */
{
	background-color: #FFFFFF;
	height: 22px;
	background-image: url(../img/rpt_nav_bg.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
}

.rptNavM/* middle of nav bar that holds "currently viewing..." */
{
	background-color: #FFFFFF;
	height: 22px;
	background-image: url(../img/rpt_nav_bg.gif);
	vertical-align: middle;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
	border-left-width: 0px;
}

.rptNavR /* right of nav bar that holds "First | Previous | Next | Last" */
{
	background-color: #FFFFFF;
	height: 22px;
	background-image: url(../img/rpt_nav_bg.gif);
	vertical-align: middle;
	text-align: right;
	padding-right: 5px;
	border: 1px solid #999999;
	border-left-width: 0px;
}

.rptNavRText /* "First | Previous | Next | Last" link text */
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
}

.rptNavRTextAlt /* "First | Previous | Next | Last" link text */
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	vertical-align: middle;
	text-decoration: underline;
	cursor: pointer;
}


.rptNavDivider /* text bar that divides sections "|" */
{
	color: #97c5eb;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}

.rptTitleR /* right of report title (above summary) */
{
	background-color: #FFFFFF;
	height: 25px;
	vertical-align: middle;
	text-align: right;
	padding-right: 5px;
	border: 1px solid #999999;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.rptTitleL /* left of report title (above summary) */
{
	background-color: #FFFFFF;
	height: 25px;
	vertical-align: middle;
	text-align: left;
	padding-left: 5px;
	border: 1px solid #999999;
	border-bottom-width: 0px;
	border-right-width: 0px;
}

.rptTitleLSum /* "Report Summary" left of report title (above summary) */
{
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

.rptTitleLReq /* "Requested by" left of report title (above summary) */
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

.rptTitleLTitle/* Big report title on right (above summary) */
{
	color: #006699;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

.rptTitleLTitle_green /* Big report title on right (above summary) -- Green color */
{
	color: #009900;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

.rptSumCell /* background for summary */
{
	background-color: #CEE6F5;
	border: 1px solid #999999;
	border-right-width: 0px;
}

.rptSumHead /* summary heading - light blue*/
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 5px;
	height: 20px;
}

.rptSumHead_green /* summary heading text - green*/
{
	color: #FFFFCC;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 5px;
	height: 20px;
	border: 0px;
}

.rptSumRes_green /* summary results text - for green background*/
{
	color: #FFFFFF;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 5px;
	height: 20px;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


.rptSumRes_noBorder /* summary results no border*/
{
	color: #FFFFFF;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 5px;
	height: 20px;
	border: 0px;
}


.rptSumRes /* summary results*/
{
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 5px;
	height: 20px;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.rptSumResMiddle_NoBorder /* summary results - no border, everything else are same*/
{
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 5px;
	height: 20px;
	border: 0px solid #999999;
}

.rptResSides /* left and right borders for results holding cell */
{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.rptResTitle /* right of nav bar that holds "First | Previous | Next | Last" */
{
	background-color: #FFFFFF;
	height: 22px;
	background-image: url(../img/rpt_nav_bg.gif);
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	vertical-align: middle;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.rptResTitle_green /* right of nav bar that holds "First | Previous | Next | Last" green text*/
{
	background-color: #FFFFFF;
	height: 22px;
	background-image: url(../img/rpt_nav_bg.gif);
	color: #009900;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	vertical-align: middle;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.rptResBar /* top bar featuring report title and recently run data dropdown */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;	
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

.rptResBar td
{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.rptResBarAlter /* -- alternative color for total rows */
{
	background-color: #93bed4;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;	
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

.rptResBarRes /* alternative text in top bar featuring report title and recently run data dropdown */
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

.rptResBar01 
{
 background-color: #97c5eb;
 color: #006666;
 font-size: 10px;
 font-style: normal;
 font-weight: bold;
 text-align: left;
}

.rptResBar01  td 
{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.rptResBar02 /* alternative totals bar */
{
	background-color: #006699;
	color: #CCFFFF;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}

.rptResBar02 td
{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.rptResBarRes02 /* alternative totals bar text */
{
	color: #FFFFFF;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

.rptRes01 /* white background for results */
{
	background-color: #FFFFFF;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.rptRes01 td 
{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;	
}

.rptRes01 td table td
{
	padding:1px;
}

.rptRes02 /* blue background for results */
{
	background-color: #F2F9FE;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.rptRes02 td
{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.rptRes02 td table td
{
	padding:1px;
}

.rptRes01_redText /* white background for results with red text*/
{
	background-color: #FFFFFF;
	color: red;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.rptRes01_redText td
{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.rptRes01_redText td table td
{
	padding:1px;
}

.rptRes02_redText /* blue background for results, with red text */
{
	background-color: #F2F9FE;
	color: red;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.rptRes02_redText td 
{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.rptRes02_redText td table td
{
	padding:1px;
}

.rptRes02_green /* green background for results */
{
	background-color: #CCFFCC;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.rptRes02_green td 
{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.rptRes02_green td table td
{
	padding:1px;
}

.rptResPOI /* bold coloured font to indicate POIs in the results */
{
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}

.rptResNote /* indicates exceptions such as "[Startup occured before selected Start Date]" */
{
	color: #FF9900;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

/* ------------------- Mapping ------------------- */

.mapLeft /* left part of map bar */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.mapLeftRR /* left part of map bar for use in multi route replay*/
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
}

.mapMiddle /* middle part of map bar */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.mapMiddleRR /* middle part of map bar for use with multi route replay */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	padding-right: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
	border-left-width: 0px;
}
.mapMiddleL /* middle part of map bar with text aligned to the left */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border-width: 0px solid #999999;
}

.mapRight /* top part of map bar */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-left-width: 0px;
}

.mapRightRR /* top part of map bar for use in multi route replay*/
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border: 1px solid #999999;
	border-left-width: 0px;
}

.mapDropdown /* criteria dropdowns */
{
	background-color: #FFFFFF;
	height: 14px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}

.mapMain /* left and right border for map window */
{
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.mapBg /* background for Admin pop-up map */
{
	background-color: #CEE6F5;;
}


.maptopleft 
{
	background-color: #006699;
	border: 1px solid #FFFFFF;
	border-right-width: 0px;
	border-bottom-width: 0px;
}

.maptop2 
{
	background-color: #006699;
	border: 1px solid #FFFFFF;
	border-left-width: 0px;
}

.mapcenter 
{
	background-color: #006699;
	border: 1px solid #FFFFFF;
}

.maptop4 
{
	background-color: #006699;
	border: 1px solid #FFFFFF;
	border-right-width: 0px;
}

.maptopright 
{
	background-color: #006699;
	border: 1px solid #FFFFFF;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.mapleft2 
{
	background-color: #006699;
	border: 1px solid #FFFFFF;
	border-top-width: 0px;
}

.mapleft4 
{
	background-color: #006699;
	border: 1px solid #FFFFFF;
	border-bottom-width: 0px;
}

.mapleftbottom 
{
	background-color: #006699;
	border: 1px solid #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
}

.mapbottom2 
{
	background-color: #006699;
	border: 1px solid #FFFFFF;
	border-left-width: 0px;
}

.mapbottom4 
{
	background-color: #006699;
	border: 1px solid #FFFFFF;
	border-right-width: 0px;
}

.mapbottomright 
{
	background-color: #006699;
	border: 1px solid #FFFFFF;
	border-top-width: 0px;
	border-left-width: 0px;
}

.mapright2 
{
	background-color: #006699;
	border: 1px solid #FFFFFF;
	border-top-width: 0px;
}
.mapright4 
{
	background-color: #006699;
	border: 1px solid #FFFFFF;
	border-bottom-width: 0px;
}
/* --------------- Map and LFT ------------------- */
/* bar indicating days on vehicle list */
.BarTitle,.BarTitleDim,.BarBorderRight,.BarButton
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	text-align: center;
	padding-left: 5px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	border: 0px solid #999999;
	border-bottom-width: 1px;
}

.BarTitleDim
{
	color: #CCCCCC;
}
.BarButton
{
	padding-right: 2px;
	padding-left: 2px;
	text-align: center;
	border-right-width: 1px;
}

.BarBorderRight
{
	border-right-width: 1px;
}

/* --------------- Live Fleet Track -------------- */

.lftCriTop /* top bar of live fleet criteria window */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}

.lftCriMiddle /* left & right borders on white cells with padding */
{
	background-color: #FFFFFF;
	vertical-align: middle;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.lftCriBottom /* bottom bar of live fleet criteria window */
{
	background-color: #FFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}

.lftCriPadLeft/* padding for use on far left cell */
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 12px;
	vertical-align: middle;
}

.lftCriPadMiddle /* padding for use on far right cell */
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	vertical-align: middle;
}

.lftCriPadRight /* padding for use on right vehicle list */
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 12px;
	padding-left: 0px;
	vertical-align: middle;
}

.lftListPadRight /* padding for use on right vehicle list */
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 12px;
	padding-left: 0px;
	vertical-align: middle;
}

.lftListPadLeft/* padding for use on left vehicle list */
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 12px;
	vertical-align: middle;
}

.lftCriTxtHead /* green text used for headings */
{
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.lftCriTxtNum /* text for numbers, e.g. "100/150" */
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.lftCriTxtInfo /* text for subsequent information, e.g. "(150 vehicles max)"*/
{
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.lftCriList /* criteria vehicle lists*/
{
	background-color: #FFFFFF;
	height: 300px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;

}

.lftButton /* reset and submit buttons */
{
	background-image: url(../img/lft_button_bg.gif);
	background-color: #FFFFFF;
	height: 20px;
	vertical-align: center;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	color: #006699;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
	border: 1px solid #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	cursor: pointer;
}

.lftButtonDisabled /* reset and submit buttons */
{
	background-image: url(../img/lft_button_bggrey.gif);
	background-color: #cccccc;
	height: 20px;
	vertical-align: center;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	color: #CCCCCC;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
	border: 1px solid #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	cursor: pointer;
}

.lftMainTopLeft /* top/left bar of live fleet main window */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
}

.lftMainTopMiddle /* middle bar of live fleet main window */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
	border-left-width: 0px;
}

.lftMainTopRight /* top/left bar of live fleet main window */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border: 1px solid #999999;
	border-left-width: 0px;
}

.lftMainBottom /* bottom bar of live fleet main window */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border: 1px solid #999999;
}

.lftOptionsLeft /* bar indicating days on vehicle list */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
}

.lftDaysRes /* holding cell for individual vehicle info */
{
	background-color: #FFFFFF;
	vertical-align: middle;
	height: 3px;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-left-width: 0px;
}

.lftDaysResTop /* top of each result - border */
{
	vertical-align: middle;
	border: 1px solid #999999;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.lftTxtNum /* vehicle list numbers */
{
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	/*padding-left: 2px;*/
}

.lftTxtName /* vehicle list name */
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	/*padding-left: 2px;*/
}


.lftTxtDriver /* Driver list name */
{
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	/*padding-left: 2px;*/
}

.txtLFTlbl
{
	white-space: nowrap;
	width: 125px;
	overflow: hidden;
	text-overflow: ellipsis;
}


.lftTxtInfo /* vehicle list date & time*/
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	/*padding-left: 2px;*/
}

.lftTxtAddr /* vehicle list address*/
{
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	/*padding-left: 2px;*/
}

.lftTxtPOI /* vehicle list POI text */
{
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}
/* vehicle list status same font different colour*/
.lftTxtPTOon, .lftTxtPTOoff, .lftstartup ,.lftshutdown ,.lftposition, .lftother, .lftTxtWTDN, .lftTxtWTDA
{
	color: #009900;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

.lftTxtPTOoff {color: #FF3300;}	/* PTO's in Live Fleet Track */
.lftTxtPTOon  {color: #009900;}	/* PTO's in Live Fleet Track */
.lftshutdown {color: #FF3300;}	/* vehicle list status - shut down */
.lftposition {color: #3399FF;}	/* vehicle list status - position */
.lftother    {color: #999999;}	/* vehicle list status - other */
.lftTxtSpeed {color: #006699;}	/* vehicle list speed */
.lftTxtWTDN  {color: #006699;}	/*WTD driver name*/
.lftTxtWTDA  {color: #666666;}	/*WTD driver Action*/

.lftalert ,.lftpanic/* vehicle list status - alert */
{
	color: #FF3300;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
}

.lftpanic /* vehicle list status - panic */
{
	font-weight: bold;
}

.lftVehList /* added by ruth 18.09.08 - Main Vehicle List td - padding at top & bottom, border at bottom & right */

{
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-left-width: 0px;
}




/* ----------------- Route Replay ---------------- */
.videprinterTR
{
}

.videprinterTR font
{
    font-weight:normal;
}

.videprinterTRBold
{
}

.videprinterTRBold font
{
    font-weight:bold;
}
.routeBar /*  route replay bar */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}

.routeBarLBRA /*  route replay bar LBRA = Left border right text alingment */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
}

.routeBarL /*  route replay bar */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
}
.routeBarM /*  route replay bar */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
	border-left-width: 0px;
}

.routeBarR /*  route replay bar */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border: 1px solid #999999;
	border-left-width: 0px;
}

.routeTrackerTop /* coloured cell at top of tracker */
{
	background-color: #CEE6F5;
	height: 25px;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.routeTrackerBottom /* coloured cell at bottom of tracker */
{
	background-color: #CEE6F5;
	height: 20px;
	border: 1px solid #999999;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.routeTrackerMiddle/* coloured cell with gradient cells above and below */
{
	background-color: #CEE6F5;
	height: 23px;
	vertical-align: middle;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.routeTrackerMiddleAlt/* white cell with cells above and below */
{
	background-color: #FFFFFF;
	height: 23px;
	vertical-align: middle;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.routeTxtHead /* heading text to feature in top bar */
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	padding-left: 10px;

}

.routeTxtHeadRight /* heading text to feature in top bar */
{
	
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding-left: 10px;
	padding-right:10px;
	text-align:right;
}

.routeTxtDivider/* text bar that divides sections "|" */
{
	color: #97c5eb;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}

.routeTxtList /* vehicle list */
{
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	padding-left: 5px;
}

.routeListDate/* vehicle list - Date */
{
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

.routeListTime /* vehicle list - Time */
{
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	padding-left: 5px;
	height:20px;
	vertical-align: middle;
}

.routeMapBg
{
	background-color: #CEE6F5;
}


/* --------------------- Comms ------------------- */

.commsBarL /* left top bar of servicing window */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	border: 1px solid #999999;
	border-right-width: 0px;
}

.commsBarTxtOn /* text in top bar denoting selected section */
{
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

.commsBarTxtOn:hover /* text in top bar denoting selected section */
{
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	cursor:pointer;
}

.commsBarTxtOnOn /* underline mouseover text in top bar denoting selected section */
{
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	cursor: pointer;
}

.commsBarTxtOff /* text in top bar denoting unselected section */
{
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.commsBarTxtOffOn /* underline mouseover text in top bar denoting unselected section */
{
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
	cursor: pointer;
}

.commsTxtSent /* "sent" text */
{
	color: #339900;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.commsTxtErrors /* "errors" text */
{
	color: #FF3300;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.commsBarTxtLink /* send/receive link */
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.commsColL /*  left bar that holds column heading */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.commsColM /*  middle bar that holds column heading */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.commsColR /*  left bar that holds column heading */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.commsResL /*  left bar that holds column results */
{
	background-color: #FFFFFF;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-bottom-color: #CCCCCC;
}

.commsResL2 /*  left bar that holds column results no height */
{
	background-color: #FFFFFF;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-bottom-color: #CCCCCC;
}

.commsResM /*  middle bar that holds column results */
{
	background-color: #FFFFFF;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-color: #CCCCCC;
}

.commsResR /*  left bar that holds column results */
{
	background-color: #FFFFFF;
	height: 24px;
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-bottom-color: #CCCCCC;
}

.commsResR2 /*  left bar that holds column results - no height */
{
	background-color: #FFFFFF;
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-bottom-color: #CCCCCC;
}

.commsResB /*  left bar that holds column results */
{
	background-color: #FFFFFF;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-color: #CCCCCC;
}

.commsResB2 /*  left bar that holds column results - no height */
{
	background-color: #FFFFFF;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-color: #CCCCCC;
}

.commsResBRL /*  left bar that holds column results */
{
	background-color: #FFFFFF;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-color: #CCCCCC;
}


.commsResBR/*  left bar that holds column results */
{
	background-color: #FFFFFF;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-bottom-color: #CCCCCC;
}

.commsResBR2 /*  left bar that holds column results - no height */
{
	background-color: #FFFFFF;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-color: #CCCCCC;
}

.commsResBR3 /*  left bar that holds column results - no padding, no v-align & no height */
{
	background-color: #FFFFFF;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-color: #CCCCCC;
}
.commsResBL/*  left bar that holds column results */
{
	background-color: #FFFFFF;
	vertical-align: middle;
	height: 24px;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-color: #CCCCCC;
}

.commsResBL2 /*  left bar that holds column results - no height */
{
	background-color: #FFFFFF;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-color: #CCCCCC;
}

.commsResBL3 /*  left bar that holds column results - no height, no v-align & no padding */
{
	background-color: #FFFFFF;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-color: #CCCCCC;
}

.commsResBL4 /*  left bar that holds column results - no height, no v-align & no padding */
{
	background-color: #FFFFFF;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-color: #CCCCCC;
}

.commsBarResTBL
{
	background-color: #CEE6F5;
	border: 1px solid #999999;
	border-right-width: 0px;
}

.CommsDashGreenBarBLR /* Green bar used on Comms Dashboard - RK*/
{
	background-color: #CEE6F5;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
}



.CommsDashGreenBarBL  /* Green bar used on Comms Dashboard - RK*/
{
	background-color: #CEE6F5;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
}

.CommsDashGreenBarBR  /* Green bar used on Comms Dashboard - RK*/
{
	background-color: #CEE6F5;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-left-width: 0px;
}



.CommsDashGreenBarBR2  /* Green bar used on Comms Dashboard * Aligned RIGHT * - RK*/
{
	background-color: #CEE6F5;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-left-width: 0px;
}

.CommsDashGreenBarB /* Green bar used on Comms Dashboard - RK*/
{
	background-color: #CEE6F5;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.CommsDashGreenBarTB /* Green bar used on Comms Dashboard - RK*/
{
	background-color: #CEE6F5;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
	border-left-width: 0px;
}

.CommsDashGreenBarTBR /* Green bar used on Comms Dashboard - RK*/
{
	background-color: #CEE6F5;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-left-width: 0px;
}

.CommsDashGreenBarTBL /* Green bar used on Comms Dashboard - RK*/
{
	background-color: #CEE6F5;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
}

.CommsDashBarTBRL /* Gradient bar used in Comms Dashboard - RK */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bg_dash02.gif);
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}

.CommsDashBarTBR /* Gradient bar used in Comms Dashboard - RK */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bg_dash02.gif);
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-left-width: 0px;
}

.CommsDashBarTBL /* Gradient bar used in Comms Dashboard - RK */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bg_dash02.gif);
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
}

.CommsDashBarTB /* Gradient bar used in Comms Dashboard - RK */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bg_dash02.gif);
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
	border-left-width: 0px;
}

.commsDashQ1BorderL/*  left hand side of Comms Dash (that holds the graphs) */
{
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 5px;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
}

.commsDashQ2BorderL/*  left hand side of Comms Dash (that holds the graphs) */
{
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-right: 2px;
	padding-left: 5px;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
}

.commsDashQ3BorderR/*  right hand side of Comms Dash (that holds the graphs) */
{
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-left: 2px;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.commsDashQ4BorderR/*  right hand side of Comms Dash (that holds the graphs) */
{
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 2px;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


.commsDashBorderMiddle/*  Middle Row on comms dashboard for individual vehicle info (that holds the graphs) */
{
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.commsDashKeyOuter/*  middle row of Comms Dash (that holds the key) */
{
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.commsDashKeyTBRL/*  middle row of Comms Dash (that holds the key) */
{
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #999999;
}

.commsDashKeyTBR/*  middle row of Comms Dash (that holds the key) */
{
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #999999;
	border-left-width: 0px;
}


/* --------------------- Servicing ------------------- */

.servBar /* top bar of servicing window */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}

.servBarR /* top bar of servicing window */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-left-width: 0px;
}

.servBarL /* left top bar of servicing window */
{
	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-left: 5px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
}

.servColLeft/* servicing column headings left */
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
}

.servColMiddle/* servicing column headings middle*/
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 0px solid #999999;
}

.servColMiddleCenter/* servicing column headings middle centered*/
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 0px solid #999999;
}

.servColRight /* servicing column headings right */
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.servResLeft/*  servicing results column left (first row) */
{
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.servResMiddle,.servResMiddleCenter,.servResRight/* servicing results column l middle*/
{
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 0px solid #CCCCCC;
	border-bottom-width: 1px;
}

.servResMiddleCenter/* servicing results column middle centered */
{
	text-align: center;
}

.servResRight /* servicing results column right */
{
	text-align: center;
	border-right-width: 1px;
}

.servResiframe /* border for iframe (top & left only) */
{
	border: 1px solid #999999;
	border-bottom-width: 0px;
	border-right-width: 0px;
}

.ServTxtOver /* oustanding service alert text */
{
	color: #FF3300;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.ServTxtNear /* current/near service alert text */
{
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.ServTxtFar /* wont be up for a while... service alert text */
{
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.ServTxtNone /* service alert when it's not allocated to any vehicles */
{
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.servMain /* left & right border on a cell */
{
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.servMainB /* left, right & bottom border on a cell */
{
	border: 1px solid #999999;
	border-top-width: 0px;
}

.servTxtHead /* green text used for headings */
{
	background-color: #FFFFFF;
	height: 25px;
	vertical-align: middle;
	padding-left: 10px;
	text-align: left;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.servTxtHeadTop /* green text used for headings beside multi-line fields */
{
	background-color: #FFFFFF;
	vertical-align: top;
	padding-left: 10px;
	padding-top: 5px;
	text-align: left;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.servCell /* cells that hold fields */
{
	background-color: #FFFFFF;
	vertical-align: middle;
	padding-top: 1px;
	padding-bottom: 1px;
}

.servTextfield /* criteria text fields*/
{
	background-color: #FFFFFF;
	height: 18px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}

.servMultiLine /* multi line criteria text fields*/
{
	background-color: #FFFFFF;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}

.servCheckbox /* criteria check box */
{
	background-color: #FFFFFF;
	height: 15px;
	width: 15px;
	border: 1px solid #999999;
}

.servCellCheck /* cells that holds check box */
{
	background-color: #FFFFFF;
	vertical-align: middle;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 5px;
	padding-left: 5px;
}

.servIconSelectOffL /* (first cell on left) normal state of icons for selection */
{
	background-color: #FFFFFF;
	height: 25px;
	width: 25px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #999999;
}

.servIconSelectOnL /* (first cell on left) selected state of icons for selection */
{
	background-color: #97c5eb;
	height: 25px;
	width: 25px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #999999;
}

.servIconSelectOffR /* (subsequent) normal state of icons for selection */
{
	background-color: #FFFFFF;
	height: 25px;
	width: 25px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #999999;
	border-left-width: 0px;
}

.servIconSelectOnR /* (subsequent) selected state of icons for selection */
{
	background-color: #97c5eb;
	height: 25px;
	width: 25px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #999999;
	border-left-width: 0px;
}

.servPrevCri
{
	background-color: #FFFFFF;
	padding: 5px;
	height: 26px;
	vertical-align: middle;
	text-align: center;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.servTopTxt
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

/* --------------------- Alerts ------------------- */

.alertColLeft/* alerts column headings left */
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
}

.alertColMiddle/* alerts column headings middle*/
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-width: 0px;
}

.alertColMiddleCenter/* alerts column headings middle centered*/
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-width: 0px;
}

.alertColRight /* alerts column headings right */
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.alertResLeft/*  alerts results column left (first row) */
{
	background-color: #FFFFFF;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.alertResMiddle/* alerts results column l middle*/
{
	background-color: #FFFFFF;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.alertResMiddleCenter/* alerts results column middle centered */
{
	background-color: #FFFFFF;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.alertResRight /* alerts results column right */
{
	background-color: #FFFFFF;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.alertResiframe /* border for iframe (top & left only) */
{
	border: 1px solid #999999;
	border-bottom-width: 0px;
	border-right-width: 0px;
}

.alertTxtEnabled /* enabled alerts text */
{
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.alertTxtInuse /* inuse alerts text */
{
	color: #3399CC;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}


.alertTxtDisabled /* disabled alerts text */
{
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.alertBar /* bar that holds "back to alerts" link when page is displaying an alert */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.alertBarL /*  left bar that holds section heading */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.alertBarTop /*  left bar that holds section heading */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
}

.alertBarR /*  left bar that holds section heading */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
}

.alertSides /* left & right borders for holding cell */
{
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.alertSideL /* left  border for holding cell */
{
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
}

.alertViewHead /* column headings for alerts view page */
{
	background-color: #FFFFFF;
	height: 22px;
	vertical-align: middle;
	padding-left: 10px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.alertViewInfo /* information columns for alerts view page */
{
	background-color: #FFFFFF;
	height: 11px;
	vertical-align: middle;
	padding-left: 10px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.alertViewInfoCntr /* information columns for alerts view page (for map only) */
{
	background-color: #FFFFFF;
	height: 22px;
	vertical-align: middle;
	padding: 0;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

.alertViewType /* alert type indicator on view page */
{
	background-color: #FFFFFF;
	height: 22px;
	vertical-align: middle;
	padding-left: 10px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

/* Input/info Group Heading */
.iGH
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding: 5px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.iGHe /*Close input/info heading Group and start next heading*/
{
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.iHead /* inputinfo Header - to replace alertViewHead*/
{
	height: 22px;
	vertical-align: middle;
	padding-left: 10px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.iTxt /* input/info text body - replace alertViewInfo */
{
	height: 11px;
	vertical-align: middle;
	padding-left: 10px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.iChk /* input/info search check box - replace adminCheckbox*/
{
	height: 15px;
	width: 15px;
	vertical-align: middle;
	border: 1px solid #999999;
}

.alertViewConf /* "Confirm Alert" cell */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding: 5px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
	border-top-width: 1px;
	border-left-width: 0px;
}

.alertViewConfTopL /* top left title cell */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding: 5px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.alertViewConfTopR /* top right title cell */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding: 5px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
}

/* --------------------- Admin ------------------- */

.adminColLeft/* admin column headings left */
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
}

.adminColMiddle/* admincolumn headings middle*/
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-width: 0px;
}

.adminColMiddleCenter/* admin column headings middle centered*/
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-width: 0px;
}

.adminColRight /* admin column headings right */
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.adminColBorderBottom/* admincolumn headings middle*/
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.adminColBorderLeftBottom/* admincolumn headings middle*/
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
}

.adminResLeft/*  admin results column left (first row) (padraic changed border top to bottom)*/
{
	/*background-color: #FFFFFF;*/
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.adminResMiddle/* admin results column l middle (padraic changed border top to bottom)*/
{
	/*background-color: #FFFFFF;*/
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.adminResMiddleJourneyTR
{
}
.adminResMiddleJourneyTR span
{
    font-weight:normal;
}

.adminResMiddleJourneyTRBold span
{
    font-weight:bold;
}
.adminResMiddleJourney
{
    
    /*background-color: #FFFFFF;*/
	height: 20px;
	vertical-align: middle;
	padding-left: 1px;
	padding-right: 1px;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight:normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.adminResMiddleJourneyTime
{
    
    /*background-color: #FFFFFF;*/
	text-align: left;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}





.adminResMiddleCenter /* admin results column middle centered (padraic changed border top to bottom)*/
{
	/*background-color: #FFFFFF;*/
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.adminResRight /* admin results column right (padraic changed border top to bottom)*/
{
	/*background-color: #FFFFFF;*/
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-left-width: 0px;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.adminResiframe /* border for iframe (top & left only) */
{
	border: 1px solid #999999;
	border-bottom-width: 0px;
	border-right-width: 0px;
}

.adminSearchiframe /* border for iframe (left & right only) */
{
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
}
.adminCheckbox /* search check box */
{
	background-color: #FFFFFF;
	height: 15px;
	width: 15px;
	vertical-align: middle;
	border: 1px solid #999999;
}

.adminSearchL /* left column of admin search window*/
{
	background-color: #FFFFFF;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-color: #CCCCCC;
}

.adminSearchCheck /* checkbox column of admin search window*/
{
	background-color: #FFFFFF;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-color: #CCCCCC;
}

.adminSearchIcon /* icon column of admin search window*/
{
	background-color: #FFFFFF;
	height: 20px;
	width: 30px;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-color: #CCCCCC;
}

.adminSearchM1/* middle column of admin search (window unchecked on left) */
{
	background-color: #FFFFFF;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #CCCCCC;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-color: #CCCCCC;
}

.adminSearchM2/* middle column of admin search (window checked on left) */
{
	background-color: #FFFFFF;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-color: #CCCCCC;
}

.adminSubmitRow/* row that features button */
{
	background-color: #FFFFFF;
	height: 40px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border: 0px solid #CCCCCC;
}

.adminAdd
{
	background-color: #FFFFFF;
	height: 22px;
	vertical-align: middle;
	padding-left: 10px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 0px solid #CCCCCC;
}


.adminAddTop /* Padraic added on 07/06/2007 needed for aligning columns to the Top */
{
	background-color: #FFFFFF;
	height: 22px;
	vertical-align: top;
	padding-left: 10px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 0px solid #CCCCCC;
}


/* Padraic added these 06/06/2007 for tabs in admin section */

a.tab
{
	text-decoration: none;
	width: 80px;
	display: block;
	text-align: center;
	border; 0;
	color: #006699;
	font-size: 10px;
	width: 100%;
}

td.tab
{
 	border-left: 1px solid #999999;
 	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	margin-right: 2em;
	text-align: center;
}

td.tdU
{
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

td.leftRight
{
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

td.tabRight
{
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}

td.tabLeft_On
{
	border-left: 1px solid #999999;
}

td.tabLeft_Off
{
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
}

td.tabMiddle_Off
{
	border-top: 1px solid #999999;
}

td.tabMiddle_On
{

}

/* --------------------------------------------------------- */

/*  Andrew 01/10/07 : styles for Diagnostics tab of vehicle edit window in admin section */

.adminGreyBtmBrdr /* Grey bottom border for separation lines*/
{
 	border-bottom: 1px solid #999999;
}

.adminGreenTxtCentred /* green text centered */
{
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}

.adminGrnTxtBtmBrdr /* green text centered with bottom grey border */
{
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
 	border-bottom: 1px solid #999999;
}

.adminGrnTxtLftBtmBrdr /* green text centered with left and bottom grey border */
{
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
 	border-bottom: 1px solid #999999;
 	border-left: 1px solid #999999;
}

.adminGrnTxtLftBtmRghtBrdr /* green text centered with left, bottom and right grey border */
{
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
 	border-bottom: 1px solid #999999;
 	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

.adminGreyTxtLftBtmBrdr /* green text centered with left and bottom grey border */
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
 	border-bottom: 1px solid #999999;
 	border-left: 1px solid #999999;
}

.adminGreyTxtLftBtmRghtBrdr /* green text centered with left, bottom and right grey border */
{
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
 	border-bottom: 1px solid #999999;
 	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

.toolTip /* style for hovering tooltip for disagnostics section in admin */
{ 
        font-family: Verdana, Arial, Sans-serif, 'Times New Roman';
        font-size: 8pt;
        /*filter:alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;*/
        /* comment the above 3 line if you don't want transparency*/
}


/* --------------------------------------------------------- */

/* Padraic added these 06/06/2007 for tabs in admin section */

.popUpWindowPadding
{
	align: left;
	margin: 0 0 0 0;
	padding-left:   10px;
	padding-right:  10px;
	padding-top:    10px;
	padding-bottom: 10px;
}

.plainText
{
	background-color: #FFFFFF;
	color: #666666;
	font-size: 10px;
	text-decoration:none;
}	

.NormalHand
{
	background-color: #FFFFFF;
	color: #666666;
	font-size: 10px;
	text-decoration:none;
}	

.NormalHand:hover
{
	background-color: #FFFFFF;
	color: #666666;
	font-size: 10px;
	text-decoration:underline;
}	

.txtLink
{
	
	color: #666666;
	font-size: 10px;
	text-decoration:underline;	
}	

.mads {

	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
	border-left-width: 0px;
	
}



.mads:hover {

	background-color: #FFFFFF;
	height: 25px;
	background-image: url(../img/bar_bg25.gif);
	vertical-align: middle;
	padding-right: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 100px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
	border: 1px solid #999999;
	border-right-width: 0px;
	border-left-width: 0px;
	cursor:pointer;
}

.adminResMiddleHand/* admin results column l middle (padraic changed border top to bottom)*/
{
	cursor:pointer;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
	
/* --------------------------------------------------------- */

.Relstrix {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	color: #FF0000;
	font-weight: bold;
	vertical-align: text-top;
}


/* -------------- no fill, just gray borders -------------------- */


.border_none
{
	border: 0px solid #999999;
}
.border_left 
{
	border: 0px solid #999999;
	border-left-width: 1px;
}

.border_right 
{
	border: 0px solid #999999;
	border-right-width: 1px;
}

.border_bottom
{
	border: 0px solid #999999;
	border-bottom-width: 1px;
}

.border_top
{
	border: 0px solid #999999;
	border-top-width: 1px;
}

.border_TopBottom
{
	border: 0px solid #999999;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.border_LeftRight
{
	border: 0px solid #999999;
	border-right-width: 1px;
	border-left-width: 1px;
}

.border_TopLeftRight
{
	border: 0px solid #999999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
}

.border_BottomLeftRight
{
	border: 0px solid #999999;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
}

.border_TopBottomLeftRight
{
	border: 1px solid #999999;
}

.border_TopBottomRight
{
	border: 0px solid #999999;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
}

.border_TopBottomLeft
{
	border: 0px solid #999999;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.border_TopRight
{
	border: 0px solid #999999;
	border-top-width: 1px;
	border-right-width: 1px;	
}

.border_BottomRight
{
	border: 0px solid #999999;
	border-bottom-width: 1px;
	border-right-width: 1px;
}

.border_BottomLeft
{
	border: 0px solid #999999;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.border_right_light
{
	border: 0px dashed #CCCCCC;
	border-right-width: 1px;
}

/* ------------------ Added By Huzefa ----------------------*/
.dark_text /* Service Centre Text */
{
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	padding-left: 10px;
}

.dark_text_underline /* Service Centre Text */
{
	font-family: Verdana, Arial, Helvetica, Sans Serif;	
	color: #444444;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
	padding-left: 10px;
	cursor:pointer;
}

.dark_text_no_underline /* Service Centre Text */
{
	font-family: Verdana, Arial, Helvetica, "Sans Serif";
	color: #444444;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	padding-left: 10px;
	cursor:pointer;
	text-decoration: none;
}

/* ------------------ Added By Huzefa ----------------------*/

.newsticker {

	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	MARGIN: 0px; 
	PADDING-TOP: 3px; 
	LIST-STYLE-TYPE: none;
	TEXT-ALIGN: center;
	COLOR: red;
}


/* ---------------------Padraic 23/11/2007 -------------------*/
/* Used for the Login as Company/User warning message         */
/* filter:alpha(opacity=80); */

.warningtable
{
	position: absolute;
	left:0px;
	top:0px;
	width: 860;
	height: 30;
	border-top: 1 solid #999999;
	border-bottom: 1 solid #999999;
	z-index:99;
	overflow: hidden;
}

.warningtabletd1
{
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	background: #FF0000; 
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;	
}

.warningtabletd2
{
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	background: #FF9999;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: 500;
	vertical-align: middle;
	padding-left:20px;
}

/* --------------------- Home Page / Dashboard ------------------- */

.dashBG /* - RK */
{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.greenBarLeft /* Used on home page */
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
}

.greenBarLeft2 /* Used on Dashboard on Journey Profile Title Bar - RK */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
}

.greenBarRight /* Used on home page */
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-left-width: 0px;
}

.greenBarRight2 /* Used on Dashboard on Journey Profile Title Bar - RK */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-left-width: 0px;
}

.greenBarCentre /* Used on home page */
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-right-width: 0px;
	border-left-width: 0px;
}

.greenBarCentre2 /* Used on Dashboard on Journey Profile Title Bar - RK */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}


.greenBarAll /* Used on home page */
{
	background-color: #CEE6F5;

	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
}

.greenBarAll2 /* Used on home page (doesn't have a height on it or any text settings) */
{
	background-color: #CEE6F5;
	vertical-align: middle;
	border: 1px solid #999999;
}

.DashViewOff /* Day/Week/Month view unselected (no underline) - RK */
{
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	padding-left: 2px;
	cursor: pointer;
}

.DashViewOn /* Day/Week/Month view unselected (underline) - RK */
{
	font-family: Verdana, Arial, Helvetica, Sans Serif;	
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
	padding-left: 2px;
	cursor: pointer;
}

.JrnyProfGraph /*  holds journey profile graph in Dashboard - no height, no v-align & no padding - RK */
{
	background-color: #FFFFFF;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-left-style: dotted;
}

/* ---------------------------------------- */

.disclaimerBG 
{
	background-color: #FFCCCC;
	border: 1px solid #FF9999;
}

/* --------------------- Wizard ------------------- */

.wizTitle
{
	color: #006699;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	
	
}

.wizText
{
	color: #765a3f;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.wizHighlight
{
	color: #276061;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

#wizLink:link {
	color: #006699;
	font-size: 10px;
	font-style: underline;
	font-weight: normal;
}

#wizLink:visited {
	color: #006699;
	font-size: 10px;
	font-style: underline;
	font-weight: normal;
}

#wizLink:hover {
	color: #FF9900;
	font-size: 10px;
	font-style: underline;
	font-weight: normal;
}
.dashBorder_RLT {
	border: 1px solid #999999;
}
.borderAll {
	border: 1px solid #999999;
}

.WizBorderLeftMenu /* Created by Ruth 20.10.08 - left column on Home Page Wizard that holds the "New Features" menu */
{
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;

}

.WizBorderMiddle /* Created by Ruth 20.10.08 - middle column on Home Page Wizard that holds the "Content" */
{
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
}

/* new file created by ruth */
.DashPrint {

	height: 25px;
	vertical-align: middle;
	background-image: url(../img/dash_bg01.gif);
	padding-right: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	cursor:pointer;
}

.DashPrintOver {
	height: 25px;
	vertical-align: middle;
	background-image: url(../img/dash_bg02.gif);
	padding-right: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
	cursor:pointer;
}

.DashPrint2 {

	height: 25px;
	vertical-align: middle;
	background-image: url(../img/dash_bg01b.gif);
	padding-right: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	cursor:pointer;
}

.DashPrintOver2 {
	height: 25px;
	vertical-align: middle;
	background-image: url(../img/dash_bg02b.gif);
	padding-right: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
	cursor:pointer;
}


/* original files created by ciaran

.DashPrint {

	height: 25px;
	vertical-align: middle;
	padding-right: 1px;
	padding-left: 1px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-color: #e8f1f1;
	cursor:pointer;
}

.DashPrintOver {
	height: 25px;
	vertical-align: middle;
	padding-right: 1px;
	padding-left: 1px;
	font-family: Verdana, Arial, Tahoma, Helvetica, "Sans Serif";
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
	border: 1px solid #FFFFFF;
	border-bottom-color: #666666;
	border-right-color: #666666;
	cursor:pointer;
}

*/

/* --------- Created by Ruth 21.10.08 --------------- */

.DashGraphMenuOff /* Dashboard Graph Dropdown Main Menu Item - Off */
{
	background-color: #FFFFFF;
	height: 22px;
	vertical-align: middle;
	padding-left: 3px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #999999;
}

.DashGraphMenuOn /* Dashboard Graph Dropdown Main Menu Item - On  */
{
	background-color: #FFFFFF;
	background-image: url(../img/menu/submenu_bg.gif);
	height: 22px;
	vertical-align: middle;
	padding-left: 3px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #999999;
}

.DashGraphMenuSubOff /* Dashboard Graph Dropdown Sub-Menu - Off */
{
	background-color: #FFFFFF;
	height: 22px;
	vertical-align: middle;
	padding-left: 3px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	border-top: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	width: 150px; /*Added width for Chrome*/
}

.DashGraphMenuSubOn /* Dashboard Graph Dropdown Sub-Menu - On  */
{
	background-color: #FFFFFF;
	background-image: url(../img/menu/submenu_bg.gif);
	height: 22px;
	vertical-align: middle;
	padding-left: 3px;
	color: #006699;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	border-top: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	width: 150px; /*Added width for Chrome*/
}

.DashPieTitle /* Green Title Bar for Pie Charts on Dashboard */
{
	background-color: #CEE6F5;
	height: 20px;
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 3px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
}

/* -------------------------------------------------- */

.border_Left_dashed {
	border: 0px dotted #999999;
	border-left-width: 1px;
}

.border_LeftRight_dashed {
	border: 0px dotted #999999;
	border-left-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	vertical-align: top;

}.graphBg300 {
	background-image: url(../img/bgGraph300.gif);
	background-repeat: no-repeat;
	padding: 1px;
}
.graphBg250 
{
	background-image: url(../img/bgGraph250.gif);
	background-repeat: no-repeat;
	padding: 1px;
}
.graphImg {
	filter:alpha(Opacity=100);
}
/*
Added by Huzefa on 13/10/08
*/
.graphDivLightBlue {
	background-image: url(../img/graph_lightblue.gif);
	background-repeat: repeat-x;
	height: 14px;
	filter:alpha(Opacity=100);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-align: right;
	padding-right: 2px;	
}

/*
Added by Huzefa on 13/10/08
*/
.graphDivDarkBlue {
	background-image: url(../img/graph_darkblue.gif);
	background-repeat: repeat-x;
	height: 14px;
	filter:alpha(Opacity=100);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-align: right;
	padding-right: 2px;	
}

.graphDivPurple {
	background-image: url(../img/graph_purple.gif);
	background-repeat: repeat-x;
	height: 14px;
	filter:alpha(Opacity=100);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-align: right;
	padding-right: 2px;	
}

.graphMidBlue {
	background-image: url(../img/graph_midblue.gif);
	background-repeat: repeat-x;
	height: 14px;
	filter:alpha(Opacity=100);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-align: right;
	padding-right: 2px;	
}

.graphDivGreen {
	background-image: url(../img/graph_green.gif);
	background-repeat: repeat-x;
	height: 14px;
	filter:alpha(Opacity=100);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-align: right;
	padding-right: 2px;	
}

.graphDivRed {
	background-image: url(../img/graph_red.gif);
	background-repeat: repeat-x;
	height: 14px;
	filter:alpha(Opacity=100);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-align: right;
	padding-right: 2px;	
}

.graphDivYellow {
	background-image: url(../img/graph_yellow.gif);
	background-repeat: repeat-x;
	height: 14px;
	filter:alpha(Opacity=100);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-align: right;
	padding-right: 2px;	
}
.graphDivOrange {
	background-image: url(../img/graph_orange.gif);
	background-repeat: repeat-x;
	height: 14px;
	filter:alpha(Opacity=100);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-align: right;
	padding-right: 2px;	
}
.graphDivWhite {
	background-image: url(../img/graph_white.gif);
	background-repeat: repeat-x;
	height: 14px;
	filter:alpha(Opacity=100);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-align: right;
	padding-right: 2px;	
}

.rankingLabel
{
	z-index:99;
	position:absolute;
	border: 0px dotted #999999;
	border-left-width: 1px;
	border-bottom-width: 1px;
	vertical-align: text-top;
	background-color: white;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 111px;
	width: 50px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	filter:alpha(Opacity=75);
}

.rptSumResLink /* summary results*/
{
	font-family: Verdana, Arial, Tahoma, Helvetica, "Sans Serif";
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	text-decoration: underline;
	padding-left: 5px;
	height: 20px;

}

.rptSumResLink02 /* summary results*/
{
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 5px;
	height: 20px;

}

.rptRes03 /* white background for results with less padding so graph image fits - Ciaran*/
{
	background-color: #FFFFFF;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
}

.rptRes04 /* blue background for results with less padding so graph image fits - Ciaran */
{
	background-color: #F2F9FE;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
}

.rptRes05 /* white background for results with less padding so graph image fits - Ciaran*/
{
	background-color: #FFFFFF;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.rptRes05 td
{
	padding-left: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.rptRes06 /* blue background for results with less padding so graph image fits - Ciaran */
{
	background-color: #F2F9FE;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.rptRes06 td 
{
	padding-left: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* -----------------------------------------------------------*/

.rptGraphBG {
	background-image: url(../img/bg_rptRes.gif);
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}

.rptGraphBG122 {
	background-image: url(../img/bg_rptRes122.gif);
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}

.rptGraphImg {
	filter:alpha(Opacity=100);	
	padding:0px;
}


.txtViolation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}

.chartTitle
{
	background-color: #FFFFFF;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-bottom-width: 0px;
	filter:alpha(Opacity=95);
}
.txtGreen12pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
}
.txtGrey12pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.txtCompanyParGrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.txtCompanyParGreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
}
.buttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.txtCancel {
                font-family: verdana, arial, Helvetica, sans-serif;
                font-size: 9px;
              color: #FF3300;
		text-decoration: none;
}

.txtCancel:hover{
                font-family: verdana, arial, Helvetica, sans-serif;
                font-size: 9px;
                color: #FF3300;
                text-decoration: underline;
}

/*
-- Added by Ciaran
-- Commented by Huzefa because these classes belong to FleetOps and Ciaran has 
-- designed a new FleetOps style sheet independently.
.Grid { 

				border: solid 1px #FF9900; 

}

.Grid td
{
				border: solid 1px #FFFFFF;
				margin: 1px 1px 1px 1px;
				padding: 1px 1px 1px 1px;
				text-align: center;
}

.GridHeader {
				font-weight: bold;
				background-color: #FF9900;
}

.GridItem {
				background-color: #e6e6e6;
}

.GridAltItem {
				background-color: white;
}
*/
.btn02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

/* ---------- Update Logo Feature CSS ---------- */

.ULbuttonsActive 

{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #006699;
	height: 24px;
}

.ULbuttonsInActive 

{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
	height: 24px;
}

/* ---------- FM Job Track (Extra CSS) ---------- Ruth 10/12/08 ---------- */

.FMJTResultHeadings/* green bar at top of results */
{
	background-color: #CEE6F5;
	height: 24px;
	vertical-align: middle;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.FMJTResults/* Results rows */
{
	background-color: #FFFFFF;
	height: 24px;
	vertical-align: middle;
	color: #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

/* ---------- Background Colours - For Use in Dispatch ---------- (Ruth 12.12.08) ---------- */

.BGWhite 
	{
	background-color: #FFFFFF;
	}
	
.BGYellow 
	{
	background-color: #FFCC33;
	}
	
.BGOrange
	{
	background-color: #FF9900;
	}	
	
.BGGreen
	{
	background-color: #99CC66;
	}
	
.BGRed
	{
	background-color: #FF3333;
	}
	
.BGGray
	{
	background-color: #F1F2F2;
	}
		
.BGOrange
	{
	background-color: #FF9900;
	}		
	
.BGBlue
	{
	background-color: #00CCFF;
	}	
.BGPink
	{
	background-color: #FF9999;
	
	}		
.BGDarkGreen
	{
	background-color: #006699;
	
	}
	
/* ------------------------------- */

/* ---------------------------------------------------------------------------------------*/
/* Home Page CSS - Created by Ruth 01.03.10 (temp home pages for use until revamp of site */

.HomeGradient1 
{
background-image: url(../img/bar_bg25.gif);
height: 25px;
padding-left: 10px; 
vertical-align: middle; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
font-size: 10px;
color: #006699;
text-align: left;
border: 1px solid #CCCCCC;
}

.HomeGradient2 
{
background-image: url(../img/bar_bg25.gif);
height: 25px;
padding-left: 10px; 
vertical-align: middle; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
font-size: 10px;
color: #FF6600;
text-align: left;
border: 1px solid #CCCCCC;
}

.HomeGradient3 
{
background-image: url(../img/bar_bg25.gif);
height: 25px;
padding-left: 10px; 
vertical-align: middle; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal; 
font-size: 10px;
color: #666666;
text-align: left;
border: 1px solid #CCCCCC;
}

.HomeGradient3a /* No Left Border */ 
{
background-image: url(../img/bar_bg25.gif);
height: 25px;
padding-left: 10px; 
vertical-align: middle; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal; 
font-size: 10px;
color: #666666;
text-align: left;
border: 1px solid #CCCCCC;
border-left: 0px;
}

.HomeContentCell
{
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal; 
font-size: 10px;
color: #999999;
text-align: justify;
}

 /* Garmin Stops Report - Start */ 

	.blueTile
	{
		background-image:url('../img/ico_blueTile.png');
		width:20px;
		height:20px;
		overflow:hidden;
		margin:2px;
	    display:inline;
	}

	.blueTile .tileNumber
	{
		text-align:center;
		color:#FFF;
		font-weight:bold;
		margin-top:3px;
	}

	.redTile
	{
		background-image:url('../img/ico_redTile.png');
		width:20px;
		height:20px;
		overflow:hidden;
		margin:2px;
		display:inline;
		text-align:center;
		vertical-align:middle; 
	}

	.redTile .tileNumber
	{
		text-align:center;
		color:#FFF;
		font-weight:bold;
		margin-top:3px;
		vertical-align:middle; 
	}

	.greenTile
	{
		background-image:url('../img/ico_greenTile.png');
		width:20px;
		height:20px;
		overflow:hidden;
		margin:2px;
	    display:inline;
	    vertical-align:middle; 
	}

	.greenTile .tileNumber
	{
		text-align:center;
		color:#FFF;
		font-weight:bold;
		margin-top:3px;
		vertical-align:middle; 
	}

	.orangeTile
	{
		background-image:url('../img/ico_orangeTile.png');
		width:20px;
		height:20px;
		overflow:hidden;
		margin:2px;
	    display:inline;
	    text-align:center;
	    vertical-align:middle; 
	}

	.orangeTile .tileNumber
	{
		text-align:center;
		color:#FFF;
		font-weight:bold;
		margin-top:3px;
		vertical-align:middle; 
	}
/* Garmin Stops Report - End */ 
/*-----------Single Route Replay : Street View--------------------------------*/
.btnonMap
{
    position:absolute;
    color : #000000;
    background-Color : white;
    font-style: small Arial;
    font-size : 11px;
    font-weight : bold;
    border : 1px solid black;
    text-align : center;
    width : auto;
    
}
.btnstreetviewOnMap
{
    
    padding : 2px;
    margin-bottom : 3px;
    position:absolute;
    color : #000000;
    background-Color : white;
    font-style: small Arial;
    font-size : 11px;
    font-weight : bold;
    border : 1px solid black;
    text-align : center;
    width : auto;
    cursor:pointer;
    
    
    
}

.btnFollowMeOnMap
{
    
    padding : 1px;
    margin-bottom : 3px;
     position:absolute;
    color : #000000;
    background-Color : white;
    font-style: small Arial;
    font-size : 11px;
    font-weight : bold;
    border : 1px solid black;
    text-align : center;
    width : auto;
    
}
.btnFollowMeOnMap input
{
    cursor:pointer;
}


.btnFollowMe
{
    height:19px;
    background-color:#fff;
    border:1px solid #000;
    font-size:11px;
    width:85px;
    overflow:hidden;
    background-image:url('../img/btn_gMaps.png');
    background-position:bottom right;
    cursor:pointer;
    position:absolute;
    top:10px;
    right:260px;
}

.btnFollowMe .input
{
    margin:0px;
    padding:0px;
    width:15px;
    height:15px;
}

.btnFollowMe .divCheck
{
    float:left;
    display:inline;
}

.btnFollowMe span
{
    float:left;
    display:inline;
    white-space:nowrap;
    height:12px;
    margin-top:1px;
    margin-left:5px;
    font-style: small Arial;
}

.btnStreetView
{
    height:19px;
    background-color:#fff;
    border:1px solid #000;
    font-size:11px;
    width:100px;
    background-image:url('../img/btn_gMaps.png');
    background-position:bottom right;
    cursor:pointer;
    position:absolute;
    top:10px;
    
}


.btnStreetView span
{
    float:left;
    display:inline;
    white-space:nowrap;
    height:12px;
    margin-top:1px;
    width:100%;
    text-align:center;
}

.btn_streetView_close
{
    background:url(../img/btn_StoryClose_A.png) no-repeat;
    width:16px;
    height:16px;
    position:absolute;
    top:25px;
    right:5px;
    cursor:pointer;
    z-index:3;
}

.btn_streetView_close:hover
{
    background:url(../img/btn_StoryClose_B.png);
}
.btnStreetView:focus
{
    background-image:url('../img/btn_gMaps_focus.png');
}

.pano_container {
    
    position: relative;
    margin:auto;
    
}
.pano {
    
    z-index: 0;
}
.pano_container iframe {
    width: 100px;
    height: 36px;
    z-index: 1;
    position: absolute;
    top: 132px;
    left: 200px;
}






.NoSVData
{
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    background-color:#CCCCCC;
    
    
}

.NoSVData .noflash
{
    text-align:center;
    color: #ff0000;
    vertical-align:middle;
    position: absolute;
    top:200px;
    left:10px;
    font-weight:bold;
    line-height:25px;
    background-color:#CCCCCC;
}

.NoSVData .noflash a
{
    text-align:center;
    vertical-align:middle;
    color:Blue;
    
    
}

.NoSVData .details
{
    text-align:center;
    color: #ff0000;
    vertical-align:middle;
    position: absolute;
    top:200px;
    left:120px;
    font-weight:bold;
    
}

.speedOverlay {
    width: 180px;
    height: auto;
    position: absolute;
    z-index: 3;
    bottom: 0px;
    right: 0px;
    text-align: right;
    color: #000000;
    
    background-image: url(../img/bg_white.png);
    
    
    
}

.speedOverlay .exitStreetView
{
    margin-top:2px;   
    border-top:1px solid #CCCCCC;
    font-size:12;
	font-weight: normal;
	text-decoration: none;
	cursor:pointer;
	
	
    
}
.speedOverlay img
{
    vertical-align:bottom;
    margin-right:10px;
    margin-left:5px;
    margin-top:5px;
    float:right;
    
}
.speedOverlay .greytext
{
    color: #666666;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	font-size:18px;
	margin-left:10px;
	width:auto;
	display:block;
	z-index : 5;
	margin-bottom:5px;
	margin-right : 5px;
	float:left;
	background-color: transparent;

	
}


.speedOverlay .orangetext
{
	color: #FF6600;
	
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	font-size:18px;
	margin-left:10px;
	width:auto;
	display:block;
	z-index : 5;
	margin-bottom:5px;
	margin-right : 5px;
	float:left;
	background-color: transparent;
	
}


.speedOverlay .yellowtext
{
	color: #FF9900;
	
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	font-size:18px;
	margin-left:10px;
	width:auto;
	display:block;
	z-index : 5;
	margin-bottom:5px;
	margin-right : 5px;
	float:left;
	background-color: transparent;
}


.speedOverlay .redtext
{
	color: #CC0000;
	
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	font-size:18px;
	margin-left:10px;
	width:auto;
	display:block;
	z-index : 5;
	margin-bottom:5px;
	margin-right : 5px;
	float:left;
	background-color: transparent;
}

.dashboard_trending
{
    border-collapse:collapse;
    font-size:11px;
    width:120px;
    float:right;
}

.dashboard_trending td
{
    border:1px solid #999;
    border-top:none;
    padding-left:4px;
    padding-right:4px;
}

.dashboard_trending .bg
{
    background-image:url(../img/bar_bg25.gif);
}

.dashboard_trending .bg span
{
    display:inline-block;
    height:12px;
    margin-bottom:4px;
    margin-left:5px;
    color:#333;
    
 }
 
 .dashboard_trending a
 {
     color:#999;
     text-decoration:none;
    display:inline-block;
    height:12px;
    margin-bottom:4px;
    margin-left:15px;
    color:#666;
 }
 
  .dashboard_trending a:hover
 {
     color:#2F79E8;
     text-decoration:underline;
    
 }


/* ---------------------------------------------------------------------------------------*/	


.tblColorBar
{ 
	font-size:10px;
	
	
}

.tblColorBar td
{
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:5px;
	
}


.trMenuMain td
{
    vertical-align:bottom;
}



.announcement
{
    width:100%;
    height:350px;
    background-color:#ffffff;
    background-image:url('../img/marketing/FMIRL_Traffic_Banner.png');
    position:relative;
    background-repeat: no-repeat;
}

.trMenuMain
{
    
}

.speedSignUS
{
    background:         transparent url(../img/icon_us_speed.png);
    background-repeat:  no-repeat;
    overflow:           hidden;
    margin:             2px;
    width:              23px;
    height:             23px;  
}

.speedSignUS .speedLimit
{
    text-align:center;
    color:#666666;
    font-weight: bold;
    /*
    font-family: Arial;
    font-size: 7pt;
    */
    margin-top:3px;            
}

.speedSignEU
{
    background:         transparent url(../img/icon_eu_speed.png);
    background-repeat:  no-repeat;
    overflow:           hidden;
    margin:             2px;
    width:              23px;
    height:             23px;  
}

.speedSignEU .speedLimit
{
    text-align:center;
    color:#666666;
    font-weight: bold;
    /*
    font-family: Arial;
    font-size: 7pt;
    */
    margin-top:3px;            
}

.tblfix
{
    float:left;
    clear:both;
}