div.olMap {
z-index:0;
padding:0!important;
margin:0!important;
cursor:default;
}

div.olMapViewport {
text-align:left;
-ms-touch-action:none;
}

div.olLayerDiv {
-moz-user-select:none;
-khtml-user-select:none;
}

.olLayerGoogleCopyright {
left:2px;
bottom:2px;
}

.olLayerGoogleV3.olLayerGoogleCopyright {
right:auto!important;
}

.olLayerGooglePoweredBy {
left:2px;
bottom:15px;
}

.olLayerGoogleV3.olLayerGooglePoweredBy {
bottom:15px!important;
}

/* GMaps should not set styles on its container */
.olForeignContainer {
opacity:1!important;
}

.olControlAttribution {
font-size:smaller;
right:3px;
bottom:4.5em;
position:absolute;
display:block;
}

.olControlScale {
right:3px;
bottom:3em;
display:block;
position:absolute;
font-size:smaller;
}

.olControlScaleLine {
display:block;
position:absolute;
left:10px;
bottom:15px;
font-size:xx-small;
}

.olControlScaleLineBottom {
border:solid 2px #000;
border-bottom:none;
margin-top:-2px;
text-align:center;
}

.olControlScaleLineTop {
border:solid 2px #000;
border-top:none;
text-align:center;
}

.olControlPermalink {
right:3px;
bottom:1.5em;
display:block;
position:absolute;
font-size:smaller;
}

div.olControlMousePosition {
bottom:0;
right:3px;
display:block;
position:absolute;
font-family:Arial;
font-size:smaller;
}

.olControlOverviewMapContainer {
position:absolute;
bottom:0;
right:0;
}

.olControlOverviewMapElement {
padding:10px 18px 10px 10px;
background-color:#00008B;
-moz-border-radius:1em 0 0;
}

.olControlOverviewMapMinimizeButton,.olControlOverviewMapMaximizeButton {
height:18px;
width:18px;
right:0;
bottom:80px;
cursor:pointer;
}

.olControlOverviewMapExtentRectangle {
overflow:hidden;
background-image:url(../images/openlayers/2.13.1/blank.gif);
cursor:move;
border:2px dotted red;
}

.olControlOverviewMapRectReplacement {
overflow:hidden;
cursor:move;
background-image:url(../images/openlayers/2.13.1/overview_replacement.gif);
background-repeat:no-repeat;
background-position:center;
}

.olLayerGeoRSSDescription {
float:left;
width:100%;
overflow:auto;
font-size:1em;
}

.olLayerGeoRSSClose {
float:right;
color:gray;
font-size:1.2em;
margin-right:6px;
font-family:sans-serif;
}

.olLayerGeoRSSTitle {
float:left;
font-size:1.2em;
}

.olPopupContent {
padding:5px;
overflow:auto;
}

.olControlNavigationHistory {
background-image:url(../images/openlayers/2.13.1/navigation_history.png);
background-repeat:no-repeat;
width:24px;
height:24px;
}

.olControlNavigationHistoryPreviousItemActive {
background-position:0 0;
}

.olControlNavigationHistoryPreviousItemInactive {
background-position:0 -24px;
}

.olControlNavigationHistoryNextItemActive {
background-position:-24px 0;
}

.olControlNavigationHistoryNextItemInactive {
background-position:-24px -24px;
}

div.olControlSaveFeaturesItemActive {
background-image:url(img/save_features_on.png);
background-repeat:no-repeat;
background-position:0 1px;
}

div.olControlSaveFeaturesItemInactive {
background-image:url(img/save_features_off.png);
background-repeat:no-repeat;
background-position:0 1px;
}

.olHandlerBoxZoomBox {
border:2px solid red;
position:absolute;
background-color:#FFF;
opacity:.5;
font-size:1px;
filter:alpha(opacity=50);
}

.olHandlerBoxSelectFeature {
border:2px solid blue;
position:absolute;
background-color:#FFF;
opacity:.5;
font-size:1px;
filter:alpha(opacity=50);
}

.olControlPanPanel {
top:10px;
left:5px;
}

.olControlPanPanel div {
background-image:url(img/pan-panel.png);
height:18px;
width:18px;
cursor:pointer;
position:absolute;
}

