body
{
	margin:0;
	padding:0;
	font-family : arial;
	font-size:90%;
}

#ibNcc
{
	height:48px;
	width:240px;
	border:0px;
}

ul
{
	list-style:none;
	padding:0;
	margin:0;
}

.ulNormal
{
	list-style-type:disc;
	list-style-position:outside;
	list-style-image:none;
	margin-left:1em;
	padding-left:1em;
	padding-right:0.5em;
}

#divMain
{
	background-color:White;
	height:1em;
}

/* Toolbar across the top of the page */
#divToolbar
{
	padding:0px;
	margin:0px;
	width:100%;
	height:50px;
	border-bottom:1px solid black;
	background: url(images/background.gif) bottom left repeat-x;
}

#ulToolbar
{
	list-style:none;
	display:inline;
}

#ulToolbar li
{
	font-size:75%;
}

.button, .notesbutton
{
	border-right:1px solid #000;
	border-top:0px;
	padding:2px 0 2px 0;
	text-align:center;
	width:57px;
	height:45px;
	float:left;
}

.lastbutton
{
	/*border-right:0;*/
}

.logo
{
	width:240px;
	height:48px;
	border:0;
	border-bottom:1px solid #FFF;
	float:none;
	text-align:center;
	padding:0;
	margin:0;
	border-top:0;
	background-color:#7F1183;
}

/* Left hand nagivation */
.Tier2
{
	background-color: #F5EFF5;
	border-bottom: 1px solid #EEE2EF;
	color: #000;
	padding:5px;
}

.Tier2 li
{
	color:#000;
	font-family : arial;
	clear:both;
}

.ibCategory
{
	margin:1px 5px 0 0;
}

#divLayersList, #divSearchDetails, #divNearestDetails, #divParishDetails, #divWardDetails, #divPrinterDetails, #divSettingsDetails, #divLoginDetails
{
	background-color: #F5EFF5;
	height:100%;
}

#divLayerDetails p, #divAboutDetails p
{
	margin:0;
}

#divLeft
{
	position:absolute;
	left:7px;
	top:7px;
	width:240px;
	padding:0px;
	clear:both;
	float:left;
	font-size:85%;
	border:1px solid #000;
}

div#divLeft ul
{
	border: none;
	text-decoration: none;
}

.panel_header
{
	border:0;
	width:240px;
	text-align:left;
	color: #FFF;
	background-color: #B280B8;
	font-size: 85%;
	padding-left:5px;
	cursor:hand;
	font-size:100%;
	height:2em;
	margin-bottom:1px;
	font-weight:bold;
}

.panel_header:hover, .panel_header_active
{
	background-color:#B280B8;
	color:#fff;
}

.headerOver
{
	border:0;
	width:100%;
	text-align:left;
	color: #000;
	background-color:#EEE2EF;
	font-size: 85%;
	padding-left:5px;
	cursor:pointer;
	font-size:100%;
	height:2em;
	margin-bottom:1px;
	font-weight:bold;
}

#divPage
{
	margin:0;
	padding:7px;
	height:1em;
}

#divCentre
{
	position:absolute;
	left:277px;
	top:7px;
	float:left;
	background-color:White;
	margin-bottom:0;
	border:2px solid #f5f5f5;
	border-style:groove;
	height:100%;
}

#divInformation
{
	background-color: #FFF;
	padding:1em 1em 0 1em;
	position:relative;
}

#divInformation2
{
	background-color: #F5EFF5;
	padding:1em 1em 0 1em;
	position:relative;
}

#pnlMapInformation, #pnlMapCentre, #divMapNearest, #divNotesForm
{
	margin-right:1em;
	background-color:White;
	margin-bottom:1.5em;
	font-size:80%;
	line-height:1.6em;
	border:1px solid black;
}

#btnCloseNearest, #btnCloseMapInformation, #ibNotesClose
{
	vertical-align:middle;
}

/* label above map */
#divTip
{
	background-color:#f5f5f5;
	font-weight:bold;
	font-size:100%;
	color:red;
	width:100%;
	height:20px;
	padding:5px 0 5px 0;
	border-bottom:2px groove #f5f5f5;
}

