#derbysmap{
border:solid 1px #ff00ff;
position:absolute;
top:0px;
left:0px;
width:405px;
min-height:700px;
}

#membersmap{
	position:absolute;
	min-height:700px;
	border:0px #000 solid;
	width:886px;
}

#countymap{
	border:solid 0px #000000;
	position:absolute;
	top:0px;
	left:0px;
	width:405px;
	height:653px;
}

#maponpage{
	border:solid 0px #000000;
	position:absolute;
	top:0px;
	left:0px;
	width:460px;
	height:640px;
}

#areamap{
	border:solid 0px #007ac3;
	position:absolute;
	top:0px;	
	right:0px;
	width:460px;
	border-radius:8px 8px 8px 8px;
}

#area-detail{
	border:solid 0px #007ac3;
	position:absolute;
	top:0px;	
	right:0px;
	width:416px;
}

#bolsover, #chesterfield, #highpeak, #derbysdales, #northeastderbyshire, #neastderbys, #ambervalley, #erewash, #derby, #sderbys, #southderbyshire, #derbycity, #derbyshiredales{
display:none;
clear:both;
}

#areamap h1{
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
}

#areamap h2{
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
}

#areamap h3{
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
	color:#666666;
}

#area-detail h2{
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
	font-size:1.5em;
}

#area-detail h3{
	font-weight:normal;
	text-align:left;
	color:#666666;
	margin:0px 0px 4px 0px;
}

#area-detail h2.constituency{
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
	font-size:2em;
	color:#007ac3;
	clear:both;
}

#areamap ul{
	margin: 0px 0px 12px 0px;
}

#area-detail ul{
	margin: 0px 0px 12px 0px;
}

#areamap li{
	font-size:100%;
}


#area-detail li{
	font-size:100%;
	line-height:150%;
}

#areamap li.nobullet{
list-style-type:none;
text-indent:-1.5em;
}

#area-detail li.nobullet{
list-style-type:none;
text-indent:-1.5em;
}

.nobullet a{
text-decoration:none;
color:#007ac3;
display:inline;
cursor:pointer;
}

.nobullet a:link{
text-decoration:none;
color:#007ac3;
}

.nobullet a:hover{
text-decoration:none;
background-color:#ddd;
}

.wderbynum{
	color:#007ac3;
	font-weight:bold;
	margin: 0px 6px 0px 0px;
	display:inline;
}

div.lyrfloatleft{
	float:left;
	width:220px;
	border:solid 0px #000000;
	margin: 0px 2px 0px 0px;
}

.clearpara{
	clear:both;
}

.map{
	background-color:transparent;

}

.centertext{
	text-align:center;
	text-transform:capitalize;
	color:#007ac3;
	display:block;
}

.maplabels{
	padding:8px 8px 8px 8px;
	text-align:center;
	font-size:200%;
	background-color:#666;
	color:#fff;
	border:solid 0px #000;
	width:400px;
	display:none;
	position:absolute;
	border-radius:20px 20px 20px 20px;
		background-image: -webkit-gradient(linear, left top, left bottom, from( #888 /*{b-bup-background-start}*/), to( #111 /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #888 /*{b-bup-background-start}*/, #111 /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #888 /*{b-bup-background-start}*/, #111 /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #888 /*{b-bup-background-start}*/, #111 /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #888 /*{b-bup-background-start}*/, #111 /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #888 /*{b-bup-background-start}*/, #111 /*{b-bup-background-end}*/);
}

.maplayers{
	border:solid 0px #000;
	display:none;
	position:absolute;
}

.mapbglayer{
	border:solid 0px #000;
	position:absolute;
	z-index:200;
}

.pcodesearchcontainer{
	border:solid 0px #ddd;
	border-width:0px 0px 0px 0px;
	padding:4px 0px 4px 0px;
	font-size:90%;
}

.pcodesearchcontainer div {
	border:solid 0px #ddd;
	display:inline-block;
	padding:0px 4px 0px 4px;
}

#mapcanvasdisplay{
	border-radius:16px 16px 16px 16px;
	border:solid 0px #000;
	background-color:#eee;
	height:657px;
	width:886px;
	margin:16px 0px 0px 0px;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{b-bup-background-start}*/), to( #bbb /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #eee /*{b-bup-background-start}*/, #bbb /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #eee /*{b-bup-background-start}*/, #bbb /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #eee /*{b-bup-background-start}*/, #bbb /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #eee /*{b-bup-background-start}*/, #bbb /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #eee /*{b-bup-background-start}*/, #bbb /*{b-bup-background-end}*/);
}

#innercanvasdisplay{
	border:solid 0px #000;
	height:650px;
	width:886px;
	position:absolute;
}

#derbyshiremap{
	border:solid 0px #000;
	height:643px;
	width:395px;
	position:absolute;
	top:6px;
	left:460px;
}

#constituencylabel{
	text-align:center;
	font-size:160%;
	background-color:#007ac3;
	color:#fff;
	padding: 6px 3px 6px 3px;
	border-radius:16px 16px 16px 16px;
	display:none;
}

.arealabel{
	text-align:center;
	font-size:160%;
	background-color:#007ac3;
	color:#fff;
	padding: 6px 3px 6px 3px;
	border-radius:16px 16px 16px 16px;
	display:block;
	margin:0px 0px 16px 0px;
}

area{
	cursor:pointer;
}