html {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    position: relative;
    border: 0px;
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    background-color: #fafafa;
    height: 100%;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

#mainContainer {
    position: relative;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#header {
    position: relative;
    padding-top: 21px;
    margin-bottom: 20px;
}

#headerLogo {
    background: url('images/logo@2x.png') no-repeat;
    width: 340px;
    height: 75px;
    background-size: 340px 75px;
}

h1,
h2,
h3,
h4 {
    color: #243781;
}

.table-gradient {
    background: #cdcdcd;
    /* Default for non-supporting browsers */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#cdcdcd');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#cdcdcd));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #ededed, #cdcdcd);
    /* for firefox 3.6+ */
}

#headerEMPOLO {
    position: absolute;
    top: 42px;
    left: 365px;
    font-size: 28px;
    font-weight: bold;
    vertical-align: top;
    color: #243781;
}

#menuArea {
    position: absolute;
    top: 0px;
    right: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    width: 500px;
}

#menuLinks {
    margin-top: -10px;
    padding: 10px;
    background-color: #e7e7e7;
    float: right;
}

#menuLinks a {
    color: #000000;
}

.menuDivider {
    color: #afafaf;
}

.breadcrumb {
    font-size: 12px;
    color: #8c8d8e;
}

#mainBody {
    position: relative;
    background-image: url('images/background.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #ffffff;
    border: 1px solid #afafaf;
    margin-bottom: 20px;
    padding: 20px;
    padding-top: 5px;
    -moz-box-shadow: 0px 5px 3px #ccc;
    -webkit-box-shadow: 0px 5px 3px #ccc;
    box-shadow: 0px 5px 3px #ccc;
}

#mainTab {
    position: absolute;
    top: -19px;
    left: -1px;
    background-image: url('images/tab.gif');
    background-position: top left;
    background-repeat: no-repeat;
    width: 79px;
    height: 19px;
}

#pageContent {
    padding-top: 20px;
    padding-bottom: 20px;
}

.errorBox {
    background-color: #F8F8F8;
    border: 1px solid #AFAFAF;
    width: 900px;
    padding: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    color: red;
}

.nonUrgent {
    background-color: #F8F8F8;
    border: 1px solid #AFAFAF;
    width: 900px;
    padding: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    color: #222222;
}

.messageBox {
    background-color: #F8F8F8;
    border: 1px solid #AFAFAF;
    width: 900px;
    padding: 20px;
    margin-bottom: 20px;
    color: #222222;
}

.positionRelative {
    position: relative;
}

.displayBlock {
    display: block !important;
}