#divTitle
{
	font-weight:bold;
	background-color:#f5f5f5;
	width:100%;
	height:20px;
}

/* Zoom panel */
#divZoomBar
{
	position:absolute;
	left:247px;
	top:7px;
	height:272px;
	width:30px;
	float:left;
	padding-top:100px;
}

div#divZoomBar ul
{
	text-align:center;
}

div#divZoomBar li
{
	padding-bottom:5px;
}

.zoomBoxOn
{
	background:#F75959;
}

.zoomBoxOver
{
	background:#666;
}

.zoomBoxOff
{
	background:#ccc;
}

.mapZoomIn
{
	cursor:url("images/zoomIn.cur"), crosshair;
}

.mapZoomOut
{
	cursor:url("images/zoomOut.cur"), crosshair;
}

.mapInfo
{
	cursor:url("images/information.cur"), crosshair;
}

.mapRecentre
{
	cursor:url("images/recentre.cur"), crosshair;
}

.mapRuler
{
	cursor:url("images/ruler.cur"), crosshair;
}

#liMeasure, #liPrinter
{
	display:none;
}
	
.mapNormal
{
	cursor:auto;
}

#spnStatus
{
	color:Red;
	font-weight:bold;
	padding-bottom:1em;
}

/* map and navigation area */
#divMap
{
	margin:0;
	padding:0;
	height:1em;
	float:left;
}

#map ul
{
	width:100%;
	font-size:0.1em;
	height:100px;
}
	
#map ul li
{
	font-size:0em;
}

.navLeft
{
	display:inline;
	float:left;
	width:8px;
	vertical-align:bottom;
	font-size:0em;
	clear:both;
}

.navRight
{
	display:inline;
	float:right;
	width:8px;
	vertical-align:bottom;
	font-size:0em;
	clear:right;
}

.navTop, .navBottom
{
	vertical-align:bottom;
	font-size:0em;
	float:left;
}

.navTopFirst
{
	vertical-align:bottom;
	font-size:0em;
	float:left;
	clear:both;
}

.navTopLast
{
	vertical-align:bottom;
	font-size:0em;
	clear:both;
}

.navBottom
{
	border-bottom:2px groove #f5f5f5;
}

.navBottomFirst
{
	vertical-align:bottom;
	font-size:0em;
	float:left;
	border-bottom:2px groove #f5f5f5;
	clear:both;
	vertical-align:bottom;
}

#imgbtnMapUpLeft2, #imgbtnMapUp1, #imgbtnMapUp2, #imgbtnMapUp3, #imgbtnMapUpRight1, #imgbtnMapDownLeft2, #imgbtnMapDown1, #imgbtnMapDown2, #imgbtnMapDown3, #imgbtnMapDownRight1, #imgbtnMapUpLeft1, #imgbtnMapLeft1, #imgbtnMapLeft2, #imgbtnMapLeft3, #imgbtnMapDownLeft1, #imgbtnMapUpRight2, #imgbtnMapRight1, #imgbtnMapRight2, #imgbtnMapRight3, #imgbtnMapDownRight2
{
	padding:0;
	margin:0;
	background-color:#c6c6c6;
}

#imgbtnMapUpLeft2, #imgbtnMapUpRight1, #imgbtnMapDownLeft2, #imgbtnMapDownRight1
{
	width:50px;
}

#imgbtnMapUp2, #imgbtnMapDown2
{
	width:16px;
}

#imgbtnMapLeft2, #imgbtnMapRight2
{
	height:16px;
}

#imgbtnMapUpLeft2, #imgbtnMapUp1, #imgbtnMapUp2, #imgbtnMapUp3, #imgbtnMapUpRight1, #imgbtnMapDownLeft2, #imgbtnMapDown1, #imgbtnMapDown2, #imgbtnMapDown3, #imgbtnMapDownRight1
{
	height:8px;
}

#imgbtnMapUpLeft1, #imgbtnMapLeft1, #imgbtnMapLeft2, #imgbtnMapLeft3, #imgbtnMapDownLeft1, #imgbtnMapUpRight2, #imgbtnMapRight1, #imgbtnMapRight2, #imgbtnMapRight3, #imgbtnMapDownRight2
{
	width:8px;
}