.olControlPanPanel .olControlPanNorthItemInactive {
top:0;
left:9px;
background-position:0 0;
}

.olControlPanPanel .olControlPanSouthItemInactive {
top:36px;
left:9px;
background-position:18px 0;
}

.olControlPanPanel .olControlPanWestItemInactive {
position:absolute;
top:18px;
left:0;
background-position:0 18px;
}

.olControlPanPanel .olControlPanEastItemInactive {
top:18px;
left:18px;
background-position:18px 18px;
}

.olControlZoomPanel {
top:71px;
left:14px;
}

.olControlZoomPanel div {
background-image:url(img/zoom-panel.png);
position:absolute;
height:18px;
width:18px;
cursor:pointer;
}

.olControlZoomPanel .olControlZoomInItemInactive {
top:0;
left:0;
background-position:0 0;
}

.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
top:18px;
left:0;
background-position:0 -18px;
}

.olControlZoomPanel .olControlZoomOutItemInactive {
top:36px;
left:0;
background-position:0 18px;
}

/*
 * When a potential text is bigger than the image it move the image
 * with some headers (closes #3154)
 */
.olControlPanZoomBar div {
font-size:1px;
}

.olPopupCloseBox {
background:url(../images/openlayers/2.13.1/close.gif) no-repeat;
cursor:pointer;
}

.olFramedCloudPopupContent {
padding:5px;
overflow:auto;
}

.olControlNoSelect {
-moz-user-select:none;
-khtml-user-select:none;
}

.olImageLoadError {
background-color:#FFC0CB;
opacity:.5;
filter:alpha(opacity=50);
/* IE */
}

/**
 * Cursor styles
 */
.olCursorWait {
cursor:wait;
}

.olDragDown {
cursor:move;
}

.olDrawBox {
cursor:crosshair;
}

.olControlDragFeatureOver {
cursor:move;
}

.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
cursor:0;
}

/**
 * Layer switcher
 */
.olControlLayerSwitcher {
position:absolute;
top:25px;
right:0;
width:20em;
font-family:sans-serif;
font-weight:700;
margin-top:3px;
margin-left:3px;
margin-bottom:3px;
font-size:smaller;
color:#FFF;
background-color:transparent;
}

.olControlLayerSwitcher .layersDiv {
padding-top:5px;
padding-left:10px;
padding-bottom:5px;
padding-right:10px;
background-color:#00008B;
}

.olControlLayerSwitcher .layersDiv .baseLbl,.olControlLayerSwitcher .layersDiv .dataLbl {
margin-top:3px;
margin-left:3px;
margin-bottom:3px;
}

.olControlLayerSwitcher .layersDiv .baseLayersDiv,.olControlLayerSwitcher .layersDiv .dataLayersDiv {
padding-left:10px;
}

.olControlLayerSwitcher .maximizeDiv,.olControlLayerSwitcher .minimizeDiv {
width:18px;
height:18px;
top:5px;
right:0;
cursor:pointer;
}

.olBingAttribution {
color:#DDD;
}

.olBingAttribution.road {
color:#333;
}

.olGoogleAttribution.hybrid,.olGoogleAttribution.satellite {
color:#EEE;
}

.olGoogleAttribution {
color:#333;
}

span.olGoogleAttribution a {
color:#77C;
}

span.olGoogleAttribution.hybrid a,span.olGoogleAttribution.satellite a {
color:#EEE;
}

/**
 * Editing and navigation icons.
 * (using the editing_tool_bar.png sprint image)
 */
.olControlNavToolbar,.olControlEditingToolbar {
margin:5px 5px 0 0;
}

.olControlNavToolbar div,.olControlEditingToolbar div {
background-image:url(../images/openlayers/2.13.1/editing_tool_bar.png);
background-repeat:no-repeat;
margin:0 0 5px 5px;
width:24px;
height:22px;
cursor:pointer;
}

/* positions */
.olControlEditingToolbar {
right:0;
top:0;
}

.olControlNavToolbar {
top:295px;
left:9px;
}

/* layouts */
.olControlEditingToolbar div {
float:right;
}

/* individual controls */
.olControlNavToolbar .olControlNavigationItemInactive,.olControlEditingToolbar .olControlNavigationItemInactive {
background-position:-103px -1px;
}

