* {
     -webkit-box-sizing: content-box !important; 
    -moz-box-sizing: content-box !important;
     box-sizing: content-box !important; 
}

href
{
    font-size: 11px;
}

div#formDiv
{
    width: 100%;
}

div#formResult
{
    padding-left: 4px;
    padding-top: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
}

div#formBody
{
    padding-left: 4px;
    padding-right: 4px;
}

.backgroundLogo
{
    background:url("/Images/Custom/Tams Diagram.png") center center no-repeat;
    min-height:558px;
}

/* Controls */

.errorLabel
{
    color: #FF3842;
    font-weight: bold;
    font-style: italic;
    display: inline;
    background-color: White;
}
.successLabel
{
    color: Green;
    font-weight: bold;
    font-style: italic;
    background-color: White;
}

.listBox
{
    min-width:160px;
    background-color: White;
}

.fileUpload
{
    width: 500px;
}

.textBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.smallTextBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 50px;
    margin-left: 30px;
}

.wideTextBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 150px;
}

.duration
{
    width: 50px;
}

.dateTextBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 80px;
}

.dateReadOnlyTextBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 80px;
}

.timeTextBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 40px;
}

.numberTextBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: right;
    width: 90px;
}

.tripEntityNumberTextBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: right;
    width: 70px;
}

.smallMultiLineTextBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 250px;
    height: 40px;
}

.multiLineTextBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 400px;
    height: 60px;
    resize:none;
}

.commentsTextBox
{
    width: 150px;
    height: 30px;
}


.hashImage
{
    padding-top: 2px;
}
input.required
{
    background-color: #FFE97F;
}

span.required
{
    font-weight: bold;
}

div.required
{
    background-color: #FFE97F;
}

select.required
{
    background-color: #FFE97F;
}

textarea.required
{
    background-color: #FFE97F;
}

.button
{
    width: 100px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 21px;
}

.footerButton
{
    width: 100px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 21px;
    margin-right: 5px;
}

.linkButton
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.infoLinkButton
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    text-decoration: none;
}

.dropDownList
{
    background-color: White;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.label
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: Black;
}

.largeLabel
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.topLabel
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: top;
}

.headerPanel
{
    padding: 4px;
    border-bottom: 1px solid Gray;
    background-color: White;
}


.checkBox
{
}

.radioButtonList
{
    background-color: White;
}


.checkBoxList
{
}

.collapsePanelHeader
{
    text-decoration: none;
    cursor: pointer;
}

.collapsePanel
{
    border: Solid 1px Silver;
}

.toolbar
{
    background-color: White;
    padding-bottom: 2px;
    padding-top: 2px;
    border-bottom: solid 1px black;
}

.static-toolbar{
    background-color: White;
    padding-bottom: 2px;
    padding-top: 2px;
    border-bottom: solid 1px black;
    position:fixed;
    top:74px;
    width:100%;
}

.toolbarLarge
{
    padding: 4px;
    border-bottom: solid 1px black;
    font-size: 12pt;
    font-weight: bold;
}

.tabContainer
{
    margin: 4px;
}

.panelBody
{
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: White;
}

.reorderlist li
{
    list-style-type: none;
    padding-left: 0px;
    font-style: normal;
}

/*Modal Popups*/

.modalPopup
{
    min-width:400px;
}

.addModalPopup
{
    width: 500px;
}

.addModalPopup_Small
{
    width: 400px;
}

.addModalPopup_Medium
{
    width: 500px;
}

.addModalPopup_Large
{
    width: 600px;
}

.addModalPopup_XLarge
{
    width: 700px;
}

.addModalPopup_XXLarge
{
    width: 900px;
}

.addModalPopup_WorkOrdersControl
{
    width: 160px;
}

.addModalPopup_ClientsControl
{
    width: 500px;
}

/*Content*/
.bordered
{
    border: Solid 1px Black;
}

.centered
{
    margin-left: auto;
    margin-right: auto;
}

.contentHeader
{
    color: White;
    height: 20px;
    overflow: hidden;
    padding: 6px 4px 4px 4px;
    font-size: 11pt;
    background: #1e1e1e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#1e1e1e, #393535); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1e1e1e, #393535); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1e1e1e, #393535); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1e1e1e, #393535); /* Standard syntax */
}

