/*margin and padding on body element
  can introduce errors in determining
  element position and are not recommended;
  we turn them off as a foundation for YUI
  CSS treatments. */

/*html { 
	height: 100%;
}

body {
	height: 100%;
	margin: 5px;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
}*/

table.heading td {
	border-style: none;
	padding: 0;
}

.section_header {
	font-size: 16px;
	font-weight:bold;
	color:#2364AB;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 20px;
	padding-bottom: 5px;
}

.header-wrap {
	float:left;
	width: 100%;
	margin-bottom:20px;
	margin-top:10px;
	position: relative;
	height: 80px;
}
.header-title {
	display: inline-block;
	float: left;
	margin-top:12px;
}

.list-title {
	padding:0px 0px 5px 5px;
	line-height: 1.5;
	font-size: 14px;
	margin-top: -3px;
}

.box-pad {
	padding:10px 0px 0px;
}

div.risk-area-box {
	background:#00ffff;
	margin-right:5px;
	margin-top:5px;
}

div.risk-area-2-box {
	background:#ff00ff;
	margin-right:5px;
	margin-top:0px;
}

div.blue-box {
	background: #0000FE;
	margin-right:5px;
	margin-top:5px;
}

div.erosion-box {
	background: lime;
	margin-right:5px;
	margin-top:5px;
}

.sub-title-text {
	font-size: 12px;
	line-height: 1;
}

.list-sub-title {
	background:#00ffff;
	margin-right:5px;
	margin-top:5px;
}

.list-sub-title-2 {
	background:#ff00ff;
	margin-right:5px;
	margin-top:0px;
}

/* text style on the scale panel */
.scale {
	color: black;
	background: white;
	height: 100%;
}


/* the Google map itself */
#map-canvas { 
	float: right;
	width: 75%;
	height: 700px; 
}


#TOC {
    float: left;
    width: 25%;
    height: 100%;
    padding: 30px 10px 38px 20px;
    background-color: #fdfdfd;
    border: #f2f2f2 1px solid;
}

/* formatting of the coloured boxes on the scale panel */
.scale_colour {
	border-color: #000000;
	border-style: none;
	border-width: 1px;
	width: 32px;
	height: 16px;
}

footer {
    clear: both;
    margin-bottom: 20px;
    padding: 20px 20px 20px;
}
#logo {
	display: inline-block;
	float: left; 
	top:0px; 
	left:0px;
	margin-right:20px;
}
.report-link {
	display:inline-block;
	float:right;
	font-size: 14px;
	line-height: 1.2;
	padding:15px 15px 15px 90px;
	margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}

h2.disclaimer {
	margin-bottom: 10px;
	margin-top: 10px;
}

p.disclaimer-text {
	line-height: 1.2;
}

input {
	margin-top:5px;
}

.report-link-sidebar {display: none;}

@media only screen and (max-width: 1026px) {
	.report-link {display:none;}
	.report-link-sidebar {display: inline-block;padding-bottom: 20px;}
}

@media only screen and (max-width: 771px) {
.title.is-4 {font-size:1.2em !important;}
.subtitle.is-5 {font-size:1em !important}
}
@media only screen and (max-width: 564px) {
	#logo {display: none;}
}