.olControlNavToolbar .olControlNavigationItemActive,.olControlEditingToolbar .olControlNavigationItemActive {
background-position:-103px -24px;
}

.olControlNavToolbar .olControlZoomBoxItemInactive {
background-position:-128px -1px;
}

.olControlNavToolbar .olControlZoomBoxItemActive {
background-position:-128px -24px;
}

.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
background-position:-77px -1px;
}

.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
background-position:-77px -24px;
}

.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
background-position:-51px -1px;
}

.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
background-position:-51px -24px;
}

.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
background-position:-26px -1px;
}

.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
background-position:-26px -24px;
}

div.olControlZoom {
position:absolute;
top:8px;
left:8px;
background:rgba(255,255,255,0.4);
border-radius:4px;
padding:2px;
}

div.olControlZoom a {
display:block;
margin:1px;
padding:0;
color:#FFF;
font-size:18px;
font-family:'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-weight:700;
text-decoration:none;
text-align:center;
height:22px;
width:22px;
line-height:19px;
background:#130085;
/* fallback for IE - IE6 requires background shorthand*/
background:rgba(0,60,136,0.5);
filter:alpha(opacity=80);
}

div.olControlZoom a:hover {
background:#130085;
/* fallback for IE */
background:rgba(0,60,136,0.7);
filter:alpha(opacity=100);
}

@media only screen and max-width 600px {
div.olControlZoom a:hover {
background:rgba(0,60,136,0.5);
}
}

a.olControlZoomIn {
border-radius:4px 4px 0 0;
}

a.olControlZoomOut {
border-radius:0 0 4px 4px;
}

/**
 * Animations
 */
.olLayerGrid .olTileImage {
-webkit-transition:opacity .2s linear;
-moz-transition:opacity .2s linear;
-o-transition:opacity .2s linear;
transition:opacity .2s linear;
}

/* Turn on GPU support where available */
.olTileImage {
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
-o-transform:translateZ(0);
-ms-transform:translateZ(0);
transform:translateZ(0);
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-perspective:1000;
-moz-perspective:1000;
-ms-perspective:1000;
perspective:1000;
}

/* when replacing tiles, do not show tile and backbuffer at the same time */
.olTileReplacing {
display:none;
}

/* override any max-width image settings (e.g. bootstrap.css) */
img.olTileImage {
max-width:none;
}

.olControlScaleLine {
display:inline;
position:inherit;
}

.olControlOverviewMapElement {
padding:4px 4px 2px 2px;
/*-moz-border-radius: 1em 0 0 0;*/
}

.olControlOverviewMapMinimizeButton {
right:185px;
bottom:0;
cursor:pointer;
}

.olControlOverviewMapMaximizeButton {
bottom:0;
cursor:pointer;
}

.olFramedCloudPopupContent {
padding:0 0 0 4px;
overflow:auto;
}

.olPopupCloseBox {
background:url(../images/bommap/close.gif) no-repeat;
cursor:pointer;
}

.olImageLoadError {
background-color:transparent;
background-image:url(../images/bommap/not-available.png);
filter:none;
}

div#map-container {
position:relative;
clear:both;
background-color:#F1F1EE;
border:1px solid #999;
float:left;
padding:0;
width:796px;
}

div#map {
background-color:#fff;
border-right:1px solid #999;
border-bottom:1px solid #999;
float:left;
width:579px;
height:448px;
}

div#map-right-panel {
position:relative;
background-color:#F1F1EE;
float:left;
width:216px;
height:448px;
}

div#map-metadata {
clear:both;
background-color:#F1F1EE;
width:796px;
height:80px;
}

div#metadataArea {
float:right;
background-color:#fff;
line-height:1.6em;
border:1px solid #ccc;
margin:3px 3px 0;
padding-left:3px;
padding-top:2px;
width:570px;
height:70px;
overflow:auto;
}

div.metadataAreaLabel {
float:left;
width:28px;
color:#06F;
font-weight:700;
}

div#metadataAreaInfo {
display:block;
padding:0 0 0 28px;
background:url(../images/bommap/i-icon.gif) left no-repeat;
}

div#holdingGraph {
width:421px;
height:49px;
background:url(../images/bommap/loading-graph.gif) top left no-repeat;
float:left;
}

div#holdingGraphInfobox {
float:left;
padding-left:5px;
width:550px;
}

