#preload-01 {
    background: url("../Images/update_button_mouseover.gif") no-repeat -9999px -9999px;
}

#preload-02 {
    background: url("../Images/reset_search_button_mouseover.gif") no-repeat -9999px -9999px;
}

#preload-03 {
    background: url("../Images/help_button_mouseover.gif") no-repeat -9999px -9999px;
}

.MinPageSize {
    min-height: 700px;
    min-width: 1000px;
}

.hidden {
    display: none !important;
}

#PleaseWait {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 200;
    display: block;
    height: 100%;
}

#PleaseWaitInner {
    position: absolute;
    display: block;
    top: 40%;
    left: 50%;
    margin: -18px -140px;
    width: 279px;
    height: 36px;
    background-color: black;
    color: #303030;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

#logo {
    margin: 0px;
    padding: 10px 25px 0px 20px;
    float: left;
    height: 78px;
}

#headerTitle {
    margin: 0px;
    padding: 25px 0px 0px 20px;
    float: left;
    font-family: Verdana;
}

#SelsignDiv {
    position: absolute;
    width: 116px;
    bottom: 2px;
    right: 4px;
    visibility: visible;
    overflow: hidden;
}

#RetButton, #PassBack {
    position: absolute;
    width: 123px;
    bottom: 2px;
    right: 4px;
    visibility: hidden;
}

#MapDiv, #OverView-map {
    background-color: #f0f0ff;
}

#FullPageDiv {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.sideBar {
    background-color: #e6e6e6;
    font-size: 8pt;
    padding: 0px 0px 0px 0px;
    top: 98px;
    bottom: 167px;
}

.rightBar {
    position: absolute;
    width: 130px;
    right: 0px;
    font-size: 10pt;
}

.projectsRightBar {
    position: absolute;
    width: 161px;
    top: 118px;
    bottom: 156px;
    right: 0px;
    border: 1px solid #808080;
    overflow: scroll;
}

.smallHr {
    margin: 5px 0;
}

/* left header */
.leftBar {
    position: absolute;
    left: 0px;
    width: 130px;
}

.sideBar hr {
    border: #a5a5a5 1px dotted;
    border-style: none none dotted;
    color: #e6e6e6;
}

.sideHeader, .sideHeaderSmall {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    min-height: 20px;
    padding: 6px 0 6px 0;
    font-size: 13px;
    font-family: Verdana;
    font-weight: bold;
    color: #333333;
    background-image: url('../Images/sidebar_background.jpg');
    background-repeat: repeat-x;
    background-size: contain;
}

.sideHeaderSmall {
    min-height: 15px;
    padding: 2px 0 2px 0;
    font-size: 11px;
}

.sideContents, .sideContentsSmall {
    display: block;
    padding: 4px;
    font-size: 12px;
    font-family: Verdana;
}

.sideContentsSmall {
    padding: 2px 2px 4px 2px;
    font-size: 11px;
}

.roadworksLegend {
    padding: 4px 6px 4px 4px;
    overflow: hidden;
}

.roadSelectorLegend {
    padding: 4px 6px 4px 4px;
    overflow: hidden;
}

.roadworksLegendSmall, .projectsLegendSmall, .embargosLegendSmall {
    margin: 4px 2px;
}

    .roadworksLegendSmall span {
        font-size: 12px;
        margin: 1px 0 0 0;
        display: block;
    }

    .embargosLegendSmall span {
        font-size: 9px;
        margin: 1px 0 0 0;
        display: inline-block;
        height: 16px;
        min-width: 50px;
    }

    .projectsLegendSmall span {
        font-size: 9px;
        margin: 1px 0 0 0;
        display: inline-block;
        height: 16px;
        min-width: 50px;
    }

img.smallImg {
    width: 64px;
    height: 11px;
    margin: 2px 3px -1px 2px;
}

.diversionText::after {
    content: " (All)";
}

.diversionCars {
}

