/* =====================================================
    Screen CSS for Higher Mass Limits Map	      
    Copyright (c) 2014 Roads and Maritime Services NSW                             
    Created on:    2014-01-06                              					
    Last updated: 2014-02-06                              					
    Version: 1.0.0                                         
   ===================================================== */

/* ***************************
 * Main Page Styles
 * *************************** */
html { height: 100%; font-family:"Arial"; }
body { height: 100%; margin: 0px; padding: 0px; font-family:"Arial";  }
table, th, td{
    border: 0px;
}
p {font-family:"Arial"; }

fieldset {
    display: block; 
}

a:link {text-decoration: none; color:#C6170A;}
a:visited {text-decoration:none; color:#C6170A;}
a:active {text-decoration: none; color:#C6170A;}
a:hover {text-decoration: underline; color:#C6170A;}

#disclaimer-message a:link {text-decoration: none; color:#0674B8;}
#disclaimer-message a:visited {text-decoration:none; color:#0674B8;}
#disclaimer-message a:active {text-decoration: none; color:#0674B8;}
#disclaimer-message a:hover {text-decoration: underline; color:#0674B8;}

#disclaimer-area a:link {text-decoration: none; color:#0674B8;}
#disclaimer-area a:visited {text-decoration:none; color:#0674B8;}
#disclaimer-area a:active {text-decoration: none; color:#0674B8;}
#disclaimer-area a:hover {text-decoration: underline; color:#0674B8;}

.disclaimer-fieldset {
    font-size: 0.98em;
    max-width: 280px;
}


a.header:link {text-decoration: none; color:#000000; padding:2px; font-size: 10px; text-transform: uppercase;}
a.header:visited{text-decoration: none; color:#000000; padding:2px; font-size: 10px; text-transform: uppercase;}
a:header:active {text-decoration: none; color:#000000; padding:2px; font-size: 10px; text-transform: uppercase;}
a.header:hover {text-decoration: underline; color:#000000; padding:2px; font-size: 10px; text-transform: uppercase;}

a.main-link:link {text-decoration: none; color:#0057af; }
a.main-link:visited {text-decoration: underline; color:#0057af;}
a.main-link:hover {text-decoration: underline; color:#0057af;}
a.main-link:active {text-decoration: underline; color:#0057af;}


.link-divider { font-weight: 900; }
/* ***************************
 * Page Styles
 * *************************** */
.box_round {
    -webkit-border-radius: 2px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
    border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

    /* useful if you don't want a bg color from leaking outside the border: */
    background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}

/* ***************************
 * CartoDb Styling
 * *************************** */
.cartodb-logo {
    display: none !important;
}

#cartodb-gmaps-attribution {
    display: none  !important;
}

@-moz-document url-prefix() {
    /* hide the system icon for loading images */
    img:-moz-loading {
        visibility: hidden;
    }
    /* hide the system icon for broken images */
    img:-moz-broken {
        -moz-force-broken-image-icon: 0;
    }
}

/* ***************************
 * Google Map Styles
 * *************************** */
#map-canvas { height: 100%; z-index: 1;}


/* ***************************
 * Infowindow styles
 * *************************** */
.gm-style-iw div {
	font-family: Arial,sans-serif;
}
.gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div {
	font-weight: 300;
	font-size: 12px;
}
.rms-infowindow { 
	font-family: Arial,sans-serif; 
	min-width: 275px; 
	width: 500px !important;
}
.rms-infowindow-header {  
	font-weight: bold; 
	padding:5px; 
	margin-bottom:5px;
	-moz-border-radius: 4px;    
	-webkit-border-radius: 4px;   
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.rms-infowindow-body  {  
	font-size: 12px;
	padding: 5px; 
	color:#3C3C3C; 
}
.rms-infowindow-footer {  
	font-size: 11px;
	color: #666666;
	border-top: 1px solid #CDCDCD; 
	overflow: hidden; 
	margin-top: 8px;
}
.rms-infowindow-footer a {
	font-family: Arial,sans-serif;
	font-size: 11px;
	color: #5EB1DD;
}
.rms-infowindow p {
    width: 100% !important;
    max-width: 100% !important;
    font: inherit !important;
    padding: 7px; 0;
}

.footer-copy {
    line-height: 1.25;
}

/* ***************************
 * Loading Screen
 * *************************** */
#loading-screen {
	visibility:hidden;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 3;
	vertical-align: middle;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.loading-image {
	padding-top: 40%;
	overflow: hidden;
	z-index: 5;
	float: left;
	position: fixed;
}
#loading-background {
	height: 100%;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	z-index: 4;
	float: left;
	position: fixed;
	background-color: #D2D2D2;
opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}



/* ***************************
 * Disabled Print Styles
 * *************************** */
#printing-message{
	display:none;
	font-family:"Arial";
}

/* ***************************
 * Legend Menu Styles
 * *************************** */
#legend-menu-screen {
    width: 340px;
	z-index: 999; 
    position:absolute; 
    float:left; 
    top:5px; 
    left: 5px; 
	font-family: Arial,sans-serif;
    font-size:0.8em; 
    overflow: hidden;
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    height: calc(100% - 10px);
    pointer-events: none;
}


/* ***************************
 * Header Styles
 * *************************** */
#header-top-container {
	background: url(../img/header_top_bg.png) center bottom no-repeat;
	padding: 0 0px 8px 0px;
    width: 108px;
    min-height: 18px;
    color: #444;
    border:none solid #444;
    margin-left: 120px;
    margin-bottom: 0px;
    opacity:0.80;
    filter:alpha(opacity=80); /* For IE8 and earlier */
    padding: 4px;
    padding-left: 6px;
	margin-top: -2px;
}

/* ***************************
 * Footer Styles
 * *************************** */
#footer { 
    float:bottom; 
    position:absolute; 
    z-index: 5; 
    bottom:25px; 
    right: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#LastUpdate {font-family:"Arial"; font-size:0.6em; color: #000000;}
.lastUpdateContainer tr { line-height: 10px; }
#legend_bar {font-family:"Arial"; font-size:0.9em; overflow: hidden; width:auto; position: relative; padding-bottom: 10px;}

a.footer-link:link {text-decoration: underline; color:#02284E; }
a.footer-link:visited {text-decoration: underline; color:#02284E;}
a.footer-link:hover {text-decoration: underline; color:#02284E;}
a.footer-link:active {text-decoration: underline; color:#02284E;}


#0057af


/* ***************************
 * Header Section Styles
 * *************************** */
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -28px; /* the bottom margin is the negative value of the footer's height */
}

h1.main  {
    font-family: Arial;
    font-size: 20pt;
    color: #808080;
    font-weight: normal;
    margin-left: 4px;
}

td.logo  {
    padding-right: 15px;
}


/* ***************************
 * Legend Styling
 * *************************** */
 fieldset { 
	border:1px solid #A5A5A5;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
  }
  
  #layer-holder .fa {
	font-size: 13px;
}
  
  
#layer-holder fieldset {
	width: 280px;
}
legend {
  padding: 0.2em 0.5em;
  color:#5A5A5A;
  }
  
#layer-label
{
    font-family:"Arial";
    font-size: 11px;
    color: #808080;
    font-weight: normal;
    margin-top: 12px;
    float: left;
    padding-right: 15px;
}

#layer-holder
{
    font-family:"Arial";
    font-size: 0.98em;
}

#layer-holder td
{
    padding-bottom:5px;
}

.legend-screen-item{
    margin-right: 5px;
    -webkit-print-color-adjust: exact;
}

.legend-screen-item-img {
    margin-left: 6px;
    width: 20px;
}

.legend-screen-item-route {
    margin-bottom: 4px;
    /*height: 4px;
    width: 18px;*/
    margin-left: 7px;
    /*margin-top: 4px;*/
}

.legend-screen-item-area {
    /*width: 18px;
    height: 18px;*/
    margin-left: 7px;
}

.legend-screen-item-spv-route {
    background-color: #009D27 !important;
}

.legend-screen-item-spv-route-travel-conditions {
    background-color: #00091F !important;;
}

.legend-screen-item-limited-access-locations {
    background-color: #F37F00 !important;;
}

.legend-screen-item-public-holidays {
    background-color: #8064A2 !important;;
}

.legend-screen-item-oversize-night {
    background-color: #8064A2 !important;;
}

.legend-screen-item-nsw-urban {
    background-color: #FFCC00 !important;;
}

.legend-screen-item-newcastle-inner {
    background-color: #9C36C8 !important;;
}

.legend-screen-item-newcastle-outer {
    background-color: #FF0000 !important;;
}

.legend-screen-item-lgas {
    background-color: #7F7F7F !important;;
}

.legend-screen-item-hv-approved-route {
    background-color: #FF9CDF !important;;
}

.legend-screen-item-hv-route-w-conditions {
    background-color: #300448 !important;;
}

.legend-screen-item-hv-area-exclusions {
    background-color: #CC1010 !important;;
}

.legend-screen-item-hv-approved-area {
    background-color: #FFD5F5 !important;;
}

.legend-screen-item-hv-area-w-conditions {
    background-color: #FC7EE0 !important;;
}


fieldset{

    margin-bottom:  1em;
}

.innerbox-a {

    margin: 4px;
    padding: 1px;
    padding-right: 8px;
    height: 1px;
    width: 10px;
    float: left
}

.innerbox-a-print {
    margin: 4px;
    padding: 1px;
    padding-right: 8px;
    height: 1px;
    width: 10px;
    float: left;
    border-width: 10px;
}

#locateme{
    height: 21px;
    width: 28px;
    vertical-align: top;
    text-align: left;
}
#printer {
    height: 21px;
    width: 28px;
    vertical-align: top;
    text-align: left;
}

#printmap {
    height: 21px;
    width: 28px;
    vertical-align: top;
    text-align: left;
}

#location_search{
    height: 24px;
    vertical-align: top;
	font-size: 0.9em;

}
.print-map{
     text-align: right; 
     font-size: 12px;
}


.legend-subtitle {
	padding-bottom: 10px;
	font-size: 10px;
	font-weight: bold;
	padding-left: 8px;
}

.legend-content {
padding-top: 30px;
padding-bottom: 10px;

}

.legend-break {
	border-bottom: 1px solid #D2D2D2;
	width: 95%;
	margin-left: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
}


/* ***************************
 * Loading Screen
 * *************************** */
#loading-background {
display: block;
opacity: 0.5;
filter: alpha(opacity=50);
background-color: black;
position: absolute;
z-index: 997;
right: 0;
bottom: 0;
top: 0px;
width: 100%;
}

#loading-message {
display: none;
opacity: 0.9;
filter: alpha(opacity=90);
height: 100%;
vertical-align: middle;
width: 50px;
height: 50px;
left: 334px;
top: 45%;
-webkit-box-shadow: 0px 0px 10px #888;
background-color: white;
position: absolute;
z-index: 998;
border-radius: 6px;
padding: 10px;
color: #0d5cab;
text-align: center;
/* margin: 10px; */
font-weight: bold;
font-family: "Arial";
left: 50%;
font-size: 13px;
}


/* ***************************
 * Other UI Syles
 * *************************** */
#dialog-message {width:100%;  font-family:"Arial"; font-size:0.8em;}
.ui-widget{ font-size:.8em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

.accordion-heading {
    pointer-events: all;
}

.accordion-container {
    max-height: calc(100% - 60px);
    overflow-y: auto !important;
    pointer-events: all;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 0px !important;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 0.85em;
    border-top: 0;
    /*overflow: auto;*/
    overflow: hidden;
    zoom: 1;
    position: relative;
}

.hide {
	display: none;
}

.legendImgLine {
	margin-bottom: 4px;
	height: 5px;
	width: 18px;
}

.legendImgIcon {
	margin-bottom: -4px;
	height: 24px;
	width: 24px;
	margin-left: -2px;
	margin-right: -4px;
}

.disclaimer-text {
	font-family: Arial;
	font-size: 10px;
	color: #4B4B4B;
	padding: 5px;
}

#legend-group-at .ui-accordion-content{
    display: none;
    overflow: hidden !important;
    margin-left: 0px;
    padding-right: 20px !important;
    padding-bottom: 15px !important;
    /*padding: 0px;*/

}

#legend-group-cf .ui-accordion-content,  {
    display: none;
    overflow: hidden !important;
    margin-left: 0px;
    padding-right: 20px !important;
    /*padding: 0px;*/

}

#legend-group-df .ui-accordion-content,  #legend-group-hv .ui-accordion-content {
    display: none;
    overflow: hidden !important;
    margin-left: 0px;
    padding-right: 20px !important;
    /*padding: 0px;*/
}

#legend-group-ef .ui-accordion-content,  #legend-group-hv .ui-accordion-content {
    display: none;
    overflow: hidden !important;
    margin-left: 0px;
    padding-right: 20px !important;
    /*padding: 0px;*/
}

