@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal;
	background: #cbdde2 url(../images/bkg.png) top left repeat-x;
	margin: 0;
	padding: 0;
	color: #000; 
}


a img { 
	border: none;
}

/*a:link {
	color: #42413C;
	text-decoration: underline;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}*/

/* ~~ this fixed width container surrounds all other elements ~~ */

#mainContainer {width: 1060px;
	margin: 0 auto;}
.container {
	width: 1060px;
	margin: 0 auto; background:url(../images/mainBkg.png) 0px 10px no-repeat; height: 714px;

}


.content {

	padding: 0px 0; margin-left: 48px;
}
.content .hdr {float: left; width: 954px;}
.content .hdr .logo {float: left; width: 143px; margin-left: 24px; margin-top: 10px;}



.content .hdr .right .topRight {float: right; font-size: 11px; font-weight:normal; color: #888888; margin-top: 10px; width: 650px;}
.content .hdr .right .topRight .lftSide {float: left; margin-top: 4px; margin-left: 0px;}
.content .hdr .right .topRight .midSide {float: left; margin-left: 15px; margin-top: 0px;}
.content .hdr .right .topRight .rtSide {float: right;margin-top: 6px;}
.content .hdr .right .topRight a, .content .hdr .right .topRight a:link, .content .hdr .right .topRight a:visited, .content .hdr .right .topRight a:active {font-size: 11px; font-weight:normal; color: #888888; text-decoration:none;}
.content .hdr .right .topRight a:hover {color: #52cb74; text-decoration:underline;}
.content .hdr .right .topRight .txtHdr {color: #52cb74; margin-top: 3px; float: left; margin-left: 90px;}
.content .hdr .right .topRight input {color: #8d8c8c; font-size: 11px; border: none; background: none; margin-left: 10px; margin-top: 4px; width: 150px;}


.content .hdr .right .bttmRight {float:right; width: 288px; clear:both; margin-top: 0px; color: #a7a7a7; padding-left: 12px; height: 21px; }

.content .hdr .right .bttmRight ul {margin:0px 0px 0px 50px; padding:5px 0px 0px 0px;float: right;}
.content .hdr .right .bttmRight ul li {list-style-type: none; display: inline; margin:0; padding:8px; background:url(../images/nav_sep.gif) right 11px no-repeat; text-align:center;}
.content .hdr .right .bttmRight ul li.last {background: none;}
.content .hdr .right .bttmRight ul li a, .content .hdr .right .bttmRight ul li a:link, .content .hdr .right .bttmRight ul li a:visited, .content .hdr .right .bttmRight ul li a:active {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color: #a7a7a7; text-decoration: none; text-align:center; padding-right: 3px; padding-left: 3px;}
.content .hdr .right .bttmRight ul li a:hover {text-decoration: none; color: #52cb74;}
.content .mainCont {float: left; width: 954px; height:569px; }
.content .mainCont .left {float: left; width: 22px; height: 500px; margin-top: 123px; margin-left: 5px;}
.content .mainCont .mid {float: left; width: 920px; height: 425px;}
.content .mainCont .mid .topHdrItems {width: 920px; height: 60px; float:left; margin-top: 3px;}
.content .mainCont .mid .topHdrItems .leftSide {float: left; width: 200px;}
.content .mainCont .mid .topHdrItems .leftSide .breadcrumbs {float: left; font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #919191;}
.content .mainCont .mid .topHdrItems .leftSide .breadcrumbs a, .content .mainCont .mid .topHdrItems .leftSide .breadcrumbs a:link, .content .mainCont .mid .topHdrItems .leftSide .breadcrumbs a:visited, .content .mainCont .mid .topHdrItems .leftSide .breadcrumbs a:active {color: #919191; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 10px;}
.content .mainCont .mid .topHdrItems .leftSide .breadcrumbs a:hover {text-decoration: underline; color: #52cb74;}
.content .mainCont .mid .topHdrItems .leftSide .hdrTxt {float: left; width: 200px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 24px; color: #908f8f; clear:both;}
.content .mainCont .mid .topHdrItems .middle {float: left; width: 320px; margin-top: 13px;}

.content .mainCont .mid .topHdrItems .middle ul {float: left; margin: 0; padding:0;}
.content .mainCont .mid .topHdrItems .middle ul li {list-style-type: none; display: inline; height: 42px; float:left;}
.content .mainCont .mid .topHdrItems .middle ul li.bigTxt {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight:normal; color: #757575; padding-top: 3px;}
.content .mainCont .mid .topHdrItems .middle ul li a, .content .mainCont .mid .topHdrItems .middle ul li a:link, .content .mainCont .mid .topHdrItems .middle ul li a:visited, .content .mainCont .mid .topHdrItems .middle ul li a:active {float: left; text-decoration: none; font-size: 14px; font-weight:normal; color: #757575; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center;width: 25px; height: 39px; padding-top: 3px;}
.content .mainCont .mid .topHdrItems .middle ul li a:hover {text-decoration: none; background:url(../images/green_tab.png) top left no-repeat; color: #fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight:normal; width: 25px; height: 39px; float:left; text-align:center; padding-top: 3px;}
.content .mainCont .mid .topHdrItems .middle ul li.navOn {background:url(../images/green_tab.png) top left no-repeat; color: #fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight:normal; width: 25px; height: 39px; float:left; text-align:center; padding-top: 3px;}
.content .mainCont .mid .topHdrItems .middle ul li .smTxt {font-size: 10px;}
.content .mainCont .mid .topHdrItems .rtSide {float: right; color: #14a976; font-size:10px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-top: 35px; margin-right: 5px;}


/* Styles for the table, items above the table and below the header */

.content .mainCont .mid .mainTable {float: left; width: 914px;}
.content .mainCont .mid .mainTable .topTable {float: left; width: 810px; margin-top: 10px;}
.content .mainCont .mid .mainTable .topTable .topLeft {float: left; color: #14a976; font-size: 14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; line-height:18px; margin-top: 0px; margin-left: 20px;}
.content .mainCont .mid .mainTable .topTable .topMid {float: left;}
.content .mainCont .mid .mainTable .topTable .topMid ul {float: left; padding: 0; margin: 13px 0px 0px 60px; height: 22px;}
.content .mainCont .mid .mainTable .topTable .topMid ul li {list-style-type: none; display: inline;}
.content .mainCont .mid .mainTable .topTable .topMid ul li a, .content .mainCont .mid .mainTable .topTable .topMid ul li a:link, .content .mainCont .mid .mainTable .topTable .topMid ul li a:visited, .content .mainCont .mid .mainTable .topTable .topMid ul li a:active {float: left; background: #ebebeb; color: #a1a0a0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; text-decoration: none; height: 16px; padding: 4px 5px 4px 5px; border-right: 1px solid #fff;}
.content .mainCont .mid .mainTable .topTable .topMid ul li a:hover {float: left; background: #ebebeb; color: #87c9b2; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; text-decoration: none; height: 16px; padding: 4px 5px 4px 5px; border-right: 1px solid #fff;}
.content .mainCont .mid .mainTable .topTable .topMid ul li.selected {text-transform: uppercase; color: #fff; font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; width: 140px; height: 17px; float:left; background:url(../images/selected_rt.gif) top right no-repeat; padding-top: 5px; padding-left: 10px; padding-bottom: 3px;}

.content .mainCont .mid .mainTable .topTable .topMid ul li .darker {color: #666;}

.content .mainCont .mid .mainTable .topTable .topMid ul li.firstOne {background:url(../images/gray_arrow2_lft.gif) top left no-repeat; height: 22px; float:left; width: 13px;}
.spacer { display: block; }
.content .mainCont .mid .mainTable .tableRt {float: right; width: 84px; height: 500px; margin-top: -35px;}

.content .mainCont .mid .mainTable .tableLft #schedule_board_head { width: 830px; }
.content .mainCont .mid .mainTable .tableLft #schedule_board_footer { width: 830px; }

.content .mainCont .mid .mainTable .tableLft {float: left; width: 830px; height: 430px; margin: 0; padding: 0; }
.content .mainCont .mid .mainTable .tableLft #schedule_board_scroll {height: 390px; margin: 0; padding: 0; overflow-y: auto; overflow-x: hidden; }
.content .mainCont .mid .mainTable .tableLft #schedule_board {width: 814px; height: 410px; margin:4px 0px 0px 0px; }
.content .mainCont .mid .mainTable .tableLft #schedule_board tbody { }
.content .mainCont .mid .mainTable .tableLft #schedule_board tbody tr.schedule_row { height: 60px; }
.content .mainCont .mid .mainTable .tableLft #schedule_board tbody tr td {padding:0; white-space:nowrap}
.content .mainCont .mid .mainTable .tableLft th {font-size: 10px; font-weight:bold; color: #aaaaaa;background: #d7f0e7; white-space:nowrap; width: 60px; border-right: 1px solid white; }
.content .mainCont .mid .mainTable .tableLft th.end_time { border-right: none; }
.content .mainCont .mid .mainTable .tableLft th.time_head { }
.content .mainCont .mid .mainTable .tableLft th.first {background: #d7f0e7 url(../images/green_top_left.gif) top left no-repeat; height:16px; width: 6px; border-bottom: none; border-right: none;}
.content .mainCont .mid .mainTable .tableLft td.first {width: 6px;  }
.content .mainCont .mid .mainTable .tableLft th.first_btm {background: #d7f0e7 url(../images/green_bttm_left.gif) top left no-repeat; height:16px; width: 6px; border-right: none; white-space:nowrap; border-bottom: none;}
.content .mainCont .mid .mainTable .tableLft th.topEnd {background:url(../images/rt_green_top.gif) top left no-repeat; width: 16px; height:16px; border-right: none;}
.content .mainCont .mid .mainTable .tableLft th.bttmEnd {background:url(../images/bttm_gray_rt.gif) top left no-repeat; width: 16px; height:16px; border-right: none;}
.content .mainCont .mid .mainTable .tableLft th.truck_head { width: 26px; }
.content .mainCont .mid .mainTable .tableLft th.truck_footer { width: 26px; }
.content .mainCont .mid .mainTable .tableLft td.truck { width: 26px; border-right: 2px solid #d7f0e7; }
.content .mainCont .mid .mainTable .tableLft #schedule_board td {  }
.content .mainCont .mid .mainTable .tableLft #schedule_board td.stripes {background:url(../images/stripes.gif) top left no-repeat; width: 64px; height:11px;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.stripes2 {background:url(../images/striped_arrow.gif) top left no-repeat; width: 36px; height:11px;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.grays1 {background: #e0e0e0; border-right: 1px solid #c8c8c8; height: 11px;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.grays2 {background: #b0b0b0; color: #fff; height: 11px;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.graysArrow {color: #fff; background:#b0b0b0 url(../images/gray_arrow1.gif) top left no-repeat; width: 10px; height: 14px;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.greenArrow {color: #fff; background:#d7f0e7 url(../images/green_arrow1.gif) top right no-repeat; width: 10px; height: 14px; border-left: 1px solid #d7f0e7;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.greenBorder {border-left: 1px solid #d7f0e7;}
.content .mainCont .mid .mainTable .tableLft #schedule_board td.grayBorder {border-left: 1px solid #d7d7d7;}

.content .mainCont .mid .mainTable .tableLft th.bkg1 {background: #c3dcd3; border-right: 1px solid #e0e0e0;}
.content .mainCont .mid .mainTable .tableLft .colored1 {color: #14a976; font-weight:normal; text-align:right; background:none;}
.content .mainCont .mid .mainTable .tableLft .colored2 {color: #0bca9d; font-weight:bold; text-align:right;}
.content .mainCont .mid .mainTable .tableLft .colored3 {color: #f6cd30; font-weight:bold; text-align:right;}
.content .mainCont .mid .mainTable .tableLft .colored4 {color: #f63737; font-weight:bold; text-align:right;}
.content .mainCont .mid .mainTable .tableLft .leftSide {text-align:right; border-bottom: none;  }
.content .mainCont .mid .mainTable .tableLft .leftSide .number {line-height: 12px; font-weight: bold; color: #fff; background: #8d8d8d url(../images/left_round_gray.png) top left no-repeat; width: 16px; height: 11px; float:right; padding-right: 2px; }

#unscheduled_deliveries_wrapper {background: #c5eadd; width: 100px; height: 478px; background: url(../images/ud_background.png) top left repeat-y; margin-left: 0px; border:none;}
#unscheduled_deliveries_wrapper .topHdr {width: 100px; height: 17px;}
.bttmUd {background:url(../images/ud_bttm.gif) bottom left no-repeat white; width: 98px; height: 17px; margin-left: 0px; margin-top: 0px;}
.unscheduled_deliveries_header {font-size: 11px; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #57ad8f; text-align:center; width: 100px; /*background:url(../images/ud_bkg2.gif) top left repeat-y;*/}
#unscheduled_deliveries_count {font-size: 14px; font-weight:bold; clear:both;}
.unscheduled delivery {margin-left: 25px;}
.delivery_data {border: none; color: #666; }
.unscheduled_delivery_route {color: #fff; font-weight:bold; background: url(../images/gray_arrow_tx_long.png) top right no-repeat; height:11px; line-height: 10px;}
#unscheduled_deliveries .delivery {
    margin-left: auto;
    margin-right: auto;
}
.delivery {
    padding: 5px;
    border-left: 1px solid #C5EADD; border-right: 1px solid #C5EADD;
}
.currentTime {font-size:10px; color: #7a7a7a; font-weight:normal;}


.min-15_slot {
    font-size: 9px;
    font-weight:bold;
    color: #666666;
    width: 15px;
    overflow: hidden;
    vertical-align: top;
}

.min-15_slot .unscheduled_bar {
    background: #d7f0e7 no-repeat scroll right top;
    color: #FFFFFF;
    font-weight: bold;
    height: 11px;
    line-height: 10px;
    display: block;
    margin-top: 5px;
}

*:first-child+html .content .hdr .right .topRight .midSide {float: left; margin-left: 110px;}
*:first-child+html .content .hdr .right .bttmRight {margin-top: 55px;}
*:first-child+html .content .mainCont {margin-top: 0px;}




*:first-child+html .content .hdr .right .bttmRight ul li {background:url(../images/nav_sep.gif) right 10px no-repeat;}
*:first-child+html .content .hdr .right .bttmRight ul li.last {background: none;}

*:first-child+html .bttmUd {background:url(../images/ud_bttm.gif) bottom left no-repeat; width: 98px; height: 17px; margin-top: 0px; float: right;}
*:first-child+html .content .mainCont .mid .topHdrItems {width: 920px; height: 60px; float:left; margin-top: 18px; padding-top: 28px;}
*:first-child+html .content .mainCont .mid .topHdrItems .rtSide {margin-top: 19px;}

.content .hdr .right .bttmRight ul{margin:0px 0px 0px 25px\0/; padding:0\0/;}

/* Safari Hacks*/ 
@media screen and (-webkit-min-device-pixel-ratio:0){

.content .mainCont .mid .mainTable .tableLft #schedule_board {margin:25px 0px 0px 0px;}
.content .hdr .right .bttmRight {float:right; width: 288px; clear:both; margin-top: 0px; color: #a7a7a7; padding-left: 27px; padding-top: 0px;}
.content .hdr .right .bttmRight ul li {list-style-type: none; display: inline; margin:0; padding:8px; background:url(../images/nav_sep.gif) right 7px no-repeat; text-align:center;}
.content .hdr .right .bttmRight ul li a, .content .hdr .right .bttmRight ul li a:link, .content .hdr .right .bttmRight ul li a:visited, .content .hdr .right .bttmRight ul li a:active {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color: #a7a7a7; text-decoration: none; text-align:center; padding-right: 2px; padding-left: 2px;}
.content .hdr .right .bttmRight ul li a:hover {text-decoration: none; color: #52cb74;}

}
.delivery {
    height: 70px;
    margin-top: 5px;
    padding: 5px;
    width: 50px;
    overflow: hidden;
}

.delivery span {
    display: block;

}

.tooltip {
	display:none;
	background:url(/images/tooltip.png);
	height:158px;
	padding:10px;
	width:205px;
	font-size:11px;
}

#unscheduled_deliveries_wrapper {
    height: 465px;
}

#unscheduled_deliveries {
    height: 390px;
    width: 79px;
    overflow: auto;
    margin-top: 8px;
    margin-left: 9px;
}

/* Firefox Hacks */

@-moz-document url-prefix()
{

.content .hdr .right .bttmRight {float:right; width: 288px; clear:both; margin-top: 0px; color: #a7a7a7; padding-left: 27px; padding-top: 0px;}
.content .hdr .right .bttmRight ul li {list-style-type: none; display: inline; margin:0; padding:8px; background:url(../images/nav_sep.gif) right 8px no-repeat; text-align:center;} 
.content .mainCont .mid .topHdrItems .middle {float: left; width: 320px; margin-top: 9px;}
.content .mainCont .mid .topHdrItems .rtSide {float: right; color: #14a976; font-size:10px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-top: 30px;}
.content .mainCont .mid .mainTable .topTable .topMid ul li a, .content .mainCont .mid .mainTable .topTable .topMid ul li a:link, .content .mainCont .mid .mainTable .topTable .topMid ul li a:visited, .content .mainCont .mid .mainTable .topTable .topMid ul li a:active {padding: 4px 5px 2px 5px;}
.content .mainCont .mid .mainTable .topTable .topMid ul li a:hover {padding: 4px 5px 2px 5px;}
.content .mainCont .mid .mainTable .topTable .topMid ul li.selected {text-transform: uppercase; color: #fff; font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; width: 140px; height: 17px; float:left; background:url(../images/selected_rt.gif) top right no-repeat; padding-top: 5px; padding-left: 10px; padding-bottom: 3px;}

.content .hdr .right .bttmRight ul li a, .content .hdr .right .bttmRight ul li a:link, .content .hdr .right .bttmRight ul li a:visited, .content .hdr .right .bttmRight ul li a:active {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color: #a7a7a7; text-decoration: none; text-align:center; padding-right: 2px; padding-left: 2px;}
.content .hdr .right .bttmRight ul li a:hover {text-decoration: none; color: #52cb74;}

}