h1 { font-size: 25px; }
h2 { font-size: 20px; margin-top: 2px;}
.hide_on_load { display: None; }

.info_panel {
   color: black;
   background-color: white;
   padding: 22px 10px 10px 10px;
   overflow:auto;
   top: 10px;
}

.responsive_mobile_landscape {
  border-right: 2px solid black;
}

.responsive_full_version {
  border-right: 2px solid black;
}

.responsive_mobile_portrait {
  border-top: 2px solid black;
}

.map_canvas {
  background-color: #428bca;
  padding:0px;
  width: 100%;
  height: 100%;
}

/* http://getbootstrap.com/getting-started/#third-parties 
.google-map-canvas,
.google-map-canvas * {
  .box-sizing(content-box);
}

.offset_control {
  text-align:right;
}
*/

.header {
   background:white;
   padding:5px;
}

.footer {
   font-size: small;
   height: 30px;
   bottom: 0px;
   position: absolute;
   padding-left: 10px;
}

.folder_tab {
	position: absolute;
	left: 0px;
	top: 34px;
	z-index: 500;
}

.folder_tab_horizontal {
    position: absolute;
    right: 2px;
    bottom: 0px;
    z-index: 500;
}

.folder_tab_vertical {
    position: absolute;
    left: 0px;
    top: 10px;
    z-index: 500;
}

.info_panel_controls {
	position: relative;
	left: 0px;
	top: -22px;
	z-index: 500;
	float: right;
}

.info_panel_controls img {
	padding: 3px;
}

.map_canvas_controls {
	position: absolute;
	right: 5px;
	top: 34px;
	z-index: 1000;
	font-size: 12px;
	color: black;
	background-color: white;
	border: 1px solid #969696;
	box-shadow: 0px 2px 5px 0px #666;
	padding: 5px;
	max-width: 90%;
}

.map_canvas_control_icon {
  padding: 3px;
}

.map_canvas_control_icons {
  float: right;
}

.readonly_control {
  cursor: text !important;
}

.map_controls_copy {
  font-size: 14px;
  font-weight: 400;
}

.map_controls_copy_wide {
  font-size: 16px;
  font-weight: 400;
  width: 10em;	
}

.gwt-SuggestBoxPopup {
  background-color: white;
  padding: 1em;
  border: black solid 1px;
  z-index: 1001;
}

.searchExtraHtml {
  display: block;
  padding-top: 5px;
  color: red;
}

.slider_label {
  top: -18px;
  font-size: 8pt;
  position: relative;
  right: -14px;
  width: 90%;
}
.gwt-SliderBar-shell {
  border: 2px solid #faf9f7;
  background-color: #efebe7;
  height: 34px;
  width: 80%;
}
.gwt-SliderBar-shell .gwt-SliderBar-line {
  border: 1px solid black;
  background-color: white;
  height: 4px;
  width: 95%;
  top: 10px;
  overflow: hidden;
}
.gwt-SliderBar-shell .gwt-SliderBar-knob {
  top: 4px;
  width: 11px;
  height: 21px;
  z-index: 1;
  cursor: pointer;
}
.gwt-SliderBar-shell .gwt-SliderBar-tick {
  top: 12pt;
  width: 1px;
  height: 8pt;
  background: black;
  overflow: hidden;
}
.gwt-SliderBar-shell .gwt-SliderBar-label {
  top: 2pt;
  font-size: 8pt;
  cursor: default;
}
.gwt-SliderBar-shell-focused {
}
.gwt-SliderBar-shell .gwt-SliderBar-line-sliding {
  background-color: #DDDDDD;
  cursor: pointer;
}


.map_controls_panel_open { padding: 10px; }
.hide_on_load { display: None; }
.dataset_switch { float: right;  vertical-align: middle;}

.carousel {
  outline:0;
}

.carousel_header { width: 100% }
.carousel_page {
  width: 100%;
  overflow: auto;
  word-wrap: break-word;
}
.carousel_remainder_wrapper {
  position: absolute;
  top: 38px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  overflow: hidden;
}
.carousel_footer {
    position:relative;
    overflow:hidden;
    width: 100%;
    z-index: 200;
}
.carousel_footer_container {
    float:left;
    position:relative;
    left:50%;
}
.carousel_footer_centre {
  float:left;
  position:relative;
  left:-50%;
}
.carousel_footer_dot {
  margin: 0px 4px;
}

.carousel_footer_navigate {
  cursor: pointer;
}

#super_carousel .carousel_viewpoint .carousel {
  overflow-x: hidden;
  overflow-y: auto;
}

.legend_colour {
  width: 1.0em;
  height: 1.0em;
}
.marker_info_box {
  position: absolute;
  z-index: 750;
  font-size: 12px;
  color: black;
  background-color: white;
  border: 1px solid #969696;
  box-shadow: 0px 2px 5px 0px #666;
  padding: 10px;
  margin: 2px;
}
.marker_info_box_close {
  float: right;
  margin: 5px;
}

.marker_info_box .table {
  margin-bottom: 5px;
}

/* small style hints */
.title, .summary { font-weight:bold; }
.info_window h1 { margin: 0; }
.info_window { overflow:auto; max-height: 400px;}
.hidden { display: none; }
.legend_active { background-color: #cacaca; }
.transparency_slider { text-align: center; padding: 10px;}
.legendTitle { font-weight:bold; line-height: 1.2;}
.key_statistic { color: red; font-size: x-large; }
.shaded { background-color: #f5f5f5; }
.legend_visualisation table tr > td:first-child {
    background-color: white;
    width: 1.0em;
    padding: 2px;
}
.legend_visualisation table>thead>tr>th, .legend_visualisation table>tbody>tr>th, .legend_visualisation table>tfoot>tr>th, .legend_visualisation table>thead>tr>td, .legend_visualisation table>tbody>tr>td, .legend_visualisation table>tfoot>tr>td {
  line-height: 0.8;
}

.half_width { width: 50%; }

.viewpoint {
  background: url(location.png) center right no-repeat;
  padding-right: 11px;
}