.tooltip-link {
    position: absolute;
    right: 15px;
}

.ui-tooltip {
    padding: 10px 10px;
    color: #000000;
    border-radius: 4px;
    font-family: "Arial";
    font-size: 12px;
    box-shadow: 0 0 3px black;
    border: none;
    line-height: 1.25;
}

.ui-widget-overlay{background-image:none;background-color:#333333; width: 100% !important; height: 100% !important;}

.alert-icon {
    font-size: 40px !important;
    width: 100px;
    position: absolute;
    top: 15px;
    left: 18px;
    color: red;
}

.alert-info {
    position: absolute;
    left: 80px;
    top: 10px;
    font-family: "Arial", sans-serif;
    padding-right: 20px;
}

.alert .ui-dialog-titlebar-close {
    display: none;
}

/*.tooltip-link:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}*/

#legend-group-cf .ui-state-default, .legend-group .ui-widget-content .ui-state-default, .legend-group .ui-widget-header .ui-state-default {
    border: 1px solid #dddddd;
    background: #F9FCFD url("images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #5A5A5A;
}

#legend-group-at .ui-state-default, .legend-group .ui-widget-content .ui-state-default, .legend-group .ui-widget-header .ui-state-default {
    border: 1px solid #dddddd;
    background: #F9FCFD url("images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #5A5A5A;
}