#holdingGraphInfobox label {
color:#666;
font-size:.9em;
}

div#baseLegendGraphic {
text-align:center;
padding-top:3px;
}

div#map-menu {
width:796px;
margin:0;
}

div#map-menu-left {
width:496px;
border-left:1px solid #999;
text-align:left;
float:left;
display:block;
}

div#map-menu-right {
width:200px;
text-align:right;
float:right;
}

div.map-menu-leftElement {
background:#dadada url(../images/bommap/top-tab.png) bottom left no-repeat;
text-align:center;
float:left;
width:80px;
height:19px;
cursor:pointer;
}

div.map-menu-leftElement span {
line-height:20px;
}

div.map-menu-leftElement:hover {
background:url(../images/bommap/top-tab-hover.png) bottom left no-repeat;
}

div.map-menu-rightElement {
background:#dadada url(../images/bommap/top-tab-right.png) bottom left no-repeat;
text-align:center;
float:left;
width:80px;
height:19px;
cursor:pointer;
}

div.map-menu-rightElement span {
line-height:20px;
}

div.map-menu-rightElement:hover {
background:url(../images/bommap/top-tab-right-hover.png) bottom left no-repeat;
}

div.map-menu-block {
visibility:hidden;
position:absolute;
float:left;
background-color:#eee;
border:1px solid #999;
padding:0;
text-align:left;
z-index:5000;
}

div.map-menu-block input {
width:250px;
background-color:#F7F2D5;
}

div.map-menu-close {
position:absolute;
top:4px;
right:4px;
}

div#menu1 {
top:0;
left:0;
}

div#menu2 {
top:0;
left:78px;
}

div#menu3 {
top:0;
left:158px;
}

div.map-menu-block ul {
margin:0;
padding:0;
list-style-image:none;
list-style:none;
width:120px;
}

div#menu3 ul {
width:auto;
max-width:260px;
}

div.map-menu-block ul a {
text-decoration:none;
display:block;
border-top:1px dotted #ccc;
border-bottom:none;
padding:2px 3px 2px 6px;
margin:0;
}

div.map-menu-block ul p {
color:#666;
display:block;
border-top:1px dotted #ccc;
border-bottom:none;
padding:.2em;
margin:0;
}

div.map-menu-block ul a:hover {
background-color:#fff;
}

div.map-menu-block ul.menuBullet li,div.map-menu-block li {
margin:0;
padding:0;
list-style-position:outside;
float:left;
clear:left;
width:100%;
}

div.map-menu-block ul.menuBullet li.st {
clear:left;
width:34%;
}

div.map-menu-block ul.menuBullet li.cc {
width:65%;
clear:none;
border-left:1px dotted #fff;
}

div.map-menu-block ul.menuBullet li.cc a,div.map-menu-block ul.menuBullet li.st a {
font-size:80%;
padding:2px 3px 2px 6px;
}

/*
.map-tab {padding-top: 4px; float: left;}
*/
.map-tab-content {
clear:both;
width:auto;
border:none;
padding:1px;
}

.map-tab-active {
background:#dadada url(../images/bommap/tab-active.png) top right no-repeat;
float:left;
width:108px;
height:26px;
}

.map-tab-inactive {
background:#ccc url(../images/bommap/tab-inactive.png) top right no-repeat;
float:left;
width:108px;
height:26px;
}

.map-tab-inactive:hover {
background:url(../images/bommap/tab-hover.png) top right no-repeat;
}

#map-tab-corner {
position:relative;
top:0;
right:0;
}

.map-tab a,.map-tab-active a,.map-tab-inactive a {
padding:5px;
text-decoration:none;
text-align:center;
display:block;
font-weight:700;
}

.map-tab-active a:link,.map-tab-active a:visited {
color:#000;
outline:none;
}

.map-tab-inactive a:link,.map-tab-inactive a:visited {
color:#666;
font-weight:400;
outline:none;
}

.tab-focus {
border:dotted 1px gray;
}

div#bounds {
margin-left:5px;
margin-top:3px;
padding:0 0 2px 14px;
background:url(../images/bommap/cursor-s.gif) left no-repeat;
height:11px;
width:150px;
display:block;
color:#06F;
font-family:Arial;
font-size:.8em;
}

