﻿
#FleetEyeLogo
{
    background: url('../images/logos/fleeteye_logo_light.jpg');
}


.NavigationLink
{
    font-size: 150%;
    font-weight: normal;
    margin: 20px 0 20px 0;
    display: block;
}


/* Override the td padding-right on the AJAX Toolkit Calendar control to compensate for the default 15px padding in this style sheet. */
.ajax__calendar_container td
{
    padding-right: 0px
}




.vehicleListItem
{
    padding: 5px 10px 5px 10px;  
    color: #FFF;
	font-weight: bold;
    background: #9C0 url('../images/theme/menu.png') repeat-x;
}

.vehicleListItemSelected
{
    /* background: #f0f8da; */
    background: #333 url('../images/theme/menu-hover.png') repeat-x;
}




/* Prevent the BirdsEye popup from appearing on the maps. */
#MSVE_obliqueNotification {visibility: hidden;}







/* Intended for use with C1 WebSplitter. */
.C1WebSplitter table
{
    border-collapse: collapse;
}

.C1WebSplitter td
{
    padding: 0px;
}

.vehicleIcon
{
    width: 100px;   
}


tr
{
	vertical-align: top;
}

td
{
	padding-right: 15px;
}




body
{
	margin: 0;
	padding: 0;
	background: #FFF;
	font-family: "arial", "verdana", "tahoma", "times new roman";
	font-size: 90%;
	color: #444;
}


th
{
    padding-right: 20px;
}

#headercont
{
	margin: 0 auto;
	width: 100%;
	height: 100px;
}

#header
{
	margin: 0 auto;
	width: 950px;
	height: 100px;
}

#header h1
{
	text-align: right;
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 275%;
	/* color: #FF8000; */
	letter-spacing: -2px;
	font-weight: normal;
}

#header h1 span
{
	color: #FFF;
	font-weight: bold;
}

#menucont
{
	width: 100%;
	height: 40px;
}



#maincont
{
	margin: 0 auto;
	width: 100%;
	background: #FFF url('../images/theme/main.png') repeat-x;
	line-height: 150%;
}


#maincont h1, h2, h3, h4, h5
{
	border-bottom: 1px solid #CCC;
	margin: 0 0 15px 0;
	padding: 20px 0 10px 0;
	font-size: 200%;
	letter-spacing: -2px;
	font-weight: normal;
}
#maincont h6
{
	border-bottom: 1px solid #CCC;
	margin: 0 0 15px 0;
	padding: 0px 0 10px 0;
	font-size: 100%;
	font-weight: normal;
}

#maincont p
{
	margin: 0 0 15px 0;
	padding: 0;
}

#maincont a
{
	/* color: #FF8000; */
	text-decoration: none;
	font-weight: bold;
}

#maincont a:hover
{
	color: #333;
	text-decoration: none;
	font-weight: bold;
}


#main
{
	margin: 0 auto;
	width: 950px;
	padding: 30px 0 15px 0;
}



#footercont
{
	margin: 0 auto;
	width: 100%;
	line-height: 150%;
	font-size: 85%;
	font-weight: bold;
}

#footer
{
	margin: 0 auto;
	width: 950px;
	border-top: 1px solid #CCC;
	padding: 0 15px;
}

#footer p
{
	margin: 0;
	padding: 0;
}

#footer a
{
	/* color: #FF8000; */
	text-decoration: none;
}

#footer a:hover
{
	color: #333;
	text-decoration: none;
}

#footerleft
{
	float: left;
	width: 250px;
	padding: 15px 0;
}

#footerright
{
	float: left;
	width: 550px;
	padding: 15px 0;
	text-align: right;
}