#legend-group-df .ui-state-default, .legend-group .ui-widget-content .ui-state-default, .legend-group .ui-widget-header .ui-state-default {
    border: 1px solid #dddddd;
    background: #F9FCFD url("images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #5A5A5A;
}

#legend-group-ef .ui-state-default, .legend-group .ui-widget-content .ui-state-default, .legend-group .ui-widget-header .ui-state-default {
    border: 1px solid #dddddd;
    background: #F9FCFD url("images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #5A5A5A;
}

#legend-group-hv .ui-state-default, .legend-group .ui-widget-content .ui-state-default, .legend-group .ui-widget-header .ui-state-default {
    border: 1px solid #dddddd;
    background: #F9FCFD url("images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #5A5A5A;
}

.yellow-bg {
    background-color: yellow;
}




#legend-group-at  .ui-state-hover, .legend-group .ui-widget-content .ui-state-hover, .legend-group .ui-widget-header .ui-state-hover, .legend-group .ui-state-focus, .legend-group .ui-widget-content .ui-state-focus, .legend-group .ui-widget-header .ui-state-focus {
    border: 1px solid #dddddd;
    /* background: #ffffff url("images/ui-bg_highlight-soft_25_ffffff_1x100.png") 50% 50% repeat-x; */
    font-weight: bold;
    color: #5A5A5A;
}

