* {
    -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/LoginBackground.jpg") 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;
}

@media screen and (min-width: 1139px) and (max-width: 1600px) {
    .tripDetailDiv {
        display: inline-block;
        vertical-align: text-top;
        width: 960px;
        overflow: auto;
    }
}

@media screen and (min-width: 1600px) and (max-width: 1920px) {
    .tripDetailDiv {
        display: inline-block;
        vertical-align: text-top;
        width: 1200px;
        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;
}

.red-warning {
    background-color: #C0504D;
    color: white;
    font-weight: bold;
}

.blue-warning {
    background-color: #4F81BD;
    color: white;
    font-weight: bold;
}

.completed-warning {
    text-decoration: line-through;
    background-color: #C6EFCE;
}