.contentFooter
{
    text-align: right;
    background-color: #DDDDDD;
    clear: left;
    width: 100%;
    padding: 4px 0px 4px 0px;
}

.inputRow
{
    clear: left;
}

.inputLabel
{
    width: 150px;
    text-align: right;
    padding: 3px 4px 6px 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: inline-block;
}

.inputLabelSmall
{
    width: 80px;
    text-align: right;
    padding: 3px 4px 6px 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: inline-block;
}

.inputLabelCostControl
{
    width: 100px;
    text-align: right;
    padding: 3px 4px 6px 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: inline-block;
}

.detailInputLabel
{
    width: 150px;
    text-align: right;
    padding: 3px 4px 6px 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: inline-block;
    font-style: italic;
}

.inputLabelLarge
{
    width: 200px;
    text-align: right;
    padding: 3px 4px 6px 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: inline-block;
}

.totalLabel
{
    width: 100px;
    padding: 3px 4px 6px 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: inline-block;
}

.valueLabel
{
    width: 70px;
    text-align: right;
    padding: 3px 4px 0px 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: inline-block;
}


.locationControlInputLabel
{
    width: 68px;
    text-align: right;
    padding: 3px 4px 6px 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: inline-block;
}

.inputRadioButtonList
{
    float: right;
    display: inline;
}

