﻿
.NavigationLink
{
    font-size: 150%;
    font-weight: normal;
    /* padding: 10px 0 10px 0; */
    margin: 20px 0 20px 0;
    display: block;
    /*float: left;*/
}


/* 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: #9C0;
	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 p
{
	margin: 0 0 15px 0;
	padding: 0;
}

#maincont a
{
	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;
	color: #999;
}

#footer p
{
	margin: 0;
	padding: 0;
}

#footer a
{
	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;
}
.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;}
.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;}
.recycleSchemeTable, .invoiceSearchTable{font-size:11px;}
.recycleSchemeTable td {padding:3px;text-align:center;font-weight:normal;}
.invoiceSearchTable td {padding:3px;text-align:left;font-weight:normal;}
.recycleSchemeTable tr , .invoiceSearchTable tr{padding:3px;font-weight:bold;border-bottom:1px solid #99cc00;}
.recycleSchemeTable tr.trsummary td {background-color:whitesmoke;color:#000000;font-weight:bold;}
.chartCursor{cursor:hand;}
.vehicleTrackingTable th 
{
    font-size:11px;
    font-weight:bold;
    text-align:left;
    border-right:1px solid #C9CACA;
    border-bottom:1px solid #C9CACA;
    BACKGROUND-image:url('/images/misc/trackingVehicleBK.png');
    background-repeat:repeat-x;
    padding:2px 2px 2px 7px;
}
.vehicleTrackingTable th.all
{
    BACKGROUND-image:url('/images/misc/trackingVehicleBKAll.png');
}
.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;
}
.pnl1CSS{border-right:1px solid gray;border-bottom:1px solid gray;}
.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{background-color:#474747;text-align:center;padding:4px;text-align:center;}
.litLoginText{text-align: right; color: White; margin-top: 60px;}
.productLogoCSSText{color:#f89a45;font-weight:normal;padding:1px 10px 1px 4px;border:1px solid #dee0e1;border-right:10px solid #f89a45;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;}
.NavigationLink1
{
    font-size: 150%;
    font-weight: normal;
    /* padding: 10px 0 10px 0; */
    margin: 20px 0 20px 0;
    /*float: left;*/
}
.searchResults
{
    height:AUTO;
    width:800px;
    padding:15px;
    font-size:11px;
    background-color:ivory;
    border-top:1px solid lightgray;
    border-bottom:1px solid lightgray;
    margin-top:5px;
    margin-bottom:5px;
}
#addressSearchResults, #accountSearchResults
{
     overflow:auto;   
     max-height:200px;
     width:auto;
}
.actionLinks ul
{
    list-style-image: url(/images/misc/arrow.png);
    margin:0px 0px 0px -15px;
    *margin:5px 0px 0px 20px;
}
.docBox
{
    width:200px;
    text-align:center;
    display:block;
    border:1px solid #e5e5e5;
    background-color:#f7f7f7;
    padding:5px;
}
.subHeader
{
    border-bottom:1px solid lightgray;padding:5px 5px 0px 5px;font-size:13px; font-weight:bold;margin-bottom:10px;
}    
.InvoiceBtn
{
    background-image:url('/images/misc/bkGray.png');background-repeat:repeat-x;border:1px solid #cecece;
    padding:4px 30px 4px 30px;font-weight:bold;font-size:12px;*padding:3px 30px 3px 30px;
}
.InvoiceBtnSlim
{
    background-image:url('/images/misc/bkGray.png');background-repeat:repeat-x;border:1px solid #cecece;
    padding:4px 20px 4px 20px;font-weight:bold;font-size:12px;
}
.LargeBtn
{
    background-image:url('/images/misc/bkGrayLarge.png');background-repeat:repeat-x;border:1px solid #cecece;
    padding-top:10px;;font-weight:bold;font-size:12px;
    height:32px;
    width:200px;
    text-align:center;    display:block;
}
.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-corner-all
{
    border-radius:0px;
}
.ui-tabs .ui-tabs-nav LI A
{
    padding-top:0.3em;
    padding-bottom:0.3em;
}
.fontBold{font-weight:bold;}
.tdPriceCol{border-left:1px solid whitesmoke;border-right:1px solid whitesmoke;background-color:#faf8f7;}
.thPriceCol{border-left:1px solid whitesmoke;border-right:1px solid whitesmoke;background-color:whitesmoke;}
.showLinkTrue{display:block;}
.showLinkFalse{display:none;}
.gvTransactions th, .gvTransactions td{padding-right:3px;font-size:11px;}
.genericTable{font-size:11px;}
.genericTable th, .genericTable td {padding-right:3px;}
.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;}
/* POPUP MAP CSS */
.mapHolder{position:absolute;width:auto;height:auto;top:15px;left:15px;display:none;z-index:500;border:2px solid lightgray;}
.mapHandle{display:block;width:auto;height:20px;font-weight:bold;color:#ffffff;padding:5px;cursor:move;}
.mapInformation{display:block;width:auto;height:20px;background-color:ivory;border-top:1px solid whitesmoke; padding:3px;font-size:12px;}
.mapCloseBtn{float:right;display:block;width:10px;padding:4px;}
.mapInfoTitle{font-weight:bold;}

.gvJobsSort tr
{ 
    width:auto;
}
.gvJobsSort tr td
{ 
    display:block;
    padding:5px;
    font-size:11px;
    background-color:whitesmoke;
    border-bottom:1px solid lightgray;
    text-align:left;
    cursor:pointer;
}
#tabs .ui-state-highlight
{
    width:100%;
    display:inline-block;
    padding:10px;
    font-size:13px;
    background-color:ivory;
    height:30px;
}
.ui-dialog .ui-dialog-title
{
    font-size:13px;
}
.productHeader
{
    width:auto;
    text-align:center;
    font-size:12px;
    font-weight:bold;
}
.DeAssignX
{
    float:left;
    background:url('/images/map/popup/exit.gif') no-repeat 3px 3px;
    background-repeat:no-repeat;
    width:20px;
    height:20px;
    position:absolute;
}
#tabs .ui-corner-top{
            -moz-border-radius-topleft:0px;
            -webkit-border-top-left-radius:0px;
            -moz-border-radius-topright:0px;
            -webkit-border-top-right-radius:0px;
        }
