.vml {
    behavior: url(#default#VML);
}
/*
.sr-header.sort-button	{
	text-decoration:	none;
	color:				Black;
	display:			block;
}
*/
.timetable td {
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}

.timebox {
    width: 41px;
    border: 1px solid Green;
    padding: 1px;
    margin: 1px;
    font-weight: bold;
    display: block;
}

.tooltip a:hover {
    color: #ffffff;
}

.tooltip a:link span {
    display: none;
}

.tooltip a:visited span {
    display: none;
}

.tooltip a:hover span {
    position: absolute;
    margin: 30px 0px 0px -60px;
    width: 350px;
    padding: 2px 10px 2px 10px;
    border: 1px solid #d0eb55;
    background-color: #6e8b3d;
    /*
	border:				1px solid #ff8c8c;
	background-color:	#b63636;
	*/
    color: #ffffff;
    text-align: left;
    display: block;
    text-decoration: none;
}

.tooltip img {
    border: 0pt none;
}

.ccg td {
    font-size: 11px;
}

.ccg-row {
    /* config command grid row */
    white-space: nowrap;
    vertical-align: top;
    background: #f7f7de;
}

.ccg-row-alt {
    /* config command grid alternative row */
    white-space: nowrap;
    vertical-align: top;
    background: White;
}

.ccg-row-sel {
    /* config command grid selected row */
    white-space: nowrap;
    vertical-align: top;
    background: #a7d1a5;
}

.ccg-row-sel-alt {
    /* config command grid alternative and selected row */
    white-space: nowrap;
    vertical-align: top;
    background: #a7d1a5;
}

.ccg-head {
    /* config command grid header row */
    white-space: nowrap;
    background: #6b696b;
    color: White;
}

.divDetails {
    position: absolute;
    z-index: 999;
    background-color: #f7f7de;
    border: 2px solid black;
    padding: 2px;
    margin: 2px;
    visibility: visible;
}

.nc0 {
    text-align: right;
    vertical-align: bottom;
    font-weight: bold;
    width: 30px;
}

.fnt {
    /* fuel norm table */
    border: 2px solid Black;
    font-weight: bold;
}

    .fnt .hc {
        /* header cell */
        padding: 0 4px 0 4px;
        width: 55px;
        text-align: center;
        border-top: 1px solid Black;
        border-right: 1px solid Black;
        border-bottom: 1px solid Black;
        background-color: #d0d3d3;
    }

    .fnt .vc {
        /* value cell */
        padding: 0 8px 0 4px;
        text-align: right;
        border: 1px solid Black;
        color: Blue;
        background-color: #c1cdcd;
    }

    .fnt .rc {
        /* row label cell */
        padding: 3px 12px 3px 6px;
        white-space: nowrap;
        text-align: right;
        border: 1px solid Black;
        background-color: #c1cdcd;
    }

    .fnt .nc {
        /* number cell */
        background-color: #c1cdcd;
        padding: 0 15px 0 4px;
        border-bottom: 1px solid Black;
        background-color: #c1cdcd;
    }

    .fnt .cc {
        /* cargo cell */
        border: 1px solid Black;
        padding: 0 2px 0 3px;
        text-align: right;
        background-color: #d0d3d3;
    }

    .fnt .tc {
        /* trailer cell */
        padding: 0 6px 0 4px;
        border-right: 1px solid Black;
        background-color: #c1cdcd;
    }

    .fnt .rc {
        /* vehicle run cell */
        padding: 3px 6px 3px 6px;
        text-align: center;
        border: 1px solid Black;
        background-color: #c1cdcd;
    }

.import-ass-buttons {
    margin-top: 3px;
    width: 160px;
    height: 27px;
    border: 2px solid #698b69;
    font-weight: bold;
    background-color: #d0d3d3;
    font-size: 13px;
}

    .import-ass-buttons : hover {
        background-color: #ffffff;
    }

.log-grid {
    border: 1px solid Black;
    border-collapse: collapse;
}

    .log-grid td {
        border-width: 0;
        border-bottom: 1px solid Black;
        padding: 0;
        margin: 0;
    }

    .log-grid .log-first-column {
        padding: 0.5em;
        vertical-align: top;
    }

.log-footer, .log-row-gen {
    width: 100%;
    border-width: 0;
    border-collapse: collapse;
}

    .log-footer td, .log-row-gen td {
        border-width: 0;
        padding: 0.5em 10px 0.5em 0;
        text-align: right;
        font-weight: bold;
    }

        .log-footer td.label, .log-row-gen td.label {
            width: 100px;
            text-align: right;
        }

        .log-footer td.value, .log-row-gen td.value {
            width: 20px;
            color: Purple;
        }

.log-details {
    border-width: 0;
    border-left: 1px solid Black;
    border-bottom: 1px solid Black;
    border-collapse: collapse;
    width: 100%;
}

    .log-details td {
        border-width: 0;
        border-bottom: 1px solid #ffe1ff;
        padding: 0.5em;
        background-color: #c1cdcd;
    }

/* vv   Search Controls   vv */

.tbl-search-controls {
    margin-bottom: 16px;
    border-width: 0;
    border-collapse: collapse;
}

    .tbl-search-controls td {
        padding-left: 8px;
        padding-top: 4px;
        white-space: nowrap;
    }

.search-button {
    width: 80px;
    color: #404040;
    font-weight: bold;
    height: 18px;
    border: 1px solid Gray;
    font-variant: small-caps;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 1px;
    padding-bottom: 3px;
    outline: 0;
}


.adv-control-panel {
    color: #404040;
    font-weight: bold;
    font-variant: small-caps;
    padding: 2px;
    width: 150px;
    height: 14px;
    cursor: pointer;
    vertical-align: middle;
}

.adv-panel {
}

.adv-control-table {
    border: none;
    border-collapse: collapse;
}

    .adv-control-table td {
        padding: 2px;
        text-align: left;
        white-space: nowrap;
        font-size: 12px;
        vertical-align: middle;
    }

    .adv-control-table .lbl {
        padding-left: 4px;
        color: #425067;
        font-weight: bold;
        vertical-align: middle;
        line-height: 18px;
        height: 18px;
    }

    .adv-control-table .val {
        padding-left: 4px;
        width: 100%;
        vertical-align: middle;
        line-height: 18px;
        height: 18px;
    }

.notfound {
    border: 1px solid Red;
    padding: 5px;
    margin: 20px 0 0 0;
    background-color: #fff68f;
    color: Red;
    font-weight: bold;
    font-variant: small-caps;
    font-size: 12px;
}

.notfound-pr {
    border: 1px solid Gray;
    padding: 5px;
    margin: 20px 0 0 0;
    font-weight: bold;
    font-variant: small-caps;
    font-size: 12px;
}

.adv-options-lbl { /*DELETE*/
    color: #404040;
    font-weight: bold;
}

.adv-icon {
    vertical-align: middle;
}

.adv-container { /*DELETE*/
    margin-top: 5px;
}

    .adv-container td { /*DELETE*/
        white-space: nowrap;
        padding-left: 8px;
        color: #425067;
        font-weight: bold;
        vertical-align: middle;
        line-height: 22px;
        height: 22px;
    }

.notfound-msg { /*DELETE*/
    margin-left: 155px;
    display: block;
    font-weight: bold;
    color: Red;
}

.sr-header {
    border-bottom: 1px solid #4d4d4d;
    text-align: center;
    font-weight: bold;
    padding: 4px;
    background-color: #e0eee0;
}

    .sr-header .sr-close {
        text-align: center;
        background-image: url("../images/close.png");
        background-position: center;
        background-color: #e0eee0;
        width: 16px;
        float: right;
        cursor: pointer;
    }

.sr-footer {
    border-top: 1px solid #4d4d4d;
    background-color: #e0eee0;
}

.sr-content {
    height: 594; /* TODO: Consider pixels */
    overflow: auto;
    vertical-align: top;
    padding-top: 4px;
    background-color: #fdfffd;
}

.sr-wrapper {
    width: 650px;
    border: 1px solid #4d4d4d;
    vertical-align: top;
}

.sr-control-wrapper {
    height: 590; /* TODO: test this with pixels, don't leave it like that*/
    overflow: auto;
}

.sr-getbutton {
    margin: 2px;
    width: 80px;
    color: #404040;
    font-weight: bold;
    height: 18px;
    border: 1px solid Gray;
    font-variant: small-caps;
    cursor: pointer;
    padding-bottom: 3px;
}

.sr-cancelbutton {
    margin: 2px;
    margin-right: 40px;
    width: 80px;
    color: #404040;
    font-weight: bold;
    height: 18px;
    border: 1px solid Gray;
    font-variant: small-caps;
    cursor: pointer;
    padding-bottom: 3px;
}

.sr-sel-container {
    width: 410px;
    border: 1px solid #4d4d4d;
    vertical-align: top;
}

.sr-sel-incontainer {
    height: 488px;
    width: 410px;
    vertical-align: top;
    background-color: #fdfffd;
}

.sr-selgrid-cont {
    height: 484px;
    overflow: auto;
    overflow-x: hidden;
}

.search-grid td {
    font-weight: bold;
    padding: 2px;
    font-size: 0.9em;
}

.search-grid th {
    font-weight: bold;
    white-space: nowrap;
}

.search-grid .lp {
    padding-right: 16px;
    padding-left: 10px;
}

.search-grid .sort {
    color: #002a58; /*#e5eecc */
    text-decoration: none;
    outline: 0;
}

.search-grid .nc {
    /* searchGrid number column */
    text-align: center;
    font-weight: bold;
    width: 24px;
    font-size: 0.9em;
    color: Gray;
}

.search-grid .ncs {
    /* searchGrid number column in select block */
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
    color: Gray;
}

.sgr {
    /* search grid row */
    background-color: Transparent;
}

.sgr-alt {
    /* search grid alternative row */
    background-color: Transparent;
}

.sgr-sel {
    /* search grid selected row */
    /* background-color:	#a7d1a5; */
    background-color: #A9DA92;
}

.sgr-head {
    /* search grid header row */
    /* background-color:	#004000; */
    background-color: #bcc5bc;
}

    .sgr-head th {
        /* search grid header row */
        text-align: center;
        color: Black;
        padding: 3px;
        border: 1px solid #2F4F4F;
    }

/* ^^   Search Controls   ^^ */

.resize-icons {
    /*border:				solid 1px DarkGreen;*/
    margin-right: 4px;
}

.map-icons {
    margin-right: 4px;
    cursor: pointer;
}

.multiselect-tbl legend {
    font-weight: bold;
    color: Black;
    font-size: 120%;
}

.multiselect-tbl fieldset {
    border: 3px solid Gray;
    padding: 6px 0px 0px 0px;
    display: inline;
}

.report-controls-tbl td {
    vertical-align: top;
}

.report-controls-tbl {
    border-width: 0;
    border-collapse: collapse;
}

.help-main {
    border: 1px solid #ff7777;
    background-color: #fff7f7;
    width: 1098px;
}

.help-key {
    padding: 2px;
    border-left: 1px solid #ff7777;
    border-bottom: 1px solid #ff7777;
    display: inline;
    float: right;
}

.help-message {
    padding: 28px 3px 3px 3px;
    font-size: 10pt;
    color: #666666;
    font-style: normal;
    font-family: arial;
    background-color: #fff7f7;
    text-align: justify;
}


/* Date Pickers -> */

.dp-holder, .dtp-holder, .dp-label-holder {
    font-weight: bold;
    margin: 0;
}

.dp-box {
    padding-left: 8px;
    padding-right: 8px;
    width: 80px;
    font-weight: bold;
    border: 1px solid Gray;
    vertical-align: middle;
}

.dtp-box {
    padding-left: 8px;
    padding-right: 8px;
    width: 133px;
    font-weight: bold;
    border: 1px solid Gray;
    vertical-align: middle;
}

.max-date-indicator {
    color: Red;
    font-weight: bold;
}

.calendar-icon {
    display: inline;
    cursor: pointer;
    vertical-align: middle;
}

.dp-validator-msg {
    vertical-align: middle;
    font-weight: bold;
    color: Red;
}

/* Date Pickers -> */

/* Report Grid -> */

/* Report Grid Print -> */

.rGrid2-pr .s {
    border: 1px Solid Gray;
    border-collapse: collapse;
    border-width: 0;
}

    .rGrid2-pr .s td {
        white-space: nowrap;
        text-align: center;
        margin: 0;
        padding: 0;
        width: 50px;
    }

.rGrid2-pr .s {
    width: 34px;
}

    .rGrid2-pr .s .b {
        width: 250px;
    }

.rGrid2-pr .t {
    border: 1px Solid Gray; /* TODO: Chose one of the border clauses*/
    border-collapse: collapse;
    border-width: 0;
}

    .rGrid2-pr .t td {
        white-space: nowrap;
        text-align: center;
        margin: 0;
        padding: 0;
        width: 65px;
    }

    .rGrid2-pr .t .b {
        width: 34px;
    }

    .rGrid2-pr .t .c {
        width: 140px;
    }

    .rGrid2-pr .t .d {
        width: 270px;
        text-align: left;
    }

    .rGrid2-pr .t .r {
        color: Red;
    }

    .rGrid2-pr .t .rr {
        color: Red;
        font-size: 0.75em;
    }

    .rGrid2-pr .t .gg {
        color: Green;
        font-size: 0.75em;
    }

    .rGrid2-pr .t .nn {
        color: Gray;
        font-size: 0.75em;
    }

.rGrid2-pr td {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

.rGrid2-pr th {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

/* ->| Report Grid Print*/

.rGrid2 .s {
    border: 1px solid Gray; /* TODO: Chose one of the border clauses*/
    border-collapse: collapse;
    border-width: 0;
}

    .rGrid2 .s td {
        white-space: nowrap;
        text-align: center;
        margin: 0;
        padding: 0;
        width: 60px;
    }

    .rGrid2 .s .a {
        width: 34px;
    }

    .rGrid2 .s .b {
        width: 300px;
    }

    .rGrid2 .s .d {
        width: 240px;
        white-space: normal;
        text-align: left;
    }

    .rGrid2 .s .dd {
        width: 320px;
        white-space: normal;
        text-align: left;
    }

    .rGrid2 .s .al {
        background-image: url("../images/wb1.gif");
        background-repeat: repeat;
    }

.rGrid2 .nc {
    font-weight: bold;
    font-size: 0.9em;
    color: Gray;
    text-align: right;
}

.rGrid2 .t {
    border: 1px Solid Gray; /* TODO: Chose one of the border clauses*/
    border-collapse: collapse;
    border-width: 0;
}

    .rGrid2 .t td {
        white-space: nowrap;
        text-align: center;
        margin: 0;
        padding: 0;
        width: 80px;
    }

    .rGrid2 .t .a {
        width: 20px;
    }

    .rGrid2 .t .b {
        width: 34px;
    }

    .rGrid2 .t .c {
        width: 160px;
    }

    .rGrid2 .t .d {
        width: 300px;
        text-align: left;
    }

    .rGrid2 .t .d1 {
        width: 230px;
    }

    .rGrid2 .t .r {
        color: Red;
    }

    .rGrid2 .t .rr {
        color: Red;
        font-size: 0.75em;
    }

    .rGrid2 .t .gg {
        color: Green;
        font-size: 0.75em;
    }

    .rGrid2 .t .nn {
        color: Gray;
        font-size: 0.75em;
    }

    .rGrid2 .t .al {
        background-image: url("../images/wb1.gif");
        background-repeat: repeat;
    }

.rGrid2 td {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

.rGrid2 th {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

.rGrid2 img {
    border-width: 0;
}

/* --------------- rGrid3 --------------- */
.rGrid3 td, .rGrid3-pr td {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

.rGrid3 th, .rGrid3-pr th {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

.rGrid3 img {
    border-width: 0;
}

.rGrid3 .t, .rGrid3-pr .t {
    border: 1px solid Gray; /* TODO: Chose one of the border clauses*/
    border-collapse: collapse;
    border-width: 0;
}

.rGrid3 .t td, .rGrid3-pr .t td {
    white-space: nowrap;
    text-align: center;
    margin: 0;
    padding: 0;
}

.rGrid3 .t .b, .rGrid3-pr .t .b {
    width: 34px;
    padding: 2px;
}

.rGrid3 .t .d, .rGrid3-pr .t .d {
    width: 270px;
    text-align: left;
    padding: 2px;
}

.rGrid3 .t .al {
    background-image: url("../images/wb1.gif");
    background-repeat: repeat;
}

.rGrid3 .t .r, .rGrid3-pr .t .r {
    width: 80px;
    text-align: right;
    padding: 2px;
}

.rGrid3 .t .r0, .rGrid3-pr .t .r0 {
    width: 80px;
    text-align: center;
    padding: 2px;
}

.rGrid3 .t .r_, .rGrid3-pr .t .r_ {
    width: 45px;
    text-align: right;
    padding: 2px;
}

.rGrid3 .t .r_0, .rGrid3-pr .t .r_0 {
    width: 45px;
    text-align: center;
    padding: 2px;
}

.rGrid3 .t .r1 {
    width: 16px;
    height: 15px;
}

.rGrid3 .t .r2 {
    /*in restricted region*/
    background-color: #fce6c9;
    width: 16px;
    height: 15px;
}

.rGrid3 .t .r3 {
    /*outside restricted region*/
    background-color: #d1eeee;
    width: 16px;
    height: 15px;
}

.rGrid3 .t .r4 {
    /*between fills*/
    background-color: #96cdcd;
    width: 16px;
    height: 15px;
}

.rGrid3 .t .w {
    /*weekend*/
    background-image: url("../images/wb.gif");
    background-repeat: repeat;
}

.rGrid3 .t .p {
    color: Green;
    /* font-weight: bold;*/
}

.rGrid3 .t .n {
    color: Red;
    /* font-weight: bold; */
}

.idX {
    display: block;
    margin: 0;
    padding: 0;
    padding-left: 3px;
    border-width: 0;
}

.idY {
    display: block;
    margin: 0;
    padding: 3px 0 0 3px;
    border-width: 0;
}

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

.reportGrid td {
    white-space: nowrap;
    margin: 0;
    padding: 3px;
}

.reportGrid th {
    white-space: nowrap;
    margin: 0;
    padding: 3px;
}

.reportGrid img {
    border-width: 0;
}

.reportGrid .nc {
    /* reportGrid number column */
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
    width: 30px;
}

.reportGrid .lp {
    padding-right: 16px;
    padding-left: 10px;
}

.reportGrid .sort {
    /* reportGrid sort link */
    color: Black;
    text-decoration: none;
    outline: 0;
}

.reportGrid .fl {
    /* reportGrid float left letter */
    float: left;
    font-weight: bold;
    color: Gray;
    margin-left: 4px;
    padding-right: 2px;
}

.reportGrid .r {
    /* reportGrid right align*/
    text-align: right;
}

.reportGrid .p {
    color: green;
}

.reportGrid .n {
    color: red;
}

.rgr {
    /* report grid row */
    background-color: #f7f7de;
}

.rgr2 {
    /* report grid row */
    background-color: White;
}

.rgr2-alt {
    /* report grid alternative row */
    background-color: #f7f7de;
}

.rgr2-sel {
    /* report grid selected row */
    background-color: #a9da92;
}

    .rgr2 td, .rgr2-sel td {
        vertical-align: top;
        padding-top: 10px;
    }

        .rgr2 td div, .rgr2-sel td div {
            margin-bottom: 3px;
        }

.rgr-alt {
    /* report grid alternative row */
    background-color: White;
}

.rgr-sel {
    /* report grid selected row */
    background-color: #A9DA92; /*#ce5d5a;*/
}

.rgr-warn {
    /* report grid warning row */
    background-color: #ffff99;
}

.rgr-head {
    /* report grid header row */   
    background-color: #B5D9B3;
    text-align: center;
    color: #000;
}

    .rgr-head a {
        text-decoration: none;
        color: Black;
    }

.rgr-head-pr {
    text-align: center;
    color: White;
    background-color: #6b696b;
}

.rgr-foot-pr {
    background-color: #c1cdcd;
}

.rgr-foot {
    /* report grid footer row */
    background-color: #c1cdcd;
}

/* <- Report Grid */

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

reportControlsTableGrid td {
    width: 330px;
    white-space: nowrap;
    font-weight: bold;
}

.reportControlsTableLinkGrid a {
    font-weight: bold;
    text-decoration: none;
    color: Black;
}

.reportControlsTableLinkGrid td {
    width: 250px;
    white-space: nowrap;
}

.report-controls-tbl legend {
    font-weight: bold;
    color: Gray;
}

.report-controls-tbl fieldset {
    border: 1px solid Gray;
    padding: 6px 4px 4px 4px;
    display: inline;
}

.report-controls-tbl > td {
    padding: 0 2px 0 2px;
    margin: 0;
    white-space: nowrap;
    vertical-align: top;
}

.report-controls-tbl {
    border-width: 0;
    border-collapse: collapse;
}

.descBox {
    overflow: hidden;
    padding-left: 3px;
}

.boldedText {
    font-weight: bold;
}

.nws td {
    /* white space nowrap */
    white-space: nowrap;
}

.regFormatIndicator {
    color: Gray;
    font-size: smaller;
    font-weight: bold;
}

.wizHeader {
    border-bottom: 2px solid Black;
    padding-bottom: 2px;
    width: 1100px;
}

.wizButtonGroup {
    float: right;
}

.wizStepTitle {
    font-size: 13pt;
    font-weight: bold;
    display: block;
    padding-top: 10px;
}

.error-msg, .validator-msg {
    font-weight: bold;
    color: Red;
}

.error-msg-block {
    font-weight: bold;
    color: Red;
    display: block;
    margin-bottom: 4px;
}

.required-indicator { /*DELETE*/
    color: Red;
}

.nodata-msg {
    color: Gray;
    font-weight: bold;
}

.logInButton {
    font-size: 8pt;
    text-transform: uppercase;
    color: #0669B2;
    font-family: "Verdana";
    font-weight: bold;
}

.logInTextBoxes {
    font-family: "Verdana";
    font-size: 8pt;
    font-weight: bold;
    overflow: hidden;
    border: 1px solid #0669B2;
}

.loginLabels {
    font-size: 10pt;
    color: #0669B2;
    font-weight: bold;
    padding-right: 6px;
}

.logInButtonGreen {
    font-size: 8pt;
    text-transform: uppercase;
    color: #006400;
    font-family: "Verdana";
    font-weight: bold;
}

.logInTextBoxesGreen {
    font-family: "Verdana";
    font-size: 8pt;
    font-weight: bold;
    overflow: hidden;
    border: 1px solid #006400;
}

.loginLabelsGreen {
    font-size: 10pt;
    color: #006400;
    font-weight: bold;
    padding-right: 6px;
}

.logInButtonBlue {
    font-size: 8pt;
    text-transform: uppercase;
    color: #254195;
    font-family: "Verdana";
    font-weight: bold;
}

.logInTextBoxesBlue {
    font-family: "Verdana";
    font-size: 8pt;
    font-weight: bold;
    overflow: hidden;
    border: 1px solid #254195;
}

.loginLabelsBlue {
    font-size: 10pt;
    color: #254195;
    font-weight: bold;
    padding-right: 6px;
}

.welcomeHeader1 {
    font-size: 18pt;
    color: #006400;
    font-weight: 600;
}

.tdheader {
    font-family: "Verdana";
    font-size: 12px;
    background-color: Gray;
}

.formtable {
    border: 1px solid Black;
}

body {
}

td, th, span, input {
    font-family: "Verdana";
    font-size: 12px;
}

@media screen {
    .PrintOnly {
        display: none;
    }
}

@media print {
    .ScreenOnly {
        display: none;
    }
}

.lightgreen {
    background-color: #f6fbf8;
}

.printNotesBox {
    background-color: White;
    border-collapse: collapse;
    border-bottom: 1px solid Black;
    overflow: hidden;
    padding-left: 3px;
}

.zoomImage {
    border-width: 0;
}

ul#list-nav {
    list-style: none;
    margin: 0;
}

    ul#list-nav li {
        display: inline;
        white-space: nowrap;
    }

        ul#list-nav li a {
            text-decoration: none;
            color: #1b683b;
            float: left;
            text-align: center;
            font-weight: bold;
            padding: 8px 8px 0px 0px;
        }

            ul#list-nav li a.selected {
                text-decoration: none;
                color: #849d52;
                float: left;
                text-align: center;
                font-weight: bold;
            }

            ul#list-nav li a:hover {
                text-decoration: underline;
            }

ul#list-nav2 {
    list-style: none;
}

    ul#list-nav2 li a {
        text-decoration: none;
        color: #696969;
        float: left;
        text-align: center;
        font-weight: bold;
    }

        ul#list-nav2 li a:hover {
            color: #000000;
            font-weight: bold;
        }