.displayNone {
    display: none !important;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.alignCentre {
    text-align: center;
}

.clearBoth {
    clear: both;
}

.adminTable {
    background-color: #F8F8F8;
    background-image: url('images/tableContent.png') 0 33px;
    background-repeat: repeat-x;
    border-collapse: collapse;
}

.adminTable td {
    border: 1px solid #AFAFAF;
}

.adminTableNoBorder {
    background-color: #F8F8F8;
    background-image: url('images/tableContent.png') 0 33px;
    background-repeat: repeat-x;
}

.buttonSelectVehicle {
    position: relative;
    width: 92px;
    height: 20px;
    background: url('images/buttonSelectVehicle.png') 0 0;
}

.buttonSelectVehicle:hover {
    background: url('images/buttonSelectVehicle.png') 0 -20px;
}

.buttonYes {
    position: relative;
    width: 45px;
    height: 20px;
    background: url('images/buttonYes.png') 0 0;
}

.buttonYes:hover {
    background: url('images/buttonYes.png') 0 -20px;
}

.buttonIAgree {
    position: relative;
    width: 50px;
    height: 20px;
    background: url('images/buttonIAgree.png') 0 0;
}

.buttonIAgree:hover {
    background: url('images/buttonIAgree.png') 0 -20px;
}

.buttonNo {
    position: relative;
    width: 45px;
    height: 20px;
    background: url('images/buttonNo.png') 0 0;
}

.buttonNo:hover {
    background: url('images/buttonNo.png') 0 -20px;
}

.cursorPointer {
    cursor: pointer;
}

.cursorPointer:hover {
    text-decoration: underline;
}

.hoverRow {
    cursor: pointer;
}

.hoverRow:hover {
    background-color: #f1f1f1;
}

.buttonOrderVehicle {
    position: relative;
    width: 112px;
    height: 24px;
    background: url('images/buttonOrderVehicle.png') 0 0;
}

.buttonOrderVehicle:hover {
    background: url('images/buttonOrderVehicle.png') 0 -24px;
}

.buttonConfirmOrder {
    position: relative;
    width: 128px;
    height: 24px;
    background: url('images/buttonConfirmOrder.png') 0 0;
}

.buttonConfirmOrder:hover {
    background: url('images/buttonConfirmOrder.png') 0 -24px;
}

.buttonNext {
    position: relative;
    width: 73px;
    height: 24px;
    background: url('images/buttonNext.png') 0 0;
}

.buttonNext:hover {
    background: url('images/buttonNext.png') 0 -24px;
}

.buttonPrevious {
    position: relative;
    width: 73px;
    height: 24px;
    background: url('images/buttonPrevious.png') 0 0;
}

.buttonPrevious:hover {
    background: url('images/buttonPrevious.png') 0 -24px;
}

.buttonCancelOrder {
    position: relative;
    width: 116px;
    height: 24px;
    background: url('images/buttonCancelOrder.png') 0 0;
    cursor: pointer;
}

.buttonCancelOrder:hover {
    background: url('images/buttonCancelOrder.png') 0 -24px;
}

.buttonRejectOrder {
    position: relative;
    width: 116px;
    height: 24px;
    background: url('images/buttonRejectOrder.png') 0 0;
    cursor: pointer;
}

.buttonRejectOrder:hover {
    background: url('images/buttonRejectOrder.png') 0 -24px;
}

.buttonVerifyOrder {
    position: relative;
    width: 116px;
    height: 24px;
    background: url('images/buttonVerifyOrder.png') 0 0;
    cursor: pointer;
}

.buttonVerifyOrder:hover {
    background: url('images/buttonVerifyOrder.png') 0 -24px;
}

.schemeList {
    background-image: url('images/tableHeader.png');
    background-repeat: repeat-x;
    height: 31px;
}

.tabOff {
    background-color: #eaeaea;
    border: 1px solid #d4d4d4;
    border-bottom: 1px solid #bfbfbf;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: 0 2px 4px 1px #aeaeae inset;
    color: #616265;
    display: inline;
    font-size: 8pt;
    font-weight: bold;
    padding: 4px;
    text-align: center;
}

.tabOn {
    background-color: #ffffff;
    border: 1px solid #bfbfbf;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #333333;
    display: inline;
    font-size: 8pt;
    font-weight: bold;
    padding: 4px;
    text-align: center;
}

.pcrTab {
    font-size: 10pt;
}

.currentVehicle {
    padding-top: 10px;
}

.oldVehicle {
    margin-bottom: 0px;
}

.imageVerticalMiddle {
    vertical-align: middle;
}

.backgroundGradient {
    background-image: -webkit-gradient( linear, left top, right bottom, color-stop(0, #fdfdfd), color-stop(1, #f1f1f1));
    background-image: -o-linear-gradient(bottom, #fdfdfd 0%, #f1f1f1 100%);
    background-image: -moz-linear-gradient(bottom, #fdfdfd 0%, #f1f1f1 100%);
    background-image: -webkit-linear-gradient(bottom, #fdfdfd 0%, #f1f1f1 100%);
    background-image: -ms-linear-gradient(bottom, #fdfdfd 0%, #f1f1f1 100%);
    background-image: linear-gradient(to bottom, #fdfdfd 0%, #f1f1f1 100%);
    border: 1px solid #afafaf;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0px 5px 3px #ccc;
}

.fakeLink {
    color: blue;
}

.fakeLink :hover {
    text-decoration: underline;
}

#helpMenu {
    width: 280px;
    display: none;
    position: absolute;
    top: 22px;
    left: 240px;
    background-color: #f1f1f1;
    box-shadow: 3px 5px 3px #ccc;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    z-index: 1000;
}

#helpMenu a {
    font-weight: normal;
    line-height: 20px;
}

.hideDetails {
    height: 110px;
    overflow: hidden;
}

.showMoreContainer {
    position: relative;
    width: 100%;
}

.showMore {
    position: absolute;
    top: 0px;
    left: 205px;
    cursor: pointer;
    color: blue;
}

.orderArrow {
    margin-top: 10px;
    margin-left: 245px;
    cursor: pointer;
    -webkit-transition: -webkit-transform 500ms ease-in-out;
    -moz-transition: -moz-transform 500ms ease-in-out;
    -o-transition: -o-transform 500ms ease-in-out;
    -ms-transition: -ms-transform 500ms ease-in-out;
    width: 100px;
    height: 15px;
    overflow: hidden;
    background-image: url('images/orderArrow.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.orderArrow:hover {
    background-position: 0px -15px;
}

.orderArrowFlip {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    /* IE6–IE9 */
    zoom: 1;
}

.paddedInput {
    padding: 10px;
    width: 50%;
}

.wideTextField {
    width: 500px;
}

.displayInline {
    display: inline-table;
}

.fixedButtonWidth {
    width: 200px;
    margin-bottom: 10px;
}

.cssButton {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    min-width: 96px;
    padding: 4px 10px;
    margin-right: 5px;
    font-size: 14px;
    font-weight: bold;
    color: black;
    text-align: center;
    text-decoration: none !important;
    background-color: #d0d0d0;
    background-clip: padding-box;
    border: 1px solid black;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dcdcdc+0,d1d1d1+50,b9b9b9+51,cbcbcb+100 */
    background: #dcdcdc;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2I5YjliOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #dcdcdc 0%, #d1d1d1 50%, #b9b9b9 51%, #cbcbcb 100%);
    /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dcdcdc), color-stop(50%, #d1d1d1), color-stop(51%, #b9b9b9), color-stop(100%, #cbcbcb));
    /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #dcdcdc 0%, #d1d1d1 50%, #b9b9b9 51%, #cbcbcb 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #dcdcdc 0%, #d1d1d1 50%, #b9b9b9 51%, #cbcbcb 100%);
    /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #dcdcdc 0%, #d1d1d1 50%, #b9b9b9 51%, #cbcbcb 100%);
    /* IE10 preview */
    background: linear-gradient(to bottom, #dcdcdc 0%, #d1d1d1 50%, #b9b9b9 51%, #cbcbcb 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#cbcbcb', GradientType=0);
    /* IE6-8 */
}

.cssButtonDisabled {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    min-width: 96px;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: bold;
    color: grey;
    text-align: center;
    text-decoration: none !important;
    background-color: #d0d0d0;
    background-clip: padding-box;
    border: 1px solid black;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dcdcdc+0,d1d1d1+50,b9b9b9+51,cbcbcb+100 */
    background: #dcdcdc;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2I5YjliOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #dcdcdc 0%, #d1d1d1 50%, #b9b9b9 51%, #cbcbcb 100%);
    /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dcdcdc), color-stop(50%, #d1d1d1), color-stop(51%, #b9b9b9), color-stop(100%, #cbcbcb));
    /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #dcdcdc 0%, #d1d1d1 50%, #b9b9b9 51%, #cbcbcb 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #dcdcdc 0%, #d1d1d1 50%, #b9b9b9 51%, #cbcbcb 100%);
    /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #dcdcdc 0%, #d1d1d1 50%, #b9b9b9 51%, #cbcbcb 100%);
    /* IE10 preview */
    background: linear-gradient(to bottom, #dcdcdc 0%, #d1d1d1 50%, #b9b9b9 51%, #cbcbcb 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#cbcbcb', GradientType=0);
    /* IE6-8 */
}

.cssButtonLinkStyle {
    margin-top: 2px;
    padding-top: 5px;
    padding-bottom: 4px;
}

.cssButton a {
    text-decoration: none !important;
    color: black !important;
}

.cssButton:hover {
    background-color: #e2e2e2;
    -moz-box-shadow: inset 0px 3px 5px #888;
    -webkit-box-shadow: inset 0px 3px 5px #888;
    box-shadow: inset 0px 3px 5px #888;
    cursor: pointer;
}

.cssButton:active {
    -moz-box-shadow: inset 0px 10px 20px #888;
    -webkit-box-shadow: inset 0px 10px 20px #888;
    box-shadow: inset 0px 10px 20px #888;
}

.cssButtonSpacing {
    margin-left: 25px;
    margin-right: 25px;
}

.cssButtonWide {
    padding-left: 20px;
    padding-right: 20px;
    min-width: 200px;
}

.cssButtonNarrow {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 60px;
}

.cssButtonCentre {
    float: right;
}

.cssButtonRed {
    color: white;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3c5bd+0,e86c57+50,ea2803+51,c72200+100 */
    background: #f3c5bd;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzYzViZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U4NmM1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VhMjgwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzIyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #c72200 100%);
    /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3c5bd), color-stop(50%, #e86c57), color-stop(51%, #ea2803), color-stop(100%, #c72200));
    /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #c72200 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #c72200 100%);
    /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #c72200 100%);
    /* IE10 preview */
    background: linear-gradient(to bottom, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #c72200 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200', GradientType=0);
    /* IE6-8 */
}

.cssButtonGreen {
    color: white;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9bdb9b+0,5bc65b+50,38893c+51,38893c+100 */
    background: #9bdb9b;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliZGI5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzViYzY1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM4ODkzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODg5M2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #9bdb9b 0%, #5bc65b 50%, #38893c 51%, #38893c 100%);
    /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9bdb9b), color-stop(50%, #5bc65b), color-stop(51%, #38893c), color-stop(100%, #38893c));
    /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #9bdb9b 0%, #5bc65b 50%, #38893c 51%, #38893c 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #9bdb9b 0%, #5bc65b 50%, #38893c 51%, #38893c 100%);
    /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #9bdb9b 0%, #5bc65b 50%, #38893c 51%, #38893c 100%);
    /* IE10 preview */
    background: linear-gradient(to bottom, #9bdb9b 0%, #5bc65b 50%, #38893c 51%, #38893c 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9bdb9b', endColorstr='#38893c', GradientType=0);
    /* IE6-8 */
}

.secciDocs {
    border: 1px solid #797979;
    border-radius: 4px;
    box-shadow: 0px 1px 1px 2px #888888;
    display: none;
}

.pcrDocumentContainer {
    float: left;
    text-align: center;
    width: 50%;
    margin-bottom: 20px;
}

.divNewLine {
    clear: both;
}

#addressFields {
    display: none;
}

#addressFieldsColumn {
    width: 55%;
}

#deliveryStep2 {
    display: none;
}

#addressFields input[type="text"] {
    width: 70%;
    padding: 8px;
    margin: 4px;
}

.adminLinks {
    width: 100%;
}

.adminLinkBox {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    float: left;
    width: 20%;
    height: 100px;
    padding-top: 30px;
    margin: 5px;
}

.adminLinkBox i {
    margin-bottom: 10px;
}

.adminLinks a {
    color: #515151;
}

.adminLinkBox:hover {
    background-color: #fdfff5;
    color: #3572ff;
}


/*DELIVERY CSS*/

#deliveryTable {
    border-collapse: collapse;
    border: 1px solid #333333;
}

#deliveryTable th {
    background-color: #f3fff0;
    padding: 5px;
}

#deliveryTable td {
    border-collapse: collapse;
    border: 1px solid #333333;
    width: 130px;
    min-height: 100px;
    padding: 0px;
}

.deliveryTableTop {
    background-color: #ffe8e8;
    position: relative;
    padding: 0px;
    margin: 0;
    text-align: right;
    width: 100%;
    height: 25px;
    border-bottom: 1px solid black;
}

.deliveryParameters {
    position: absolute;
    top: 6px;
    left: 5px;
    font-size: 10px;
}

.deliveryDay {
    position: absolute;
    top: 1px;
    right: 5px;
    font-weight: bold;
    font-size: 20px;
}

.deliveryStats {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}

.deliverySlot {
    width: 100%;
    height: 30px;
    color: #333333;
    font-size: 10px;
    position: relative;
}

.deliveryOverridden {
    position: absolute;
    top: 3px;
    left: 5px;
    color: #ff7000;
    text-transform: capitalize;
    font-size: 8px;
    font-weight: bold;
}

.deliveryNumber {
    position: absolute;
    top: 0px;
    right: 58px;
    font-size: 25px;
    font-weight: bold;
    text-align: right;
}

.deliveryFree {
    color: #009900;
}

.deliveryBooked {
    color: #993200;
}

.deliveryText {
    position: absolute;
    top: 9px;
    left: 77px;
    text-align: left;
}

.deliveryTableRow {
    margin: 10px;
    padding: 0px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.deliveryTableRow a {
    text-decoration: none;
    color: #555555 !important;
}

.deliverySlotDetails {
    border: 1px solid #e8e8e8;
    padding: 8px;
}

.deliveryGray {
    color: #bebebe;
}

.deliveryGray a {
    color: #bebebe;
}

.deliveryAdminTable {
    margin-left: 200px;
    width: 600px;
}

.deliveryAdminTable td {
    align-content: center;
    text-align: center;
}

.deliveryAdminAddress {
    width: 60%;
}


/*DELIVERY CSS*/

#driverDetailsContainer {
    width: 100%;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
    border-top: 1px solid #8d8d8d;
    border-bottom: 1px solid #8d8d8d;
    background-color: #f0f0f0;
}

.driverDetailsSingleTab {
    display: inline-table;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding: 5px;
    margin-right: 5px;
    cursor: pointer;
}

.driverDetailsSingleTabInactive {
    background-color: #d9d9d9;
    color: black;
}

.driverDetailsSingleTabActive {
    font-weight: bold;
    background-color: #a0bdff;
}

.driverDetailsTabAdd {
    font-weight: bold;
    background-color: #a0bdff;
}

.driverDetailsTabHidden {
    display: none;
}

.resultBox {
    background-color: #f2e62e;
    border: 1px solid #d4ca25;
    box-shadow: 2px 1px 1px #ccc;
    max-width: 80%;
    min-width: 60%;
    padding: 10px;
}

.resultBox:hover {
    background-color: rgba(243, 230, 47, 0.73);
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 0 !important;
}

.changed {
    color: red;
    font-weight: bold;
}

.red_text {
    color: red;
}

.green_text {
    color: green;
}