.inputLabelCell
{
    width: 150px;
    text-align: right;
    padding: 6px 4px 6px 4px;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.inputControlCell
{
    min-width: 200px;
    float: left;
    padding-top: 2px;
    padding-left: 4px;
}

.contentGridTable
{
	text-align: left;
	border: Solid 1px Silver;
	width:100%;
}

table.contentGridTable tr td
{
    padding: 4px;
    font-size: 11px;
}

.colourDetailContentGridTable
{
    text-align: left;
    border: 1px solid silver;
    empty-cells: hide;
    border-collapse: collapse;
    width: 100%;
}

table.colourDetailContentGridTable tbody tr td
{
    padding: 4px;
    font-size: 11px;
    border: 1px solid black;
    text-align: center;
}

tr.tripSummaryHeaderRow
{
    font-weight:bold;
    background-color:#DDDDDD;
}

tr.tripSummaryRow
{
    background-color:#C6EFCE;
}

tr.tripSummaryDetailHeaderRow
{
    font-weight:bold;
    background-color:#DDDDDD;
}

tr.tripSummaryDetailRow
{
    background-color:#DCE6F1;
}

.detailContentGridTable
{
    text-align: left;
    border: 1px solid silver;
    empty-cells: hide;
    border-collapse: collapse;
    width: 100%;
}

.autoWidth
{
    width: auto;
}

table.detailContentGridTable tbody tr td
{
    padding: 4px;
    font-size: 11px;
    border: 1px solid black;
    text-align: center;
}

table.detailContentGridTable tbody tr td
{
    padding: 4px;
    font-size: 11px;
    border: 1px solid black;
    text-align: center;
}

table tbody tr td.numberCell
{
    text-align: right !important;
}

table tfoot tr td.numberCell
{
    text-align: right !important;
}

tr.row
{
    background-color: #FFFFFF;
}

tr.altRow
{
    background-color: #EEEEEE;
}

tr.overRow
{
    background-color: #95B3D7 !important;
    color: #FFFFFF;
}

tr.overRow a
{
    color: #FFFFFF;
}

div.sub-content
{
    text-align: left;
}

table.detailContentGridTable thead tr th
{
    height: 20px;
    text-align: center;
    padding: 4px;
    background-color: #DDDDDD;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid black;
}

table.detailContentGridTable tfoot tr td
{
    height: 20px;
    text-align: center;
    padding-bottom: 4px;
    padding-top: 4px;
    background-color: #DDDDDD;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

table.colourDetailContentGridTable thead tr th
{
    height: 20px;
    text-align: center;
    padding: 4px;
    background-color: #DDDDDD;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid black;
}

table.colourDetailContentGridTable tfoot tr td
{
    height: 20px;
    text-align: center;
    padding-bottom: 4px;
    padding-top: 4px;
    background-color: #DDDDDD;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

table.detailContentGridTable tfoot
{
    border: solid 1px black;
}

.gridPager
{
    height: 20px;
    padding: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    width: 95%;
    text-align: center;
}

.gridView
{
    margin: 4px;
}

.reportData
{
    float:right; 
    margin:20px;
    width:500px; 
    height: auto;
    background-color:#4AACE1;
    border:3px solid #0062B1; 
    padding:10px;
}

.contentGridHeaderCell
{
    height: 20px;
    text-align: center;
    padding: 4px;
    background-color: #DDDDDD;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}



.contentGridHighRow
{
    background-color: White;
    height: 18px;
}
.contentGridLowRow
{
    background-color: #EEEEEE;
    height: 18px;
}

.contentGridColouredHighRow
{
    background-color: #E5E9FF;
    height: 18px;
}

.contentGridColouredLowRow
{
    background-color: #C1FFE3;
    height: 18px;
}

.contentGridFooterRow
{
    border-top: Solid 1px Black;
    background-color: Silver;
    height: 20px;
}
tr.contentGridFooterRow td
{
    border-top: Solid 1px Black;
    text-align: right;
}

.control
{
    width: 166px;
    margin: 2px 2px 2px 2px;
}

.controlBody
{
    width: 160px;
    padding: 2px;
}

.controlHeaderGreen
{
    width: 160px;
    color: White;
    height: 20px;
    background-image: url(../../Images/ControlHeaderGreen.png);
    font-weight: bold;
    overflow: hidden;
    padding: 2px;
}

.controlHeaderYellow
{
    width: 160px;
    color: White;
    height: 20px;
    background-image: url(../../Images/ControlHeaderYellow.png);
    font-weight: bold;
    overflow: hidden;
    padding: 2px;
}

.controlHeaderRed
{
    width: 160px;
    color: White;
    height: 20px;
    background-image: url(../../Images/ControlHeaderRed.png);
    font-weight: bold;
    overflow: hidden;
    padding: 2px;
}

.controlFooter
{
    width: 160px;
    text-align: right;
    background-color: #DDDDDD;
    padding: 2px;
}

.tyreRow
{
    /*display: inline;*/
}

tr.addRow td
{
    padding: 4px;
    border-left: solid 1px silver;
}

.tyreControlTable
{
    margin-left: auto;
    margin-right: auto;
}

table.tyreControlTable tr td
{
    vertical-align: top;
}

.tyreControl
{
    height: 86px;
}

.inputSectionHeader
{
    font-weight: bold;
    font-size: 10pt;
    margin-left: 4px;
}

.bigFont
{
    font-size: 10pt;
}

.collapsePanelCenteredHeader
{
    margin-left: auto;
    margin-right: auto;
}

.collapsePanelCentered
{
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

.trailerModelControlLabel
{
    width: 100px;
    text-align: right;
}

td.calendarDay
{
    background-color: green;
    border-left: 1px solid black;
    border-right: 1px solid black;
    height: 35px;
    padding: 0px;
    text-align: left;
}

td.calendarDay a
{
    text-decoration: none;
    width: 100%;
}

td.calendarSelectedDay
{
    padding: 0px;
    text-align: left;
}

td.calendarSelectedDay a
{
    font-weight: bold;
    text-decoration: none;
}


td.calendarToday
{
    background-color: green;
    padding: 0px;
    text-align: left;
}

td.calendarToday a
{
    font-weight: bold;
    text-decoration: none;
    font-style: italic;
}

td.calendarNextPrev a
{
    text-decoration: none;
}

.dayControl
{
    color: black;
    margin-top: 5px;
    font-size: 10pt;
    height: 20px;
    text-align: center;
    width: 100%;
    background-color: white;
    font-weight: bold;
}



table.borderedCells tr td
{
    border-bottom: solid 1px black;
    border-right: solid 1px black;
}

table.borderedCells
{
    border-top: solid 1px black;
    border-left: solid 1px black;
}

table.borderless tr td
{
    border-width: 0px;
}

div.borderless ul li table tr td
{
    border-width: 0px;
}

.destinationLabel
{
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

ul.fieldList
{
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}

ul.fieldList li
{
    vertical-align: top;
}



ul.addConfirmationfieldList
{
    list-style-type: none;
    margin-left: 0px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

li.addConfirmationHeader
{
    color: White;
    height: 20px;
    background-image: url(/Images/HeaderSpan.png);
    font-weight: bold;
    overflow: hidden;
    padding: 6px 4px 4px 4px;
}

span.checkListItemTemplate
{
    display: inline-block;
    font-weight: bold;
}

.filterOn
{
    background-color: #4F81BD;
    color: #FFFFFF;
    font-weight: bold;
}

.cost
{
    width: 80px;
}

.floatRight
{
    float: right;
}


.hyperLink
{
    text-decoration: underline;
    cursor: pointer;
    color: Blue;
}

.inline
{
    display: inline-block;
}

.topInline
{
    display: inline-block;
    vertical-align: text-top;
}

.topInlineFullWidth
{
    display: inline-block;
    vertical-align: text-top;
    width:100%;
}

.resetDate
{
    cursor: pointer;
}
/*
-----
AARTO
-----
*/
.aartoHeader
{
    padding: 4px;
    border-bottom: solid 1px black;
    font-size: 10pt;
    font-weight: bold;
}

ul.aartoFieldList
{
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}

ul.aartoFieldList li
{
    vertical-align: top;
    margin-bottom: 10px;
}

.aartoLink
{
    font-weight: bold;
    font-size: 11px;
}

.aartoHint
{
}

.aartoQuestion
{
    margin-left: 20px;
    font-weight: bold;
    font-size: 11px;
}

.aartoWizardButtonDiv
{
    text-align: right;
    background-color: #BBBBBB;
    padding: 4px;
}

.infringementDetailsPopup
{
    border: solid 1px black;
    width: 800px;
}

.aartoNode a
{
    color: #000000;
}
.aartoNode a:visited
{
    color: #000000;
}
.aartoNode a:hover
{
    color: #000000;
    font-weight: bold;
}
.aartoNode a:active
{
    color: #000000;
}

.aartoSelectedNode
{
    color: #000000;
    font-weight: bold;
}

/*
------------------------
Results Control
------------------------
*/
.warningResults
{
    padding: 4px;
    color: #FF6A00;
    background-color: #FFEFE5;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 4px;
    border: 2px dashed Orange;
}

.errorResults
{
    padding: 4px;
    color: Red;
    background-color: #FFE5E5;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 4px;
    border: 2px dashed Red;
}

.successResults
{
    padding: 4px;
    color: Green;
    background-color: #E5FFE8;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 4px;
    border: 2px dashed Green;
}


.inline
{
    display: inline-block;
}


/*
------------------------
Allocations
------------------------
*/

/*Allocated*/
.allA
{
    background-image: url(/Images/bullet_square_glass_red.png);
    background-position: center;
    background-repeat: no-repeat;
}

/*Partially Allocated*/
.allP
{
    background-image: url(/Images/bullet_square_glass_yellow.png);
    background-position: center;
    background-repeat: no-repeat;
}

/*Open*/
.allO
{
}

.contentGridAllocationHeaderCell
{
    text-align: center;
    padding: 1px;
    background-color: #DDDDDD;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

tr.contentGridAllocationHeaderCell th
{
    height: 40px;
}

.contentGridAllocHighRow
{
    background-color: White;
    height: 22px;
    padding: 0px;
    margin: 0px;
}
.contentGridAllocLowRow
{
    background-color: #EEEEEE;
    height: 22px;
    padding: 0px;
    margin: 0px;
}

.contentGridAllocTable
{
    text-align: left;
    border: 0px none silver;
    border-bottom: 1px solid Silver;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}


/* Trips */
.calendarTextBox
{
    background-color: transparent;
    color: White;
    border: 0;
    font-size: 11pt;
    cursor: pointer;
    width: 90px;
}

.tripSelectorDiv
{
    display: inline-block;
    vertical-align: text-top;
    width: 330px;
}

.tripDetailDiv
{
    display: inline-block;
    vertical-align: text-top;
    width: 808px;
    overflow: auto;
}

.tripListDiv
{
    overflow: auto;
    border: solid 1px #CCCCCC;
    border-top-width: 0px;
    min-height: 400px;
}

.tripListItem
{
    border-bottom: solid 1px #CCCCCC;
    cursor: pointer;
}

.tripNormal
{
    background-color: #FFFFFF;
}

.tripDebriefed
{
    background-color: #DCE6F1;
}

.tripApproved
{
    background-color: #C6EFCE;
}

.tripInvoiced
{
    background-color: #FFEB9C;
}

.tripSelected
{
    background-color: #444444;
    color: #FFFFFF;
}

.tripHover
{
    background-color: #F79646;
    color: #FFFFFF;
}

.tripCountTable
{
    border: solid 1px #CCCCCC;
    width: 100%;
}

table.tripCountTable th, table.tripCountTable td
{
    border: solid 1px #CCCCCC;
    text-align: center;
    height: 15px;
}

.tripCountTableHeader
{
    background-color: #EEEEEE;
}

div.tripListDiv span
{
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 2px;
}

.tripNumber
{
    font-weight: bold;
    width: 75px;
    margin-left: 2px;
}

.tripRF
{
    width: 170px;
}

.tripDate
{
    width: 70px;
}

.tripAsset
{
    margin-left: 15px;
    width: 250px;
    overflow: hidden;
}

.tripInvoice
{
    margin-left: 15px;
    overflow: hidden;
}

.routeNameTripSummary
{
    margin-left: 15px;
    width: 300px;
    overflow: hidden;
}

.tripForm
{
    width: 100%;
}

.addMultiLinkButton
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    
	display: block;
	margin-top: 3px;
	margin-bottom: 5px;
}

.blockHeader
{
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 5px;
    background-color: #ACC1A2;
    padding-top: 5px;
    border: solid 2px black;
}

.borderedBlockHeader
{
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 5px;
    background-color: #ACC1A2;
    padding-top: 5px;
    border-bottom : solid 2px black;
    border-left : solid 1px black;
    border-right : solid 1px black;
    border-top : solid 1px black;
}

.tripMenu
{
    border-bottom: solid 1px black;
    font-size: 12px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.entitiesControl
{
    padding-bottom: 10px;
}

.debriefControl
{
    padding-bottom: 10px;
}

.loadsControl
{
    padding-bottom: 10px;
}

.loadSelectorControl
{
   width:100%;
}
.costsControl
{
    padding-bottom: 10px;
}

.containersControl
{
    padding-bottom: 10px;
}

/* Trip Routes */

.routeControl
{
    width: 100%;
    padding-bottom: 10px;
}

.routeHint
{
    font-style: italic;
}

#routeList
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 99%;
    border: solid 1px black;
}

#routeList li
{
    height: 20px;
    border-top: solid 1px black;
    background-color: #FFFFFF;
}

li.routeItem span
{
    display: inline-block;
    height: 20px;
    vertical-align: text-top;
}

li.routeItem div
{
    display: inline-block;
    height: 20px;
    vertical-align: text-top;
}

li.routeHeader
{
    background-color: #DDDDDD !important;
    font-weight: bold;
}

.routeOrder
{
    text-align: center;
    width: 8%;
    border-right: solid 1px black;
}

.routeName
{
    width: 32%;
    border-right: solid 1px black;
}
.routeType
{
    width: 11%;
    border-right: solid 1px black;
}
.routeDate
{
    width: 20%;
    border-right: solid 1px black;
}
.routeSeals
{
    width: 8%;
    border-right: solid 1px black;
    text-align: center;
}
.routeDebrief
{
    width: 9%;
    border-right: solid 1px black;
    text-align: center;
}
.routeRemove
{
    width:7%;
    text-align:center;
}
.routeRemoveP
{
    text-align:center;
    margin:0px;
    margin-top:1px;
}

.detailGroupHeader
{
    border-bottom: solid 1px black;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 2px;
    background-color: transparent;
}

.singleClick
{
}


/* Single Group Select */
.groupsPopup
{
    border: solid 1px black;
    background-color: white;
}

.groupsTree
{
    margin-right: 5px;
}

.groupsDiv
{
    display: inline-block;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.groupsBox
{
    padding: 2px 0px 4px 0px;
    display: inline;
    background-color: White;
    border: solid 1px gray;
}

.groupsLabel
{
    margin-left: 2px;
    width: 180px;
    cursor: pointer;
    display: inline-block;
}

.groupsImage
{
    vertical-align: middle;
    margin-right: 2px;
}

/* Maitenance Control */

.maintenanceTemplatePopup
{
    width: 900px;
}

.maintenanceItemPanel
{
    margin: 2px;
}

.maintenancePreviewPanel
{
    background-color: White;
    width: 296px;
}

.maintenanceItemCovered
{
    background-color: #C6EFCE;
}

/*---------------------*/

.textLeftAlign
{
    text-align: left !important;
}



/*Grids*/
.greenGridRow
{
    color: Green;
}

.redGridRow
{
    color: Red;
}


/*Purchase Orders*/
.ui_PurchaseOrderDetailsDiv
{
    display: inline;
    width: 400px;
}

.ui_PurchaseOrderPanelHeader
{
    color: White;
    height: 20px;
    background-image: url(/Images/HeaderSpan.png);
    overflow: hidden;
    padding: 6px 4px 4px 4px;
    font-size: 11pt;
    width: 400px;
}

.ui_Inline
{
    display: inline;
}

.ui_InlineBlock
{
    display: inline-block;
}

.ui_HorizontalWrapper
{
    display: table;
    table-layout: fixed;
    width: 100%;
}

.ui_HorizontalWrapperDiv
{
    display: table-cell;
    padding: 2px;
}

.ui_PanelBody
{
    padding: 2px;
}

/*Common Functions*/
.divider
{
    margin:2px;
}

.fullWidth
{
    width:100%;
    padding:2px;
}

.LeaveRequestParentDivGridView
{
    display:inline-block;
}
.LeaveRequestChildDivLeftGridView
{
    display:inline;
}
.LeaveRequestChildDivRightGridView
{
    display:inline;
    float:right;
}





/*AutoComplete flyout   border : buttonshadow ; color : windowtext ; overflow : auto ;*/
.autocomplete_completionListElement
{
    margin : 0px!important ;
    background-color : white;
    border:1px solid black;
    cursor : 'default' ;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : small ;
    text-align : left ;
    list-style-type : none;
    z-index:10002;
    overflow:scroll;
    height:400px;
    min-width:500px;
    padding:0px;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
    background-color : #C6EFCE ;
    color : black ;
    padding : 1px ;
    min-width : 400px;
    z-index:10002;
}

/* AutoComplete item */
.autocomplete_listItem
{
    background-color : window ;
    color : windowtext ;
    padding : 1px ;
    min-width : 400px;
    z-index:10002;
    margin:0px;
}

.popupPanel
{
    background-color : White;
    min-width:400px;
}


/* input table */
.input_table
{
    
}

.input_table tr td
{
    text-align:right;
    font-weight:bold;
}

.input_column
{
    text-align:left !important;
}
/* *********** */



.requiredTextBox
{
    border:1px solid red;
    background-color:#FFE9E9;
}

.validTextBox
{
    border:1px solid green;
    background-color:#B0E09F;
}

.tdBorder
{
    border:1px solid black;
    background-color:white !important;
    text-align:right !important;
}

.smlTextBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 66px;
    text-align:right;
}

.benchmarkDetailContentGridTable
{
    text-align: left;
    border: 1px solid silver;
    empty-cells: hide;
    border-collapse: collapse;
    width: 100%;
}

table.benchmarkDetailContentGridTable tbody tr td
{
    padding: 4px;
    font-size: 11px;
    border: 1px solid black;
    text-align: center;
	width : 70px;
}

table.benchmarkDetailContentGridTable thead tr th
{
    height: 20px;
    text-align: center;
    padding: 4px;
    background-color: #DDDDDD;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid black;
    width : 70px;
}

table.benchmarkDetailContentGridTable tfoot tr td
{
    height: 20px;
    text-align: center;
    padding-bottom: 4px;
    padding-top: 4px;
    background-color: #DDDDDD;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

table.benchmarkDetailContentGridTable tfoot
{
    border: solid 1px black;
}



.repeaterdetailContentGridTable
{
    text-align: left;
    border: 1px solid silver;
    empty-cells: hide;
    border-collapse: collapse;
}

table.repeaterdetailContentGridTable tbody tr td
{
    font-size: 11px;
    border: 1px solid black;
    text-align: center;
}

table.repeaterdetailContentGridTable thead tr th
{
    height: 20px;
    text-align: center;
    background-color: #DDDDDD;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid black;
}

table.repeaterdetailContentGridTable tfoot tr td
{
    height: 20px;
    text-align: center;
    padding-bottom: 4px;
    padding-top: 4px;
    background-color: #DDDDDD;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

table.repeaterdetailContentGridTable tfoot
{
    border: solid 1px black;
}


.label{
    color:black !important;
}