a:hover.goTop {
    color: #000000;
    font-weight: bold;
}

a.goTop {
    font-weight: bold;
    float: right;
    color: #696969;
    text-decoration: none;
}

.headerTextWhite {
    color: White;
    white-space: nowrap;
}

.pathListTypeLabel {
    text-transform: capitalize;
    background-color: Black;
    color: White;
    letter-spacing: 8px;
    font-size: large;
    padding: 1px;
}

.pageBreak {
    page-break-before: always;
}

.buttonStyle {
    color: #404040;
    font-weight: bold;
}

tr.griditem td {
    white-space: nowrap;
}

    tr.griditem td a {
        color: Black;
        text-decoration: none;
    }

        tr.griditem td a:hover {
            color: Gray;
            text-decoration: underline;
        }

.normValues {
    text-align: right;
    width: 55px;
}

.nvs {
    /* normValues styled*/
    text-align: right;
    width: 55px;
    border: 1px solid DarkGreen;
}

.cfg-n {
    border: 1px solid DarkGreen;
    width: 192px;
}

.cellsNowrap td {
    white-space: nowrap;
}


/* New */

.vform { /*DELETE*/
    /* vform = property value format reminder*/
    color: Gray;
    font-size: smaller;
    font-weight: bold;
    vertical-align: text-bottom;
}