.openEndedHighlight{background-color:ivory;border-top:1px solid whitesmoke;border-bottom:1px solid whitesmoke; padding:20px;}
.openEndedHighlightGreen{background-color:ivory;border-top:1px solid #99cc00;border-bottom:0px solid whitesmoke; padding:20px;}
.collectionReportTable td,.collectionReportTable th {font-size:10px;text-align:left;}
#toggleInfoBox{float: right;background-color:#ffffff;border-right: solid 1px lightgrey;border-bottom: solid 1px lightgrey;border-left: solid 1px lightgrey;text-decoration:none;padding:3px 5px 3px 5px;}
#infoBox{padding:2px;font-size:10px;border-right: solid 1px lightgrey;border-bottom: solid 1px lightgrey;border-left: solid 1px lightgrey; background-color: White; display: none;}
.vehicleTrackingTable th 
{
    font-size:11px;
    font-weight:bold;
    text-align:left;
    bborder-bottom:1px solid #C9CACA;
    BACKGROUND-image:url('/images/misc/trackingVehicleBK.png');
    background-repeat:repeat-x;
    padding:2px 2px 2px 7px;
}
.vehicleTrackingTableDiv
{
    font-size:11px;
    font-weight:bold;
    text-align:left;
    border-right:1px solid whitesmoke;
    border-bottom:1px solid #C9CACA;
    BACKGROUND-image:url('/images/misc/trackingVehicleBK.png');
    background-repeat:repeat-x;
    padding:2px 2px 2px 7px;
    float:left;
    display:inline-block;
}
.vehicleTrackingTable th.all, .vehicleTrackingTableShowAll
{
    BACKGROUND-image:url('/images/misc/trackingVehicleBKAll.png');
}
.vehicleTrackingTableData td, #vehicleTrackingTableData td
{
    font-size:11px;
    text-align:left;
    border-bottom:1px solid #C9CACA;
    border-right:1px solid #EFEFEF;
    padding:1px 1px 0px 8px; 
}
.navigateHome
{
    height:40px;
    width:auto;
    color:#ffffff;
    font-size:13px;
    font-weight:bold;
}
.openEndedHighlightBk{background-color:ivory;border-top:1px solid lightgrey;border-bottom:1px solid lightgrey; padding:10px 10px 7px 10px;color:#ffffff;}
.openEndedHighlight{background-color:ivory;border-top:1px solid whitesmoke;border-bottom:1px solid whitesmoke; padding:20px;}
.openEndedHighlightGreen{background-color:ivory;border-top:1px solid #99cc00;border-bottom:0px solid whitesmoke; padding:20px;}
.openEndedHighlightBkGreen{background-color:#99cc00;border-top:1px solid lightgrey;border-bottom:1px solid lightgrey; padding:10px;color:#ffffff;}
.backHomeLnk{display:block;float:left;height:25px;width:auto;padding-top:4px;}
.trackingImgBranding{text-align:center;padding:4px;}
.litLoginText{text-align: right; margin-top: 60px;}
.productLogoCSSText{color:#90c600;font-weight:normal;padding:1px 10px 1px 4px;border:1px solid #dee0e1;border-right:10px solid #90c600;width:auto;margin-left:auto;margin-right:auto;text-align:right;}
#popContacts {width:250px;height:150px;background-color:#f8f9f9;border:2px solid #c9caca;position:absolute;display:none;z-index:500;padding:10px; }
#contactPopUp {font-size:11px;text-align:left;padding-top:3px;}
#contactPopUp th {background-color:lightgrey;border-bottom:1px solid gray;padding:0px 2px 0px 3px;text-align:left; }
#contactPopUp td {border-bottom:1px solid lightgrey;padding:0px 2px 0px 3px; }
.jobNoteNotes{border:1px solid lightgrey;}
.jobNoteTitle{border-top:1px solid #90c600;padding:10px;padding-bottom:2px;background-color:whitesmoke;font-size:12px;}
.jobNoteDescription{padding-top:5px;padding:15px;padding-top:2px;background-color:whitesmoke;font-size:11px;}
a.popJobLink {text-decoration:none;color:Green;}
a.popJobLink:hover {text-decoration:underline;color:Green;}
#dialog-message {display:none;}
#dialog-message, .ui-dialog-buttonpane {font-family:arial;font-size:12px;}
.ui-dialog-titlebar {background-image:url('/images/misc/alertHBK.png');background-repeat:repeat-x;}
.ui-tabs
{
    font-family:Arial;
    font-size:12px;
    border-bottom-color:#ffffff;
}
#tabs.ui-widget-content
{
    background-color:transparent;   
    border-width:0px;
    background-image:url();
}
.ui-widget-header
{
    background-color:transparent;   
    border-width:0px;
    border-bottom:1px solid #cdc3b7;
    background-image:url();
}
.ui-widget-content .ui-state-active
{
     background-color:#ffffff;   
     background-image:url();
}
.ui-tabs .ui-tabs-nav LI A
{
    padding-top:0.3em;
    padding-bottom:0.3em;
}
.NavigationLink1
{
    font-size: 13px;
    font-weight: normal;
    /* padding: 10px 0 10px 0; */
    margin: 0px 0px 6px 0px;
    display:inline-block;
    width:90%;
}
.recycleSchemeTable{font-size:11px;}
.recycleSchemeTable td {padding:3px;text-align:center;font-weight:normal;}
.recycleSchemeTable tr {padding:3px;font-weight:bold;border-bottom:1px solid #99cc00;}
.recycleSchemeTable tr.trsummary td {background-color:whitesmoke;color:#000000;font-weight:bold;}
.exportText{font-size:12px;color:#ffffff;FLOAT:right;padding-top:5px;}
.exportLink{width:auto;float:right;padding-top:1px;}
.exportOverview{float:left;padding-top:5px;}
.OverviewHolder{height:26px;padding-top:5px;padding-right:5px;}
.footerSupport{font-size:12px;}

/* TREEVIEW */
.treeHolder{width:auto;height:auto;overflow:auto;}
.level1, .level2, .level3, .level4{width:22px;height:22px;display:inline-block;float:left;}
.level5{width:auto;height:22px;display:block;font-size:11px;}
.bkMinimise{background-image:url('/images/treeview/plusSmall.png'); background-repeat:no-repeat; background-position: 4px 4px;cursor:pointer;}
.bkExpand{background-image:url('/images/treeview/minusSmall.png'); background-repeat:no-repeat; background-position: 4px 4px;cursor:pointer;}
.line{background-image:url('/images/treeview/line.png'); background-repeat:no-repeat;}
.lineEnd{background-image:url('/images/treeview/lineEnd.png'); background-repeat:no-repeat;}
.lineDown{background-image:url('/images/treeview/lineDown.png'); background-repeat:no-repeat;}
.textTGreen{cursor:pointer;top:-1px;color:green;font-size:12px;}
.textTRed{cursor:pointer;top:-1px;color:red;font-size:12px;}
.textT{cursor:pointer;top:-1px;font-size:12px;}
.textTbold{cursor:pointer;top:-1px;font-weight:bold;color:#000000;}

.subHeader
{
    border-bottom:1px solid lightgray;padding:5px 5px 0px 5px;font-size:13px; font-weight:bold;margin-bottom:10px;
} 
.genericTable {font-size:12px;}
.genericTableSearch td {padding:3px;text-align:left;font-weight:normal;}
.genericBtn
{
    background-image:url('/images/misc/bkGrayBtn.png');background-repeat:repeat-x;border:1px solid #cecece;
    padding:4px 30px 4px 30px;font-weight:bold;font-size:12px;
}
.genericBtnSetWidth
{
    background-image:url('/images/misc/bkGrayBtn.png');background-repeat:repeat-x;border:1px solid #cecece;
    padding:2px 0px 2px 0px;font-weight:bold;font-size:12px;
    text-align:center;width:125px;display:inline-block;height:21px;
}
.actionLinks ul
{
    list-style-image: url(/images/misc/arrow.png);
    margin:0px 0px 0px -15px;
}
.spacer
{
    line-height:1px;
    height:12px;
}
.smallSideText{font-size:11px;color:gray;margin-left:10px;}

#maincont .MicrosoftMap .Infobox {
    border: 2px solid #6180a3;
}

    #maincont .MicrosoftMap .Infobox .infobox-info{
        font-size: 10px;
        margin-right: 4px;
        line-height:110%;
    }
            .MicrosoftMap .Infobox .infobox-info td:first-child {
            width: 100px;
            font-weight: bold;
        }

            #maincont .h2Items label {
                position:relative;
                top:-2px;
                font-size:12px;
                letter-spacing:0px;
                color:#000000;
            }

.smallSideText {
    font-size: 0.75rem;
    color: gray;
    border-left: 10px;
}

.pnlInfo {
    margin-top: 20px;
    background-color: ivory;
    border: #89ADCD 4px solid;
    padding: 20px;
    width: auto;
    font-size: 14px;
    text-align: center;    
}

.pnlAlert {
    background-color: #fffff0;
    border: #B82E00 4px solid;
    *border-top: #B82E00 7px solid;
    padding: 15px;
    width: auto;
    font-size: 11px;
    color: Gray;
    margin-bottom: 5px;
}

.pnlStop {
    margin-top: 20px;
    background-color: #fffff0;
    border: #B82E00 4px solid;
    *border-top: #B82E00 7px solid;
    padding: 20px;
    width: auto;
    text-align: center;
    font-size: 14px;
    color: Gray;
    text-transform: uppercase;
}