BODY,DIV,TABLE,TD,SPAN,P{color: #000000;font-family: "Trebuchet MS",Arial,sans-serif;font-size: 15px;}
BODY{background-color:#1B3664}
IMG{border:none;}

A{COLOR:#1b3664;font-weight:bold;text-decoration:none;font-family:"Trebuchet MS",Arial,sans-serif;font-size:15px;}
A:hover {COLOR:#1b3664;font-weight:bold;text-decoration:underline;font-family:"Trebuchet MS",Arial,sans-serif;font-size:15px;}

h1{display:block;margin:2px 0px;padding:2px 0px 2px 0px;text-align:left;font-size:20px;color:#000000;font-weight:normal;font-family: "Trebuchet MS",Arial,sans-serif;text-transform:uppercase}
h2{display:block;margin:2px 0px;padding:2px 0px 2px 0px;text-align:left;font-size:16px;color:#000000;font-weight:bold;font-family: "Trebuchet MS",Arial,sans-serif;text-transform:none;border-bottom:2px solid #000000}
h3{font-family: "Trebuchet MS",Arial,sans-serif;margin:0px;padding:0px;color:#000000;font-size: 20px;}
h4{font-family: "Trebuchet MS",Arial,sans-serif;margin:0px;padding:0px;color:#000000;font-size: 18px;}
h5{font-family: "Trebuchet MS",Arial,sans-serif;margin:0px;padding:0px;color:#000000;font-size: 15px;}
h6{font-family: "Trebuchet MS",Arial,sans-serif;margin:0px;padding:0px;color:#000000;font-size: 15px;}
P{margin:0px;}

.print-only{display:none}

/*MAIN LAYOUT*/

.header_cell{padding:0px;position:fixed;top:0px;width:100%;height:75px;z-index:3}
.header_cell .logo{text-align:center;}
.header_cell .logo IMG{max-width:100%}
.header_cell .navigation{padding:1px 0px;text-align:center;background:#669B41;z-index:100 !important;position:fixed;top:0px;left:0px;width:100%;}

.navigation{padding:0px;background:#669B41;border-bottom:2px solid #1B3664;}
.navigation .container{padding:0px;}
.navigation .navbar-collapse{padding:0px;}
.navigation .navbar-default{background:transparent;border:none;float:left;}
.navigation .navbar{padding:0px;margin:0px;min-height:auto;}
.navigation .navbar LI{margin:0px;padding:0px;}
.navigation .navbar LI A{border:1px solid #669B41;border-bottom:none;background: #669B41 none repeat scroll 0 0;color: #ffffff;font-family: arial,sans-serif;font-size: 20px;font-weight: normal;line-height: 50px;margin: 0;padding: 10px 15px;text-align: left;text-decoration: none;}
.navigation .navbar LI A:hover,
.navigation .navbar LI A:focus,
.navigation .navbar LI A:active{border:1px solid #669B41;border-bottom:none;background: #669B41 none repeat scroll 0 0;color: #ffffff;font-family: arial,sans-serif;font-size: 20px;font-weight: normal;line-height: 50px;margin: 0;padding: 10px 15px;text-align: left;text-decoration: none;}
.navigation .navbar LI A.selected,
.navigation .navbar LI A.selected:hover,
.navigation .navbar LI A.selected:focus,
.navigation .navbar LI A.selected:active{border:1px solid #669B41;border-bottom:none;background: #669B41 none repeat scroll 0 0;color: #ffffff;font-family: arial,sans-serif;font-size: 20px;font-weight: normal;line-height: 50px;margin: 0;padding: 10px 15px;text-align: left;text-decoration: none;}
.navigation .navbar-nav .open .dropdown-menu > li > a {line-height:50px;padding:10px 15px;color:#FFFFFF}
.navigation .navbar-nav .open .dropdown-menu > li > a:hover {line-height:50px;padding:20px 15px;color:#FFFFFF}
.navigation .navbar LI .caret{color:#FFFFFF;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 10px solid;margin-left: 5px;}
.navigation .navbar-default .navbar-nav > .open > a, 
.navigation .navbar-default .navbar-nav > .open > a:focus, 
.navigation .navbar-default .navbar-nav > .open > a:hover {background-color: #669B41;color: #FFFFFF;}
.navigation .navbar LI.logo IMG{height:70px;margin:0px 0px 0px 0px;display:inline-block;}
.navigation .navbar UL.dropdown-menu{padding:0px;}
.navigation .navbar UL.dropdown-menu LI{border-top:1px solid #FFFFFF;}

.content_cell{background:#E8F1D7;position:fixed;margin:73px 0px 75px 0px;top:0px;bottom:0px;overflow:auto;padding:0px 0px;width:100%;z-index:1}

.footer{background:#669B41;padding:15px;border-top:2px solid #1B3664;position:fixed;bottom:0px;width:100%;height:75px;z-index:2}
.footer_info{font-size:24px;color:#FFFFFF;text-align:center;margin:5px;}

/*popup*/
#popup_bg{display:none;position:fixed;top:0px;bottom:0px;left:0px;right:0px;z-index:200;background:#000000;opacity:0.5}
#popup{display:none;position:fixed;top:100px;bottom:100px;left:25px;right:25px;background:#E8F1D7;border:5px solid #1B3664;border-radius:5px;z-index:300}
#popup_heading{background:#1B3664;height:35px;width:100%;position:absolute;top:0px;left:0px;z-index:200}
#popup_headline{position:absolute;top:5px;left:5px;font-size:20px;line-height:25px;color:#FFFFFF;}
#popup_close{position:absolute;top:5px;right:5px;}
#popup_close A{display:inline-block;padding:0px 5px;height:20px;line-height:20px;text-align:center;background:#FFFFFF;color:#1B3664;border-radius:5px;text-decoration:none;}
#popup_close A:hover{display:inline-block;padding:0px 5px;height:20px;line-height:20px;text-align:center;background:#FFFFFF;color:#1B3664;border-radius:5px;text-decoration:none;}
#popup_content{padding:40px 10px 10px 10px;background:#E8F1D7;color:#000000;height:100%;overflow:auto;overflow-x:hidden;overflow-y:auto;z-index:100}
#popup .loading{background:url('/images/loader.gif') center center no-repeat #E8F1D7;min-height:300px;}
#popup .loading *{opacity:.50;-moz-opacity:.50;-webkit-opacity:.50}

#popup A{color:#1b3664}
#popup .box{margin:5px 0px 15px 0px;}
#popup .box H2{font-size:14px;font-weight:bold;border-bottom:2px solid #000000;text-transform:uppercase;}
#popup .box .box_inner{padding:5px 0px;}
#popup .box .box_inner_max{max-height:150px;overflow:auto;}
#popup .box .box_inner TABLE.table{width:100%;}
#popup .box .box_inner TABLE.table TD{border:none;padding:3px 0px;border-bottom:1px dotted #CFCFCF}
#popup .box .box_inner_actions A,
#popup .box .box_inner_actions A:hover{margin:0px 5px;clear:none;border:1px solid #CCCCCC;padding:3px;color:#FFFFFF;font-weight:bold;background:#373737;cursor:pointer;line-height:20px;display:inline-block;text-decoration:none;}
#popup .box .box_inner_actions INPUT.button,
#popup .box .box_inner_actions BUTTON.button,
#popup .box .box_inner_actions A.button,
#popup .box .box_inner_actions A.button:hover,
#popup .box .box_inner_actions A.button:active{margin:0px 0px;clear:none;border:1px solid #CCCCCC;padding:3px;color:#FFFFFF;font-weight:bold;background:#373737;cursor:pointer;line-height:20px;display:inline-block;text-decoration:none;width:100%}
#popup .box .box_inner_actions INPUT.text{width:100%;margin:0px 0px;}
#popup .box .box_inner_actions TEXTAREA{width:100%;margin:0px 0px;}
#popup .box .box_inner_actions SELECT{width:100%;margin:0px 0px;}


#popup .box FORM DIV.row>DIV{margin:2px 0px;}
#popup .box FORM DIV.row>DIV.loading{min-height:auto;background:transparent;}

#popup .box .image IMG{max-width:100%;} 

#popup .boxed{margin:5px 0px;padding:5px;border:1px solid #000000;background:#B8D1B7}


/*auto complete*/
DIV.auto_complete{position:relative;display:inline;}
DIV.auto_complete_results {position:absolute;top:20px;left:0px;background:transparent;border:none;z-index:10000;width:100%;}
DIV.auto_complete_results_content {background:#FFFFFF;height:150px;overflow:hidden;overflow-y:auto;border:1px solid #999999;z-index:10001;font-weight:normal;}
DIV.auto_complete_results_content DIV.auto_complete_results_content_none {margin:30px 10px;text-align:center;font-weight:bold;}
DIV.auto_complete DIV.auto_complete_results_content A{color:#666666;text-decoration:none;font-size:11px;display:block;text-align:left;padding:1px;margin:0px;font-weight:normal;}
DIV.auto_complete DIV.auto_complete_results_content A:hover{text-decoration:none;background:#E3E3E3;font-weight:normal;}
DIV.auto_complete DIV.auto_complete_results_content A.cur{text-decoration:none;background:#E3E3E3;font-weight:normal;}
DIV.auto_complete DIV.auto_complete_results_content .header{color:#E5E5FF;background:#666666;text-decoration:none;font-size:11px;text-align:center;padding:3px;margin:0px;font-weight:bold;}
DIV.auto_complete DIV.auto_complete_results_content .empty{color:#000000;text-align:center;font-weight:bold}


/*forms*/
FORM{display:inline;}
INPUT.text{border:1px solid #000000;background:#FFFFFF;color:#000000;font-size:14px;width:300px;}
INPUT.password{border:1px solid #000000;background:#FFFFFF;color:#000000;font-size:14px;width:300px;}
INPUT.file{border:1px solid #000000;background:#FFFFFF;color:#000000;font-size:14px;}
INPUT.checkbox{}
INPUT.radio{}
INPUT.image{margin:10px}
SELECT{border:1px solid #000000;background:#FFFFFF;color:#000000;font-size:14px;width:300px;}
TEXTAREA{border:1px solid #000000;background:#FFFFFF;color:#000000;font-size:14px;width:300px;height:100px;}
TD.label{font-size:13px;color:#000000;}
TD.label:empty{display:table-cell;}

INPUT.error{border:2px inset #993333;color:#000000;font-weight:normal;background:#FFCCCC;margin:0px;padding:1px 0px;width:300px;}
TEXTAREA.error{border:2px inset #993333;color:#000000;font-weight:normal;background:#FFCCCC;margin:0px;padding:1px 0px;width:300px;}
SELECT.error{border:2px inset #993333;color:#000000;font-weight:normal;background:#FFCCCC;padding:0px;margin:1px 0px;width:300px;}

.calendar INPUT.text{width:80px;}
.calendar INPUT.error{width:80px;}
.calendar * INPUT.text{width:80px;}
.calendar * INPUT.error{width:80px;}

.error,.errors{border:2px solid #993333;color:#993333;font-weight:bold;background:#FFCCCC;margin:10px 0px;padding:5px;}
.error2{margin:5px 2px;color:#993333}
.content_wrap_inner .error,
.content_wrap_inner .errors,
.content_wrap_inner .error2{border:none;padding:0px;margin:5px 2px;color:#993333;background:transparent}
.msg,.message{border:2px solid #339933;color:#339933;font-weight:bold;background:#CCFFCC;margin:10px 0px;padding:5px;}
.message2{margin:5px 2px;color:#339933;font-weight:bold;}
.content_wrap_inner .message,
.content_wrap_inner .messages,
.content_wrap_inner .message2{border:none;padding:0px;margin:5px 2px;color:#339933;background:transparent}
.required{color:#6F1414;font-weight:bold;}


/*wysiwyg*/
TEXTAREA.wysiwyg{width:950px;;height:500px;}

/*tiny mce*/
.header{display:block;margin:2px 0px;padding:2px 0px 2px 0px;text-align:left;font-size:20px;color:#000000;font-weight:normal;font-family: "Trebuchet MS",Arial,sans-serif;text-transform:uppercase}
.subhead {display:block;margin:2px 0px;padding:2px 0px 2px 0px;text-align:left;font-size:16px;color:#000000;font-weight:bold;font-family: "Trebuchet MS",Arial,sans-serif;text-transform:none;border-bottom:2px solid #000000}
.wysiwyg-body{color: #000000;font-family: "Trebuchet MS",Arial,sans-serif;font-size: 15px;font-weight: normal;}
A.wysiwyg_button{background:#41A34E;border:none;text-align:center;color:#FFFFFF !important;font-size:15px;font-weight:bold;display:inline-block;padding:3px 10px;}
IMG.border_green{border:2px solid #41A34E;margin:20px;}
IMG.border_black{border:2px solid #000000;margin:20px;}
.mceContentBody {color: #000000;font-family: "Trebuchet MS",Arial,sans-serif;font-size: 15px;background:#FFFFFF;text-align:left;}
BODY.mceContentBody {margin:0px;padding:0px;}
.mceContentBody A:link {COLOR: #000000 !important; font-weight: bold !important; text-decoration: none !important; font-family:"Trebuchet MS",Arial,sans-serif !important; font-size: 15px !important;}
.mceContentBody A:visited {COLOR: #000000 !important; font-weight: bold !important; text-decoration: none !important; font-family:"Trebuchet MS",Arial,sans-serif !important; font-size: 15px !important;}
.mceContentBody A:active {COLOR: #000000 !important; font-weight: bold !important; text-decoration: none !important; font-family:"Trebuchet MS",Arial,sans-serif !important; font-size: 15px !important;}
.mceContentBody A:hover {COLOR: #000000 !important; font-weight: bold !important; text-decoration: underline !important; font-family:"Trebuchet MS",Arial,sans-serif !important; font-size: 15px !important;}
.mceEditor{font-size: 15px}
.mceSelectList{width:auto;}




.height_container{overflow:auto;}
.height_container #googlemap_container_0{height:100%;}



/*driver*/
BODY.driver .header_cell{display:none;}
BODY.driver .content_cell{margin:0px 0px 73px 0px;position:fixed;}
BODY.driver .footer{display:block;}
BODY.driver .footer .settings{position:relative;width:100%;}
BODY.driver .footer .settings A{display:block;height:40px;padding:10px;margin:5px 5px 0px 5px}
BODY.driver .footer .settings A.lock_to_vehicle{position:absolute;top:0px;left:0px;background:url('/images/mapicons/truck.png') center center no-repeat;background-size:contain;height:40px;width:64px;z-index:200}
BODY.driver .footer .settings A.lock_to_vehicle_active{background-color:#FFFFFF;border-radius:20px;}
BODY.driver .footer .settings A.lock_to_vehicle_error{background:transparent;color:#990000;width:auto;}
BODY.driver .footer .settings A.next_stop,
BODY.driver .footer .settings A.next_stop:active,
BODY.driver .footer .settings A.next_stop:hover{position:absolute;top:0px;right:0px;padding:10px 30px 10px 10px;background:url('/images/mapicons/nextstop.png') center right no-repeat;text-decoration:none;z-index:100}
BODY.driver .footer .settings A.next_stop_inactive{display:none;}
BODY.driver .footer .settings A.next_stop_none,
BODY.driver .footer .settings A.next_stop_none:active,
BODY.driver .footer .settings A.next_stop_none:hover{padding:10px;background:transparent;}

BODY.driver .nav-tabs{width:100%;background:#CFCFCF;border-bottom:2px solid #1B3664;}
BODY.driver .nav-tabs>LI{width:25%}
BODY.driver .nav-tabs>LI>A{border-radius:0px;text-align:center;text-transform:uppercase;border:1px solid #1B3664;padding:10px 0px}
BODY.driver .nav-tabs>LI.active>A,
BODY.driver .nav-tabs>LI.active>A:focus, 
BODY.driver .nav-tabs>LI.A:hover{background:#669B41;color:#FFFFFF;border:1px solid #1B3664;}

BODY.driver #popup .nav-tabs{width:100%;background:#CFCFCF;border-bottom:2px solid #1B3664;margin:0px;}
BODY.driver #popup .nav-tabs>LI{width:25%}
BODY.driver #popup .nav-tabs>LI>A{border-radius:0px;text-align:center;text-transform:uppercase;border:1px solid #1B3664;padding:10px 0px}
BODY.driver #popup .nav-tabs>LI.active>A,
BODY.driver #popup .nav-tabs>LI.active>A:focus, 
BODY.driver #popup .nav-tabs>LI.A:hover{background:#1B3664;color:#FFFFFF;border:1px solid #1B3664;}
BODY.driver #popup .tab-content{border:1px solid #1B3664;margin:0px;padding:10px;}
/*BODY.driver #popup INPUT.text{padding:20px 2px;}*/
/*BODY.driver #popup SELECT{padding:20px 2px;}*/

BODY.driver H1{text-align:center;border-bottom:1px solid #000000;padding:10px;margin:0px;}
BODY.driver DIV.message{margin:10px;text-align:center;}

BODY.driver A.button,
BODY.driver A.button:active,
BODY.driver A.button:hover,
BODY.driver #popup .box INPUT.button,
BODY.driver #popup .box BUTTON.button,
BODY.driver #popup .box A.button,
BODY.driver #popup .box A.button:hover,
BODY.driver #popup .box A.button:active{margin:2px 0px;clear:none;border:1px solid #373737;padding:10px;color:#FFFFFF;font-weight:bold;background:#373737;cursor:pointer;line-height:20px;display:inline-block;text-decoration:none;width:100%;color:#FFFFFF;text-align:center;}
BODY.driver A.button_red,
BODY.driver A.button_red:active,
BODY.driver A.button_red:hover,
BODY.driver #popup .box INPUT.button_red,
BODY.driver #popup .box BUTTON.button_red,
BODY.driver #popup .box A.button_red,
BODY.driver #popup .box A.button_red:hover,
BODY.driver #popup .box A.button_red:active{background:#990000}
BODY.driver A.button_orange,
BODY.driver A.button_orange:active,
BODY.driver A.button_orange:hover,
BODY.driver #popup .box INPUT.button_orange,
BODY.driver #popup .box BUTTON.button_orange,
BODY.driver #popup .box A.button_orange,
BODY.driver #popup .box A.button_orange:hover,
BODY.driver #popup .box A.button_orange:active{background:#FF9900}

BODY.driver A.button_loading{background:url('/images/loader.gif') center center no-repeat #E8F1D7;}
BODY.driver .route_list .loading{background:url('/images/loader.gif') center center no-repeat #E8F1D7;}
BODY.driver .route_list .loading>*{opacity:.50;-moz-opacity:.50;-webkit-opacity:.50}


BODY.driver .tab-content>.loading{background:url('/images/loader.gif') center center no-repeat #E8F1D7;min-height:300px;}
BODY.driver .tab-content>.loading *{opacity:.80;-moz-opacity:.80;-webkit-opacity:.80}


.driver_routes A{display:block;padding:20px;;text-decoration:none;border-bottom:1px solid #1B3664;}
.driver_routes A.cur,
.driver_routes A:active,
.driver_routes A:hover{background:#669B41;color:#FFFFFF;text-decoration:none;}
.driver_routes A.complete{background:#CCCCCC;color:#000099;text-decoration:none;}
.driver_routes A DIV.scale_ticket{float:right;}
.driver_routes A DIV.scale_ticket SPAN.button{margin:-10px 0px;clear:none;border:1px solid #373737;padding:10px;color:#FFFFFF;font-weight:bold;background:#373737;cursor:pointer;line-height:20px;display:inline-block;text-decoration:none;width:100%;color:#FFFFFF;text-align:center;}
.driver_routes A DIV.scale_ticket SPAN.nobutton{padding:0px 7px;}
.driver_routes A DIV.pickup_count{float:right;margin-right:10px;}

.route_list DIV.header{border-bottom:1px solid #000000;text-align:center;padding-top:5px;padding-bottom:5px;font-weight:biold;text-transform:uppercase;font-size:16px;margin:0px;background:#B8D1B7}

.route_list DIV.stop,
.route_list DIV.stop:hover,
.route_list DIV.stop:active{color:#999999;text-decoration:none;display:block;text-decoration:none;padding:20px;border-bottom:1px solid #1B3664;color:#999999;text-decoration:none;}
.route_list DIV.stop DIV.pickup_data{float:right;}

.route_list DIV.cur,
.route_list DIV.stop:active,
.route_list DIV.cur DIV,
.route_list DIV.stop:active DIV{background:#000099;color:#FFFFFF;text-decoration:none;font-weight:bold;}
.route_stop_flagged_pickup,
.route_list DIV.route_stop_flagged_pickup,
.route_list DIV.route_stop_flagged_pickup DIV{background:#FF8800;}
.route_list DIV.complete,
.route_list DIV.complete DIV{background:#CCCCCC;color:#000099;text-decoration:none;font-weight:bold;}
.route_list DIV.offroute_pickup,
.route_list DIV.offroute_pickup DIV{background:#CCCCCC;color:#000099;text-decoration:none;font-style:italic;font-weight:bold;}



/*BASE CALENDAR*/
.CalendarTable{width:100%;border:1px solid #000000;border-spacing:0px;border-collapse:collapse;margin:0px auto 20px auto;}

.CalendarMonthHeader{width:100%;background:#527068;font-weight:normal;font-size:18px;text-align:center;border:1px solid #000000}
.CalendarMonthHeaderInteriorTable{padding:5px;width:100%;text-align:center;}
.CalendarMonth{white-space:nowrap;font-weight:normal;font-size:18px;text-align:center;COLOR: #000000;}

.CalendarFooter{width:100%;background:#63867F;font-weight:normal;text-align:center;border:1px solid #000000;vertical-align:middle !important}
.CalendarFooterInteriorTable{padding:5px;width:100%;text-align:center;}
.CalendarFooterContents{font-weight:normal;font-size:15px;text-align:center;}

.CalendarPrevLink{width:100px;white-space:nowrap;text-align:left;vertical-align:middle !important}
.CalendarNextLink{width:100px;white-space:nowrap;text-align:right;vertical-align:middle !important}
A.CalendarNavLink{color:#000000;font-weight:bold;text-decoration:none;}
A.CalendarNavLink:hover{color:#000000;font-weight:bold;text-decoration:none;}
A.CalendarNavLink:link{color:#00000;font-weight:bold;text-decoration:nne;}
A.CalendarNavLink:visited{color:#000000;font-weight:bold;text-decoration:none;}
A.CalendarNavLink SPAN{color:#000000}

.CalendarDayHeader{width:14%;text-align:center;background:#88A89B;border:1px solid #000000;font-weight: bold;color:#000000}
.CalendarDay{padding:0px 3px;}
.CalendarDay .box_inner{min-height:75px;}
.CalendarDay{width:14%;vertical-align:top;border:1px solid #000000;background:transparent;}
.CalendarDayPast{width:14%;vertical-align:top;border:1px solid #000000;background:#transparent}
.CalendarDayFuture{width:14%;vertical-align:top;border:1px solid #000000;background:transparent}
.CalendarDayCurrent{width:14%;vertical-align:top;border:1px solid #000000;background:#E2E2E2}

.CalendarDayEmptyPre{width:14%;vertical-align:top;border:1px solid #000000;background:transparent;}
.CalendarDayEmptyPost{width:14%;vertical-align:top;border:1px solid #000000;background:transparent;}

.CalendarDayMarker{font-weight:bold;padding:0px 3px;vertical-align:top;}


TR.location_pickup_status_collected TD{background:#DDFFFF;}
TR.location_pickup_status_on-deck TD{background:#DDFFDD}
TR.location_pickup_status_due TD{background:#FFFFDD}
TR.location_pickup_status_past-due TD{background:#FFDDDD}

/*
.pickup_frequency_ONCALL{background:#FFFFDD;}
.pickup_frequency_1XWEEK{}
.pickup_frequency_2XWEEK{}
.pickup_frequency_1XMONTH{}
.pickup_frequency_2XMONTH{}
.pickup_frequency_SEASONAL{}
.pickup_frequency_OTHER{}		


.route_stop_frequency_2XWEEK{background:#F8F1A7;}
.route_stop_frequency_1XWEEK{background:#FFDD44;}
.route_stop_frequency_2XMONTH{background:#A8F1B7;}
.route_stop_frequency_1XMONTH{background:#00CC88;}
.route_stop_frequency_SEASONAL{background:#99DDFF;}
.route_stop_frequency_ONCALL{background:#6699FF;}
.route_stop_frequency_OTHER{background:#DD99FF;}		
*/