#imgbtnMapUpLeft1, #imgbtnMapDownLeft1, #imgbtnMapUpRight2, #imgbtnMapDownRight2
{
	height:42px;
}

#imgbtnMapLeft1, #imgbtnMapLeft3, #imgbtnMapRight1, #imgbtnMapRight3
{
	height:122px;
}

#imgbtnMapUp1, #imgbtnMapUp3, #imgbtnMapDown1, #imgbtnMapDown3
{
	width:177px;
}

.btn
{
	padding: 2px;
	font: bold 12px Arial;
	color: #fff;
	background-color: #B280B8;
	border: 1px solid #fff;
	vertical-align: top;
	margin-top: 4px;
	text-decoration:none;
	height:2em;
	cursor:pointer;
}

.btn:hover
{
	color:#fff;
}

/* Settings panel */
#divSettingsDetails label
{
	width: 9em;
	text-align: right;
	margin-right: 0.5em;
	float: left;
	display: block;
}

#divSettingsDetails #txtMapHeight, #divSettingsDetails #txtMapWidth
{
	width:4em;
}

#divSettingsDetails #chkOverview, #chkKey
{
	float: left;
}

#divSettingDetails #btnApplySettings
{
	margin-top:2em;
	margin-bottom:2em;
}

/* Find the nearest panel */
#divNearestDetails label.nearestLabel
{
	width: 3.3em;
	margin-right: 0.5em;
	float: left;
	display: block;
}

#ddlLayers
{
	width:13em;
}

#txtDistance
{
	width:2em;
}

#ddlNearestSettlement
{
	width:10.8em;
}

#divNearestDetails li
{
	padding: 0.2em 0;
}

#txtNearestToPostcode, #txtNearestPostcode
{
	width:7em;
}

#txtNearestToStreet
{
	width:10.5em;
}

#divNearestDetails .findBtn
{
	margin-left:4.0em;
}

#ddlNearestToStreet, #ddlNearestToParish
{
	margin:0.5em 0 0.5em 0;
}

.nearestRadio
{
	width:6.5em;
	display:block;
	float:left;
}

.nearestNumber
{
	color:Red;
	font-weight:bold;
}

/* Location Search Panel */
#divSearchDetails li
{
	padding: 0.2em 0;
}

#divSearchDetails label
{
	width: 5.5em;
	text-align: left;
	margin-right: 0.3em;
	padding-top:0.2em;
	float: left;
	display: block;
}

#txtPostcode, #txtGridRef
{
	width:7em;
}

#txtStreet
{
	width:10.5em;
}

#ddlTown, #ddlElecDiv, #ddlBuilding
{
	width:11em;
}

#divSearchDetails .searchBtn
{
	margin-left:6.0em;
}

#pnlParishStreets ul
{
	list-style-type:none;
}

.btnStreet
{
	border:0;
	background:none;
	text-align:left;
	text-decoration:underline;
	color: #00f;
	padding-left:5px;
	cursor:hand;
	width:100%;
}

.ulStreet
{
	list-style-type:none;
}

/* Panel for councillor notes*/

#divNotes label
{
	width: 8em;
	text-align: left;
	margin-right: 0.5em;
	float: left;
	height:1em;
}

#pnlNotes input
{
	margin:0.2em;
}

#divNotesForm
{
	padding:1em;
}

legend
{
	font-weight:bold;
}


#divLoginDetails label
{
	width: 6em;
	text-align: left;
	margin-right: 0.5em;
	float: left;
	height:1em;
}

#divLoginDetails input
{
	margin:0.2em;
}

#divLoginDetails #txtUsername, #divLoginDetails #txtPassword
{
	width:7em;
}

.liLoginMessage
{
	font-weight:bold;
	padding:0.5em 0 1.5em 0;
	color:Red;
}

/* Details below map */
#lblMapCentre, #lblMapInformation, #lblMapNearest, #lblNotes
{
	height:2.5em;
	color:White;
	font-size:70%;
	background-color:#696969;
	padding:0.5em;
}

.boxHeader
{
	height:1em;
	padding:0.25em 0 0.2em 0;
}


