/* Begin - Danger level background colours */
.columnRight .table td.setBG_none, .columnRight .key td.setBG_none, .columnRight .key th.setBG_none, .regions .regionBlock div.setBG_none {
	background: #FFFFFF;
	color: #000000;
}
.columnRight .table td.setBG_low-Moderate, .columnRight .key td.setBG_low-Moderate, .columnRight .key th.setBG_low-Moderate, .regions .regionBlock div.setBG_low-Moderate {
	background: #17A462;
}
.columnRight .table td.setBG_high, .columnRight .key td.setBG_high, .columnRight .key th.setBG_high, .regions .regionBlock div.setBG_high {
	background: #00ADEF;
}
.columnRight .table td.setBG_very_High, .columnRight .key td.setBG_very_High, .columnRight .key th.setBG_very_High, .regions .regionBlock div.setBG_very_High {
	background: #FFD800;
	color: #000000;
}

.columnRight .table td.setBG_severe, .columnRight .key td.setBG_severe, .columnRight .key th.setBG_severe, .regions .regionBlock div.setBG_severe {
	background: #FA9F1B;
}
.columnRight .table td.setBG_extreme, .columnRight .key td.setBG_extreme, .columnRight .key th.setBG_extreme, .regions .regionBlock div.setBG_extreme {
	background: #ED1B24;
}
.columnRight .table td.setBG_catastrophic, .columnRight .key td.setBG_catastrophic, .columnRight .key th.setBG_catastrophic, .regions .regionBlock div.setBG_catastrophic {
	background: url(/images/firemap/icon_catastrophicTile.gif) repeat-x 0px 0px;
	font-weight: bold;
}