.olControlLoadingPanel {
background-image:url(../images/bommap/loading.gif);
background-position:center;
background-repeat:no-repeat;
}

.olPopupContent {
margin:0;
padding:0;
}

div.olPopupContentTitle {
font-weight:700;
padding-top:5px;
}

div.olPopupContentMeta {
font-size:90%;
color:#8A8A8A;
padding-bottom:4px;
}

div.olPopupContentMeta a {
background:url(../images/bommap/external-ol.gif) right center no-repeat;
padding-right:12px;
}

div.olPopupContentLink {
padding-bottom:5px;
}

div.olPopupContentLink a {
background:url(../images/bommap/external-ol.gif) right center no-repeat;
padding-right:12px;
}

div.olPopupContentLink select {
margin-top:-2px;
}

div.olPopupContentZoomForMore {
padding-top:8px;
}

.olPopupContent h3 {
white-space:nowrap;
}

div#dataTypeBox {
border-top:1px solid #fff;
border-bottom:1px solid #ccc;
background-color:#ddd;
border:1px solid red;
margin-top:15px;
padding:5px 0 5px 3px;
position:relative;
/* IE6 kludge */
}

div.spacer {
display:block;
margin:8px 8px 16px;
border-top:1px solid #fff;
border-bottom:1px solid #ccc;
height:0;
width:90%;
}

div#searchBox label img {
vertical-align:bottom;
}

div#searchBox {
display:block;
padding-top:15px;
margin-left:3px;
}

#searchBox label,#dataTypeBox label {
position:relative;
color:#666;
font-size:.9em;
font-weight:700;
display:block;
margin-bottom:1px;
}

#searchBox label.bigger,#dataTypeBox label.bigger {
color:#000;
font-size:1em;
}

#searchBox label.zoomin {
padding:0 0 2px 20px;
background:url(../images/bommap/zoom-in-icon.gif) left no-repeat;
line-height:1.5em;
min-height:16px;
}

#searchBox label.matchingtowns {
padding:0 0 2px 20px;
background:url(../images/bommap/pin-red-small.png) left no-repeat;
line-height:1.5em;
min-height:16px;
}

#searchBox label.nearestsites {
padding:0 0 2px 20px;
background:url(../images/bommap/station-symbols-small.png) left no-repeat;
line-height:1.5em;
}

#searchBox select,#searchBox input,#dataTypeBox select {
margin-bottom:7px;
margin-top:0;
}

#searchBox #p_locSearch {
width:150px;
background-color:#FFC;
}

#searchBox #matchList,#searchBox #nearest10 {
width:210px;
background-color:#FFC;
}

#searchBox #countryOfInterest {
width:210px;
background-color:#FFC;
}

#dataTypeBox label.datatype {
padding:0 0 2px 20px;
background:url(../images/bommap/station-symbols-open.gif) left no-repeat;
}

#dataTypeBox label.PCCSPdatatype {
padding:0 0 2px 20px;
/*background: url(../images/bommap/vector-dot-orange.png) left no-repeat;*/
}

#dataTypeBox #dataProduct {
width:207px;
background-color:#FFC;
}

#dataProduct optgroup {
color:#333;
background-color:#FFC;
font-weight:400;
font-style:normal!important;
}

optgroup option {
text-indent:0;
margin-left:.4em;
padding-left:0;
color:#000;
font-weight:400;
background-color:#FFC;
}

fieldset#siteSelection {
border:none;
padding-top:3px;
margin:0;
}

#siteSelection label {
display:inline;
}

#siteSelection img,#siteSelection input {
vertical-align:middle;
}

#siteSelection input {
margin-left:6px;
}

#siteSelection label.normal {
font-weight:400;
color:#000;
}

div#layerSwitcher {
display:inline-block;
padding-top:15px;
padding-bottom:15px;
padding-left:0;
}

div.layerSwitcherGroupLabel {
color:#666;
font-size:.9em;
font-weight:700;
margin-top:3px;
margin-left:0;
margin-bottom:3px;
}

#layerMetaLink {
position:absolute;
bottom:2px;
left:5px;
background:url(../images/bommap/i-icon.gif) left no-repeat;
padding-left:18px;
min-height:18px;
}

