/* Copyright UK Map Centre - Parthian Systems 2014 *
 * DigitalMapTiles.com site Styling using Templates from UMC
 */


body { border-top: 0; }


/* formatting to override jquery tab styling. Note .tabs-jq-maps required as some of the below destroy sliders */
.tabs-jq { 
    background: transparent; 
    border: none; 
} 
.tabs-jq .ui-widget-header { 
    background: transparent; 
    border: none; 
    border-bottom: 0px solid #c0c0c0; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px;
    padding: 0; 
} 
.tabs-jq .ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none;  
} 
.tabs-jq .ui-tabs-nav .ui-state-active { 
    background: transparent url(img/uiTabsArrow.png) no-repeat bottom center; 
    border: none; 
} 
.tabs-jq .ui-tabs-nav .ui-state-default a { 
    color: #2f287f;
} 
.tabs-jq .ui-tabs-nav .ui-state-active a { 
    color: #2f287f;
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    border-top: 1px solid #2F287F;
}

.tabs-jq.ui-widget {     font-family : 'Lucida Sans Unicode','Lucida Grande', sans-serif; }
.tabs-jq .ui-widget-content { border: none; font: inherit; }
.ui-tabs .ui-tabs-nav li {margin-right: 0; padding: 0;}

.regblue { margin: 5px 0; }

/*
acc-trigger ui-accordion-header ui-helper-reset ui-state-default ui-accordion-header-active ui-state-active ui-corner-top ui-accordion-icons
acc-container ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active
*/
.ui-accordion-header {     background: transparent; 
    border: none; 
    border-bottom: 0px solid #c0c0c0; border-top: 1px dotted #CCC; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px;
    padding: 0; 
}
.ui-accordion-content { border: none;  }


#map { position:relative; top:0; bottom:0; border: 1px solid #8cb5e2; width:90%; height:700px; float:left; }
/* UI Slider */
.ui-slider { background: #FF067E; }
.vertical { position: relative; height: 700px;  float:left; width: 40px; }
.horizontal { clear:both; position: relative; height: 40px; }
#slider-vertical { height: 600px; margin-left: 10px; top: 45px; }
#slider-horizontal { clear:both; width: 80%; position: relative; margin-bottom: 24px; top: 12px; left: 6%;  }

.vsliderMin { position: absolute; left: 15px; bottom: -6px; font-size: small;  color: #FF067E; }
.vsliderMinus { position: absolute; bottom: 24px; left: 9px;  color: #FF067E;}
.vsliderMinus:hover {cursor: pointer;}
.vsliderMax {  position: absolute; top: -6px; left: 15px; font-size: small; color: #FF067E; }
.vsliderPlus { position: absolute; top: 24px; left: 9px;  color: #FF067E;}
.vsliderPlus:hover {cursor: pointer;}
.vsliderLabel  { position: absolute; top: 45%; left: 12px; font-size: small; color: #FF067E; }
.vsliderUp  { position: absolute; top: 40%; left: 24px; color: #FF067E; }
.vsliderDown  { position: absolute; top: 50%; left: 24px; color: #FF067E; }

.hsliderMin { position: absolute; top: 12px; left: 0; font-size: small;  color: #FF067E;}
.hsliderMinus { position: absolute; top: 14px; left: 12px; color: #FF067E;}
.hsliderMinus:hover {cursor: pointer;}
.hsliderMax { position: absolute; top: 12px; right: 0; font-size: small;  color: #FF067E;}
.hsliderPlus { position: absolute; top: 14px; right: 58px; color: #FF067E;}
.hsliderPlus:hover {cursor: pointer;}
.hsliderLabel  { position: absolute; top: 12px; left: 46.5%; font-size: small; color: #FF067E; }
.hsliderLeft  { position: absolute; top: 12px; left: 40%; color: #FF067E; }
.hsliderRight  { position: absolute; top: 12px; left: 55%; color: #FF067E; }


.vsliderPlusinst {color: #FF067E;}
.vsliderMinusinst {color: #FF067E;}

#scaleline-id {
    margin: 0px;
    font-size: 10px;
    height: 35px;
}

.rotator { position: relative; } 
.knob { height: 270px; float: left; margin-left: 20px; }
#resetRotation { position: absolute; bottom: 10px; right: 5px; }

.cartmini { margin: 12px 0 12px 0; padding: 12px 8px 8px 8px; background-color: #8cb5e2; border: 1px solid #2f287f; }
#addtocart { width: 100%; margin: 12px 0 12px 0; }


.cartmini img { margin-bottom: -6px; margin-right: 12px; }
.topcart { margin-top: 0; padding: 2px 8px 2px 8px; }
.costrepeater, .costRepeatText { font-size: large; color: #FF067E;}
.costrepeatervat, .costRepeatTextvat { font-size: small; color: #FF067E;}
#postcode, #gazPlacename, #easting, #northing{ width: 14em; }
.customcartfields { width: 13em; margin-bottom: 6px; }


.areaFields label { position: absolute; padding-top: 0.2em;}

.areaFields input { width: 4em;  margin-left: 10em; line-height: 1.2em; height: 20px; margin-bottom: 6px; }
.geoposnbox {width: 100%; height: auto; padding: 0 0 0 4px; color: white; background-color: #444; font-size: 12px;}

/* PSAerial 16/11/21 */
.layerswitcher {
    top: 65px;
    left: .5em;
    width: 58px;
    height: 2.6em;
  }
  .ol-touch .layerswitcher {
    top: 80px;
  }
  button#layertoggler {
    width: 56px;
    height: 2.3em;
    line-height: 1em;
    /* background-image: url("assets/mapthumbs/aerial.jpg") no-repeat;
    background-size: cover; */
  }

  .ol-attribution { /* bing maps */
    bottom: 0.5em;
  
  }
  .ol-attribution:after {
    color: darkblue;
    font-weight: normal;
    content: "Microsoft Aerial | Reference Only  "; /* "Aerial Approx Position Only. Switch to OS View for accuracy "; */
  }
  


/* Landscape phones and down */
@media screen and (max-width: 767px) {
#slider-vertical { height: 450px; float:left; margin-left: 6px;}
.vertical { display: none; }
.horizontal { display: none; }

#footer-bottom .container { margin-left: 12px !important; }
}

/* Comodo image */
#cot_tl_fixed { height: 85px !important; }