/* End - Danger level background colours */
.container {
	width: 676px;
	border: 1px solid #999999;
}
.columnRight {
	background: #D5D5D5;
	border-left: 1px solid #999999;
	float: right;
	width: 180px;
}
.columnRight h1 {
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
	padding-left: 7px;
	padding-bottom: 5px;
	color: #FFFFFF;
	background: #C40706;
	font: bold 12px/13px Arial, Helvetica, sans-serif;
	padding-top: 4px;
}
.columnRight h2 {
	margin: 0px;
	padding-left: 7px;
	color: #FFFFFF;
	background: #999999;
	font: bold 11px Arial, Helvetica, sans-serif;
	border-top: 1px solid #FFFFFF;
	padding-bottom: 2px;
}
.columnRight h1 div.areaRef {
	font-size: 10px; !important
}
.columnRight .councils {
	font: 11px/13px Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 4px 7px 7px;
	height: 170px;
	overflow: hidden;
}
.columnRight .councils ul {
	margin: 7px 0px;
	padding: 0px;
}
.columnRight .councils ul li {
	background: url(/images/firemap/icon_bullet.gif) no-repeat 0px 0px;
	list-style: none;
	padding-left: 8px;
}
.columnRight .councils a, .regions .copy a {
	color: #000000;
}
.columnRight .councils a:hover, .regions .copy a:hover {
	color: #C40706;
}
.columnRight .table {
	padding: 0px;
	width: 100%;
	border-style: none;
	font: 11px Arial, Helvetica, sans-serif;
	background: #999999;
	border-collapse: collapse;
}
.columnRight .table th {
	color: #FFFFFF;
	line-height: 11px;
	font-weight: normal;
	vertical-align: middle;
	border-bottom: 1px solid #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background: #999999;
	height: 31px;
	text-transform: capitalize;
}
.columnRight .table td {
	padding: 1px 0px 2px;
	text-align:center;
	border-bottom: 1px solid #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	color: #FFFFFF;
	width: 50%;
	background: #C1C1C1;
	text-transform: capitalize;
}
.columnRight .table th.totalBan {
	font-weight: bold;
	background: url(/images/firemap/icon_totalBan.gif) no-repeat 0% 50%;
	padding-left: 30px;
}
.columnRight .table td.rightBorder, .columnRight .table th.rightBorder {
	border-right: 1px solid #FFFFFF;
}
.columnRight .table td.setBG_extreme, .columnRight .table td.setBG_moderate {
	color: #FFFFFF;
}
.columnRight table.key {
	padding: 0px;
	width: 100%;
	border-style: none;
	font: 11px Arial, Helvetica, sans-serif;
	background: #999999;
	border-collapse: collapse;
}
.columnRight table.key th {
	background: #D5D5D5;
	padding: 1px 0px 2px 3px;
	border-top: 1px solid #FFFFFF;
	border-right: none;
	border-bottom: 1px solid #FFFFFF;
	border-left: none;
}
.columnRight table.key td {
	background: #D5D5D5;
	padding: 1px 0px 2px 3px;
	border-top: 1px solid #FFFFFF;
	border-right: none;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
.regions {
	clear:both;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #D5D5D5 url(/images/firemap/bg_regions_horizontalBorder.gif) repeat-x 0px 19px;
	height: 121px;
	position: relative;
}
.regions h2 {
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	padding-left: 7px;
	background: #999999;
	color: #FFFFFF;
	padding-bottom: 1px;
	margin: 0px;
}
.regions .region_ref {
	font-weight: bold;
	background: #BBBBBB;
	border-right: 1px solid #FFFFFF;
	width: 15px;
	float: left;
	text-align: center;
	padding-bottom: 1px;
}
.regions .region_name {
	padding-left: 4px;
	padding-bottom: 1px;
	width: 141px;
	float: left;
	background: url(/images/firemap/bg_regions_verticalBorder.gif) repeat-y right top;
}
.regions .hover {
	background-color: #C1C1C1;
	cursor: hand;
	cursor: pointer;
}
.regions .regionBlock {
	border-top: 1px solid #FFFFFF;
	width: 169px;
	line-height: 15px;
	height: 16px;
	float:left;
}
.regions .dangerColour {
	width: 7px;
	float: left;
	height: 16px;
	border-right: 1px solid #FFFFFF;
}
.regions .copy {
	float: left;
	padding-left: 4px;
	padding-top: 2px;
}
.regions .borderMask {
	position: absolute;
	top: 19px;
	right: 0px;
}
.regions .selected {
	background-color: #C1C1C1;
}
.columnLeft {
	float: left;
	height: 373px;
	width: 495px;
	position: relative;
}
.columnLeft .totalBan {
	font: 11px/11px Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(/images/firemap/icon_totalBan_overMap.gif) no-repeat left center;
	width: 70px;
	position: absolute;
	right: 5px;
	bottom: 7px;
	padding-left: 26px;
}
.columnLeft .handStyle {
	cursor: hand;
	cursor: pointer;
}

/* Begin - Area image positioning */

.totalBan_1_totalBan, .totalBan_2_totalBan, .totalBan_3_totalBan, .totalBan_4_totalBan, .totalBan_5_totalBan, .totalBan_6_totalBan, .totalBan_7_totalBan, .totalBan_9_totalBan, .totalBan_10_totalBan, .totalBan_11_totalBan, .totalBan_12_totalBan, .totalBan_13_totalBan,  .totalBan_14_totalBan, .totalBan_15_totalBan, .totalBan_16_totalBan, .totalBan_17_totalBan, .totalBan_18_totalBan, .totalBan_19_totalBan,  .totalBan_20_totalBan, .totalBan_21_totalBan {
	position: absolute;
	z-index:99999;
}
.totalBan_0_noBan, .totalBan_1_noBan, .totalBan_2_noBan, .totalBan_3_noBan, .totalBan_4_noBan, .totalBan_5_noBan, .totalBan_6_noBan, .totalBan_7_noBan, .totalBan_8_noBan, .totalBan_8_totalBan, .totalBan_9_noBan, .totalBan_10_noBan, .totalBan_11_noBan, .totalBan_12_noBan, .totalBan_13_noBan, .totalBan_14_noBan, .totalBan_15_noBan, .totalBan_16_noBan, .totalBan_17_noBan, .totalBan_18_noBan, .totalBan_19_noBan, .totalBan_20_noBan, .totalBan_21_noBan, img.none, img.low-Moderate, img.high, img.severe, img.extreme, img.severe, img.catastrophic {
	display: none;
}
.regionImage_1, .regionImage_2, .regionImage_3, .regionImage_4, .regionImage_5, .regionImage_6, .regionImage_7, .regionImage_8, .regionImage_9, .regionImage_10, .regionImage_11, .regionImage_12, .regionImage_13, .regionImage_14, .regionImage_15, .regionImage_16, .regionImage_17, .regionImage_18, .regionImage_19, .regionImage_20, .regionImage_21 {
	position: absolute;
}
.regionImage_1, .totalBan_1_totalBan {
	top: 10px;
	left: 429px;
}
.regionImage_2, .totalBan_2_totalBan {
	top: 74px;
	left: 400px;
}
.regionImage_3, .totalBan_3_totalBan {
	top: 134px;
	left: 342px;
}
.regionImage_4, .totalBan_4_totalBan {
	top: 187px;
	left: 355px;
}
.regionImage_5, .totalBan_5_totalBan {
	top: 216px;
	left: 347px;
}
.regionImage_6, .totalBan_6_totalBan {
	top: 278px;
	left: 326px;
}
.regionImage_7, .totalBan_7_totalBan {
	top: 280px;
	left: 284px;
}
.regionImage_8, .totalBan_8_totalBan {
	top: 264px;
	left: 305px;
}
.regionImage_9, .totalBan_9_totalBan {
	top: 219px;
	left: 294px;
}
.regionImage_10, .totalBan_10_totalBan {
	top: 153px;
	left: 287px;
}
.regionImage_11, .totalBan_11_totalBan {
	top: 13px;
	left: 383px;
}
.regionImage_12, .totalBan_12_totalBan {
	top: 28px;
	left: 335px;
}
.regionImage_13, .totalBan_13_totalBan {
	top: 24px;
	left: 245px;
}
.regionImage_14, .totalBan_14_totalBan {
	top: 89px;
	left: 214px;
}
.regionImage_15, .totalBan_15_totalBan {
	top: 141px;
	left: 205px;
}
.regionImage_16, .totalBan_16_totalBan {
	top: 221px;
	left: 265px;
}
.regionImage_17, .totalBan_17_totalBan {
	top: 233px;
	left: 216px;
}
.regionImage_18, .totalBan_18_totalBan {
	top: 235px;
	left: 105px;
}
.regionImage_19, .totalBan_19_totalBan {
	top: 174px;
	left: 127px;
}
.regionImage_20, .totalBan_20_totalBan {
	top: 177px;
	left: 21px;
}
.regionImage_21, .totalBan_21_totalBan {
	top: 41px;
	left: 21px;
}
/* End - Area image positioning */

/* Begin - Overlay image positioning */
.overlayImage_1, .overlayImage_2, .overlayImage_3, .overlayImage_4, .overlayImage_5, .overlayImage_6, .overlayImage_7, .overlayImage_8, .overlayImage_9, .overlayImage_10, .overlayImage_11, .overlayImage_12, .overlayImage_13, .overlayImage_14, .overlayImage_15, .overlayImage_16, .overlayImage_17, .overlayImage_18, .overlayImage_19, .overlayImage_20, .overlayImage_21 {
	position: absolute;
	cursor: hand;
	cursor: pointer;
	z-index:999999;
}
.overlayImage_1 {
	left: 436px;
	top: 11px;
	width: 44px;
	height: 78px;
	z-index: 9999991;
}
.overlayImage_2 {
	left: 410px;
	top: 97px;
	width: 44px;
	height: 78px;
}
.overlayImage_3 {
	left: 356px;
	top: 147px;
	width: 52px;
	height: 44px;
}
.overlayImage_4 {
	left: 356px;
	top: 193px;
	width: 46px;
	height:30px;
	z-index: 9999993;
}
.overlayImage_5 {
	left: 356px;
	top: 225px;
	width: 26px;
	height: 56px;
	z-index: 9999994;
}
.overlayImage_6 {
	left: 330px;
	top: 286px;
	width: 28px;
	height: 62px;
}
.overlayImage_7 {
	left: 292px;
	top: 295px;
	width: 36px;
	height: 46px;
	z-index: 9999995;
}
.overlayImage_8 {
	left: 304px;
	top: 266px;
	width: 13px;
	height: 27px;
	z-index: 9999996;
}
.overlayImage_9 {
	left: 318px;
	top: 224px;
	width: 36px;
	height: 60px;
}
.overlayImage_10 {
	left: 290px;
	top: 172px;
	width: 64px;
	height: 50px;
	z-index: 9999999;
}
.overlayImage_11 {
	left: 404px;
	top: 40px;
	width: 30px;
	height: 75px;
}
.overlayImage_12 {
	left: 357px;
	top: 30px;
	width: 45px;
	height: 115px;
}
.overlayImage_13 {
	left: 254px;
	top: 42px;
	width: 101px;
	height: 103px;
}
.overlayImage_14 {
	left: 217px;
	top: 97px;
	width: 95px;
	height: 53px;
	z-index: 9999999;
}
.overlayImage_15 {
	left: 225px;
	top: 155px;
	width: 63px;
	height: 71px;
	z-index: 9999998;
}
.overlayImage_16 {
	left: 272px;
	top: 228px;
	width: 30px;
	height: 65px;
}
.overlayImage_17 {
	left: 223px;
	top: 245px;
	width: 47px;
	height: 53px;
}
.overlayImage_18 {
	left: 114px;
	top: 256px;
	width: 107px;
	height: 42px;
}
.overlayImage_19 {
	left: 153px;
	top: 178px;
	width: 65px;
	height: 76px;
}
.overlayImage_20 {
	left: 23px;
	top: 183px;
	width: 124px;
	height: 58px;
}
.overlayImage_21 {
	left: 23px;
	top: 42px;
	width: 220px;
	height: 134px;
}
/* End - Overlay image positioning */