.oneWayText::after {
    content: " (All)";
}

.oneWayCars {
}

.roadClosedLegend {
    display: inherit;
    clear: both;
}

.trafficRestrictionLegend, .roadClosedLegend {
    overflow: hidden;
    margin: 2px 0;
    font-size: 12px;
}

    .trafficRestrictionLegend img, .roadClosedLegend img {
        float: left;
        margin: 4px 2px;
    }

.trafficRestrictionText, .roadClosedText {
    margin: 2px 0 0 32px;
}

    .trafficRestrictionText::after {
        content: "Traffic restriction at / from this point";
    }

.trafficSummaryReport {
    display: inherit;
}

.symbology-roadClosed {
    background-color: red;
    border: 1px solid black;
}

.symbology-diversion {
    background-color: #ffff00;
    border: 1px solid black;
}

.symbology-diversionCars {
    background-color: #ffff00;
    background: repeating-linear-gradient( to right, #ffff00, #ffff00 9px, #ffffff 9px, #ffffff 18px );
    border: 1px solid black;
}

.symbology-oneWay, .symbology-contraFlow {
    background-color: #0681dc;
    border: 1px solid black;
}

.symbology-oneWayCars {
    background-color: #0681dc;
    background: repeating-linear-gradient( to right, #0681dc, #0681dc 9px, #ffffff 9px, #ffffff 18px );
    border: 1px solid black;
}

.symbology-singleLane {
    background-color: #4bcf00;
    border: 1px solid black;
}

.symbology-other {
    background-color: #b3b5b8;
    border: 1px solid black;
}

.symbology-roadGHA {
    background-color: #ffbde8;
    border: 1px solid #848484;
}

.symbology-roadParish {
    background-color: #b3b5b8;
    border: 1px solid #848484;
}

.symbology-roadPrivate {
    background-color: #FFFFFF;
    border: 1px solid #42c0ee;
}

.symbology-roadOther {
    background-color: #FFFFFF;
    border: 1px solid #000000;
}

.symbology-embargoPossible, .symbology-embargoPlanned {
    background-color: #fbff25;
    border: 1px solid #267300;
}

.symbology-embargoConfirmed, .symbology-embargoApproved {
    background-color: #f88420;
    border: 1px solid #267300;
}

.symbology-embargoRecent, .symbology-embargoCurrent {
    background-color: #ff0000;
    border: 1px solid #267300;
}

.symbology-embargoIntUnder6Months {
    background-color: rgb(248, 132, 32);
    border: 1px solid #267300;
}

.symbology-embargoInt6to12Months {
    background-color: rgb(251, 255, 37);
    border: 1px solid #267300;
}

.symbology-embargoInt12to24Months {
    background-color: rgb(146, 208, 80);
    border: 1px solid #267300;
}

.symbology-embargoIntOver24Months {
    background-color: rgb(0, 176, 80);
    border: 1px solid #267300;
}

.symbology-embargoIntUnderEmbargo {
    background-color: #ff0000;
    border: 1px solid #267300;
}

.symbology-embargoInt0to5Years {
    background-color: rgb(147, 205, 221);
    border: 1px solid #267300;
}

.symbology-embargoInt6to10Years {
    background-color: rgb(0, 176, 240);
    border: 1px solid #267300;
}

.symbology-embargoIntOver10Years {
    background-color: rgb(0, 112, 192);
    border: 1px solid #267300;
}

.symbology-projectJsySure {
    background-color: white;
    background-image: url("../images/symbolYellowSquares.png");
    border: 2px solid #38a800;
}

.symbology-projectJsyElec {
    background-color: white;
    background-image: url("../images/symbolRedSquares.png");
    border: 2px solid red;
}

.symbology-projectJsyGas {
    background-color: white;
    background-image: url("../images/symbolYellowGreenCross.png");
    border: 2px solid #ffff00;
}

.symbology-projectJsyTel {
    background-color: white;
    background-image: url("../images/symbolGreenCross.png");
    border: 2px solid #38a800;
}

.symbology-projectJsyWater {
    background-color: white;
    background-image: url("../images/symbolBlueCross.png");
    border: 2px solid #005ce6;
}

.symbology-projectJsyNewtel {
    background-color: white;
    background-image: url("../images/symbolLightGreenCross.png");
    border: 2px solid #38a800;
}

.symbology-projectJsyDrainage {
    background-color: white;
    background-image: url("../images/symbolDarkRedStripe.png");
    border: 2px solid #a80000;
}

.symbology-projectJsyHighways {
    background-color: white;
    background-image: url("../images/symbolBlackLineHorz.png");
    border: 2px solid black;
}

.symbology-projectJsyTraffic {
    background-color: white;
    background-image: url("../images/symbolBlackLineVert.png");
    border: 2px solid black;
}

.symbology-projectJsyParish {
    background-color: white;
    background-image: url("../images/symbolBlackStripe.png");
    border: 2px solid black;
}

.symbology-projectOther {
    background-color: white;
    background-image: url("../images/symbolGreyStripe.png");
    border: 2px solid #9c9c9c;
}

.symbology-projectGsySure {
    background-color: white;
    background-image: url("../images/symbolLightOrangeStripe.png");
    border: 2px solid #ff7d18;
}

.symbology-projectGsyElec {
    background-color: white;
    background-image: url("../images/symbolRedSquares.png");
    border: 2px solid red;
}

.symbology-projectGsyGas {
    background-color: white;
    background-image: url("../images/symbolYellowGreenCross.png");
    border: 2px solid #ffff00;
}

.symbology-projectGsyJT {
    background-color: white;
    background-image: url("../images/symbolGreenCross.png");
    border: 2px solid #38a800;
}

.symbology-projectGsyWater {
    background-color: white;
    background-image: url("../images/symbolLightBlueCross.png");
    border: 2px solid #005ce6;
}

.symbology-projectGsyWaterWaste {
    background-color: white;
    background-image: url("../images/symbolLightBlueSquare.png");
    border: 2px solid #005ce6;
}

.symbology-projectGsyJESCC {
    background-color: white;
    background-image: url("../images/symbolBlackStripe.png");
    border: 2px solid black;
}

.symbology-projectGsyHighways {
    background-color: white;
    background-image: url("../images/symbolBrownStripe.png");
    border: 2px solid #732600;
}

.symbology-projectGsyEvents {
    background-color: white;
    background-image: url("../images/symbolPinkStripe.png");
    border: 2px solid #f57a7a;
}

.symbology-projectGsyRoadSafety {
    background-color: white;
    background-image: url("../images/symbolBrownLineVert.png");
    border: 2px solid #a83800;
}

div.smallSymbol {
    width: 20px;
    height: 6px;
    margin: 2px;
    float: left;
    border-radius: 3px;
}

div.mediumSymbol, div.mediumProjSymbol {
    width: 50px;
    height: 6px;
    margin: 3px;
    float: left;
    border-radius: 3px;
}

div.mediumProjSymbol {
    height: 10px;
}

div.largeSymbol {
    width: 100%;
    height: 6px;
    margin: 3px 0;
    float: left;
    border-radius: 3px;
}

.copyrightFooter {
    position: absolute;
    text-align: center;
    bottom: 4px;
    left: 4px;
    right: 4px;
    color: black;
    z-index: 101;
    text-shadow: 1px 1px #ffFFFF;
}

    .copyrightFooter::after {
        content: "Government of Jersey";
    }

.rwHighwayAuthority::after {
    content: "GoJ Highway Authority";
}

.rwHighwayParish::after {
    content: "Parish";
}

.rwHighwayPrivate::after {
    content: "Private & other";
}

.rwHighwayShowOther {
    display: none;
}

.embargoIntUnder6Months::after {
    /*content: " *";*/
}