#legend-group-cf .ui-state-hover, .legend-group .ui-widget-content .ui-state-hover, .legend-group .ui-widget-header .ui-state-hover, .legend-group .ui-state-focus, .legend-group .ui-widget-content .ui-state-focus, .legend-group .ui-widget-header .ui-state-focus {
    border: 1px solid #dddddd;
    /* background: #ffffff url("images/ui-bg_highlight-soft_25_ffffff_1x100.png") 50% 50% repeat-x; */
    font-weight: bold;
    color: #5A5A5A;
}

#legend-group-df .ui-state-hover, .legend-group .ui-widget-content .ui-state-hover, .legend-group .ui-widget-header .ui-state-hover, .legend-group .ui-state-focus, .legend-group .ui-widget-content .ui-state-focus, .legend-group .ui-widget-header .ui-state-focus {
    border: 1px solid #dddddd;
    /* background: #ffffff url("images/ui-bg_highlight-soft_25_ffffff_1x100.png") 50% 50% repeat-x; */
    font-weight: bold;
    color: #5A5A5A;
}

#legend-group-ef .ui-state-hover, .legend-group .ui-widget-content .ui-state-hover, .legend-group .ui-widget-header .ui-state-hover, .legend-group .ui-state-focus, .legend-group .ui-widget-content .ui-state-focus, .legend-group .ui-widget-header .ui-state-focus {
    border: 1px solid #dddddd;
    /* background: #ffffff url("images/ui-bg_highlight-soft_25_ffffff_1x100.png") 50% 50% repeat-x; */
    font-weight: bold;
    color: #5A5A5A;
}

