body
{
	margin: 0;
    font-family: Arial;
    color: #646464;
}

#header { border-top: 16px solid #84BD00; }

#version
{
	font-size: 12px;
	/*color: #DCDCDC;*/
	color: #606060;
}

/* Logo - remember to set the width and height of the image */
#title a { background-image: url('images/logo.png'); background-repeat: no-repeat; width: 261px; height: 95px; }


/**********************************/
/***			colors			***/
/**********************************/

/* primary background (light grey with blue) */
body,
#menucontainer li.PortalSelector,
#menucontainer li.PortalSelector:hover,
#menucontainer li.PortalSelector select
{
	background-color: #F1F1F3;
}

/* secondary background (grey) */
.TFPPanel,
table.TFPTable
{
	background-color: #dbdbdb;
}

/* primary color (blue) */
a.ShowLink,
h1,
#CustomerInvoice>table>tbody>tr.HeaderRow>td.HeaderTitle,
#CustomerStatement table>tbody>tr.HeaderRow.CurrencyHeader>td.HeaderTitle,
#menu .MenuItem,			/* menu links */
#menucontainer li select,	/* combo box in menu */
.PortalGridMenuText,		/* primary text in grid menu */
#PortalButtonGrid td a:hover .imageText,	/* portal grid mouse over */
#PortalButtonGrid td a:hover .imageText div	/* portal grid mouse over */
{
	color: #003057;
}

/* secondary color (green) */
H4, .h4						/* header */
{
	color: #84BD00;
}
/* Sub text should be a shade darker */
.PortalGridMenuSubText		/* secondary text in grid menu */
{
	color: #448d20;
}

#HaulierOrdersPanel #HaulierOrdersList tr.OrderEntry .Link:hover
{
	border-color: #646464;
}

/* third color (white) */
.PortalMenuText,
.PortalMenuSubText,
#menu>li.ui-selected,
#menu>li.ui-selected a
{
	color: #fff;
}

#CustomerStatement table>tbody>tr.SubHeaderRow>td.HeaderTitle { color: #000; }
#CustomerStatement table>tbody>tr.HeaderRow.CurrencyHeader>td.HeaderTitle { font-size: 1.1em; font-weight: bold; }


.TFPTable td a ~ span 
{ 
	color: #ccc;
}

/* light yellow */
#ConsolidationPanel tr.UnapprovedRow, 
#MileageCalculatorPanel tr.ManualRow, 
#DeliveryDetails table tr.highlight, 
#CustomerDocuments table tr.NewRow,
#BulletinBoardPanel #ThreadList table tbody>tr:hover
{ 
	background-color: #ffffcc; 
}

/* green */
#OfdPanel table td.delivery a
{
	color: #4b2;
}

/* green */
#OfdPanel table td.DifferentUsage input
{
	background-color: #dfb;
}

/* orange */
#OfdPanel table td.delivery .smallLoads
{
	color: #d51;
}

/* red */
#OfdPanel td.Alarm
{
	color: #f22;
}

#ResourcePlanningPanel .TotalRow td
{
	background-color: #efefef;
	color: Red;
}

#driverShiftReport ul.Trips li.success, #DriverDetailsView ul.Trips li.success,
#ResourcePlanningPanelGraphics ul.Trips li.Loaded
{
	background-color: #22aa44;
}

#driverShiftReport ul.Trips li.warning, #DriverDetailsView ul.Trips li.warning,
#ResourcePlanningPanelGraphics ul.Trips.MissingResource li
{
	background-color: #aa2244 !important;
}

#ResourcePlanningPanelGraphics ul.Trips.MissingResource li
{
	border-color: #aa2244;
}

/* menu
----------------------------------------------------------*/

#menu
{
	margin: 0;
	text-align: right;
	white-space: nowrap;
}