#disclaimerLink {
position:absolute;
bottom:5px;
left:5px;
background:url(../images/bommap/i-icon.gif) left no-repeat;
padding-left:18px;
min-height:18px;
}

#resetMapLink {
position:absolute;
bottom:2px;
left:5px;
width:208px;
margin:0;
padding:0;
text-align:center;
}

.newWindowImg {
background:url(../images/bommap/external-ol.gif) right center no-repeat;
padding-right:12px;
}

input.searchFindButton {
width:55px;
text-align:center;
font-size:90%;
margin-top:6px;
}

input.searchClearButton {
width:60px;
text-align:center;
font-size:90%;
margin-top:6px;
}

input.resetViewButton {
width:75px;
text-align:center;
font-size:90%;
margin-top:6px;
}

.baseLayerSelectGroup {
background-color:#FFC;
width:200px;
}

#layersDiv input {
clear:both;
display:block;
}

.ln {
position:relative;
line-height:18px;
}

.ln input {
float:left;
width:12px;
}

.ln span {
display:block;
float:left;
margin-left:5px;
cursor:default;
}

/*width:164px;*/
.t-l,.t-d {
float:right;
margin-top:2px;
width:9px;
height:13px;
}

.t-l {
background:url(../images/bommap/trans-l.png) right no-repeat;
}

.t-l:hover {
background-image:url(../images/bommap/trans-l-h.png);
}

.t-d {
background:url(../images/bommap/trans-d.png) right no-repeat;
}

.t-d:hover {
background-image:url(../images/bommap/trans-d-h.png);
}

.dataLayersPad {
padding:2px 2px 6px;
}

div.clearLeft {
clear:left;
}

/***** OpenLayers Related CSS *****/
.olPopup {
padding:3px 3px 0;
/* top right bottom left */
border:solid 1px #000!important;
background-color:#F1F1EE!important;
}

.olPopupCloseBox {
background-image:url(../images/bommap/close.gif);
width:12px!important;
height:12px!important;
}

.olControlAttribution {
bottom:0;
left:3px;
}

/***** END OpenLayers Related CSS *****/
/***** BOM.OpenLayers Related CSS *****/
.bomOLControlDefault {
background-color:#FFF;
filter:alpha(opacity=80);
opacity:.8;
font-size:9px;
font-family:Arial, Helvetica, Verdana, sans-serif;
}

.bomOLControlMousePosition {
position:absolute;
bottom:0;
right:0;
padding-left:2px;
padding-right:2px;
border-left:solid 1px #d0d0d0;
border-top:solid 1px #d0d0d0;
box-shadow:0 0 8px rgba(0,0,0,0.5);
}

.bomOLControlScaleLine {
position:absolute;
bottom:0;
left:0;
padding:2px;
padding-left:5px;
padding-right:5px;
border-right:solid 1px #d0d0d0;
border-top:solid 1px #d0d0d0;
box-shadow:0 0 8px rgba(0,0,0,0.5);
}

.bomOLControlScaleLineBottom {
border:solid 2px #000;
border-bottom:none;
margin-top:-2px;
text-align:center;
}

.bomOLControlScaleLineTop {
border:solid 2px #000;
border-top:none;
text-align:center;
}

.bomOLControlOverviewMapContainer {
position:absolute;
bottom:0;
right:0;
}

.bomOLControlOverviewMapElement {
padding:4px 0 0 1px;
background-color:#fff;
border-top:1px solid #999;
-moz-border-radius:1em 0 0;
}

.bomOLControlOverviewMapMinimizeButton {
bottom:-1px;
right:171px;
cursor:pointer;
}

.bomOLControlOverviewMapMaximizeButton {
bottom:-1px;
right:0;
cursor:pointer;
}

.bomOLControlOverviewMapExtentRectangle {
overflow:hidden;
background-image:url(../images/bommap/blank.gif);
cursor:move;
border:2px dotted red;
}

.bomOLControlOverviewMapRectReplacement {
overflow:hidden;
cursor:move;
background-image:url(../images/bommap/overview_replacement.gif);
background-repeat:no-repeat;
background-position:center;
}

.bomOLControlSwipe {
width:2px;
background-color:#000;
position:absolute;
pointer-events:none;
/* allow browser events to fall through */
box-shadow:-1px 0 2px #000;
}