#legend-group-hv .ui-state-hover, .legend-group .ui-widget-content .ui-state-hover, .legend-group .ui-widget-header .ui-state-hover, .legend-group .ui-state-focus, .legend-group .ui-widget-content .ui-state-focus, .legend-group .ui-widget-header .ui-state-focus {
    border: 1px solid #dddddd;
    /* background: #ffffff url("images/ui-bg_highlight-soft_25_ffffff_1x100.png") 50% 50% repeat-x; */
    font-weight: bold;
    color: #5A5A5A;
}




#legend-group-at  .ui-widget-content {
    border: 1px solid #dddddd;
    background: none;
    color: #444444;
}

#legend-group-cf .ui-widget-content {
    border: 1px solid #dddddd;
    background: none;
    color: #444444;
}

#legend-group-df .ui-widget-content {
    border: 1px solid #dddddd;
    background: none;
    color: #444444;
}

#legend-group-ef .ui-widget-content {
    border: 1px solid #dddddd;
    background: none;
    color: #444444;
}


#legend-group-hv .ui-widget-content {
    border: 1px solid #dddddd;
    background: none;
    color: #444444;
}

.legend-container {
    padding: 10px 15px 5px 5px !important;
    border-top: none !important;
}

.legend-container-extra-padding-1 {
    padding-bottom: 15px !important;
}

.legend-container-extra-padding-2 {
    padding-bottom: 30px !important;
}

#legend-group-at h3 {
    font-size: 12px;
    color: #2D7DAD !important;
}

#legend-group-cf h3 {
    font-size: 12px;
    color: #2D7DAD !important;
}

#legend-group-hv h3 {
    font-size: 12px;
    color: #2D7DAD !important;
}

#legend-group-df h3 {
    font-size: 12px;
    color: #2D7DAD !important;
}

#legend-group-ef h3 {
    font-size: 12px;
    color: #2D7DAD !important;
}

.accordion-override {
    max-width: 300px;
}