.validator-icon {
    vertical-align: middle;
    /*
	display:			inline;
	margin-bottom:		3px;
	*/
}

.vi {
    /* used in grid views */
    vertical-align: middle;
    display: inline;
    margin-bottom: 3px;
}

.details-box {
    overflow: hidden;
}

.view-content {
    padding-top: 15px;
    padding-left: 10px;
}

.view-content-status {
    padding-left: 200px;
    padding-top: 50px;
    font-weight: bold;
}

.view-report {
    padding-top: 10px;
    padding-left: 10px;
}

.invisible-container {
    border-width: 0;
    border-collapse: collapse;
}

    .invisible-container td.invisible-cell {
        padding: 0;
        margin: 0;
    }
/* Vehicle Control Style */
.vehicle-container {
    margin-top: 5px;
}

.move-control {
    margin: 0 2px;
    vertical-align: middle;
}

.vehicle-image {
    cursor: pointer;
    vertical-align: middle;
}

/* Vehicle Service Style */
.vs-review-table {
    border-collapse: collapse;
    border: 1px solid black;
}

    .vs-review-table td {
        border: 1px solid Black;
        padding: 3px 5px;
    }

    .vs-review-table th {
        background-color: #000000;
        color: #ffffff; /**
	border-left:		1px solid White;
	border-right:		1px solid White;*/
        font-weight: bold;
        white-space: nowrap;
        padding: 3px 5px;
    }

.vs-review-tr-alt {
    background-color: #c1cdbb;
}

/* Same Vehilces Stops */
.svs-table {
    border: 1px solid Black;
    border-collapse: collapse;
}

    .svs-table td {
        white-space: nowrap;
        border: 1px solid Black;
        padding: 2px;
    }

    .svs-table th {
        background-color: #6b696b;
        text-align: center;
        color: #e5eecc;
        border: 1px solid Black;
        font-weight: bold;
        white-space: nowrap;
        padding: 3px;
    }

.svs-table-alt {
    background-color: #c1cdbb;
}
/*
.route-gen-button{
      background: white url('../images/route3.gif') no-repeat top;
      width: 34px;
      height: 34px;
      color: white;
      padding-top: 20px;
      cursor: pointer;
      border: none 0;
}
*/

.rbAlign input[type="radio"] {
    margin-top: -1px;
    vertical-align: middle;
}