/* Key */
#divKey
{
	position:absolute;
	background-color:White;
	font-size:60%;
	border:1px solid black;
	padding-right:0.5em;
}

#LINE
{
	z-index:510;
}

#LINE2
{
	z-index:520;
}

html>body #pnlKey
{
	width:250px;
}

.imgKey
{
	clear:both;
	vertical-align:middle;
	margin:2px;
}

.ibClose
{
	padding:2px;
	width:9px;
	height:9px;
}

.keyHeader
{
	vertical-align:text-top;
	font-size:1em;
}

.category
{
	cursor:pointer;
}

.liLayer
{
	clear:both;
	float:left;
	width:200px;
	font-size:1em;
	height:100%;
}

.layerImage
{
	float:left;
	margin-top:0.3em;
	height:1em;
	clear:both;
}

.layerText
{
	vertical-align:top;
	float:left;
	margin-left:0.5em;
	height:100%;
	width:80%;
}

.layerText2
{
	vertical-align:top;
	float:left;
	color:Red;
	background-color:Yellow;
}

.keySymbol
{
	padding-top:0.4em;
	width:45px;
	float:left;
	clear:both;
}

.keyText
{
	padding:0;
	padding-top:0.5em;
	margin:0;
}

#imgbtnMap
{
	position:absolute;
	left:287px;
	top:87px;
	border:0;
	cursor:crosshair;
}

#imgbtnMap2
{
	position:absolute;
	left:287px;
	top:87px;
	clip:rect(0 0 0 0);
	cursor:crosshair;
}

#ibOverview
{
	z-index:300;
	position:absolute;
	left:487px;
	top:87px;
	border-left:10px solid white;
	border-bottom:10px solid white;
	padding-left:5px;
	padding-bottom:5px;
	background-color:White;
	border-right:0;
	border-top:1px solid black;
	width:105px;
	height:160px;
}

#divPrinterPage
{
	margin-top:5px;
	margin-left:10px;
}

#imgPrinterLogo
{
	position:absolute;
	left:10px;
	top:25px;
}

#lblPrinterTitle
{
	display:block;
	margin-bottom:5px;
}
/* Various stuff */
.transparent
{
	filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
}

.indent1
{
	margin-left: 1.6em;
}

.indent2
{
	clear:both;
	margin-left: 3.5em;
	line-height:1.6em;
}

.cbLayer
{
	height:1em;
}
.border
{
	border:1px solid black;
}

.noborder
{
	border:0;
}

.hide
{
	display:none;
}

.warning
{
	font-weight:bold;
	color:Red;
}

.clear
{
	clear:both;
	height:0.1em;
	font-size:1px;
}

.bold
{
	font-weight:bold;
}

.dark
{
	padding:0.1em 0.5em 0.1em 0.5em;
	background-color:#EEE2EF;
}

.light
{
	padding:0.1em 0.5em 0.1em 0.5em;
	background-color:#F5EFF5;
}

.header
{
	padding:0.1em 0.5em 0.1em 0.5em;
	background-color:#B280B8;
	color:White;
}

.valSummary
{
	border:2px solid red;
	padding:0 0 0.5em 0.5em;
}

.valSummary ul
{
	list-style-type:disc;
	list-style-position:outside;
	list-style-image:none;
	padding-left:1.5em;
}

.message
{
	color:Red;
	font-weight:bold;
	font-size:large;
}

#imgUpdating
{
	position:absolute;
	height:50px;
	width:250px;
}
 
#divBox
{
	border:1px solid red;
	position:absolute;
	left:0px;
	top:0px;
	height:1px;
	width:1px;
}

#rec
{
	height:1px;
	width:1px;
}

#divMapFrame ul
{
	height:1em;
	background-color:#c6c6c6;
}

#imgPrinter
{
	width:30px;
	height:30px;
}

/* For street search text box */
#txtStreet {top:0;left:0;margin:0;padding:0;}
#divStreets {background-color:#fff;z-index:999;border:1px solid #000; width:500px;display:none;position:relative;top:0px;left:0px;}
.street {padding-left:2px; width:500px;}
.selectedStreet {background-color: #3366CC;	color:#fff;}