#menu>li
{ 
	border: 2px solid #F1F1F3;
	padding: 2px 6px 0px 6px; border-top: 0; border-bottom: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

#menu>li.ui-selected
{
	border-color: #888;
	border-top: 0;
	moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	-khtml-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-khtml-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
}

#menu a:link #menu a:visited { text-decoration: none; }

#menu>li:hover,
#menu>li:hover a,
#menu>li.ui-selected,
#menu>li ul.submenu
{
	background-color: #003057;
	color: #fff;
}

#menu ul.submenu
{ 
	padding: 6px 0 6px 0;
	min-width: 100%;
	z-index: 50;
	border: 2px solid #888; border-top: 0; right: -2px;
	moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

#menu ul.submenu hr { margin: 0 4px 0 4px; border: 0; border-top: 1px solid #dbdbdb; }
#menu ul.submenu li:hover { text-decoration: underline; }

#menu>li:hover .ui-icon,
#menu>li.ui-selected .ui-icon
{
	background-image: url(images/ui-icons_ffffff_256x240.png);
}

ul#menu li a,
ul#menu li span
{
	margin: 0;
	line-height: 29px;
	text-decoration: none;
}
#menu a { cursor: pointer; }

#menucontainer li select { border: 1px solid #999; }


/* Page header
----------------------------------------------------------*/
#pageheader {margin: -42px 0 45px 290px;}

/* Panels
----------------------------------------------------------*/
.TFPPanel
{
	border: 1px solid #ccc;
	padding: 20px; 
	font-size: 12px; 
}

.TFPPanel tbody th { font-weight: normal; }

/* Groups
----------------------------------------------------------*/
.TFPEditGroup
{
	background: #fff;
	padding: 10px;
	overflow-y: hidden;
}

/* Button fonts
----------------------------------------------------------*/
button, .ui-button span, input[type='submit'], input[type='button'] { /*font-size: 0.75rem;*/ font-size: 12px; }


/* Table text
----------------------------------------------------------*/
table:not(.ui-datepicker-calendar, fc-agenda-allday) th {color: #646464 ; font-weight: normal; font-size: 12px; }
table:not(.ui-datepicker-calendar, fc-agenda-allday) thead th {color: #fff; font-weight: bold; font-size: 13px;}
table:not(.ui-datepicker-calendar, fc-agenda-allday) thead th .ui-icon { background-image: url(images/ui-icons_cccccc_256x240.png); }
table:not(.ui-datepicker-calendar, fc-agenda-allday) td {color: #646464; font-size: 12px; }
table:not(.ui-datepicker-calendar, fc-agenda-allday) td input {font-size: 12px; }
table:not(.ui-datepicker-calendar, fc-agenda-allday) td.grey {color: #646464;}
table:not(.ui-datepicker-calendar, fc-agenda-allday) td.blue {color: #003057;}
table:not(.ui-datepicker-calendar, fc-agenda-allday) td.bold {color: #646464; font-weight: bold;}


/* Tables
----------------------------------------------------------*/

table.dataTable .sorting { background: 0; background-color:#003057;  }
table.dataTable thead tr>th { border-bottom: 0; }
table.TFPTable
{
    border-collapse: inherit;
    border-spacing: 0;
    border: 2px solid #003057;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.TFPTable th { padding: 6px 6px 4px 6px; }
.TFPTable td { padding: 2px 6px 2px 6px; }
table.TFPTable>tbody>tr>td { border-color: #DDD }

.dataTables_scroll, .ColumnFilterPlaceHolder
{
    border-left: 2px solid #003057;
    border-right: 2px solid #003057;
	
}

.dataTables_wrapper table.TFPTable,
.dataTables_scroll table.TFPTable
{
	-moz-border-radius: inherit;
	-webkit-border-radius: inherit;
	-khtml-border-radius: inherit;
	border-radius: inherit;
	border-bottom: 0;
}

div.dataTables_scroll table.dataTable { border: 0; }

/* No. of records selector */
.ui-toolbar .LengthWrapper.Open
{ 
	moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
}
.ui-toolbar .LengthWrapper.Open { background-color: #ddd; color: #003057; }
.ui-toolbar .LengthWrapper.Open .Subdued { color: black; }
.ui-toolbar .LengthWrapper.Open ul { background-color: #ddd; color: #003057; }
.ui-toolbar .LengthWrapper.Open span.ui-icon { background-image: url(images/ui-icons_222222_256x240.png); }
.ui-toolbar .LengthWrapper.Open ul 
{
	moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.ui-toolbar .dataTables_info .Subdued { color: #bbb; font-weight: normal; }
.TFPTable thead th { background-color:#003057; color: #fff; font-size: 13px; font-weight: bold; /*padding: 3px 16px 3px 8px;*/}
.TFPTable tbody tr { border-bottom: 1px solid #EEE; background-color:#fff; }
.TFPTable tfoot tr { border-bottom: 1px solid #EEE; background-color:#003057; }
.TFPTable tfoot tr td.WorkedHours, .TFPTable tfoot tr td.PaymentHours, .TFPTable tfoot tr td.OvertimeHours { background-color:#fff !important; }
.TFPTable tfoot tr td.GuaranteedHours { color:#fff !important; font-weight: bold; }
.TFPTable thead th { border-bottom: 0; }
.ui-widget-footer { background: #003057 url(images/ui-bg_highlight-soft_20_003057_1x100_reverse.png) 50% 50% repeat-x !important; }
.TFPTable tbody tr:last-child td { border-bottom-color: #eee; }

.outerscrolltable 
{
    border: 2px solid #003057;
    border-top: 30px solid #003057;
    
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

#siteManagerPanel .outerscrolltable, #resourcePanel .outerscrolltable
{
	border-top: 35px solid #003057;
}
.outerscrolltable thead tr { color:#003057; }
.outerscrolltable thead th { color: #fff; font-size: 0.8em, font-weight:bold; }
.outerscrolltable tbody td { background:#fff; border: 1px solid #EEEEEE; color: #646464; }
.innerscrolltable { background: #fff; }

.outerscrolltable2 
{
	margin:0 auto 20px auto;
	border: 2px solid #003057;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.outerscrolltable2 thead, .outerscrolltable2 th { border: 0; }
.outerscrolltable2 thead tr { padding-left:2px; }
.outerscrolltable2 thead tr th { background: #003057; color: #fff; }
.innerscrolltable2 { background:#fff; }

#RosterTable_wrapper td { border: 1px solid #5c87b2; }
#RosterTable_wrapper td:first-child { border-left: 0; }
#RosterTable_wrapper td:last-child { border-right: 0; }

.outerscrolltable2 tbody td
{
	padding:0px;
	padding-top:5px;
	min-width:50px;
}

#RosterTable_wrapper div.SchedulingGroup
{
	display: block;
	font-weight:bold;
	font-style:oblique;
	margin-left: 4px;	
	margin-right: 2px;
	text-align: left;
}

/* Selected table rows
----------------------------------------------------------*/
table tr.selected td, table tr.ui-selected td { color: #003057; background-color: #ccc;}
table tr.selected td input { color: #003057; background-color: #ccc; border:1px solid #eee; }

/* click-able table elements */
table td.cursor, table td .cursor { color: #003057 !important; text-decoration: underline;}
table td.cursor:hover { color:#FFFFFF !important; background-color: #84BD00 !important;}

/* Table Icon buttons
----------------------------------------------------------*/
.TFPTable td .cursor.ui-icon:hover,
.TFPTable td .cursor .ui-icon:hover
{
	border: 1px solid #003057;
    background-image: url(images/ui-icons_ffffff_256x240.png);
	background-color: #003057;
}


/* Table Button list
----------------------------------------------------------*/

.TFPTable td .ButtonList li
{
	padding: 2px 6px 3px 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	margin: 2px;
}

.TFPTable td .ButtonList li
{
	color: #003057;
	text-decoration: underline;
}

.TFPTable td .ButtonList li:hover,
.TFPTable td .ButtonList li:hover span,
.TFPTable td .ButtonList li:hover a
{
	background-color: #003057;
	color: #fff;
	text-decoration: inherit;
}
.TFPTable td .ButtonList li:hover .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); }

/* Disable existing rules for table icons */
.TFPTable td .ButtonList .ui-icon:hover,
.TFPTable td .ButtonList .ui-icon
{
	border: 0;
    -moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	margin: 0;
}


/* Table buttons */
.TFPTable .TableButton
{
	padding: 1px;
	cursor: pointer;
	border: 1px solid #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	margin: 2px;
	width: 16px;
}

.TFPTable .TableButton:hover { background-color: #003057; }
.TFPTable .TableButton:hover .ui-icon
{
    background-image: url(images/ui-icons_ffffff_256x240.png);
	background-color: #003057;
}

/* Touch table 
----------------------------------------------------------*/
.TFPTable.Touch td,
.TFPTable.Touch th
{
	padding-top: 16px;
	padding-bottom: 16px;
}
.TFPTable.Touch .TableButton { padding: 4px;}


/* headings
----------------------------------------------------------*/


/* PAGE TITLE */
h1 
{ 
	font-weight: bold;
	text-transform: uppercase; /* force text to proper case */
	font-size: 17px;
}

/* PAGE TITLE SUB */
H2
{
	color: #003057; 
	font-weight: bold;
	font-size: 15px;
}

/* HEADER (blue) */
H3
{
	color: #003057;
	font-weight: bold;
	font-size: 15px;
}
h3 i
{
	color: #222;
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 4px;
}

/* HEADER (green) */
H4, .h4, .PortalGridMenuText
{
	text-transform: uppercase; /* force text to proper case */
	font-weight: bold;
	font-size: 15px;
}

/* TEXT MAIN (blue) */
.PortalGridMenuSubText { font-size: 13px; }

/* TEXT MAIN (grey) */
h6, .h6 {color: #646464; font-size: 13px; }

/* TEXT MAIN (green) */
h7, .h7 { color: #84BD00; font-size: 13px; }

/* TEXT SML (green) */
.h10 { color: #84BD00; font-size: 11px; }

/* TABLE TEXT BOLD */
.h12 {color: #646464; font-weight:bold; font-size: 12px;  }

/* TABLE TEXT (grey) */
.h13 {color: #646464; font-size: 12px;  }


/* TABLE TEXT (blue) */
.h14 { color: #003057; font-size: 12px;  }

/* TABLE TEXT (white) */
.h15 { color: #003057; font-size: 12px;  }

/* PORTAL MENU */
.PortalMenuText 
{ 
	font-weight:bold;
	font-size: 19px;
	text-transform: uppercase;
}

/* PORTAL MENU SUB */
.PortalMenuSubText { font-size: 11px; }

/* NAV MAIN */
.MenuItem
{
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
}

/* NAV SYSTEM NAME LABEL */
#MenuItemSystemNameLabel
{
	font-weight: bold;
	font-size: 15px;
	text-transform: none;
}

/* NAV SUB */
.MenuSubItem 
{
	font-size: 13px;
}

.NumericInputButtons button
{
	width: 80px;
}

/* Roster specifics
----------------------------------------------------------*/
#RosterTable_wrapper tr.ampm th.selectedColumn div, #RosterTable_wrapper tr td.ResourceName.SelectedRow div
{
	display:inline;
	padding: 12px;
	background: url(images/chkboxchecked.png) no-repeat;
	background-position:center center;
}

#RosterTable_wrapper tr.ampm th, #RosterTable_wrapper tr td.ResourceName
{
	cursor: pointer;
}

#RosterTable_wrapper tr.ampm th div, #RosterTable_wrapper tr td.ResourceName div
{
	display:inline;
	padding: 12px;
	background: url(images/chkbox.png) no-repeat;
	background-position:center center;
}


/* Roster: cells are decorated with background dot according to trip status */
.missingResources.rosterSelected, 
.trip.rosterSelected, 
.eventsOnTrip.rosterSelected, 
.rosterSelected
{ 
	background-color: #84BD00 !important; /* olive green */
}

.eventsOnTrip
{
	background-color: #84BDFF; /* pale blue */
}

.EventsInCell
{ 
	background-color: #b4d0d0; /* marine grey */
}

.FullCellEventOverlap,
.NonDrivingShift
{
	background-color: #94b0b0; /* medium grey */
}

.CellSelectedNoTrip
{ 
	background-color: #84BD00;  /* olive green */
}

.statusValidated
{
    background-image: url(images/orange.png);
    background-repeat:no-repeat;
    background-position:bottom right;
}

.statusReleased
{
    background-image: url(images/yellow.png);
    background-repeat:no-repeat;
    background-position:bottom right;
}

.statusScheduled
{
    background-image: url(images/lightblue.png);
    background-repeat:no-repeat;
    background-position:bottom right;
}

.nonlocaltrip
{
    opacity: 0.5;
    filter: alpha(opacity=50); /* for IE 8*/
}

/* Roster: cell with trip */
td.trip, div.trip, span.trip
{
    background-color:#EEFFEE; /* pale green */
}

.GreyBorder
{
	border:1px solid gray;
	margin: 10px;
}

td.eventsOnTrip, div.eventsOnTrip
{
    font-weight:bold;
    background-color:#ffb;
}

td.CalendarShift, div.CalendarShift
{
    background-color: rgb(230,245,180);
}

td.driverAssigned, div.driverAssigned
{
    font-weight:bold;
    background-color:#fcc;
}

.missingResources
{
    background-color:#fcc;
}

/* Portal button list
----------------------------------------------------------*/
#PortalButtonList { width: 540px; }

#PortalButtonList .PortalButton,
#PortalButtonList .SubPortalButton
{
	position: relative;
	margin: 4px;
}

#PortalButtonList .PortalButton .imageText
{
	position: absolute;
	top: 36px;
	left: 146px;
	width: 100%;
}

#PortalButtonList .SubPortalButton .imageText
{
	position: absolute;
	top: 16px;
	left: 50px;
}

#PortalButtonGrid
{
	position: absolute;
	top: 220px;
	left: 20%;
	right: 20%;
	width: 60%;
}
#PortalButtonGrid td {width: 50%; }
#PortalButtonGrid td a:hover .imageText div:first-child { text-decoration: underline; }

#PortalButtonGrid td .Disabled .imageText,
#PortalButtonGrid td .Disabled .imageText div,
#PortalButtonGrid td .Disabled:hover .imageText,
#PortalButtonGrid td .Disabled:hover .imageText div
{ color: #646464; }

#PortalButtonGrid td .PortalButton {margin: 10px;}
#PortalButtonGrid td:first-child .PortalButton {margin-right: 20px;}
#PortalButtonGrid td:last-child .PortalButton {margin-left: 20px;}
#PortalButtonGrid tr {border-top: 1px solid #3b6180;}
#PortalButtonGrid tr:last-child {border-bottom: 1px solid #3b6180;}


/* Order List specifics
----------------------------------------------------------*/
#ordersPanel .search_init
{
	color: #cccccc;
}


/* Tanks specifics
----------------------------------------------------------*/

#SiteTanksTable .isScheduled { color: red; }
#SiteTanksTable .todaysReading input { font-size: 12px; }
#SiteTanksTable .Warning { background-color:#fcc}
#TankDipReadingsTable .deliveries input { font-size: 12px; }

#RemainderPanel .deliveries .Disabled, #RemainderPanel .deliveries .Disabled td { background-color: #cccccc; }
#RemainderPanel table.TFPTable tbody tr.supplementOrder, 
#RemainderPanel table.TFPTable tbody tr.supplementOrder td { background-color:#ffe000; }
.newRemainderRow { background-color: #eea; }

/* Site order specifics
----------------------------------------------------------*/
#orderListTable .OpenRow { background-color: #DCDCDC !important; }
#orderListTable .OpenRow td { background-color: inherit !important; }
#ordersPanel #unresolvedTable td.releaseOveraccounted {color: Blue !important; font-weight: bold; }
#ordersPanel #unresolvedTable td.releaseUnaccounted {color: Red !important; font-weight: bold; }

#selectGeneratorSite .selected
{
	background-color: #ddd;
}


/* Timesheet specifics
----------------------------------------------------------*/
#timesheetPanel .selected
{
	background-color: #ddd;
}

/* Work Schedule specifics
----------------------------------------------------------*/
#WorkScheduleDate { width: 84px; text-align: center; }
#WorkScheduleInputArea { height: 26px;}
#WorkScheduleTable tr th.Name { width: 100%;}

.ifrmPanel
{
	font-size:12px;
}

/*This is a hack to compensate for browser zoom. Some browsers have a tendency to mess with alignments when they zoom
This hack doesn't work in IE
*/
.dataTables_scrollHead
{
	background-color:#003057;
}

/* Info message box */
.InfoMessageBox
{
	background-color: #84BD00;
	padding: 2px;
}
.InfoMessageBox .Message { color: #003057; background-color: #84BD00; }
.InfoMessageBox .Close { color: #222222; float: right; }


/* Automatic input validation errors 
-----------------------------------------------------------*/
.field-validation-error { color: red; }
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors { color: #ff0000; }
.validation-summary-errors ul { list-style: none; padding: 0; }

/* Selectable
----------------------------------------------------------*/

#selectable .ui-selecting td { color: #FFF; background-color: #898989; }
#selectable .ui-selected td { color: #FFF; background-color: #898989; }

/* Route Navigation
----------------------------------------------------------*/
.navPanel 
{
	 background-color: #fff;
}
/* Route details
----------------------------------------------------------*/
#stopdetails
{
	background-color: #fff;
}

#routemap
{
  background-color: #fff;
}

#routemap th
{ 
	background:#5c87b2; color:#fff; 
}

#stops
{
	background-color: #fff;
}

/* Terminal calendar */
.terminalCalendarTable, #terminalCalendarDetailsPanel
{
	background-color: #fff;
}

#terminalCalendarDetailsPanel .terminalCalendarDetailsTitle
{
   font-weight:bold;
   color: #a0a0a0;
}

/* Key Figures
----------------------------------------------------------*/
.keyfigures
{
	background-color: #fff;
}

.kpigraph .graphterm     { background-color: #0D2; color: #000; }
.kpigraph .graphtrans    { background-color: #099; color: #FFF; }
.kpigraph .graphhandle   { background-color: #02D; color: #FFF; }
.kpigraph .graphmax      { background-color: #F00; }
.kpigraph .graphempty    { background-color: #FFF;  }


/* Change index
----------------------------------------------------------*/
#changeindex
{
	background-color: #fff;
}

.textMessage
{
	color: #fff;
	background: #666666 url(images/ui-bg_diagonals-medium_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50);
}

 
/* Call Center
----------------------------------------------------------*/
#callcentermap
{
    background-color: #fff;
}

/* Roles*/
#canvasContainer
{
	background-color:#fff;
	color:Gray;    
}

/* Driver Schedule */
.driverScheduleDayShift
{
    background-color: #ae9;
}

.driverScheduleNightShift
{
    background-color: #8a7;
}

.driverScheduleDayOff
{
    background-color: #ff8;
}

.driverScheduleTraining
{
    background-color: #a47;
}

.driverScheduleHoliday
{
    background-color: #88f;
}

.driverScheduleSick
{
    background-color: #f88;
}

.driverScheduleOther
{
    background-color: #d8d;
}

.driverScheduleExtraNightShift
{
    background-color: #282;
}

.driverScheduleExtraDayShift
{
    background-color: #5c4;
}

#schedulePanel table tfoot tr:nth-child(odd)
{
    background-color: #eee;
}

#schedulePanel table tfoot tr:nth-child(even)
{
    background-color: #fff;
}

/* Dash board container */
.containerTitle b
{
	color: #aeaeae;
	font-size:16px;
}

#addView:hover
{
	background-color:#ccc;
}

.DashboardButtons a
{
	color:#8e8e8e;
} 

.DashboardButtons li
{
	color:#8e8e8e;
}

.DashboardButtons a:hover, .DashboardButtons li:hover
{
	color:#84BD00;
}

ul.DropDown, ul.SubMenu 
{
	background-color:#ccc;
}

/* Reports */
#reports
{
	background-color: #fff;
}

/* Site */
#customerTable th
{
	color: #646464;
}

/* Greenergys specific customer portal */
h1.Welcome
{
	text-align: center;
	font-size:24px;
	margin-bottom: 30px;
}
table#iFrameAndMenuDivider
{
	margin-left:auto;
	margin-right:auto;
}

table#iFrameAndMenuDivider th.OptionsHeader
{
	padding-bottom: 15px;
}

table#iFrameAndMenuDivider td
{
	text-align:left;
}

table#iFrameAndMenuDivider td#MenuSection
{
	width: 600px;
    vertical-align: top;
} 

#PortalButtonGrid.SpecificCustomerPortal
{
	position: relative;
	top: 0px;
	left: 15px;
	width:100%;
}

#PortalButtonGrid.SpecificCustomerPortal td
{
	text-align: left;
}

#GreenergyCustomerWelcomeScreen th
{
	font-size:	24px;
	text-align: center;
	color: #000050; 
}

#GreenergyCustomerWelcomeScreen td
{
	font-size:	15px;
	text-align: center;
	color: #000050; 

}

div#NotificationTable
{
	margin-top:25px;
	padding-left:25px;
}

div#NotificationTable table td
{
	font-weight: bold;
	height: 30px;
	text-align: left;
}


#GreenergyCustomerWelcomeScreen td#InfoSection
{
	vertical-align: top;
}

#GreenergyCustomerWelcomeScreen td#InfoSection div#ContactsTable td
{
	text-align:center;
}

#GreenergyCustomerWelcomeScreen #NotificationTable table
{
	width:600px;
	border: 2px solid #000040;
}

#GreenergyCustomerWelcomeScreen #UsefulLinksTable table
{
	position: relative;
	margin-left:30px;
	margin-top: 30px;
	width:500px;
	border: 2px solid #000040;
}

#GreenergyCustomerWelcomeScreen #ContactsTable table
{
	width:500px;
	border: 2px solid #000040;
	left: 0px;
	margin-left: 30px;
}

#GreenergyCustomerWelcomeScreen td.NotificationEntry
{
	font-weight: normal;
	padding-bottom: 5px;
	border-bottom-style: solid;
	border-width: 0px;
}
#GreenergyCustomerWelcomeScreen span.NotificationDate
{
	font-weight: bold;
}

.SpecificCustomerPortal.Header, .SpecificCustomerPortal.SubHeader
{
	background-color: #84BD00; 
	
}

/* override jquery ui border color - hack for making button seem more click-able*/
#OrderEditView .PotConfiguration button.Next.ui-state-default, #OrderEditView .PotConfiguration button.Prev.ui-state-default
{
	border-color: #a3a3a3; 
}

#CustomerInvoice>table>tbody>tr.TotalBalanceRow>td { border-bottom-color: #003057; }


#MileageCalculatorPanel .TFPTable tfoot tr,
#MileageCalculatorPanelV2 .TFPTable tfoot tr,
#ScheduledMileagePanel .TFPTable tfoot tr
{
	background-color: #dbdbdb; 
}
#MileageCalculatorPanel td { border-right-color: #dbdbdb; }
#MileageCalculatorPanel #TableWrapper tbody td { border-right-color: #fff; }
#MileageCalculatorPanel tbody td.BorderRight { border-right-color: #dbdbdb;  }
#MileageCalculatorPanel th { border-right-color: #003057; }

#BulletinBoardPanel #ThreadsContainer h2 { text-align: center; }
#BulletinBoardPanel .ThreadPanel { background-color: #FFF; }

#BulletinBoardPanel .BulletinPostTable th:first-child { text-align: left; padding-right: 8px; }
#BulletinBoardPanel .BulletinPostTable th
{
	border-bottom: 1px solid #ccc;
	padding: 2px;
	color: #646464;
}
#BulletinBoardPanel .BulletinPostTable td
{
	padding: 2px;
}

#BulletinBoardPanel .CommentLeft { border: 1px solid #84BD00; }
#BulletinBoardPanel .CommentLeft .Header th { background-color: #84BD00; color: #444; }
#BulletinBoardPanel .CommentRight { border: 1px solid #003057; }
#BulletinBoardPanel .CommentRight .Header th { background-color: #003057; color: #FFF; }

/* Fullcalendar override - don not show time in bold */
.fc-event-time { font-weight: normal !important; }
div.InfoBox 
{
	color: #003057;
	background-color: #F3F399;
	margin-top: 10px;
	padding-left: 5px;
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	width: 100%;

}