#tabs .ui-state-default
{
	background-image:url();
	border-left-color:#ffffff;
	border-top-color:#ffffff;
	border-right-color:#ffffff;
	background-color:#ffffff;
	color:#62768D;
}
#tabs .ui-tabs-selected
{
	border-left-color:#cdc3b7;
	border-top-color:#cdc3b7;
	border-right-color:#cdc3b7;    
}
#tabs LI A
{
    color:#8495A9;
}
#tabs .ui-tabs-selected A 
{
    color:#000000;
}
.clientLogo{width:auto;height:auto;text-align:center;color:lightgray;}
.addressesClientLogin th{display:none;}
.subTotalCalcs td
{
    padding:5px;
    border-top:2px solid gray;
    background-color:whitesmoke;
    font-weight:bold;
}
.allTotalCalcs td
{
    padding:5px;
    border-top:2px solid whitesmoke;
    --background-color:gray;
    font-weight:bold;
    color:#ffffff;
}
.vehicleNameTag{display:inline-block;padding-left:5px;padding-right:5px;padding-top:0px;margin-top:0px;border-top-width:0px;text-align:center;top:-50px;left:-10px;background-color:brown;font-size:10px;color:#ffffff;}
.smallSideText{font-size:11px;color:gray;margin-left:10px;}
.smallSideTextLeft{font-size:11px;color:gray;}
.pnlHolder
{
    width:auto;height:auto;background-image:url(/images/panel/grid1.gif); background-repeat:repeat;font-size:11px;border:1px solid #E2E2E2;padding:15px 15px 15px 15px;
}
.pnlTitle
{
    border-bottom:1px solid lightgray;width:auto;font-weight:bold;font-size:13px;padding:0px 0px 0px 5px;color:Gray;
}
.stopPanel
{
    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;
    background-image:url(/images/panel/grid1.gif); background-repeat:repeat;
    color:Gray;
    text-transform:uppercase;
}
.quoteSectionConfirm
{
    margin-top:20px;
    background-color:#dee8f1;
    border:#89ADCD 4px solid;
    padding:10px;
    width:auto;
    font-size:14px;
    background-image:url(/images/panel/grid1.gif); background-repeat:repeat;
}
.quoteSectionConfirmNoLeft
{
    background-color:#dee8f1;
    border:#89ADCD 4px solid;
    padding:10px;
    width:auto;
    font-size:12px;
    background-image:url(/images/panel/grid1.gif); background-repeat:repeat;
    border-left-width:0px;
    border-right-width:0px;
}


#pnlQuickSearch, #pnlSupport
{
    width:auto;float:right;
    top:-30px;
    position:relative;
    text-align:right;
    z-index:10000;
}
#pnlQuickSearchInner
{
    background-color:ivory;
    border:#89ADCD 4px solid;
    border-top-width:0px;
    padding:5px;
    color:#000000;
    font-size:10px;
    background-image:url(/images/panel/grid1.gif); background-repeat:repeat;
}
.hr{height:1px;line-height:1px; width:auto; background-color:#cdc3b7; border-width:0px;margin-bottom:20px;}
.ui-button-icon-primary[OLD]{position:absolute;width:16px;height:16px;margin-top:3px;margin-left:-25px;background-image: url(/images/misc/ui-icons_454545_256x240.png); }
.ui-button-icon-primary{display:inline-block;margin:2px 5px 0px -22px;width:16px;height:16px;*position:absolute; }
.ui-button-icon-primary-Slim{display:inline-block;margin:2px 5px 0px -22px;width:16px;height:16px;*position:absolute; }
.imgCompanyLogo { margin-top: 25px;}
.imgProductLogo { margin-top: 20px;}
.homeBox
{
    width:auto;
    height:auto;
    color:#ffffff;
    font-size:12px;
    padding:7px;
    text-align:center;
    border:1px solid lightgray;
    text-transform:uppercase;
    font-weight:bold;
    cursor:pointer;
} 
.homeBoxIcon
{
    display:block;float:left;height:auto;width:30px;padding-top:2px;padding-left:12px;
}
.transactionBox{ width:auto;display:inline-block; width:50px;text-align:center;}
.transactionBoxKey { text-align:center; padding:2px 10px 2px 10px;font-size:11px;}
.BinCompletion, .TransType0{ background-color:whitesmoke;color:#000000; }
.BinCompletionOverweight, .TransType4{ background-color:gray; color:#ffffff; }
.SingleCollectionCompletion, .TransType1, #maincont .SingleCollectionCompletion a{ background-color:#89adcd;color:#ffffff; }
.SingleCharge, .TransType2{ background-color:#99cc00; color:#ffffff;  }
.DutyofCare, .TransType3{ background-color:orange; color:#ffffff; }
.EmptyBinCharge, .TransType5{ background-color:#B88A00; color:#ffffff; }
.BinCompletionCharge, .TransType7{ background-color:#b82e00; color:#ffffff; }
.CreditNote, .TransType6{ background-color:#CC33FF; color:#ffffff; }
.SelfContainedCharge, .TransType8{ background-color:#0099CC; color:#ffffff; }
.UnOrderedCollectionItem{ background-color:red;color:#ffffff; }

.popHolder{display:none;padding:5px;background-color:ivory;border:1px solid lightgray;margin:10px 3px 10px 0px}

.imageItem
{
    width:415px;
    font-size:11px;
    border:transparent 4px solid;
    display:inline-block;
    padding:5px;
    float:left;
    margin-right:5px;
    margin-top:5px;
}
.imageItemGlobal
{
    background-color:#dee8f1;
    border:#89ADCD 4px solid;
    width:415px;
    padding:5px;
    font-size:11px;
    display:inline-block;
    float:left;
    margin-right:5px;
    margin-top:5px;
}
.images
{
    border:1px dotted lightgray;
    padding:15px;
    background-color:ivory;
}
.image
{
    border:2px solid lightgray;
}

#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
         max-width:500px;
}

#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
                 max-width:500px;
}

#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
                 max-width:500px;
}
.titleCloseBtn
{
    float:right;
    letter-spacing:normal;
    cursor:pointer;   
    *top:-25px;
    *position:relative;
}
.mcompleteinvoiceType, .mcompleteinvoiceType8, .mcompleteinvoiceType9, .mcompleteinvoiceType10, .mcompleteinvoiceType11
{
    width:auto;
    background-color:Gray;
    display:block;
    color:#ffffff;
}
.mcompleteinvoiceType999, .mcompleteinvoiceTypeTrue
{
    width:auto;
    background-color:#89adcd;
    display:block;
    color:#ffffff; 
}
.keyCustomer
{
    width:auto;
    background-color:Orange;
    display:block;
    color:#ffffff; 
}
.Brooker
{
    width:auto;
    background-color:pink;
    display:block;
}
.helpFileIcon
{
    margin-top:10px;
    margin-right:5px;
}
.pagerLinks td
{
    padding-right:0px;
}
.pagerLinks a
{
    display:inline-block;
    background-color:whitesmoke;
    border:1px solid lightgray;
    text-align:center;
    color:Black;
    margin-right:2px;
    width:25px;
    margin-top:5px;
}
.pagerLinks span
{
    display:inline-block;
    background-color:#EAEAEA;
    border:1px solid lightgray;
    text-align:center;
    color:Black;
    margin-right:2px;
    width:25px;
    margin-top:5px;
}

.modHeader{ margin-bottom:2px;}
.modValues{ margin:10px 5px 10px 55px;}
.modValues table { border-right:#e6e6e6 1px solid;border-top:#e6e6e6 1px solid;}
.modValues table th { border-bottom:#e6e6e6 1px solid;border-left:#e6e6e6 1px solid;padding:4px 6px 4px 6px;font-size:11px;color:gray;text-align:left;}
.modValues table td { border-bottom:#e6e6e6 1px solid;border-left:#e6e6e6 1px solid;padding:4px 6px 4px 6px;font-size:11px;}

h1 .Btn, h1 .BtnLeft{
    font-size:12px;
    letter-spacing:0px;
    font-weight:normal;
}

.dateField{
    width:125px;
    margin-right:5px;
}

.LargeBtn2, #maincont a.LargeBtn2, .ui-widget-content a.LargeBtn2 {
    background-image: url('/images/misc/bkBlue1.png');
    background-repeat: repeat-x;
    border: 1px solid #DBDBDB;
    padding-top: 12px;
    font-weight: normal;
    height: 30px;
    padding: 10px 22px 0px 22px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
    color: #ffffff;
}

    .LargeBtn2:hover, #maincont a.LargeBtn2:hover, .ui-widget-content a.LargeBtn2:hover {
        background-image: url('');
        background-repeat: repeat-x;
        border: 1px solid #DBDBDB;
        background-color: #96C0FF;
        padding-top: 12px;
        font-weight: normal;
        height: 30px;
        padding: 10px 22px 0px 22px;
        text-align: center;
        display: inline-block;
        text-transform: uppercase;
        font-size: 13px;
        cursor: pointer;
    }

    
.ui-datepicker {
    font-size: 11px;
}

ui-widget-content .ui-datepicker-week-end .ui-state-default {
    background-color: whitesmoke;
    color: #000000;
    background-image: none;
}

.ui-datepicker-calendar tr td:nth-child(5) {
    padding-right: 8px;
}

.ui-datepicker-calendar tr td:nth-child(6) {
    padding-left: 8px;
    border-left: 1px solid lightgray;
}



/* ch 21-10-2016 Date picker size added back in */
.ui-datepicker {
    font-size: 17px;
}

    .ui-datepicker td span, .ui-datepicker td a {
        padding: 5px;
        font-size: 11px;
    }

    .ui-datepicker th span, .ui-datepicker th a {
        font-size: 11px;
    }

.ui-datepicker-month, .ui-datepicker-year {
    font-size: 12px;
    text-transform: uppercase;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1.5em;
}


#pnlProgressBar {
    padding: 10px;
}

    #pnlProgressBar .runBar {
        width: 100%;
        height: 10px;
        background-color: #CCCCCC;
    }

    #pnlProgressBar .runBarPercentage {
        width: 100px;
        height: 10px;
        display: block;
        float: left;
        background-color: #0078D7;
    }