div.bomOLControlZoom a {
background:#828282;
/* fallback for IE */
background:rgba(70,70,70,0.5);
}

div.bomOLControlZoom a:hover {
background:#626262;
/* fallback for IE */
background:rgba(40,40,40,0.7);
}

div.bomOLControlZoom a.bomOLControlZoomLimit {
cursor:default;
color:#bbb;
}

div.bomOLControlZoom a.bomOLControlZoomLimit:hover {
background:#828282;
/* fallback for IE */
background:rgba(70,70,70,0.5);
}

div.bomOLControlZoomHome {
top:44px;
}

div.bomOLControlZoomHomeItemInactive {
display:none;
}

.bomOLControlZoomPanel {
background:none repeat scroll 0 0 rgba(255,255,255,0.4);
position:absolute;
top:8px;
left:8px;
border-radius:4px 4px 4px 4px;
padding:2px;
cursor:pointer;
}

.bomOLControlZoomPanel .olControlZoomToMaxExtentItem {
display:block;
width:22px;
height:22px;
margin:1px;
border-radius:4px 4px 4px 4px;
background:#828282;
/* fallback for IE */
}

.bomOLControlZoomPanel .olControlZoomToMaxExtentItem:hover {
background:#626262;
/* fallback for IE */
}

.bomOLControlZoomPanel .bomOLControlZoomToAusItemInactive {
background:rgba(70,70,70,0.5);
background-image:url(../images/bommap/zoom-aus.png);
background-repeat:no-repeat scroll;
background-position:-3px -3px;
}

.bomOLControlZoomPanel .bomOLControlZoomToAusItemInactive:hover {
background:rgba(70,70,70,0.7);
background-image:url(../images/bommap/zoom-aus.png);
background-repeat:no-repeat scroll;
background-position:-3px -3px;
}

.bomOLControlZoomPanel .bomOLControlZoomToHomeItemInactive {
background:rgba(70,70,70,0.5);
background-image:url(../images/bommap/zoom-home.png);
background-repeat:no-repeat scroll;
background-position:-3px -3px;
}

.bomOLControlZoomPanel .bomOLControlZoomToHomeItemInactive:hover {
background:rgba(70,70,70,0.7);
background-image:url(../images/bommap/zoom-home.png);
background-repeat:no-repeat scroll;
background-position:-3px -3px;
}

.bomCursorBusy {
cursor:progress!important;
}

/***** END BOM.OpenLayers Related CSS *****/
/**** Keyboard focus class (accessibility)  ****/
.bom-keyboard-focus {
outline:1px dotted gray;
}

.bom-keyboard-focus-map {
outline:1px dotted gray;
}

/***** Make text unselectable *****/
/***** Note: See BOM.Util.makeNodeUnselectable *****/
.unselectable {
-moz-user-select:0;
-khtml-user-select:none;
-webkit-user-select:none;
-o-user-select:none;
user-select:none;
}

/***** END Make text unselectable *****/
.text-white {
color:#FFF;
}

.text-black {
color:#000;
}

/***** BOM EXT LINKBUTTON (bom_linkbutton) *****/
table.x-btn .x-btn-small td.x-btn-mc em a {
text-decoration:none;
color:#333;
display:block;
height:12px;
padding-bottom:2px;
padding-top:2px;
}

body.ext-opera table.x-btn .x-btn-small td.x-btn-mc em a,body.ext-chrome table.x-btn .x-btn-small td.x-btn-mc em a {
padding-top:1px;
}

body.ext-chrome table.x-btn .x-btn-small td.x-btn-mc em a {
padding-bottom:3px;
}

/***** END EXT LINKBUTTON *****/
/***** BOM.Map Loading Spinner *****/
#spinner-container {
height:18px;
left:777px;
padding:0;
position:relative;
top:0;
width:24px;
z-index:1;
}

#spinner {
width:24px;
height:18px;
background-position:center;
background-image:url(../images/bommap/loading-spinner.gif);
background-repeat:no-repeat;
}

/***** END BOM.Map Loading Spinner *****/
.leaflet-control-zoom-home {
background-image:url(../images/bommap/zoom-home-gray.png);
}

.leaflet-bar-single {
background-color:rgba(255,255,255,0.8);
border-radius:4px;
}

.leaflet-control-zoom a {
color:#444;
}