/* Page sections
----------------------------------------------------------*/

/* This file is for screen only */

th.Right, td.Right { text-align:right;}
th.Left, td.Left { text-align:left;}
th.Center, td.Center { text-align:center;}

.contextPopup
{
    visibility: hidden;
    z-index: 10;
    position: absolute;
}

.contextPopup button { font-size: 10px; width: 100%;}

#version
{
	position: absolute;
    right: 10px;
    bottom: 1px;
    z-index: -100;
}

html, body
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#main { margin: 0 40px 40px 40px; }
#header
{ 
	display: block;
	width: 100%;
	min-width: 800px;
	margin: 0px;
	padding: 0px;
}

#menucontainer
{ 
	float: right;
	z-index: 50;}

#title { margin-top: -3px;}
#title a { display: inline-block; }

/* Other default settings
-----------------------------------------------------------*/
/* buttons which are only there to push css around */
button.HideButton 
{
	visibility:hidden;
}

img { border:0px; margin: 0;}

a:link, a:visited { text-decoration: none; }
a.ReadOnlyField:not(.cursor) { color:#646464; cursor:default; }
td:not(.cursor) a.ReadOnlyField
{
	cursor:default;
}

td.cursor a.ReadOnlyField
{
	cursor:pointer;
}

a.ReadOnlyField {color:#646464; }

a.ShowLink:link, a.ShowLink:visited { text-decoration: underline; }

td div.TimeValuePart { width:80px; white-space: nowrap; display: inline-block; }

table { border-collapse: collapse; }
table.GridLayout td { padding-left: 5px; padding-right: 4px; }
table.GridLayout th { margin-left: 6px; }

table.GridLayout input.offPeriodStartDate {width: 80px;}
table.GridLayout input.offPeriodEndDate {width: 80px;}
table.GridLayout input.offPeriodStartTime {width: 80px;}
table.GridLayout input.offPeriodEndTime {width: 80px;}

ul { line-height: 1.4em; }

.cursor { cursor:pointer; }

#overlay 
{ 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: #000; 
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5; 
    z-index: 100; 
    display:none;
}

.overlay 
{
    position: absolute;
    width: 100%; 
    height: 100%; 
    background-color: #000; 
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5; 
    z-index: 49; 
    display:none;
}

#messageBox
{
    position:relative;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    max-width: 500px;
    z-index:115;
}
#messageBox .buttons { text-align: right; white-space: nowrap; }
#messageBox .buttons form { display: inline-block; }

/* Buttons */
button.editDetails, button.new, button.ok, input.ok, button.cancel, button.delete, button.save { width: 80px; }
button.ok .ui-icon
{
    background-image: url(images/ui-icons_00a300_256x240.png);
}
button.delete .ui-icon,
.ui-icon.Red
{
    background-image: url(images/ui-icons_ff2800_256x240.png);
}

.IconAndText { display: inline-block; white-space: nowrap; }
.IconAndText .ui-icon { vertical-align: bottom; }

#LoadingWrapper,
.LoadingWrapper
{ text-align: center; }

/* AjaxLoadingPopup
----------------------------------------------------------*/
.AjaxLoadingPopup
{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2000;
}
.AjaxLoadingPopup .TFPPanel
{
	width: 300px;
	margin: auto;
	text-align: center;
	background-color: #fff;
}

#AjaxLoadingOverlay
{ 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    z-index: 1999; 
}
#AjaxLoadingOverlay.Visible
{
    background-color: #aaaaaa;
}


/* TFPPanel
----------------------------------------------------------*/
.TFPPanel
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.TFPPanel fieldset
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.TFPPanel.NamedIdPanel
{
	padding: 0;
	margin-right: 20px;
	display: inline-block;
}


/* Invisible table
----------------------------------------------------------*/

table.noBorder {border-collapse: collapse; }
table.noBorder>tr>td,
table.noBorder>tbody>tr>td,
table.noBorder>tr,
table.noBorder>tbody>tr
{
    background: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

/* Generic style for table
----------------------------------------------------------*/
.TFPTable input {margin: 0;}
.TFPTable input[type=text]{ width: 100%;}
.TFPTable select {margin: 0; width: 100%;}
.TFPTable thead th { text-align:left; }
.TFPTable thead th.Number { text-align: center;}

/* Order table
----------------------------------------------------------*/
tr.OrderEntry>td
{
	border-color: #adadad;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;

}


tr.OrderEntry>td:first-child { border-left-width: 1px; border-left-style: solid;}
tr.OrderEntry>td:last-child { border-right-width: 1px; border-right-style: solid;}*/
tr.OrderEntry>td.Tanks { text-align: left; }
/*tr.OrderEntry {background-color: #c0c0f0}*/
tr.OrderEntry>td.Separator div { border-left: 1px solid #ccc; height: 100%; padding-top:40px; padding-bottom:40%; }
tr.OrderEntry .Head { font-weight: bold; margin: 0 4px 0 4px; }

tr.OrderEntry>td.Buttons { padding-right: 20px; text-align: right;}


tr.OrderEntry td.Title,
.OrderEntry td.Value
{
	width: 10px !important;
}

tr.OrderEntry td.Title.First
{
	border-left: 1px solid #ccc; 
}

tr.OrderEntry td.Title.NotFirst div
{
	border-left: 1px solid #ccc; 
	padding-left: 5px;
}

tr.OrderEntry td.Value
{
	padding-right:10px;
}

tr.OrderEntry>td, .OrderEntry>td div { white-space: nowrap; }

/* Datatables
----------------------------------------------------------*/

.dataTables_wrapper>.ui-toolbar { overflow:hidden; }

.ui-toolbar.ui-widget-header
{
	border: 0;
	padding: 4px;
}

.ui-toolbar .ButtonPlaceholder { display: inline; }
.ui-toolbar .ButtonPlaceholder .ButtonList { float: right; }
div.dataTables_scroll td 
{
	height:18px;
}

.ui-toolbar .dataTables_filter, .ui-toolbar .dataTables_info
{
	margin-bottom: 2px;
	margin-right: 4px;
	float: inherit;
	display: inline-block;
	text-align: inherit;
}

.ui-toolbar .dataTables_filter span.ui-icon { display: inline-block; vertical-align: sub; }

.ui-toolbar .dataTables_info { display: block; }
.ui-toolbar .dataTables_info.ui-enabled { cursor: pointer; }
.ui-toolbar .dataTables_info.ui-enabled:hover { text-decoration: underline; }
.ui-toolbar .dataTables_info span.ui-icon { display: inline-block; vertical-align: bottom; }
.ui-toolbar .dataTables_info .ShowingText { padding: 3px 0 0 0px;}

.ui-toolbar .LengthWrapper { display: inline-block; min-width: 142px; text-align: center;}
.ui-toolbar .LengthWrapper ul { list-style: none; text-align: right; margin: 0px; padding: 0; position: absolute; text-align: center; padding: 10px 0 10px 0; z-index: 2; display: none;}
.ui-toolbar .LengthWrapper ul li { font-weight: normal; cursor: pointer; display: inline; padding-right: 8px;}
.ui-toolbar .LengthWrapper ul li:hover { text-decoration: underline; }
.ui-toolbar .LengthWrapper ul li.ui-selected { font-weight: bold; }
.ui-toolbar .LengthWrapper .dataTables_length { display: none; width: 100%;}
.ui-toolbar .LengthWrapper .dataTables_length select { display: none; }


/* Make sure that the processing screen is visible */
.dataTables_processing 
{ 
	z-index: 201;
	background: url('Images/ajax-loader_transparent.gif') no-repeat bottom center;
	background-color: white;
}

/* Crazy fix for avoiding increasing table height when adding css styles dynamically in IE9 */
.dataTables_scrollBody  
{
	margin-top: auto;
	background-color:White;
}

/* Button list
----------------------------------------------------------*/
.ButtonList { margin-bottom:3px; padding:3px 0 3px 4px; display: inline-block; }
.ButtonList ul { font-size: 13px; }
.ButtonList ul li
{
	display: inline;
	padding: 0px 6px 0px 0px;
	margin: 2px;
	text-decoration:none;
	cursor: pointer;
	white-space: nowrap;
}
.ButtonList ul li:hover { text-decoration: underline }
.ButtonList ul li.ui-state-disabled { cursor:inherit; }
.ButtonList ul li.ui-state-disabled:hover { text-decoration: inherit; }

.ButtonList .IconWrapper { display: inline-block; vertical-align: bottom; }
.ButtonList span.ui-icon { position: relative; }


/* Table Button list
----------------------------------------------------------*/
.TFPTable tbody .ButtonList { margin: 0; padding: 0; }
.TFPTable tbody .ButtonList ul { text-align: right; }
.TFPTable tbody td.Buttons { text-align: right; }

/* Make Buttons in tables a bit smaller */
.TFPTable tbody button, .TFPTable tbody button span { font-size: 0.9em; }

/* Table Column Search
----------------------------------------------------------*/
.ColumnFilterPlaceHolder { padding: 6px; overflow: auto; }
.ColumnFilterPlaceHolder>table { width: 100%; }
.ColumnFilterPlaceHolder>table>tbody>tr>th { text-align: left; padding: 5px 0 5px 5px; white-space: nowrap;}
.ColumnFilterPlaceHolder>table>tbody>tr>td { padding-right: 10px; padding-left: 2px; }
.ColumnFilterPlaceHolder input, .ColumnFilterPlaceHolder select 
{
	border: 0;
	width: 100%;
	-ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
}


/* Scroll tables
----------------------------------------------------------
- The outer div defines the position of the table in the view and includes a huge top border to hold the headers.
- The inner div implements a scroll bar
- The header is floating on top of the outer div top border. The allows the header to skip the scrollbar, but it 
also breaks the even-column-width link between header and body. I.e. every col must have a defined width.
- If the total width of the columns (including padding) exceeds the total width of the outer div, an approximation
will be used to define column width, resulting in header and body column width comming out of sync.
*/

.outerscrolltable 
{
    position:relative;
    margin:0 auto 20px auto;
}
.innerscrolltable { overflow-y: auto; }
.outerscrolltable thead tr 
{
    position:absolute;
    left:0;
    top:-28px;
}

.outerscrolltable table td { padding: 5px; }
.outerscrolltable table th { padding: 6px 5px; }

.outerscrolltable .tablev2 thead th 
{ 
    padding: 5px 4px;
    border-bottom: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

.outerscrolltable table.tablev2 tbody td 
{ 
    padding: 5px 4px; 
    border-left: 0;
    border-top: 0;
    border-right: 0;
}

/* NamedIdList */
.NamedIdList
{
    width: 244px;
    padding: 20px;
    z-index: 1;
    
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.NamedIdList .innerscrolltable { height: 570px; z-index: 1;}
.NamedIdList .outerscrolltable { margin: 0; }
.NamedIdList .outerscrolltable thead tr 
{
    position:absolute;
    left:0;
    top:-39px;
}
.NamedIdList .outerscrolltable table td { padding: 5px; }
.NamedIdList.outerscrolltable table th { padding: 6px 5px; }

.NamedIdList .listCol1{width: 227px; text-align: left; }
.NamedIdList .outerscrolltable tbody td { border-right: 0; }

.NamedIdList .outerscrolltable div#HeaderDiv 
{
    background-color: #003057;   
    display: inline-block;
    color: White;
}

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

.NamedIdList .outerscrolltable .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); }

.NamedIdList .outerscrolltable #CustomerManagerAC,
.NamedIdList .outerscrolltable .ui-icon
{
	display: inline-block;
}


/* VerticalLabelValue
----------------------------------------------------------*/
.VerticalLabelValue { width: 100%; }
.VerticalLabelValue .Head { text-align: left; font-weight: bold; }
.VerticalLabelValue td:first-child { width: 1%; white-space: nowrap; padding-right: 4px; }
.FieldComment { font-size: 0.8em; font-style: italic; white-space: normal; }

/* VerticalLabel
----------------------------------------------------------*/
.VerticalLabel { width: 100%; }
.VerticalLabel .Head { text-align: left; font-weight: bold; }
.VerticalLabel { width: 1%; white-space: nowrap; padding-right: 4px; }
/* Make some free space between the SequenceSelector graph and the ShiftType description */
.VerticalLabel #SequenceSelector {
    margin-right: 150px;
}

.TipText { font-size: 0.8em; font-style: italic; }


/* Table filter
----------------------------------------------------------*/
.TWPTableFilter { margin-top: 4px; }
.TWPTableFilter>label,
.TWPTableFilter>span,
.TWPTableFilter>input
{ display: inline-block;  }
.TWPTableFilter>span { vertical-align: sub; }


/* Auto complete
----------------------------------------------------------*/

.ui-autocomplete {
	max-height: 150px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
* html .ui-autocomplete {
	height: 150px;
}

/* LazyMenu
----------------------------------------------------------*/
.ActionMenu { white-space: nowrap; }
.ActionMenu button {}
.ActionMenu .PopupList { position: absolute; min-width: 100px; z-index:100; }
.ActionMenu .PopupList ul { min-width: 100px; }
.ActionMenu .ui-widget span, 
.ActionMenu .ui-widget a
{ font-size: 0.9em; }


/* Route Navigation
----------------------------------------------------------*/


.navPanel
{
    position: absolute;
    height: 540px;
    padding: 20px;
    border: 1px solid #000;
    width: 260px;
    z-index: 1;
}

.navPanel .innerscrolltable{ height: 470px; z-index: 1;}
.navPanel .col1{width: 205px; text-align: left; }
.navPanel .col2{width: 30px; text-align: right; padding: 3px 5px; }
.navPanel .listCol1{width: 227px; text-align: left; }
.navPanel .outerscrolltable tbody td { border-right: 0; }

.tripPanel
{
    width: 579px;
}

.tripPanel .innerscrolltable
{
    top: 0px;
}

.tripPanel #tripTable {  }

.tripPanel #tripTable #tripStatusIndicators input
{
    border-collapse: collapse;
    border: 0;
    margin: 0;
}

.tripPanel #tripTable .tripcolStatus { width: 35px; text-align:left; }
.tripPanel #tripTable .tripcolTrailer { width: 130px; text-align:left; }
.tripPanel #tripTable .tripcolDriver { width: 70px; text-align:left;}
.tripPanel #tripTable .tripcolDisth { width: 52px; text-align: right;}
.tripPanel #tripTable .tripcolDist { width: 52px; text-align:right; }
.tripPanel #tripTable .tripcolStartTime { width: 125px; text-align:left; }
.tripPanel #tripTable .tripcolStartTimeh { width: 125px; text-align:center; }
.tripPanel #tripTable .tripcolTimeh { width: 50px; text-align:center; }
.tripPanel #tripTable .tripcolTime { width: 50px; text-align:right; }
.tripPanel #tripTable .tripcolButtons { width: 40px; text-align:right; border-left: 1;}

.tripPanel #tripTable .hide { display:none; }
.tripPanel #tripTable .loader { text-align: center; }

.tripPanel .listCol11
{
    width: 497px;
    text-align: right;
    vertical-align: top;
}

.tripPanel .listCol11 td
{
    border: 0;
    border-collapse: collapse;
    padding: 0px 4px 0px 0px;
    vertical-align: middle;
}

.tripPanel input {margin: 0;}
.tripPanel span {margin: 0;}


#domainPanel { left: 0; }
#groupPanel { left: 319px; }
#tripsPanel { left: 0; }
#terminalCalendarPanel { left: 319px; }

.terminalCalendarTable
{
    position: absolute;
    right: 0;
    left: 0;
/*    height: 400px;*/
    padding: 20px;
    border: 1px solid #000;
}

#terminalCalendarTablePanel
{
    position: absolute;
    top: 145px;    
    width: 940px;
/*    height: 400px;*/
    
}
#terminalCalendarDetailsPanel
{
    position: absolute;
    width: 940px;
    height: 85px;
    border: 1px solid #000;
}

#terminalCalendarDetailsPanel table
{
   width: 800px;
   padding: 100px;
   margin-left: 50px;
   margin-top: 15px;
}

#terminalCalendarDetailsPanel table tr td
{
    padding: 5px;
}

#terminalCalendarTablePanel .volumeHeader {width:80px}
#terminalCalendarTablePanel .productHeader {width:80px}
#terminalCalendarTablePanel .arrivalHeader {width:180px}
#terminalCalendarTablePanel .depatureHeader {width:180px}
#terminalCalendarTablePanel .customerNameHeader {width:190px}
#terminalCalendarTablePanel .trailerHeader {width:140px}

#terminalCalendarTablePanel .volume {width:80px; text-align:right;}
#terminalCalendarTablePanel .product {width:80px}
#terminalCalendarTablePanel .arrival {width:220px; text-align:right;}
#terminalCalendarTablePanel .depature {width:220px; text-align:right;}
#terminalCalendarTablePanel .customerName {width:200px}
#terminalCalendarTablePanel .trailer {width:135px}
#terminalCalendarTablePanel .total {margin-left:700px; width:110px; font-weight:bold;}

#terminalCalendarTablePanel .innerscrolltable 
{
    overflow:hidden;
    background:#fff;
}

/* Route details
----------------------------------------------------------*/

#stopdetails
{
    position: absolute;
    top: 145px;    
    width: 475px;
    height: 85px;
    padding: 5px 20px 20px 20px;
    border: 1px solid #000;
}

#stopdetails table td { padding: 2px; } 
#stopdetails .col1{width: 250px; text-align: left; }
#stopdetails .col2{width: 200px; text-align: left; }
#stopdetails .col21{width: 120px; text-align: right; }
#stopdetails .col22{width: 80px; text-align: right; }

#routemap
{
    position: absolute;
    top: 275px;    
    width: 485px;
    height: 400px;
    padding: 15px;
    border: 1px solid #000;
}

#routemap table{ margin: 5px 5px 0 5px; }

#routemap .col1{width: 360px; text-align: left; padding: 1px 5px 2px 5px; }
#routemap .col2{width: 105px; text-align: right; padding: 3px 5px 0 5px; }

.google_mapRoute
{
    width:475px; 
    height:370px;
    margin: 0px 5px;
}

#stops
{
    position: absolute;
    top: 145px;    
    right: 0;
    width: 364px;
    height: 520px;
    padding: 20px;
    border: 1px solid #000;
}

#stopsAC
{
    margin: 0 0 5px 0;
    width: 358px;
}

#stops th { padding: 5px 5px; border: 1px solid #5C87B2;}
#stops td { padding: 5px 5px; }
#stops .innerscrolltable{ height: 463px;}
#stops .stop{width: 35px; text-align: right; }
#stops .time{width: 60px; }
#stops .addressh{width: 189px; text-align: left; }
#stops .address{width: 214px; text-align: left; }
#stops .icons{text-align: right; padding: 3px 5px; }


/* Key Figures
----------------------------------------------------------*/

.keyfigures
{
    position: absolute;
    right: 0;
    left: 0;
    height: 55px;
    padding: 20px;
    border: 1px solid #000;
}

.keyfigures div div table 
{
    table-layout: fixed;
}
.keyfigures td { vertical-align: top; line-height: 16px;}
.keyfigures .innerscrolltable{ height: 25px;}
.keyfigures .colname{ width: 510px; text-align: left; }
.keyfigures .colnametitle{width: 420px; text-align: left; }
.keyfigures .colnamelink{width: 80px; text-align: right; padding: 3px 5px; }
.keyfigures .colroutes{width: 50px; text-align: right; }
.keyfigures .colstops{width: 50px; text-align: right; }
.keyfigures .coldist{width: 70px; text-align: right; }
.keyfigures .coltimetotal{width: 60px; text-align: right; }
.keyfigures .coltimetrans{width: 70px; text-align: right; }
.keyfigures .coltimeterm{width: 70px; text-align: right; }
.keyfigures .coltimehand{width: 70px; text-align: right; }
.keyfigures .colvol{width: 70px; text-align: right; }
.keyfigures .colindex{width: 50px; text-align: right; }
.keyfigures .colgraph{width: 425px; text-align: left; padding: 2px 5px; }

#keyfigureschildren .keyfigures { top: 145px; height: 440px; }
#keyfigureschildren .keyfigures .innerscrolltable{ height: 410px;}

.kpigraph table tr { height: 16px; }
.kpigraph table td { padding: 0; border: 0; text-align: center; }

tr.tablelegend td { border: 0; }
.kpigraph .graphlegend { padding: 1px 5px; }
.kpigraph .graphspace { width: 10px; }



/* Change index
----------------------------------------------------------*/

#changeindex
{
    padding: 10px 20px;
    border: 1px solid #000;
    width: 400px;
}

.textMessage
{
    bottom:0;
    left: 0;
    position:fixed;
    width: 100%;
    text-align:center;
    font-size: 1.5em;
 }
 
 #DipstickMeasurementPanel { min-width: 600px; }

/* Site Details*/
.SiteDetails
{
	min-height: 580px;
}

#SiteDetailsLeftTable
{
	float: left;
	min-width: 300px;
	max-width: 500px;
}

#SiteDetailsRightTable
{
	float: left;
	padding-left:15px;
}

.SiteDetails>table>tbody>tr>th.Caption {padding-left: 0px; font-style:oblique;}
.SiteDetails>table>tbody>tr>th {padding-left: 20px; min-width: 120px; text-align:left;}
.SiteDetails>table>tbody>tr>th.Caption {font-style:oblique;}
.SiteDetails>table>tbody>tr>td {height: 32px; padding: 0;}
.SiteDetails>table>tbody>tr>td>input[type='text'] {margin: 0; width: 200px; }
.SiteDetails>table>tbody>tr>td>select {width: 100%; }
.SiteDetails buttons {margin-top: 4px; }


#SiteTanksTable .previousReadingTime {text-align: center;}
#SiteTanksTable td.Tank { text-align: right; }
#SiteTanksTable td.Product { text-align: center; }
#SiteTanksTable td.Capacity { text-align: right; }
#SiteTanksTable td.MaxStockLevel{ text-align: right; }
#SiteTanksTable td.MinStockLevel { text-align: right; }
#SiteTanksTable td.EmptyStockLevel { text-align: right; }
#SiteTanksTable td.VarianceTolerance { text-align: right; }
#SiteTanksTable td.Tolerance { text-align: center; }
#SiteTanksTable td.EmailNotification { text-align: center; }
#SiteTanksTable td.ReadingTime { text-align: center; }
#SiteTanksTable td.PreviousReadingTime { text-align: center; }
#SiteTanksTable td.PreviousReading { text-align: right; }
#SiteTanksTable td.DeliveriesExecuted { text-align: right; }
#SiteTanksTable td.DeliveriesPlanned { text-align: right; }
#SiteTanksTable .ReadingTime { text-align: center; }
#SiteTanksTable .ReadingTime input { text-align: center; }
#SiteTanksTable .Reading { text-align: right; }
#SiteTanksTable .Variance { text-align: right; }
#SiteTanksTable .OrderType { white-space: nowrap; }
#SiteTanksTable .Reading input { text-align: right; }
#SiteTanksTable td.Buttons { text-align: right; }
#SiteTanksTable tbody tr { height: 27px; }

#TankDipReadingsPopup tbody tr { height: 27px; }

#TankDipReadingsPopup input { width: 80px; text-align: right;}
#SiteTanksTable input, #TankDipReadingsTable input { width: 60px; text-align: right;}
#TankDipReadingsPopup #AddReading { float: right;}

#TankDipReadingsTable { width: 100%; }

#TankDipReadingsTable tbody tr { height: 27px; }
#TankDipReadingsTable .Reading { text-align: right; }
#TankDipReadingsTable .Reading input { text-align: right; }
#TankDipReadingsTable .DeliveriesExecuted { text-align: right; }
#TankDipReadingsTable .DeliveriesExecuted input { text-align: right; }
#TankDipReadingsTable .DeliveriesPlanned { text-align: right; }
#TankDipReadingsTable .Variance { text-align: right; }

#TankDipReadingsTable .ReadingDate { width: 80px; }


/*EditSkillTable*/
#EditSkillTable
{
    margin: 4px;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 0;
    width: 490px;
    z-index: 110;

}
#EditSkillTable td { border: 0; }
#EditSkillTable tr { height: 18px; }
#EditSkillTable th.skillName { width: 290px; }
#EditSkillTable th.Icon { width: 16px; }
#EditSkillTable th.ExpiryDate { width: 80px; }
#EditSkillTable td.skillName { width: 390px; }
#EditSkillTable td.ExpiryDate { width: 100px; }
#EditSkillTable td.ExpiryDate input{ width: 80px; }

/*EditSkillTableDetails*/
#EditSkillTableDetails { padding: 20px; }
#EditSkillTableDetails .innerscrolltable {height: 240px;  padding-bottom: 0px;  }
#EditSkillTableDetails .outerscrolltable {height: 240px; padding-bottom: 0px;  }
#EditSkillTableDetails th {width: 250px; text-align:left; }
#EditSkillTableDetails input {margin: 0; }
#EditSkillTableDetails select { width: 100%; }
#EditSkillTableDetails .buttons { text-align: right;}

#Qualifications
{
    margin: 20px;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 30px;
    width: 200px;
}
#Qualifications input {width: 160px; }
#Qualifications table {width: 178px; }
#Qualifications .outerscrolltable { top: 0;height: 140px; margin: 0;}
#Qualifications .innerscrolltable {height: 100%;}
#QualificationInput { margin-top: 10px; }

#SiteFilter
{
	margin: 0px -0px 8px -0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

#SiteFilter .hasDatepicker { width: 80px; text-align: center; }
#SiteFilter #selectSite,#SiteFilter #SelectCustomer {  width: 200px; }

#orderListPanel #ifrm {display:none; }
#orderListPanel #OrderStatus { width: 120px; }

#orderListPanel #SiteFilter select,
#orderListPanel #SiteFilter button,
#orderListPanel #SiteFilter input
{
	margin-right: 9px;
	margin-left: 9px;
}

#orderListTable table th { text-align: center; }
#orderListTable input.hasDatepicker { text-align: center;}
#orderListTable .OrderID {text-align: center;}
#orderListTable .RequestedDate { text-align: center;}
#orderListTable td.PlannedTime{  text-align: center;}
#orderListTable td.Price{ text-align: right; }
#orderListTable .OrderStatus {text-align: center;}
#orderListTable .OrderStatus .Loading {padding: 4px;}
#orderListTable .OrderStatus .ReadOnlyValue {padding: 6px;}
#orderListTable .Buttons { padding: 4px 2px; vertical-align: middle; text-align: right;}
#orderListTable .Buttons .ButtonsWrapper { white-space: nowrap; padding: 0; margin: 0; }
#orderListTable .Buttons .ButtonsWrapper img { width: 16px; }

#orderListTable td.orderLine table { width: 100%; }
#orderListTable .inventory {text-align: right;}
#orderListTable td.purchaseNumber{ width: 100px; text-align: center;}
#orderListTable td.Gnumber{ width: 150px; text-align: center;}
#orderListTable td.orderLine { padding: 0 0 0 40px; }

#orderListTable select.Tank { width: 60px; }
#orderListTable .DeliveryInstructions { min-width: 300px; }
#orderListTable .DeliveryInstructions input {width: 100%; }
#orderListTable td.amount { width: 70px; text-align: right;}
#orderListTable td.amount input { text-align: right;}
#orderListTable td.DeliveredQuantity { width: 70px; text-align: right;}
#orderListTable td.contract {text-align: center;}

#orderListTable .StatusButtons { white-space: nowrap; }

/* order details */
#orderListTable .orderLine th.Product{ width:15%; min-width:100px; }
#orderListTable .orderLine th.Tank{ width:10%; min-width:100px; }
#orderListTable .orderLine th.PlannedQty{ width:10%; min-width:100px; display: table-cell !important; }
#orderListTable .orderLine th.DeliveredQty{ width:10%; min-width:100px; }
#orderListTable .orderLine th.Contract{ width:10%; min-width:100px; }
#orderListTable .orderLine th.DeleteButton{ width:20px; min-width:20px; }

/* New order list view */
#CustomerOrdersPanel 
{  
	display: inline-block;	
}

#CustomerOrdersPanel #ButtonAlignTable { width: 100%;}
#CustomerOrdersPanel #OrderListFilter { width: 300px; margin-left: 6px;}
#CustomerOrdersPanel td#Buttons {text-align:right;}
#CustomerOrdersPanel #Buttons #AddOrderButton{ width: 100px}

#CustomerOrdersPanel table#OrderListHeaderTable { width: 100%; }
#CustomerOrdersPanel table#OrderListHeaderTable td#ButtonsTD{ width: 100px; }
#CustomerOrdersPanel .ActionMenu { text-align: right; }
#CustomerOrdersPanel .ActionMenu .ui-widget span,
#CustomerOrdersPanel .ActionMenu .ui-widget a
{ font-size: 0.8em; }

#CustomerOrdersPanel #orderList>table
{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 20px;
}

#CustomerOrdersPanel #orderList tr.SelectedOrderRow { background-color : #DDF; }

#InvoicePopup { display: none; }
#InvoicePopup table.Invoices { width: 100%; }
#InvoicePopup table.Invoices tr.Total { font-weight: bold; }
#InvoicePopup table.Invoices tr.Total td { padding-top: 8px; }

.OrderEntryTankDetails
{
	border:1px solid #adadad;
	margin:10px;
	width: 320px;
}
.OrderEntryTankDetails th
{
	font-size: 12px !important;
}

.OrderEntryTankDetails th, .OrderEntryTankDetails td
{
	border:1px solid #adadad;
	padding-left: 4px;
	padding-right: 4px;
}

.RightAlign
{
	text-align:right;
}

.OrderEntryTankDetails th
{
	white-space: nowrap;
	text-align: center;
	color: #646464 !important;
}

#OrderEditView { overflow-y: auto !important; display: inline-block;}
#OrderEditView>div.HorizontalAlign { display: inline; }
#OrderEditView>div.HorizontalAlign>div { display: inline-block; vertical-align: top; }
#OrderEditView .Location { margin-right: 50px; }
#OrderEditView .title { margin-bottom: 5px; margin-top: 10px; }
#OrderEditView .ScheduledConfiguration { padding-left: 30px; }
#OrderEditView #InternalLoadingWrapper { width: 100%; visibility: hidden; text-align: center;}

#OrderEditView label.Header, #DriverDetailsView label.Header
{
	font-weight: bold;
	margin-left: 2px;
	margin-right: 6px;
}

#OrderEditView table.AlignTable { width: 100%; }
#OrderEditView table.AlignTable>tbody>tr>td { vertical-align: top; }

#OrderEditView .PotConfigurations .AvailableConfigurations
{
	overflow: hidden;
	white-space: nowrap;
	min-width: 210px;
}
#OrderEditView .PotConfigurations .Configuration,
#OrderEditView .PotConfigurations .AmountTable
{
	display: inline-block;
	width: 100%;
}

#OrderEditView .AmountTable
{
	margin-left: auto; 
	margin-right: auto; 
}

.AmountTable th {padding-left: 10px; padding-right: 10px;}

#OrderEditView .ScheduledPotConfuguration { margin-left: 6px; }

#OrderEditView #AllowPartialLoadSection { margin-bottom : 5px }
#OrderEditView #PartialLoadInformation{ margin-left : 20px }
#OrderEditView .PotConfigurations button.Prev { float: left; }
#OrderEditView .PotConfigurations button.Next { float: right; }

#OrderEditView .PotConfigurations>table>div,
#OrderEditView .PotConfigurations>table>button
{
	display: inline-block;
	vertical-align: top;
}

#OrderEditView .AmountTable input { padding: 0; }

#OrderEditView .PotsTable { position: relative; min-width: 180px; margin-right: auto; margin-left: auto; overflow:visible; }

#OrderEditView .PotsTable tr, #OrderEditView .AmountTable tr { height: 28px; }
#OrderEditView .PotsTable select { width: 100%; }
#OrderEditView .PotsTable select.Tank { width: 40px; }
#OrderEditView .PotsTable td {max-width: 140px; white-space:normal;}
#OrderEditView .PotsTable td.Product {width: 140px; white-space:normal;}
#OrderEditView .PotsTable td.Tank {text-align:right;}
#OrderEditView .PotsTable th.Tank {max-width: 140px;white-space:normal;}
#OrderEditView .AmountTable th.subheader, #OrderEditView .PotsTable th.subheader 
{ font-size:smaller; font-style:normal; font-weight:lighter;vertical-align: top;}
#OrderEditView #ShiftSelect { white-space: nowrap; display: inline-block; }
#OrderEditView #DisclaimerQuantityDifference { margin-top: 5px; font-style: italic; color:#500;}
#OrderEditView div#ScheduledPotConfigurationWarning {font-style: italic; color:red;}

#OrderEditView #OpeningHours
{
	max-height:500px;
	margin-top: 8px;
}

#OrderEditView #WeekDaysTable
{
	margin-left: 4px;
}	

#OrderEditView #OpeningHours .OpeningHoursTemplate td, #OrderEditView #OpeningHours td.Day
{
	height: initial;
}

/* IndexGlobal
---------------------------------*/
#PortalButtonList
{
	margin: 60px auto 0 auto;
	width: 540px;
}

/* Index
--------------------------------------*/

#signaturesPanel .innerscrolltable 
{
    height: 370px; 
    z-index: 1;
    overflow-x: hidden;
    background:#fff;
}

#signaturesPanel .outerscrolltable { margin: 0; }
#signaturesPanel th { text-align: left; }

#signaturesPanel .name {width: 250px; }
#signaturesPanel .comment {width: 490px; }
#signaturesPanel .created {width: 200px; }

/* Call Center
----------------------------------------------------------*/
#callcentermap
{
    position: absolute;
    padding: 15px;
    border: 1px solid #000;
}

.google_mapCallCenter
{
    width: 900px;
    height:600px;
    margin: 0px 5px;
}

#callCenterNotifications
{
    top: 530px;
    left: 20px;
    position: absolute;
    padding: 15px;
}


/**********************************************************/

/* Resource Managers
----------------------------------------------------------*/

.searchField {vertical-align: middle;}
.searchField table {border-collapse:collapse; width: 100%;}
.searchField table td {padding: 2px 6px 2px 6px;}
.searchField img {padding: 2px}
.searchField form input { border: 0; width: 100%;}

/* Resource Panel */
/*#region Resource Panel*/
#resourcePanel 
{
	position: absolute;
    width: 250px;
    margin-bottom: 20px; 
    padding: 20px;
    z-index: 1;
    
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
#resourcePanel .outerscrolltable { margin: 0;margin-top: 6px;}
#resourcePanel .innerscrolltable { height: 608px; z-index: 1;}
#resourcePanel .listCol1 { width: 227px; text-align: left; }
#resourcePanel .outerscrolltable tbody td { border-right: 0; }
#resourcePanel #HomeDepotSelect, #resourcePanel #SchedulingGroupSelect, #resourcePanel #DriverGroupSelect {margin-left:5px;width: 173px;}

table#resourceTable .ui-icon
{
	background-image: url("images/ui-icons_cccccc_256x240.png");
}
/*#endregion*/
#TabsPanel
{
	position: absolute;
	left: 360px;
	right: 40px;
	height: 709px;
	display: inline-block;
}

/* Extra day popup */
#ExtraDaysPopup
{
	display: none;
}
#ExtraDaysPopup input,
#ExtraDaysPopup select
{
	width: 140px;
	-ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    text-align: right;
}

/* Resource Details*/
.ResourceDetails>table>tbody>tr>th {width: 150px; text-align:left;}
.ResourceDetails>table>tbody>tr>td#ForeignID { font-style:italic; }
.ResourceDetails>table>tbody>tr>td {height: 32px; padding: 0;}
.ResourceDetails>table>tbody>tr>td>input[type='text'] {margin: 0; width: 200px; }
.ResourceDetails>table>tbody>tr>td>select {width: 100%; }
.ResourceDetails buttons {margin-top: 4px; }

.FullCalendarTrip,
.FullCalendarTrip div
{
    border: 1px solid orange;
}

/* Trailer Manager
--------------------------------------------------------*/
#TrailerManager #Compartments .outerscrolltable { margin: 0; margin-bottom: 4px; width: 178px;}
#TrailerManager #Compartments .innerscrolltable { height: 250px; overflow-y: scroll;}
#TrailerManager #compartmentCapacity { width: 100px;}

/* Edit Order
----------------------------------------------------------*/


/* Order Details*/
#OrderDetails th {width: 100px; text-align:left;}
#OrderDetails td {height: 32px; padding: 0;}
#OrderDetails input {margin: 0; }
#OrderDetails select { width: 200px; }
#OrderDetails #buttons input { margin: 4px; float: right;}

/* Remainder--*/
/*#region Remainder*/
#RemainderPanel { width: 1000px; }
#RemainderPanel table.dataTable { margin: 0; }
#RemainderPanel .deliveries
{
    width: 100%;
}

#RemainderPanel .TFPTable input[type='text']
{ 
    width: 96%; 
    text-align: right;
}

#RemainderPanel .Comment { width: 10px; text-align: center; }
#RemainderPanel .GNo { width: 120px; text-align: center;}
#RemainderPanel .ReleaseNo { width: 64px; text-align: center;}
#RemainderPanel .Tank { width: 20px; text-align: center; }
#RemainderPanel .Product { width: 50px; text-align: center;}
#RemainderPanel .Compartment { width: 50px; text-align: center;}
#RemainderPanel .PlannedAmount { width: 50px; }
#RemainderPanel td.PlannedAmount { text-align: right; }
#RemainderPanel .Amount { width: 50px; }
#RemainderPanel .Remains { width: 50px; }
#RemainderPanel .Time { width: 120px; }
#RemainderPanel .Buttons { width: 8px; }
#RemainderPanel .CancelReasonCode,
#RemainderPanel .CancelReasonComment
{ 
	display:none;
}

#ReleaseDetails table th { text-align: left; }
#ReleaseDetails table input[type='text'], #ReleaseDetails table select { width: 130px; }

#RemainderPanel table.pickups {  }
#RemainderPanel table.pickups td, #RemainderPanel table.deliveries td
{
    padding: 2px 4px 2px 4px;
}

#RemainderPanel .buttons { text-align: right; }
#RemainderPanel .MainButtons { text-align: right; }


#rowDetailsComment { }

#splitDetails { }
#splitDetails table { border:0px !important;}
#splitDetails .col1 { width: 100px; }
#splitDetails .col2 { width: 200px; }
#splitDetails select { width: 191px; }

#uploadFile { }

#CancelDeliveryPartPopup { left: 340px; width: 400px;}
#CancelDeliveryPartPopup table { width: 100%;}
#CancelDeliveryPartPopup input {margin-left: 5px; width:317px; margin-top:5px;}
#CancelDeliveryPartPopup select {margin-left: 5px; width:323px; margin-top:5px;}
#CancelDeliveryPartPopup .Buttons { margin-top: 5px; text-align: right; }
/*#endregion*/
.popup
{
    position: absolute;
    z-index: 101;
    top: 340px;
    left: 400px;
}

/* Dip Stick Manager
----------------------------------------------------------*/

#SitePanel { min-width: 600px; }
#SitePanel #PanelHeader
{
	margin-bottom: 6px;
}

#SitePanel #SiteList { padding: 0px; }


#SitePanel #SiteList thead tr { height: 30px; }
#SitePanel #SiteList td img { vertical-align: middle; }
#SitePanel #SiteList td.Buttons .ButtonsWrapper { text-align: right; white-space: nowrap; }

/* Customer manager  */
#CustomerManagerPanel 
{
    position: absolute;
    width: 250px;
	height: 648px;
   
    margin-bottom: 20px; 
    padding: 20px;
    z-index: 1;
    
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

#CustomerManagerPanel .innerscrolltable{ height: 580px; z-index: 1;}
#CustomerManagerPanel .outerscrolltable thead tr 
{
    position:absolute;
    left:0;
    top:-39px;
}
#CustomerManagerPanel .outerscrolltable table td { padding: 5px; }
#CustomerManagerPanel.outerscrolltable table th { padding: 6px 5px; }

#CustomerManagerPanel .listCol1{width: 227px; text-align: left; }
#CustomerManagerPanel .outerscrolltable tbody td { border-right: 0; }

#CustomerManagerTabsPanel
{
    position: absolute;
    left: 350px;
    right: 40px;
    min-width: 850px;
    height: 648px;
}

table#CustomerTable th.col1 input 
{
	width: 147px;

}

/* Site Manager*/
/*#region Site manager*/
#siteManagerPanel 
{
    position: absolute;
    width: 250px;
	height: 658px;
   
    margin-bottom: 20px; 
    padding: 20px;
    z-index: 1;
    
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

#siteManagerPanel .innerscrolltable{ height: 590px; z-index: 1;}
#siteManagerPanel .outerscrolltable thead tr 
{
    position:absolute;
    left:0;
    top:-39px;
}
#siteManagerPanel .outerscrolltable table td { padding: 5px; }
#siteManagerPanel.outerscrolltable table th { padding: 6px 5px; }

#siteManagerPanel .listCol1{width: 227px; text-align: left; }
#siteManagerPanel .outerscrolltable tbody td { border-right: 0; }
#siteManagerPanel #customerFilterSelect { width: 190px; margin-bottom: 5px;}

#SiteManagerTabsPanel
{
    position: absolute;
    left: 350px;
    min-width: 850px;
    min-height: 658px;
}

#SiteManagerTabsPanel .tabs { height: 100%; }

#siteMapPanel table
{
	width: 100%;
	min-height:530px;
}


table#sitesTable th.col1 input 
{
	width: 147px;

}
#resourcePanel .outerscrolltable thead tr 
{
    position:absolute;
    left:0;
    top:-39px;
}

table.ACSearchListTable
{
	outline:none;
}

table#resourceTable th.col1 input 
{
	width: 150px;

}
table.ACSearchListTable th.col1
{
	text-align: left;
	padding-right:0px;
}

table.ACSearchListTable th.col2
{
	text-align: right;
	padding-left: 3px;
	padding-right: 0px;
}

table.ACSearchListTable div.ButtonList
{
	padding-left: 0px;
}

table.ACSearchListTable th.col1 input 
{
	margin-top:5px;
	margin-bottom: 5px;
	display:inline-block;
}

table.ACSearchListTable th.col1 span
{
	display:inline-block;
	vertical-align: sub;
}

table#sitesTable .ui-icon
{
	background-image: url("images/ui-icons_cccccc_256x240.png");
}

#siteMapPanel table td.Map { vertical-align: top; width: auto;}
#siteMapPanel table td.Details { vertical-align: top; width: 250px; padding-left:6px; }

#siteMapPanel .SiteMap
{
	width: 99%;
	height:500px;
	margin: 0px 5px;
}

#SiteOpeningHoursManagerPanel  { display: inline-block; }
#SiteOpeningHoursManagerPanel table.noBorder>tbody>tr>td { vertical-align: top; }
#SiteOpeningHoursManagerPanel #WeekPattern { min-width: 260px; }

#AddClosingDayDialog .Time,
#AddAdditionalOpeningDayDialog .Time
{ width: 58px; text-align: center; }
#AddClosingDayDialog .Date,
#AddAdditionalOpeningDayDialog .Date
{ width: 90px; text-align: center; }

#SiteOpeningHoursTable>tbody>tr>td 
{
	vertical-align:top;
}

#SiteOpeningHoursManagerPanel .TabRegion { padding: 10px; }
#SiteOpeningHoursManagerPanel #SaveOpeningHours { position: absolute; bottom: 20px; }

#SiteOpeningHoursPanel
{
	width: 800px;
}

#SiteOpeningHoursPanel #CustomeAndSiteSelect select {width:300px;}
#WeekDaysTable thead table td
{
	padding: 2px;
}

#SiteOpeningHoursManagerPanel #AdditionalOpeningDays,
#SiteOpeningHoursManagerPanel #ClosingDays
 { min-width: 440px; }

.OpeningHoursTemplate td,
td.Day
{
	height: 22px;
}

.OpeningHoursTemplate td.TimeEntry
{
	 width: 60px; text-align: center; 
}

#WeekDaysTable .Time
{
	width: 58px; text-align: center; 
}

#WeekDaysTable .Day
{
	vertical-align:top; 
	padding-top: 1px;
}
/*#endregion*/

/* Pending Authorization */
/*#region Pending Authorization*/
div#PendingAuthorizationDisclaimer {margin-bottom: 5px;}
/*#endregion*/

.hidden { display: none; }
.invisible { visibility:hidden; }

/* Roles*/


#canvasContainer
{
    position:absolute;
    top:150px;
    width:60%;
    left:20%;
    z-index:101;
    display:none;
}

.outerscrolltable2 { position:relative; table-layout:fixed; }
.outerscrolltable2 thead tr { position:relative; }
.innerscrolltable2 { overflow-y:hidden;}
.outerscrolltable2 tbody td 
{
    text-align:center;
    padding:0px;
    padding-bottom:15px;
    padding-top:5px;
    min-width:50px;
}

/* Roster */


#RosterLegend
{
    margin-left: auto;
    margin-right: auto;
}

.RosterRowIcon
{
	float:right;
}

#RosterReportsDialog
{
	display: none;
}

/* To style Report Buttons in DriverManager Calendar tab and in the new Shift Manager */
#RosterReportsDialog button {
    margin-left: 20px;
    width: 200px;
}

.roster-legend-box
{
	display: inline-block;
	border:1px solid gray;
	min-width:40px;
	min-height:12px;
	margin-left: 20px;
}

.roster-legend-text
{
	display: inline-block;
	margin-left: 5px;
}

.roster-legend-dot
{
	display: inline-block;
	min-width:20px;
	min-height:20px;
	margin-left: 20px;
}

/* Driver changes */
#DriverChanges .dataTables_scrollBody
{ 
	max-height: 600px;
	overflow: auto;
}

#DriverChangesTable
{
	min-width: 800px;
}

#DriverChanges td div.TimeValuePart { width: auto; }

/* Driver Schedule */
#schedulePanel
{
    margin-bottom: 20px;
}

#schedulePanel table tr td
{
    min-width: 50px;
}

#ExtraDaysPopup #ExtraDayTripComment
{
	width: 140px;
}

/* Orders */
#ordersPanel { min-width: 800px; }
#ordersPanel .TFPTable td { text-align: center; }
#ordersPanel .TFPTable .Buttons  { text-align: right; }
#ordersPanel .TFPTable .Buttons div { white-space: nowrap; }
#ordersPanel .Status select { width: 120px; }

#ordersPanel .ClearFilterButton {height: 27px; margin-left: 8px;}

#ordersPanel #orderListContent { float: right; }


#nextWeek { left:4px; margin:0px; }
#prevWeek { margin:0px; }



#compartmentCapacity { text-align:right; }

#ajaxUploadForm { margin-top:15px; }

/*
**************************************
		User management
*/
.checkboxCell 
{
	text-align: center;
	width: 80px;
}

#UserTerminalsTable .Terminal { text-align: left; }

/* Menu 
---------------------------------------------------------*/
#menu .MenuItem .ui-icon
{
	display: inline-block;
	vertical-align:sub;
}

ul#menu li { list-style: none; position: relative;}
ul#menu>li { display: inline-block; vertical-align: top;}

/* Sub Menu
----------------------------------------------------------*/


ul.submenu
{
	position: absolute;
	margin: 0;
	right: 0;
}

ul.submenu { display: block; }

ul.submenu li a
{
	padding: 6px 10px;
	text-decoration: none;
}

#menucontainer li select { width: 100px; }

#SelectSiteCustomerName
{
	width: 175px;
	display:inline-block;
}

.gray
{ 
     filter: gray; /* IE6-9 */ 
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
    cursor: default;
}

#viewDeleteDetails
{
	width: 350px;
}
#viewDeleteDetails form { text-align: right; }

#portalDeleteDetails
{
	width: 350px;
}
#portalDeleteDetails form { text-align: right; }

#roleDeleteDetails
{
	width: 410px;
}
#roleDeleteDetails form { text-align: right; }

#viewCreateDetails
{
	width: 300px;
}
#viewCreateDetails p { text-align: right; }

#portalCreateDetails
{
	width: 300px;
}
#portalCreateDetails p { text-align: right; }

#RATable { min-width: 1100px; }
#RATable .ExpiryDate div { width: 80px; white-space: nowrap; }
#RATable .Comment div { width: 300px; margin: 3px 0 3px 0;}

#uploadRiskAssessment input#uploadRiskAssessmentExpiryDate { width: 80px; }
#uploadRiskAssessment .buttons, #UploadDIC .buttons { text-align: right; }

.google_mapRiskAssessment
{
    width: 800px;
    height:500px;
    margin: 0px 5px;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { font-weight: bold; opacity: 1.0; filter:Alpha(Opacity=100); }
div.ui-datepicker { font-size:100% } 

#WorkScheduleTable th.Name {text-align: left;}
#WorkScheduleTable .Buttons { width: 18px; }


#map #mapLegend
{
	border: solid 1px gray;
	position:absolute;
	top:350px;
	left:30px;
	z-index:1000;
	background-color: rgba(255,255,255,.6);
}

#map #mapLegend table
{
	width:100%;
}

#map #mapLegend table tr td:nth-child(2)
{
	text-align:right;
}

/* Table Icon
----------------------------------------------------------*/
.TableUIIcon
{
	background-color: #fff;
    background-image: url(images/ui-icons_222222_256x240.png);
	border: 1px solid #999;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	margin: 2px;
}

.ui-combobox
{
	position: relative;
	display: inline-block;
	padding-right: 28px;
}
.ui-combobox-toggle 
{
	position: absolute !important;
	top: 0;
	bottom: -1px;
	margin-left: -1px;
	padding: 0;
}
.ui-combobox-input 
{
	margin: 0;
	padding: 0.3em;
	background: #fff !important;
}

.ResourceDetails .ui-combobox-input 
{
	width:170px;
}

.ui-combobox-input[disabled] { border:0px !important; } 

.InfoField {display: inline-table;}

#selectGeneratorSite
{
	position: absolute;
    left: 350px;
    top: 250px;
    z-index: 101;
}

#selectGeneratorSiteButtons
{
	float:right;
}

/* Administration portal */
div.CustomerFilter 
{
	margin-bottom: 5px;
}

#viewDeleteDetails div.AssociatedRolesMessage { color:Red; font-weight: bold; font-style:italic; width:360px; word-break:break-word; word-wrap: break-word}
/* ManageUsers styles
----------------------------------------------------------*/
select.role
{
    z-index: 2;
    text-align: right;
}


/*HACK css for webkit browsers only*/
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 

    #selectDriver a
    {
    	top:-1px;
    	height:22px;
    }
}

#TestInfoBox
{
	position: absolute;
	bottom: 40px;
	right: 40px;
}
#TestInfoBox th { text-align: left; }
#TestInfoBox td { padding: 5px; }

#controlRoomTabs
{
	width: 1000px;
}

.google_mapControlRoom
{
	width:100%;
	height:350px;
}
#controlRoomStandAloneMap
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#standAloneMap
{
	height:100% !important;
}

.ControlRoomMap 
{
	position: relative;
	clear: both;
	*zoom: 1;
}

.DashboardColumn
{
	display:inline;
	float:left;
	margin-right:1%;
}

#columns .dataTables_length
{
	margin-left: 15px;
}

#editDashboard
{

}

#panel
{
	min-width:800px;
}

.container
{
	width:500px;

}

.newContainer
{
	position: absolute;
	top:0px;
	left:0px;
}

.ui-resizable-helper 
{ 
	border: 2px dotted #8a8a8a; 
}

.containerTitle
{
	text-align:center;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
}

.containerTitle div.drag
{
	text-align:center;
	display:inline;
}

.containerTitle div.remove
{
	float:right;
}

iframe
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.Dashboard
{
	height:820px;
}

#addView:hover
{
	-moz-border-radius:		5px 5px 0 0;
	-webkit-border-radius:	5px 5px 0 0;
	-khtml-border-radius:	5px 5px 0 0;
	border-radius:			5px 5px 0 0;
}

.Dashboard .container:nth-child(1)
{
	float:left;
	width:54.8%;
}

.Dashboard .container:nth-child(1) iframe
{
	height:803px;
}

.tempoaryDemoClass
{
	height:760px !important;
}

.Dashboard .container:nth-child(2)
{
	float:right;
	width:45%;
}

.Dashboard .container:nth-child(3)
{
	float:right;
	width:45%;
}

/*-----------------drop down menu ----------------------*/
/*#region Drop down menu*/
.DashboardButtons
{
	text-align:right;
	padding-bottom:5px;
	display:table;
	list-style:none;
}

.DashboardButtons li
{
	text-decoration: none;
	list-style: none;
}

.DashboardButtons li
{
	margin-left:5px;
	font-weight: bold;
	cursor: pointer;
	display:inline-block;
}

ul.DashboardButtons
{
	display: table;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

ul.DashboardButtons li
{
	margin: 0px;
	padding: 3px;
	list-style: none;
	display: table-cell;
	float: left;
	position: relative;
}

ul.DashboardButtons a
{
	position: relative;
	display: block;
}
ul.SubMenu
{
	left:103% !important;
	top:0px !important;
}

ul.DropDown, ul.SubMenu 
{
	-moz-border-radius:		0 5px 5px 5px;
	-webkit-border-radius:	0 5px 5px 5px;
	-khtml-border-radius:	0 5px 5px 5px;
	border-radius:			0 5px 5px 5px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 999;
	top: 100%;
	width: 100px;
	display: none;
	left: 0;
}

ul.DropDown li span
{ 
	float:right;
	vertical-align: bottom; 
}

ul.DropDown ul.DropDown, ul.SubMenu ul.SubMenu
{
	top: 0;
	left: 95%;
}

ul.DropDown li, ul.SubMenu li
{
	margin: 3px;
	padding: 0;
	float: none;
	position: relative;
	list-style: none;
	display: block;
}

ul.DropDown li a, ul.SubMenu li a
{
	text-align:left;
	display: block;
}
/*#endregion*/
/*-----------------drop down menu end ----------------------*/

#reports
{
	width:100%;
	height:90%;
	position:absolute;
}

#addressTable, #customerTable, #printAddressTable
{
	z-index:1000;
	margin: 10px 5px 0px 5px;
    width: 800px;
}

#addressTable table
{
	min-width: 800px;
}

#addressTable .dataTables_scrollBody
{
	overflow-x: hidden !important;
}

#customerTable table, #printAddressTable table
{
	z-index:1000;
	margin-top: 10px;
	min-width: 800px;
}

#customerTable th
{
	text-align: left;
}

#customerTable th, #customerTable td
{
	padding-left:10px;
}

/* Info Message */
.InfoMessageWrapper { margin-bottom: 10px; display: none;}
.InfoMessageBox
{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	
}
.InfoMessageBox .Close
{
	float: right;
	border-style: solid;
	border-width: 1px;
	margin: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}
.InfoMessageBox .Message 
{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}
.InfoMessageBox .Text 
{
	margin-left: 20px;
	margin-right: 20px;
}

div#EditMsgDialog div#LinkBox
{
	border: 1px solid #005;
	padding: 2px;
	margin-bottom: 4px;
	border: 1px solid #bbb;

}

div#EditMsgDialog div#DocumentBox
{
	border: 1px solid #005;
	padding: 2px;
	margin-bottom: 4px;
	padding-bottom: 8px;
	border: 1px solid #bbb;
}

div#EditMsgDialog input
{
	width:240px;
	margin-left:5px;
}
div#EditMsgDialog
{
	min-width:380px;	
}

div#EditMsgDialog button#AddLink,  div#EditMsgDialog button.AddDocumentBtn
{	
	float:right;
}


div#EditMsgUploadDialog input
{
	width: 260px;
}

div#EditMsgUploadDialog td
{
	padding-top : 4px;
} 

@media print  
{
	@page {size: portrait}
	@page rotated { size : landscape }
	@page notrotated { size : portrait }
	table { page : notrotated }
	#printAddressTable th, #printAddressTable td, #customerTable th, #customerTable td
	{
		border: 1px solid #999;
	}
	
	#pageBreakBefore 
	{ 
		display: block !important;
		height: 10px; 
		page-break-before:always; 
	}
	
	#hideOverflow
    {
    	margin-top: -20px;
    	margin-left: -20px;
    	width: 110%;
    	height:100%;
    	position:absolute !important;
    	background-color:white;
    	z-index:999 !important;
     	display: block !important;
    }

    #printAddressTable
    {
    	position:absolute !important;
    	z-index:1000 !important;
     	display: block !important;
    }
    
    #printAddressTable table
    {
    	z-index:1000;
    	width: 100%;
    	height:100%;
     	display: block !important;
    }
    
    #mapDetails span
    {
    	display: none !important;
    }
    
    #google_map
    {
    	width:800px !important;
    	height:500px !important;
		text-overflow: clip;
    }
    
    #customerTable table
    {
     	z-index:1000 !important;
    	width: 100% !important;
    	height:100% !important;
    }
    
    #customerTable
    {
     	z-index:1000 !important;
    	width: 100% !important;
    	height:100% !important;
    	display: block !important;
    }
}

/* Timesheet */

#timesheetPanel table.HaulierTimesheet { table-layout: fixed; }				

/*So the FixedColumns data table is nicely aligned horizontally and vertically, furthermore there is no border between the fixed column and the other (scrollable) columns*/
#timesheetPanel table.HaulierTimesheet { border: 0px;}
#timesheetPanel { min-width: 1024px; }
div.dataTables_scroll, div.ColumnFilterPlaceHolder
{
	/*need to overwrite the default built-in css of FixedColumns hence the use of !important*/
    border: 0px !important;
}

#timesheetPanel td.Type
{
	text-decoration:none;
}

#timesheetPanel td.Type .noneStyle 
{
	color: #ccc;
	font-style: italic;
	font-weight:lighter;
}

#timesheetPanel td.Type .linkStyle 
{
	text-decoration:underline;
}

#timesheetPanel #FilterParameters {padding-bottom:5px;}

#timesheetPanel table.TFPTable tbody td .Dotified
{
	white-space: nowrap;
}

#TimesheetFilter { margin: 4px; }

#TimesheetDriverSelect, #TimesheetDepotSelect {width:200px;}
#selectDriver
{
	position: absolute;
    left: 350px;
    top: 250px;
    z-index: 101;
}

#selectDriverButtons
{
	float:right;
}

#OvertimePanel table tbody tr td
{
	height:20px;
}

.InlineLabelContent { white-space: nowrap; display: inline-block; }
.InlineLabelContent input,
.InlineLabelContent select
{ margin-left: 2px; margin-right: 2px; }

/* Weekselector */
.WeekSelect #nextWeek { left:4px; margin:0px; }
.WeekSelect #prevWeek { margin-left: 5px; margin-right: 4px;}

/* Dateselector */
.DateSelect #nextWeek { left:4px; margin:0px; }
.DateSelect #prevWeek { margin-left: 5px; margin-right: 4px;}

/* Customer Statement */
/*#region Customer statement*/
#CustomerStatement { min-width: 850px; }
#CustomerStatement h3 { margin-bottom: 8px; }
#CustomerStatement div#Filters { padding-bottom: 5px; }
#CustomerStatement #ShowInvoicesButton{ width: 150px}
#CustomerStatement #InvoicesOpen { margin-top: 8px; }

#CustomerStatement table { width: 100%; }
#CustomerStatement table>thead>tr>th:first-child { width: 40px; }
#CustomerStatement table>tbody>tr.TotalBalanceRow>td { font-weight: bold; /*color: Red;*/ }
#CustomerStatement table>tbody>tr>td.HeaderTitle { font-weight: bold; }
#CustomerStatement table>tbody>tr.SubHeaderRow>td.HeaderTitle { font-weight: bold; text-decoration: underline; padding-left: 50px;}
#CustomerStatement table>tbody>tr>td { border-bottom-width: 0; }
#CustomerStatement table>tbody>tr.DividerRow>td { border-bottom-width: 1px; }
#CustomerStatement table>tbody>tr>td.Overline { border-top-width: 1px; border-top-style: solid; }
#CustomerStatement table>tbody>tr>td.Underline { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000; }
/*#CustomerStatement table>tbody>tr>td.PaymentAmount>a { text-decoration: underline; }*/

/*  Balance Headers */ 
div#CustomerStatement td#DueAmountLabel { padding-left: 20px;}
div#CustomerStatement td#DueAmount { padding-left: 5px;}
div#CustomerStatement td#Balance { padding-left: 5px;}


table.TFPTable td.Number, table.TFPTable td.Number input
{
	text-align:right;
	white-space:nowrap;
}

td.Number
{
	text-align:right;
	padding-right:5px;
}

td.Center
{
	text-align:center;
}

div#CustomerBalance td
{
	padding-top:10px;
	font-weight: bold;
	font-size: 15px;
	color: #003057;
}

div#Balance .Negative
{
	color:Red;
}

span.Negative
{
	color:Red;
}

div#CustomerStatement #DateFrom, div#CustomerStatement #DateTo
{
	width:80px;
}

span#ChangeDateToShowHistoryMessage { font-style: italic; }
/*#endregion*/

/* Pricing */
fieldset#RowData
{
	margin: 0px -0px 8px -0px;
}
div#UnitPriceWrapper
{
	width: 920px;
}

#TerminalPricing
{
	width: 930px;
}

#TerminalPricing #CustomeAndTerminalSelect select
{
	width: 230px;
}

span.OldPriceData {
	color: red;
	font-style:italic;
	font-weight:bold;
}
div#Pricing div#FieldSetRowData
{
	padding-bottom: 15px;
}

div#Pricing #Date, div#Pricing #Quantity
{
	width:80px;
}

select#Product, select#Terminal
{
	width:160px;
}

div#Pricing #selectSite, div#Pricing #SelectCustomer
{
	width:200px;
}

div#Pricing td
{
	height:20px;
}

div#Pricing td.VAT, div#Pricing td.ProductCost, div#Pricing td.TotalCost, div#Pricing td.Quantity, div#Pricing td.UnitPrice
{
	text-align:right;
}

#ExportDataPopup select {width:160px; margin-left:5px;}
#ExportDataPopup input {width:80px; margin-left:5px;}
/*#region Disclaimer*/
#disclaimerPopup
{
	padding-left:25%;
	width:50%;
	position:absolute;
    z-index: 101;
}

#disclaimerButtons
{
	margin-top:10px;
	text-align: center;
}

#disclaimerPopup button
{
	text-align:center;
	font-weight:bold;
}

#disclaimerPopup .innerscrolltable{ height: 470px;}
#disclaimerPopup div.Header
{
    top:-23px;
    margin-left:4px;
    position: absolute;
    color:White;
    font-weight:bold;
}
/*#endregion*/

/*#region Driver Shift Report  */

#driverShiftReport table tbody div.TimeValuePart { width: 100%; }

div#driverShiftReportType
{
	margin-bottom: 5px;
}

table#ReportTable .Driver
{
	margin-top: 1px;
	text-align: center;
	font-size: 95%;
}

/*#endregion*/

#EditCommentDialog textarea
{
	min-height: 70px;
	min-width: 470px;
	width:100%;
	height:100%;
}

.ConfigurationTable
{
	display: inline-block; 
	margin-bottom: 20px; 
	margin-right: 20px; 
	vertical-align:top;
}

.ConfigurationTable table
{
	min-width: 80px;
}
.TableButtons
{
	z-index: 1000; 
	display: none; 
	top:20px; 
	position: absolute; 
	vertical-align:bottom; 
	horizontal-align:right;
	margin-left: 4%;
	text-align:center;
	width: 90%;
}

.TableButtons button
{
	width: 90%;
	margin-right: 0px !important;
}

.ConfigurationTable th
{
	padding-left: 5px; 
	padding-right: 5px;
}

.ConfigurationTable td
{
	text-align: right; 
	padding-right: 5px;
}

.PotsTable th, .AmountTable th
{
	color: #646464 !important;
}

#driverShiftReport .Status td, #driverShiftReport .TomorrowStatus td
{
	width: 35px;
	font-size: 11px !important;
	padding: 0px 2px;
}

#driverShiftReport ul.Trips,
#ResourcePlanningPanelGraphics ul.Trips
{
	text-align:left;
}

#driverShiftReport ul.Trips li, #DriverDetailsView ul.Trips li, #ResourcePlanningPanelGraphics ul.Trips li
{
	height: 30px;
	width: 30px;
	background-color: #ff7722;
	display: inline-block;
	border: 1px solid #ccc;
}

#driverShiftReport ul.Trips li div.changes, #DriverDetailsView ul.Trips li div.changes
{
	position: relative;
	left: -1px;
	bottom: -19px;
	width: 10px;
	height: 10px;
	background-color: #4466dd;
	border: 1px solid #ccc;
}

#driverShiftReport .Indicator
{
	text-align:left;
}

#TripEvents
{
	width: 500px;
}

#TripOrders
{
	width: 1000px;
}

#driverShiftLegend
{
	margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}


table.TFPTable>tbody>tr>td
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.TodayAM ul, .TodayPM ul, .TomorrowPM ul, .TomorrowAM ul, #DriverDetailsView .AM ul, #DriverDetailsView .PM ul
{
	white-space: nowrap;
	padding-left: 0px !important;
}

#TripDetailsView table td:first-child
{
	font-weight: bold;
	text-align: left;
	padding-right: 15px;
}

#TripDetailsView
{
	max-width: 1050px;
}

#TripDetailsMap
{
	float:right;
	width: 500px;
	height:400px;
	margin: 0px 5px 10px 0px;
}

.ui-tooltip 
{
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 600px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}


#UserActivitiesPanel { min-width:1170px; }
#UserActivityFilters { width: 100%; }
#FiltersGroupBox { min-width: 1150px; margin-top: 5px; margin-bottom: 10px; }
#UserActivityFilters #ExportButton,
#UserActivityFilters #RefreshButton
{ float: right; }
#UserActivityFilters #SelectDefaultFilter { width: 180px; margin-right: 30px; }
#UserActivityFilters #TimeFrom { width: 110px; margin-right: 30px; }
#UserActivityFilters #TimeTo { width: 110px; }
#UserActivityFilters #SelectDomain { width: 180px; margin-right: 30px; }
#UserActivityFilters #SelectUser { width: 180px; }
#UserActivityFilters #SelectRole { width: 180px; }
#UserActivityFilters #SelectPortal { width: 280px; margin-right: 30px; }
#UserActivityFilters #SelectAction { width: 280px; }
#UserActivityFilters #Arguments { width: 276px; }
#UserActivityFilters #MinTime { width: 40px; }
#UserActivityFilters .LoadingText
{
	position: absolute;
	top: 0;
	bottom: 0;
	vertical-align: middle;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
#UserActivityFilters .LoadingText span
{
	vertical-align: middle;
	display: inline-block;
}
#UserActivitiesTable td.cursor { text-decoration:inherit; }
#UserActivitiesPanel .dataTables_processing { top: 80px; }
#UserActivitiesTable td div.TimeValuePart { width: inherit; }
#RefreshButton.MultiSelect { font-style:oblique; font-weight:bolder; background:#DED;}

#UserActivityDetailsDialog textarea { width: 100%; resize: none; }

#PATable th.RequestedDate { text-align:left; }
#PATable th.Price { text-align:right; }
#PATable th.CreditLimit { text-align:right; }
#PATable th.CreditLimitPercent { text-align:right; }
#PATable th.Status { text-align:center; }

#RefreshError
{
	color: #646464;
	background-color: rgba(175,175,175,.5);
	display: none;
	position: fixed;
	bottom: 0px;
	width: 60%;
	left: 0px;
}

.TFPTable thead th.CanEdit, .TFPTable thead th.CanView
 { text-align:center; }

.DetailsActions button, .EditActions button { width: 80px; margin-right: 5px; margin-bottom: 5px;}

#AllowPartialLoadMessage
{
	margin-top: 20px;
	margin-top: 5px;
}

.RestDayRow td.StartDepot
, .RestDayRow td.ActualStart
, .RestDayRow td.ActualEnd
, .RestDayRow td.EndDepot
, .RestDayRow td.GuaranteedHours
, .RestDayRow td.WorkedHours
, .RestDayRow td.PaymentHours
, .RestDayRow td.OvertimeHours
, .RestDayRow td.Meal
, .RestDayRow td.NightOut
, .RestDayRow td.NightOutLocation
, .RestDayRow td.ForemanPayment
, .RestDayRow td.DriverTrainerPayment
, .RestDayRow td.SmartAnalysisHours
, .RestDayRow td.WorkedVsSmartAnalysis
, .RestDayRow td.SpotOnHours
, .RestDayRow td.WorkedVsSpotOn
, .RestDayRow td.ScheduledStart
, .RestDayRow td.ScheduledEnd
, .RestDayRow td.SmartAnalysisStart
, .RestDayRow td.SmartAnalysisEnd
, .RestDayRow td.SpotOnStart
, .RestDayRow td.SpotOnEnd
, .RestDayRow td.ShiftID
, .RestDayRow td.UpdatedBy
, .RestDayRow td.Version
{
	visibility:hidden;
}

#timesheetPanel {
	margin-left: -40px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: -40px;
}

#timesheetPanel table.dataTable td{
	padding-left: 4px;
	padding-right: 4px;
}

#timesheetPanel table.dataTable th{
	padding-left: 4px;
	padding-right: 4px;
}

#timesheetPanel .dataTables_scrollBody
{
	background-color: inherit;
}

#timesheetDetails
{
	display:inline;
	text-align:center;
}

#timesheetDetails div
{
	width:47%;
	vertical-align:top;
	display:inline-block;
}

#timesheetDetails table
{
	width: 100%;
}

#timesheetDetails table tr
{
	height: 27px;
}

#timesheetDetails table tr:nth-child(even)
{
	background-color: #eee;
}

#timesheetDetails table tr th
{
	text-align:left;
}

#timesheetDetails table tr td
{
	text-align:right;
}

#timesheetDetails table tr td input
{
	text-align:right;
}

#timesheetDetails table tr td input[type=text]
{
	width: 60px;
}

#timesheetDetails .deviation
{
	font-weight: bold;
	color: #ee2222;
}

.rowWarning
{
	background-color: #ee4444;
}

/* Driver message */
#DriverMessagePanel { display:inline-block ;}
#DriverMessagePanel #SelectionArea { vertical-align:top; float:left; padding-left:40px; max-width:280px}
#DriverMessagePanel #MessageArea { float:left; }
#DriverMessagePanel #HomeDepot {width: 200px; margin-left:5px;}
#DriverMessagePanel #DriverOptions {max-width: 200px;}
#DriverMessagePanel button.Margin {margin-top: 10px;}
#DriverMessagePanel #TextInfoField { font-weight:bold;}
#DriverMessagePanel span.Invalid { color:Red;}
#DriverMessagePanel button.Right { float: right;}
div#DriverOptionsWrapper DriverOptionsWrapper
{
	width: 380px;
	height: 200px;
}

#AuditReportPanel fieldset { margin: 0; }
#AuditReportPanel td div.TimeValuePart { width:110px; }

#ConsolidationDetails table { width: 100%; }
#ConsolidationDetails table tr.RestDayRow td.Buttons { visibility: visible; }


div.EditBox 
{
	margin: 0 0;
	overflow: auto;
	border: 1px solid #bbb;
	padding: 2px;
	text-align: justify;
	background: transparent;
	min-height: 50px;
}

div.EditBox p
{
	margin: 0;
}

div.EditBox a
{
	color:Blue;
	text-decoration:underline;
	margin-left:1px;
	margin-right:1px;
}

#ConsolidationPanel .InlineLabelContent label
{
	margin-left: 10px;
}

.TFPTable td a ~ span { font-style:italic; font-weight:lighter; visibility: hidden; display:none; }
.TFPTable td a[style*='none'] ~ span { visibility: hidden !important; display:none !important; }
.TFPTable td a:empty ~ span { visibility: inherit; display:inline-table; }

#MileageCalculatorPanel
{ 
	min-width: 900px;
	display: inline-block; 
}
#MileageCalculatorPanel #Filter .InlineLabelContent { margin-bottom: 4px; }
#MileageCalculatorPanel #Filter .InlineLabelContent { margin-bottom: 4px; }
#MileageCalculatorPanel #Selectors label {width:63px; float:left; padding-top: 6px;}
#MileageCalculatorPanel #Selectors select {width:400px;}
#MileageCalculatorPanel #DisplayDataBlock {float:right; padding-bottom: 5px;}
#MileageCalculatorPanel #Filter input.hasDatepicker { width: 76px; padding: 0.2em 0.3em; }
#MileageCalculatorPanel #LoadingDistancesMessage,
#MileageCalculatorPanel #LoadingDistancesErrorMessage { visibility:hidden; text-align: center; font-style: italic; margin-bottom: 8px;}

#MileageCalculatorPanel #CalculateDistanceBlock { float:right; padding-bottom: 5px;}
#MileageCalculatorPanel #PostCodeDescription
{
	font-size: 0.85em;
	margin-left: 65px;
}

#MileageCalculatorPanel #PostCodeDescription2
{
	font-size: 0.85em;
	margin-left: 65px;
}

#MileageCalculatorPanel #Controls {	width: 100%; }

#MileageCalculatorPanel #Controls td.top
{
	vertical-align: top;
}

#MileageCalculatorPanel #Controls td.bottom
{
	vertical-align: bottom;
}


#MileageCalculatorPanel td, #MileageCalculatorPanel th { border-right-width: 1px; border-right-style: solid; }
#MileageCalculatorPanel td:last-child, #MileageCalculatorPanel th:last-child { border-right-width: 0px; border-right-style: solid; }
#MileageCalculatorPanel th.TerminalHeader { text-align: center; }
#MileageCalculatorPanel th.TerminalHeader.Total { text-align: right; }
#MileageCalculatorPanel tbody tr { height: 32px; }
#MileageCalculatorPanel .Site, 
#MileageCalculatorPanel .SitePostCode, #MileageCalculatorPanel .RoundTrip, #MileageCalculatorPanel .TerminalPostCode { white-space: nowrap; }

#MileageCalculatorPanel tbody td input { width: 32px; }
#MileageCalculatorPanel tfoot tr td {font-weight: bold; }

#MileageCalculatorPopup textarea
{
	width: 100%;
	resize: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#MileageCalculatorPopup #PostCodeDescription { font-size: 0.85em; }
#MileageCalculatorPopup #PostCodeOrigin { margin-top: 6px; }
#MileageCalculatorPopup #CustomerSelector select
{
	width:200px;
}

#MileageCalculatorPopup label
{
	display:block;
}

#MileageCalculatorPopup #AddPostCode { margin-top: 5px; margin-bottom: 10px; }

#ScheduledMileageV2Panel,

#ScheduledMileagePanel
{ 
	min-width: 900px;
	display: inline-block; 
}

#ScheduledMileageV2Panel tfoot tr td { color: White; font-weight:bold;}
#ScheduledMileageV2Panel #Filter .InlineLabelContent,
#ScheduledMileagePanel #Filter .InlineLabelContent
{
	margin-bottom: 4px;
}

#ScheduledMileageV2Panel #Selectors label,
#ScheduledMileagePanel #Selectors label
{
	width:63px;
	float:left;
	padding-top: 6px;
}

#ScheduledMileageV2Panel #TableWrapper
{
	width: 1400px;
}

#ScheduledMileageV2Panel #Selectors select,
#ScheduledMileagePanel #Selectors select
{
	width:400px;
}

#ScheduledMileageV2Panel #DisplayDataBlock,
#ScheduledMileagePanel #DisplayDataBlock
{
	float:right;
	padding-bottom: 5px;
}

#ScheduledMileageV2Panel #Filter input.hasDatepicker,
#ScheduledMileagePanel #Filter input.hasDatepicker
{
	width: 76px;
	padding: 0.2em 0.3em;
}

#ScheduledMileageV2Panel #CalculateDistanceBlock,
#ScheduledMileagePanel #CalculateDistanceBlock
{ 
	float:right;
	padding-bottom: 5px;
}

#ScheduledMileageV2Panel #PostCodeDescription,
#ScheduledMileagePanel #PostCodeDescription
{
	font-size: 0.85em;
	margin-left: 65px;
}

#ScheduledMileageV2Panel #PostCodeDescription2,
#ScheduledMileagePanel #PostCodeDescription2
{
	font-size: 0.85em;
	margin-left: 65px;
}

#ScheduledMileageV2Panel #Controls,
#ScheduledMileagePanel #Controls
{
	width: 100%;
	border:0px;
}

#ScheduledMileageV2Panel #Controls td.top,
#ScheduledMileagePanel #Controls td.top
{
	vertical-align: top;
}

#ScheduledMileageV2Panel #Controls td.bottom,
#ScheduledMileagePanel #Controls td.bottom
{
	vertical-align: bottom;
}

#ScheduledMileageV2Panel td:last-child,
#ScheduledMileageV2Panel th:last-child,
#ScheduledMileagePanel td:last-child,
#ScheduledMileagePanel th:last-child
{
	border-right-width: 0px;
	border-right-style: solid;
}

#ScheduledMileageV2Panel th.TerminalHeader,
#ScheduledMileagePanel th.TerminalHeader
{
	text-align: center;
}

#ScheduledMileageV2Panel th.TerminalHeader.Total,
#ScheduledMileagePanel th.TerminalHeader.Total
{
	text-align: right;
}

#ScheduledMileageV2Panel tbody tr,
#ScheduledMileagePanel tbody tr
{
	height: 32px;
}

#ScheduledMileageV2Panel .Site, 
#ScheduledMileageV2Panel .SitePostCode,
#ScheduledMileageV2Panel .RoundTrip,
#ScheduledMileageV2Panel .TerminalPostCode,
#ScheduledMileagePanel .Site, 
#ScheduledMileagePanel .SitePostCode,
#ScheduledMileagePanel .RoundTrip,
#ScheduledMileagePanel .TerminalPostCode
{
	white-space: nowrap;
}

#UploadDialog input, #UploadDialog select, #UploadDialog textarea {margin: 5px; }
#UploadDialog #uploadCDComment { width:195px;}
#UploadDialog #UploadCDSelectedFileInput {width:195px;}
#UploadDialog label {vertial-align: center;}

#HaulierOrdersPanel { min-width: 940px; }
#HaulierOrdersPanel #ServerFilter .hasDatepicker { width: 80px; text-align: center; }

#HaulierOrdersPanel .TWPTableFilter { width: 100%; }
#HaulierOrdersPanel .TWPTableFilter .Buttons { float: right; }

#HaulierOrdersPanel #HaulierOrdersList>table
{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 20px;
}

#HaulierOrdersPanel #HaulierOrdersList tr.OrderEntry td:first-child { padding-left: 2px; }
#HaulierOrdersPanel #HaulierOrdersList tr.OrderEntry td:last-child { padding-right: 2px; }
#HaulierOrdersPanel #HaulierOrdersList tr.OrderEntry td>div { border: 0px solid transparent; padding: 0 2px 0 2px; }
#HaulierOrdersPanel #HaulierOrdersList tr.OrderEntry td>div.Link:hover 
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

#HaulierOrdersPanel #HaulierOrdersList button { font-size: 0.9em; }


#HaulierOrdersPanel #HaulierOrdersList tr.OrderEntry td>div.Icon
{
	display: inline-block;
	white-space: nowrap;
	width: 100%;
}
#HaulierOrdersPanel #HaulierOrdersList tr.OrderEntry td>div.Icon:hover { border-bottom-color: #fff; }
#HaulierOrdersPanel #HaulierOrdersList tr.OrderEntry td>div.Icon>span { display: inline-block; }
#HaulierOrdersPanel #HaulierOrdersList tr.OrderEntry td>div.Icon>span.ui-icon { float: right; }

#HaulierOrdersPanel #HaulierOrdersList tr.OrderEntry .ChangeResource { cursor:pointer; }

.OrderResourceChangePopup table { width: 100%; }
.OrderResourceChangePopup select { width: 160px; }
.OrderResourceChangePopup .Compartments { min-height: 180px; }


/**************************************************************************/
/*Tracker order list*/
#TrackerOrdersPanel { min-width: 1240px; }
#TrackerOrdersPanel .ExportButton {width: 145px; margin-left: 20px}
#TrackerOrdersPanel .ServerFilter input {width:100px;}
#TrackerOrdersPanel .ServerFilter select {width:140px;}
#TrackerOrdersPanel .ServerFilter .hasDatepicker { width: 80px; text-align: center; }
#TrackerOrdersPanel .ServerFilter label {width:73px; float:left; padding-top: 4px;}
#TrackerOrdersPanel .ServerFilter td.top { vertical-align: top; }
#TrackerOrdersPanel .ServerFilter select#FilterMaxResults {width:55px;}
#TrackerOrdersPanel .ServerFilter label#LabelMaxResults {width:45px;}
#TrackerOrdersPanel .InlineLabelContent {height:22px;}
#TrackerOrdersPanel .TWPTableFilter { width: 100%; }
#TrackerOrdersPanel .TWPTableFilter .Buttons { float: right; }
#TrackerOrdersPanel .TWPTableFilter { margin-top: 10px; margin-bottom: 10px}
#TrackerOrdersPanel tr.OrderEntry { background-color: #dc9; }
#TrackerOrdersPanel TrackerOrdersList
{
	background-color:#fff;
}

#TrackerOrdersPanel .ActionButton {width: 175px; }
#TrackerOrdersPanel .ActionButtons {width: 185px; position:absolute;}
#TrackerOrdersPanel #SearchResultCount {float:right;}
#TrackerOrdersPanel #TrackerOrdersList>table
{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 20px;
}
#TrackerOrdersPanel #TrackerOrdersList table.ProductInfo { background-color: #eef; }
#TrackerOrdersPanel #TrackerOrdersList table.ProductInfo td { border-width: thin; border-bottom-style:solid; min-width: 55px;}

#TrackerOrdersPanel #TrackerOrdersList table.ProductInfo th.EmphasizeLifted 
{ 
	color:Red; 
	border-color: inherit;
}
#TrackerOrdersPanel #TrackerOrdersList table.ProductInfo td.RTI { text-align:center;}
#TrackerOrdersPanel #TrackerOrdersList table.ProductInfo td.ProductName
{
	min-width: 120px;
}
#TrackerOrdersPanel #TrackerOrdersList table.ProductInfo td.ProductName:hover
 {
	text-decoration: underline;
	font-weight: bold;
	cursor:pointer;
 }
 
#TrackerOrdersPanel #TrackerOrdersList table.ProductInfo th { border-width: thin; border-bottom-style:solid; font-weight:bold;}
#TrackerOrdersPanel #TrackerOrdersList tr.OrderEntry.Updated { background-color: #ccf; }
#TrackerOrdersPanel #TrackerOrdersList tr.OrderEntry td.OrderColumn:first-child { padding-left: 2px; border-left-style:hidden;}
#TrackerOrdersPanel #TrackerOrdersList tr.OrderEntry td.OrderColumn:last-child { padding-right: 2px; border-right-style:hidden; }
#TrackerOrdersPanel #TrackerOrdersList tr.OrderEntry td>div { border: 0px solid transparent; padding: 0 2px 0 2px; }
#TrackerOrdersPanel #TrackerOrdersList tr.OrderEntry td>div.Link:hover 
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

#TrackerOrdersPanel #TrackerOrdersList button { font-size: 0.9em; }


#TrackerOrdersPanel #TrackerOrdersList tr.OrderEntry td>div.Icon
{
	display: inline-block;
	white-space: nowrap;
	width: 100%;
}
#TrackerOrdersPanel #TrackerOrdersList tr.OrderEntry td>div.Icon:hover { border-bottom-color: #fff; }
#TrackerOrdersPanel #TrackerOrdersList tr.OrderEntry td>div.Icon>span { display: inline-block; }
#TrackerOrdersPanel #TrackerOrdersList tr.OrderEntry td>div.Icon>span.ui-icon { float: right; }

#TrackerOrdersPanel #TrackerOrdersList tr.OrderEntry .ChangeResource { cursor:pointer; }

/* Tracker order details popup */
#TrackerOrderDetailsPopup td.top { vertical-align: top; }

#TrackerOrderDetailsPopup label.Header { vertical-align: center; width:120px; font-weight:bold; float:left; height:24px;}
#TrackerOrderDetailsPopup .Content {height:24px;}
#TrackerOrderDetailsPopup td.Location { width:280px }
#TrackerOrderDetailsPopup td.Location input { width:130px }
#TrackerOrderDetailsPopup td.Location select { width:130px }
#TrackerOrderDetailsPopup #LiftingInformation input, #TrackerOrderDetailsPopup #CompartmentInformation input{ text-align : right; width: 80px;}
#TrackerOrderDetailsPopup #LiftingInformation button {width:80px;}
#TrackerOrderDetailsPopup .StateSelector {width:120px;}
#TrackerOrderDetailsPopup #LiftingInformation .ProductName,
{
	white-space:nowrap;
}
#TrackerOrderDetailsPopup #LiftingInformation .ProductEdit
{
	text-decoration: underline;
	font-weight: bold;
	cursor:pointer;
}

#TrackerOrderProductChangeDialog select
{
	width: 200px;
}
#TrackerOrderProductChangeDialog .KOLabelHeader
{
	padding-top: 10px;
}
#TrackerOrderProductChangeDialog .KOLabelText
{
	padding-left: 10px;
}

#TrackerOrderProductChangeDialog select
#TrackerOrdersCompartmentInfoPopup td 
{ 
	border-width:thin; 
	border-style:solid;
}

/***************************************************************************/
/* Tracker order repot popup */
/***************************************************************************/
#TrackerOrderRepotDialog .SummarySection td
{
	width : 80px;
}

#TrackerOrderRepotDialog .SummarySection td.Product
{
	width : 120px;
}

#TrackerOrderRepotDialog select
{
	width : 120px;
}
#TrackerOrderRepotDialog select.Configuration
{
	width : 150px;
}

#TrackerOrderRepotDialog td.Tank select
{
	width : 80px;
}


#TrackerOrderRepotDialog td.Number, #TrackerOrderRepotDialog td.Number input
{
	width: 80px;
}

#TrackerOrderRepotDialog td.Compartment
{
	width : 20px;
}
#TrackerOrderRepotDialog .Warning
{
	color: red;
}

#TrackerOrderRepotDialog .Cancelled
{
	text-decoration: line-through;
	color: Gray;
}

/**************************************************************************
TrackerOrderDriverDialog
**************************************************************************/
#TrackerOrderDriverDialog select, #TrackerReportSelectorDialog select
{
	width : 200px;
}
#TrackerOrderDriverDialog td.DeliveryInstructions
{
	vertical-align: top;
	padding-top: 5px;
}

/********************************1*******************************************/
/* Tracker Remainder											*/			
#TrackerRemainderPanel{ width:1380px }
#ReleasesWrapper { width:1380px }
#ResolveWrapper{ width:1230px }
#ResolveWrapper td, #ReleasesWrapper td { border-right-style:solid; border-right-width:1px;}
#TrackerResolvePopup #ResolveWrapper { max-height : 400px; }

/**************************************************************************/
/*because datatables is bugged and shows columns without sort as clickable*/
table.dataTable thead th {
	cursor: inherit;
}

table.dataTable thead th.sorting, table.dataTable thead th.sorting_asc, table.dataTable thead th.sorting_desc {
	cursor: pointer !important;
}
/**************************************************************************/

#OfdPanel td.Alarm
{
	font-weight: bold;
}

#DeliveryDetails table
{
	margin-top: 10px;
	width: 100%;
}

#DeliveryDetails td.OrderIsCancelled
{
	text-decoration:line-through;
}

#OfdPanel #TriggerForecast, #OfdPanel #AcceptPlan, #OfdPanel #WarningReport, #OfdPanel #LockPlan
{
	float: right;
}

#OfdPanel table td.delivery
{
	font-weight: bold;
	text-align: right;
}

#OfdPanel table
{
	display: none;
}

#OfdPanel table.RegionalLoadSplit
{
	margin-bottom: 5px;
}

#OfdPanel table.RegionalLoadSplit td
{
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-collapse: inherit;
	border-spacing: 0;
	background-color: White;
}

#OfdPanel table.RegionalLoadSplit td.Count
{
	text-align: right;
}
#OfdPanel table thead tr.FirstHeaderRow th,
#ResourcePlanningPanel table thead tr.FirstHeaderRow th
{
	background: #003057 url(images/ui-bg_highlight-soft_20_003057_1x100.png) 50% 50% repeat-x !important;
}

#OfdPanel table thead tr.FirstHeaderRow th
{
	color: #84BD00;
}

#OfdPanel table th input, #OfdPanel table td input
{
	width: 50px;
	text-align: right;
}

#OfdPanel table tbody td:first-child,
#OfdPanel table thead th:first-child
{
	min-width:90px;
}

#ResourcePlanningPanel
{
	min-width: 1000px;
}

#OfdPanel table td.Number,
#ResourcePlanningPanel table td.Number
{
	text-align: right;
}

#OfdPanel table td.Center,
#OfdPanel table th.Center,
#ResourcePlanningPanel table td.Center,
#ResourcePlanningPanel table th.Center
{
	text-align: center;
}

#OfdPanel table th a
{
	color: inherit;
}

#OfdPanel table th a:hover
{
	color: #fff;
	text-decoration: underline;
}

#OfdPanel table td a.ui-icon
{
	display: inline-block;
}

#OfdPanel td a.OrderIsCancelled
{
	color: gray !important;
}

#OfdPanel table td a.ChangeLockAllowed
{
	background-image: url(images/ui-icons_1d63aa_256x240.png);
	cursor: pointer;
}

#OfdPanel table.TFPTable>thead>tr>th
{
	font-size: 11px;
}

#OfdPanel table.TFPTable>tbody>tr>td
{
	font-size: 11px;
}

#OfdPanel table.TFPTable>tbody>tr>td,
#DeliveryDetails table.TFPTable>tbody>tr>td
{
	border-left-width: 1px;
	border-left-style: solid;
}

#OfdPanel
{
	min-width: 1350px;
	display: inline-table;
}

#OfdPanel #selectSite, #OfdPanel #SelectCustomer
{
	width: 200px;
}

#OfdPanel th
{
	padding:0px 0px 3px 0px;
}

#OfdPanel th.Clickable
{
	cursor: pointer;
	width: 130px;
}

#OfdPanel table th.Clickable.Closed.Icon
{
	padding: 12px;
	background: url(images/chkboxred.png) no-repeat;
	background-color: #003057;
	background-position:center center;
}

#OfdPanel table th.Clickable.Icon
{
	padding: 12px;
	background: url(images/chkbox.png) no-repeat;
	background-color: #003057;
	background-position:center center;
}

#OfdPanel #NextWeek { margin:0px; }
#OfdPanel #PrevWeek { left:4px; margin:0px; }



#CoLoad
{
	display: none;
}

#DeliveryDetails .BreakLink
{
	cursor: pointer;
}

#DeliveryDetails .BreakLink:hover
{
	text-decoration: underline;
}

#AllocationsPanel .InlineLabelContent label { margin-right: 6px; }
#AllocationsPanel .AllocationDetails b { margin-right: 6px; }
#AllocationsPanel .hasDatepicker { width: 80px; }


#CustomerLifting
{
	min-width: 1020px;
}

.CustomerLiftingProducts
{
	border:1px solid #adadad;
	margin:10px;
	width: 350px;
}
.CustomerLiftingProducts th
{
	font-size: 12px !important;
}

.CustomerLiftingProducts th, 
.CustomerLiftingProducts td
{
	border:1px solid #adadad;
	padding-left: 4px;
	padding-right: 4px;
}

.CustomerLiftingProducts tbody td { border-bottom-color: #adadad !important; }

.CustomerLiftingProducts .Product { width: 140px; }
.CustomerLiftingProducts .Quantity { width: 47px; }
.CustomerLiftingProducts .UoM { width: 95px; }

thead tr th.Products
{
	text-align:center;
}

/* Customer Profiles */
#CustomerProfileListPanel 
{
	position: absolute;
    width: 290px;
    padding: 0;
}

#CustomerProfilePanel
{
	position: absolute;
	left: 360px;
	right: 40px;
	height: 628px;
	min-width: 300px;
	display: inline-block;
}

#CustomerProfilePanel #GeneralTab,
#CustomerProfilePanel #DisclaimersTab,
#CustomerProfilePanel #AssociationsTab
{
	height: 530px;
}


#CustomerProfilePanel #DisclaimersTab { width: 50%; }
#CustomerProfilePanel #DisclaimersTab .VerticalLabelValue input { width: 100%; }

#CustomerProfilePanel #AssociationsTab #CustomerTableWrapper,
#CustomerProfilePanel #AssociationsTab #SiteTableWrapper
{ 
	width: 500px;
	  
}

 #CustomerProfilePanel #AssociationsTab #SiteSelectAutoComplete, #CustomerProfilePanel #AssociationsTab #CustomerSelectAutoComplete
{
	width: 400px;
}


/* BulletinBoard */

#BulletinBoardPanel { display: inline-block; min-width: 900px; width: 90%; }

#BulletinBoardPanel table td
{ 
/*	white-space: pre-line;*/
	word-wrap: break-word;
	word-break: break-word;
}

#BulletinBoardPanel .ThreadPanel
{
	display: inline-block;
	width: 100%;
	padding-top: 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

#BulletinBoardPanel .ThreadPanel .Comment
{
	display: inline-block;
	width: 45%;
	margin: 20px;
}

#BulletinBoardPanel .ThreadPanel .Comment .CommentContent
{
	overflow: auto;
}

#BulletinBoardPanel .ThreadPanel #Reply { margin: 0 0 20px 20px; width: 80px; }

#BulletinBoardPanel .Comment
{
	margin: 0 20px 20px 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	vertical-align: top;
}

#BulletinBoardPanel .BulletinPostTable { width: 100%; }
#BulletinBoardPanel .BulletinPostTable th:last-child,
#BulletinBoardPanel .BulletinPostTable .Buttons td { text-align: right; }

#BulletinBoardPanel .Creator
{
	clear:both;
}
 
#BulletinBoardPanel .Reply
{
	clear:both;
}
 
#BulletinBoardPanel .EditRow:first-child { text-align: left; }
#BulletinBoardPanel .EditRow { text-align: right; }

#ResourcePlanningPanelKeyFigures
{
	width: 100%;
	display: none;
}

#ResourcePlanningPanel td:first-child
{
	font-weight: bold;
}

#ResourcePlanningPanelGraphics ul.Trips
{
	padding-left: 0px;
}

#ResourcePlanningPanelGraphics ul.Trips li
{
	width: 12px;
	height: 12px;
	background-color: #ccc;
}

.AddBulletin, .DeleteBulletin, .PrintBulletin
{
	float:right;
}

.DeleteBulletin, .PrintBulletin
{
	margin-bottom: 20px;
}

.PrintBulletin
{
	margin-right:20px;
}


/* CustomerDetails */

.CustomerDetails>table>tbody>tr>th.Caption {padding-left: 0px; font-style:oblique;}
.CustomerDetails>table>tbody>tr>th {padding-left: 20px; width: 120px; text-align:left;}
.CustomerDetails>table>tbody>tr>th.Caption {font-style:oblique;}
.CustomerDetails>table>tbody>tr>td {height: 32px; padding: 0;}
.CustomerDetails>table>tbody>tr>td>input[type='text'] {margin: 0; width: 200px; }
.CustomerDetails>table>tbody>tr>td>select {width: 100%; }
.CustomerDetails buttons {margin-top: 4px; }

.ui-progressbar
{
	position: relative;
}

.ProgressLabel
{
	position: absolute;
	left: 50%;
	top: 4px;
	font-weight: bold;
	color: #999;
}

/* used for MakeLabelTable */
table.LabelContent>tbody>tr>th { height:22px; font-weight:bold; text-align:left;padding-right:4px;}
table.LabelContent>tbody>tr>td { height:22px;}


#MileageCalculatorPanelV2
{ 
	min-width: 900px;
	display: inline-block; 
}
#MileageCalculatorPanelV2 #Filter .InlineLabelContent { margin-bottom: 4px; }
#MileageCalculatorPanelV2 #Filter .InlineLabelContent { margin-bottom: 4px; }
#MileageCalculatorPanelV2 #Selectors label {width:63px; float:left; padding-top: 6px;}
#MileageCalculatorPanelV2 #Selectors select {width:290px;}
#MileageCalculatorPanelV2 #DisplayDataBlock {float:right; padding-bottom: 5px;}
#MileageCalculatorPanelV2 #Filter input.hasDatepicker { width: 76px; padding: 0.2em 0.3em; }
#MileageCalculatorPanelV2 #LoadingDistancesMessage,
#MileageCalculatorPanelV2 #LoadingDistancesErrorMessage { visibility:hidden; text-align: center; font-style: italic; margin-bottom: 8px;}

#MileageCalculatorPanelV2 #PostCodeDescription,
#MileageCalculatorPanelV2 #PostCodeDescription2
{
	font-size: 0.85em;
	/*margin-left: 65px;*/
}

#MileageCalculatorPanelV2 #Controls {	width: 100%; border:0px; }

#MileageCalculatorPanelV2 #Controls td.top
{
	vertical-align: top;
}

#MileageCalculatorPanelV2 #Controls td.bottom
{
	vertical-align: bottom;
}


#MileageCalculatorPanelV2 td, #MileageCalculatorPanelV2 th { border-right-width: 0px; border-right-style: solid; }
#MileageCalculatorPanelV2 td:last-child, #MileageCalculatorPanelV2 th:last-child { border-right-width: 0px; border-right-style: solid; }
#MileageCalculatorPanelV2 th.TerminalHeader { text-align: center; }
#MileageCalculatorPanelV2 th.TerminalHeader.Total { text-align: right; }
#MileageCalculatorPanelV2 tbody tr { height: 32px; }

#MileageCalculatorPanelV2 .Site, 
#MileageCalculatorPanelV2 .SitePostCode, 
#MileageCalculatorPanelV2 .Terminal, 
#MileageCalculatorPanelV2 .TerminalPostCode
#MileageCalculatorPanelV2 .OneWay, 
#MileageCalculatorPanelV2 .RoundTrip
#MileageCalculatorPanelV2 .CalculationAge
{
	 white-space: nowrap;
}

#MileageCalculatorPanelV2 tbody td input { width: 32px; }
#MileageCalculatorPanelV2 tfoot tr td {font-weight: bold; }

#MileageCalculatorPanelV2 #Filter,
#MileageCalculatorPanelV2 #Distances
{
	width: 440px;
	height: 220px;
	position: relative;
}

#MileageCalculatorPanelV2 #Distances textarea { resize: none; }
#MileageCalculatorPanelV2 #AddPostcodes,
#MileageCalculatorPanelV2 #CalculateDistanceBlock
{
	position: absolute;
	bottom: 8px;
	right: 8px;
}

#ScheduledMileagePanel tfoot tr td {font-weight: bold; }


/* Site Consolidation Groups */
#GroupListPanel 
{
	position: absolute;
    width: 290px;
    padding: 0;
}

#GroupPanelBottom
{
	position: absolute;
	left: 360px;
	right: 40px;
	height: 631px;
	width: 880px;
}

#GroupPanel
{
	position: absolute;
	left: 360px;
	right: 40px;
	height: 628px;
	width: 880px;
	display: inline-block;
}

#GroupPanel .Selected td
{
	background-color: #ddd;
}

#GroupPanelBottom .Selected td
{
	background-color: #ddd;
}

#GroupPanel #PossibleCustomer
{
	width: 200px;
}

#panel1
{
	vertical-align: top;
	width:260px;
	display: inline-block;
}

#panel1 table
{
	margin-top: 5px;
	width: 250px;
}

#panel2
{
	vertical-align: top;
	width:310px;
	display: inline-block;
}

#panel2 table
{
	margin-top: 7px;
	width: 300px;
}

#panel2 table td
{
	border-right-width: 1px;
	border-right-style: solid;
}

#panel3
{
	width:300px;
	display: inline-block;
}

#GroupPanel #GoogleMap
{
    width: 300px;
    height: 500px;
    margin: 0px 5px;
}

#TerminalOrdersPopup input,
#TerminalOrdersPopup select 
{ width: 160px; }

#TimesheetReportPanel 
{
	min-width:1200px;
}
#TimesheetReportPanel #ServerFilter td { padding-right: 10px; }
#TimesheetReportPanel #ServerFilter input { width: 100px; }
#TimesheetReportPanel #ServerFilter select { width: 200px; }

#TimesheetReportTable tbody td { white-space:nowrap; }

#BankHolidayManager #CalendarPanel
{
	position: absolute;
	left: 360px;
	right: 40px;
	height: 628px;
	min-width: 300px;
	display: inline-block;
	
}

/* bindingHandlers.label */
.KOLabelTable { width: 100%; }
.KOLabelTable .KOLabelText { text-align: left; font-weight: bold;}
.KOLabelTable .KOLabelSubText { text-align: left; padding-left: 8px; font-weight: bold;}
.KOLabelTable .KOLabelHeader { text-align: left; font-weight: bold; }
.KOLabelDescription { font-size: 0.8em; font-style: italic; white-space: normal; }
.KOLabelTable td:first-child { height:24px; width: 1%; white-space: nowrap; padding-right: 4px; }

#DriverScheduleTable
{
	table-layout: fixed;
	border-collapse: collapse;
}

#schedulePanel
{
	min-width: 1200px;
}

#DriverScheduleTable thead th
{
	padding-right: 3px;
	padding-left: 3px;
}

#DriverScheduleTable tbody td
{
	width: 100%;
	height: 50px;
	max-height: 50px;
	padding: 0px;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	color: #fff;
}

#DriverScheduleTable tbody td:first-child
{
	color: inherit !important;
}

#DriverScheduleTable tbody td.DriverName
{
	text-align: left;
	padding-left: 10px;
}

#DriverScheduleTable tbody td.Buttons>div
{
	height:auto !important;
}

#DriverScheduleTable thead th:first-child
{
	width: 150px;
}

#DriverScheduleTable tfoot
{
	text-align: right;
}

#DriverScheduleTable tfoot td:first-child
{
	text-align: left;
}

#DriverScheduleTable tbody td>div
{
	width: 100%;
	height: 100%;
	padding: 0px;
	overflow: hidden;
	word-break: break-all;
}
@media screen
{
	/* Filter */
	#ShiftManagerPanel #Filter { display: inline-block; }
	#ShiftManagerPanel #Filter td.top { vertical-align: top; }
	#ShiftManagerPanel #Filter select { width: 200px; }
	#ShiftManagerPanel #Filter label {width: 80px; float:left; padding-top: 4px;}
	#ShiftManagerPanel #Filter #ApplyFilter { float: left; }
	#ShiftManagerPanel #Filter tr {height: 30px;}
	#ShiftManagerPanel #Filter #buttonsSet input {width:80px;}
	#ShiftManagerPanel #Filter #ShiftManagerFilterTable #ApplyFilter { float: right; }
	#ShiftManagerPanel #ShiftManagerPrintReportExportTable { float: right; }
	#ShiftManagerPanel #ShiftManagerPrintReportExportTable #Print { width: 100%; }
	#ShiftManagerPanel #ShiftManagerPrintReportExportTable #Reports { width: 100%; }
	#ShiftManagerPanel #ShiftManagerPrintReportExportTable #Export { width: 100%; }

	#ShiftManagerPanel #ShiftManagerFigures { table-layout: fixed; }
	#ShiftManagerPanel #ShiftManagerFigures td.TableElement
	{
		border-right-style: solid;
		border-right-width: 1px;
		text-align: center;
	}

	 #ShiftManagerPanel #ShiftManagerFigures th
	{
		border-right-style: solid;
		border-right-width: 1px;
		border-color: Gray;
		text-align: center;
		padding-left: 2px;
		padding-right: 2px;
	}

	#ShiftManagerPanel #ShiftManagerFigures tr.Total { background-color: silver ;}
	#ShiftManagerPanel #ShiftManagerFigures tr.DateHeader { background-color: #003057; color:white; font-weight:bold;}

	#ShiftManagerPanel #ShiftManagerFigures td.Driver,
	#ShiftManagerPanel #ShiftManagerFigures td.Total
	{
		text-align: left;
	}

	#ShiftManagerPanel #ShiftManagerFigures td.Driver.DriverName:hover{ text-decoration: underline; }
	#ShiftManagerPanel #Filter button { float:left; width: 80px}

	#ShiftManagerPanel .ResourceTotal.Vehicle th.PosDifference { background-color:  #FFBF00; }
	#ShiftManagerPanel .ResourceTotal.Vehicle th.NegDifference { background-color:  #CF1020;color:white;}
	#ShiftManagerPanel .ResourceTotal.Break th { background-color:  #dbdbdb;color:#dbdbdb; border-color: #dbdbdb !important;}
	#ShiftManagerPanel .ResourceTotal.Break {height:4px !important;}

	#ShiftManagerPanel .ContextPopup
	{
		z-index: 10;
		position: fixed;
	}

	#ShiftManagerPanel .ResourceTotal th{ background-color : white; color: black}
	#ShiftManagerPanel #ShiftManagerFigures span.Left { float:left; text-align: left;}
	#ShiftManagerPanel #ShiftManagerFigures span.Right { float: right; text-align: right;}
	#ShiftManagerPanel .ContextPopup button { font-size: 10px; width: 100%;}
	
	#ShiftManagerPanel .dataTables_filter  
	{
		float:left;
		padding-bottom:6px;
	}	

	/* Styling for the div in IndexGlobal.aspx that shows system name taken from setting SystemNameLabel (if specified) */
	#SystemNameLabel 
	{
		text-align: center;
		color: red; 
		font-size: x-large;	
		font-weight: bold;
	}
	
	.PrintOnly
	{
		display: none;
	}
	
	#ShiftManagerPanel .dataTables_scrollHead, #ShiftManagerPanel .dataTables_scrollFoot
	{
		background-color: #EEF0EF;
	}
	
	#ShiftManagerPanel #ShiftManagerFigures td { height:20px;}
	#ShiftManagerPanel td.sorting_1 {background-color: transparent;}
		
}

#ShiftEditDialog select
{
	width:200px;
}

.OffPeriodPopup input.EditField{ width: 80px;}
.OffPeriodPopup select.EditField { width: 110px;}
.OffPeriodPopup textarea.EditField { width: 330px;}
.OffPeriodPopup .MandatoryField { text-align: left; }

/* Shift Type Manager */
#ShiftTypeManagerPanel .dataTables_scrollBody
{
	max-height: 550px;
}

#ShiftTypeManagerPanel .dataTables_scrollHeadInner
{
	background-color: #003057;
}

.ShiftTypesCombobox
{
	width: 225px;
}

/*So the FixedColumns data table is nicely aligned horizontally and vertically, furthermore there is no border between the fixed column and the other (scrollable) columns*/
#ShiftTypeManagerPanel table.TFPTable { border: 0px;}
#ShiftTypeManagerPanel { min-width: 1200px; }
div.dataTables_scroll, div.ColumnFilterPlaceHolder
{
	/*need to overwrite the default built-in css of FixedColumns hence the use of !important*/
    border: 0px !important;
}

#TescoClubCardDialog .ProductSaleRow label { font-weight: bold; }
#TescoClubCardDialog .ProductSaleRow input { text-align: right; width: 70px; }

#DataUpdateActionsPanel div.Action
{
	padding-left: 8px;
}

#TrackerReorderTripsDialog span.DragElement
{
	width : 100px;
	display: inline-block;
	background-color: #CCC;
	width: 100px;
	margin: 2px;
	padding: 2px;
	text-align: center;
	border: solid;
	border-width: 2px;
	font-weight: bold;
	cursor:pointer;
	/* color: rgb(255, 255, 255);
	border-color: rgb(0, 0, 0); */
}

#TrackerReorderTripsDialog span.ReorderTrip
{
	background-color: #FFCF80;
}

#TrackerReorderTripsDialog .DragHint
{
	margin-top: 10px;
}

#TrackerReorderTripsDialog 
{
	overflow: hidden;
}

.DocumentAndGuidesInsightLink
{
	float: right;
	font-size:17;
	font-weight:bold;
	text-decoration: underline;
	color: #035;
}

#DocumentsAndGuidesUploadDialog select
{ 
	width:146px;
}
#DocumentsAndGuidesUploadDialog td 
{
	padding-top : 4px;
	padding-right: 4px;
}

#DocumentAndGuides .TFPTable td .ButtonList li:hover,
#DocumentAndGuides .TFPTable td .ButtonList li:hover a
{
	background-color: inherit;
	color: #fff;
	text-decoration: inherit;
}

#DocumentAndGuides .TFPTable td .ButtonList li:hover span
{
	background-color: silver;
}

.Comment-Star
{
	text-indent:  -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	background-position: -224px, -112px;
	background-image: url("images/ui-icons_ef8c08_256x240.png");
	display: inline-block;
	background-color:rgb(138, 43, 226);
	vertical-align: bottom;
}

#DeliveryScheduleEmailDialog input 
{
	width: 500px;
}

#ExrackOrdersPanel .Label
{
	font-weight:bold;
	padding-right: 5px;
}
#ExrackOrdersPanel select
{
	width:180px;
}

#ExrackOrdersPanel
{
	width: 1280px;
}
#ExrackOrdersPanel .ServerFilter input.Date, #ExrackOrdersPanel .ServerFilter input.ReleaseNo
{
	width:90px;
}

#ExrackOrdersPanel .ServerFilter .Status
{
	margin-left:10px;
}

#ExrackOrdersPanel .SupplierText
{
	display:inline-block;
	width:80px;
}

#ExrackOrdersPanel tr td
{
	width: 1280px;
}

#ExrackOrdersPanel .SearchButton
{
	float: right;
}

#ExrackOrdersPanel #ExrackOrdersList>table
{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 20px;
}
#ExrackOrdersPanel #ExrackOrdersList tr.OrderEntry {  background-color:#ffe8a0;}
#ExrackOrdersPanel #ExrackOrdersList table.ProductInfo { background-color: #eef; }
#ExrackOrdersPanel #ExrackOrdersList table.ProductInfo tr:last-child { background-color: #cef;  border-top-style:double; min-width: 55px;}
#ExrackOrdersPanel #ExrackOrdersList table.ProductInfo td { border-width: thin; border-bottom-style:solid; min-width: 55px;}
#ExrackOrdersPanel #ExrackOrdersList table.ProductInfo td.ProductName
{
	min-width: 120px;
}
#ExrackOrdersPanel #ExrackOrdersList table.ProductInfo th { border-width: thin; border-bottom-style:solid; font-weight:bold;}
#ExrackOrdersPanel #ExrackOrdersList .EmpReleaseVal { color: black; text-decoration:underline; }

#ExrackOrderEditDialog .HeaderSection 
{
	margin-bottom:8px;
}

#ExrackOrderEditDialog .HeaderSection .Label
{
	font-weight:bold;
	padding-right: 8px;
}

#ExrackOrderEditDialog .HeaderSection .Content
{
	padding-right: 8px;
}

#ExrackOrderEditDialog .OrderInfoSection
{
	display:inline-block;
}

#ExrackOrderEditDialog select
{
	width: 140px;
}

#ExrackOrderEditDialog .Warning
{
	color: red;
}

#ExrackOrderEditDialog .OrderInfoSection .OrderLines
{
	margin-top: 8px;
}

#ExrackOrderEditDialog .OrderInfoSection .OrderLines input
{
	width: 50px;
}

#ExrackOrderEditDialog .OrderInfoSection .OrderLines .ProductName
{
	width: 150px;
}

#ExrackOrderEditDialog .OrderInfoSection .OrderLines .ProductName
{
	width: 180px;
}

#ExrackOrderEditDialog .SelectedRevision
{
	background-color: lightgreen;
}

#ExrackOrderEditDialog .IsActive
{
	font-weight: bold;
}

#ExrackOrderEditDialog .RevisionSection
{
	display:inline-block;
	width: 500px;
	float:left;
}

#ExrackOrderEditDialog .RevisionSection .Revision { width: 70px; text-align:left; }
#ExrackOrderEditDialog .RevisionSection .TrxNo { 	width: 70px; text-align:left;	} 
#ExrackOrderEditDialog .RevisionSection .DateTime { width: 140px; text-align:left;}
#ExrackOrderEditDialog .RevisionSection .Status { 	width: 180px;	text-align:left;} 


#ExrackOrderEditDialog .FixedHeader
{
	display: block;
}
#ExrackOrderEditDialog tbody.ScrollContent
{
	overflow: auto;
	height: 150px;
	display: block;
}


#ExrackOrderEditDialog tbody.ScrollContent tr
{
	height: 18px;
}

.GdprMessage
{
	z-index: 81000;
	position: fixed;
	bottom: 0;
	left:0;
	right:0;
	margin:0;
	padding:0;
	border:solid;
	outline:0;
	background-color: #84BD00;
	height: 60px;
}

.GdprText
{
	padding: 5px;
	margin-left: 50px;
	max-width: 80%;
	color:#003057; 
}
.GdprAccept
{
	border:solid;
	border-width: 2px;
	position:fixed;
	right:50px;
	font-weight: bold;
	/*background-color: #003057;*/
	bottom:16px;
	color: white;
	padding: 8px;
}


#DriverPaperWorkPanel select
{
	width: 200px;
}

#DriverPaperWorkPanel input.ui-autocomplete-input
{
	width: 196px;
}