/*General*/
*{
	font-family: Helvetica, Arial, sans-serif;
	font-size:10pt;
	padding:0px;
	margin:0px;
	color:#003366;
}
img{
	border:0px;
	margin:0px;
}
body, html{
    overflow:hidden;
}

/*page block structure*/
div#headBlock{
	position:absolute;
	background-color:#DDEAF3;
	background-image:url('HBCBranding/background_0.jpg');
	background-position:right;
	background-repeat:no-repeat;
}
div#breadCrumbBlock{
	position:absolute;
	background-color:#00ABDB;
	padding:2px 0px 0px 5px;
}
div#breadCrumbBlock, div#breadCrumbBlock *, div#breadCrumbBlock a, div#breadCrumbBlock a:visited
{
    font-size: 13px;
    color:White;
    text-decoration:none;
}
div#breadCrumbBlock a:hover
{
    background-color:#003366;
}
div#leftBlock{
	position:absolute;
	background-color:white;
	border-right:2px solid silver;
}
div#topBarBlock{
	background-image:url('new buttons/topBar-Gradient.gif');
	background-position:top;
	background-repeat:repeat-x;
	position:absolute;
	background-color:#DDEAF3;
	/*background-color:#FFCC66;*/
	padding-top:9px;
	padding-left:9px;
	border-collapse:collapse;
	border-bottom:3px solid #cccccc;
	border-left:2px solid silver;
	margin-left:-2px;
	overflow:hidden;
}
*>div#topBarBlock{
	border-left:0px solid white;
	margin-left:0px;
}

div#toolBarBlock{
	background-color:#DDEAF3;
	/*background-color:#FFCC66;*/
	padding-top:0px;
	border-collapse:collapse;
	text-align:center;
}

div#toolBarBlock span, div#toolBarBlock img
{
    padding-right:5px;
}
div#toolBarBlock img
{
    top:-4px;    
}

img#mapImage{
	position:absolute;
}
div#ImgContainer
{
    position:absolute;
    overflow:hidden;
    background-color:#EAEAEA;
    border-collapse:collapse;
}
div#statusBarBlock{
	position:absolute;
	background-color:#DDEAF3;
	padding:1px 0px 0px 12px;
}

/*When a new map is loading*/
div#pleaseWaitBlock{
	display:none;
	position:absolute;
	background-color:white;
	/*color:#FF9900;
	font-size:14px;
	font-weight:bold;*/
	background-image:url('img/pleaseWait.gif');
	background-repeat:no-repeat;
	background-position:center 20px;
	text-align:center;
	color: #92b9ee;
	font-weight:bold;
	padding-bottom:3px;
	border:2px solid #DEEAF3;
}
div#tncBlock {
	position:absolute;
	bottom:23px;
	left:13px;
	display:none;
}
div#tncBlock a{
	text-decoration:none;
}
div#tncBlock a:hover, div#tncBlock a:focus{
	text-decoration:underline;
}
div#logosLinks {
	position:absolute; 
	bottom:0px; 
	left:13px
}

/*Swatchs COMMON*/
.swatchsArea{
	width:100%;
	background-color:yellow;
}
.swatchHead{
	/*background-color:#6cce97;*/
	background-color:#DEEAF3;
	color:black;
	cursor:pointer;
	padding-left:10px;
	border-bottom: 2px solid #A3FFB8;
	margin-top:3px;
	border:1px solid black;
}
.swatchHead:hover, .swatchHead:active, .swatchHead:focus {
	background-color:#DEEAF3;
	/*color:white;*/
	/*font-weight:bold;*/
	cursor:pointer;
	padding-left:10px;
	/*text-decoration:underline;*/
}

.swatchBody{
	background-color:white;
	padding:5px;
}

/*Content Panel GLOBAL*/

.layerTypeHeading{
	font-weight:bold;
	/*text-decoration:underline;*/
	margin-top:3px;
	font-size:10px;
}
.canToggle {
	cursor:pointer;
}

/*Main menu items*/
/* Pan */
#menuItemPan img {
	background-image:url('./new buttons/panBtn.gif');
	background-repeat:no-repeat;
	width:35px;
	height:45px;
}
#menuItemPan:hover img, #menuItemPan:active img, #menuItemPan:focus img {
	background-image:url('./new buttons/panBtn_Rollover.gif');
}
/* Zoom Original */
#menuItemZoomOrg img {
	background-image:url('./new buttons/zoomOrgBtn2.gif');
	background-repeat:no-repeat;
	width:35px;
	height:45px;
}
#menuItemZoomOrg:hover img, #menuItemZoomOrg:active img, #menuItemZoomOrg:focus img {
	background-image:url('./new buttons/zoomOrgBtn2_Rollover.gif');
}
/* Zoom In */
#menuItemZoomIn img {
	background-image:url('./new buttons/zoomInBtn.gif');
	background-repeat:no-repeat;
	width:35px;
	height:45px;
}
#menuItemZoomIn:hover img, #menuItemZoomIn:active img,  #menuItemZoomIn:focus img {
	background-image:url('./new buttons/zoomInBtn_Rollover.gif');
}
/* Zoom Out */
#menuItemZoomOut img {
	background-image:url('./new buttons/zoomOutBtn.gif');
	background-repeat:no-repeat;
	width:35px;
	height:45px;
}
#menuItemZoomOut:hover img, #menuItemZoomOut:active img, #menuItemZoomOut:focus img {
	background-image:url('./new buttons/zoomOutBtn_Rollover.gif');
}
/* Re-centre the map */
#menuItemRecentre img {
	background-image:url('./new buttons/recenterBtn.gif');
	background-repeat:no-repeat;
	width:35px;
	height:45px;
}
#menuItemRecentre:hover img, #menuItemRecentre:active img, #menuItemRecentre:focus img {
	background-image:url('./new buttons/recenterBtn_Rollover.gif');
}
/* Get Info */
#menuItemGetInfo img {
	background-image:url('./new buttons/GetInfoBtn.gif');
	background-repeat:no-repeat;
	width:35px;
	height:45px;
}
#menuItemGetInfo:hover img, #menuItemGetInfo:active img, #menuItemGetInfo:focus img {
	background-image:url('./new buttons/GetInfoBtn_Rollover.gif');
}
/* Zoom in to a centre point or selected region */
#menuItemZoomInCP img {
	background-image:url('./new buttons/zoomInAreaBtn.gif');
	background-repeat:no-repeat;
	width:35px;
	height:45px;
}
#menuItemZoomInCP:hover img, #menuItemZoomInCP:active img, #menuItemZoomInCP:focus img {
	background-image:url('./new buttons/zoomInAreaBtn_Rollover.gif');
}
/* Zoom out from centre-point */
#menuItemZoomOutCP img {
	background-image:url('./new buttons/zoomOutCPBtn.gif');
	background-repeat:no-repeat;
	width:35px;
	height:45px;
}
#menuItemZoomOutCP:hover img, #menuItemZoomOutCP:active img, #menuItemZoomOutCP:focus img {
	background-image:url('./new buttons/zoomOutCPBtn_Rollover.gif');
}
/* Change the scale */
#menuItemScale img {
	background-image:url('./new buttons/scaleBtn.gif');
	background-repeat:no-repeat;
	width:35px;
	height:45px;
}
#menuItemScale:hover img, #menuItemScale:active img, #menuItemScale:focus img {
	background-image:url('./new buttons/scaleBtn_Rollover.gif');
}

#backtoTrackpoint img {
	background-image:url('./new buttons/tpBtn.gif');
	background-repeat:no-repeat;
	width:35px;
	height:45px;
}
#backtoTrackpoint:hover img, #backtoTrackpoint:active img, #backtoTrackpoint:focus img {
	background-image:url('./new buttons/tpBtn_Rollover.gif');
}

.closeHud{
 margin-top:-10px;
 margin-right:10px;
 float:right;
}
#panTools{
	position:absolute;
	width:122px;
}
#sw-span-body img{
	border:1px solid black;
}
#customScale {
	position:absolute;
	width:200px;
	display:none;
	font-size:10px;
	text-align:center;
}
#customScale select{
	font-size:10px;
}
#customScale form{
	font-size:10px;
}
#customScale input{
	font-size:10px;
	width:60px;
}
.headLine {
	font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	font-weight:normal;
	color:rgb(0, 51, 102);
	position:absolute;
	left:110px;
	bottom:5px;
}
#coords {
	float:right;
	/*display:inline;*/
	width:200px;
	text-align:left;
	top:-15px;
}
#getInfoHUD {
	position:absolute;
	z-index:100;
}
#sw-getInfoHUD{
	display:none;
	position:absolute;
}
.HUDBody
{
    /*background-color:#5798ED;*/
    background-color:#d0dded;
}
#sw-getInfoHUD-body{
	display:none;
	position:absolute;
	overflow:auto;
	padding-left:10px;
	/*padding-right:-10px;*/
}
/* Div containing the search forms */
#lyrForm {
	display:none;
	border-top:1px dashed silver;
}
/* div containing the layer search results */
#lyrFormResults {
	position:absolute;
	z-index:100;
	/*background-color:#DEEAF3;
	display:none;*/
}
#sw-lyrFormResults{
	display:none;
	position:absolute;
}
#sw-lyrFormResults-body {
	display:none;
	position:absolute;
	overflow:auto;
	padding-left:10px;
	/*padding-right:-10px;*/
}
/* Div containing the search forms */
#gzForm {
	display:none;
	border-top:1px dashed silver;
}
/* div containing the layer search results */
#gzFormResults {
	position:absolute;
	z-index:100;
	/*background-color:#DEEAF3;
	display:none;*/
}
#sw-gzFormResults{
	display:none;
	position:absolute;
}
#sw-gzFormResults-body {
	display:none;
	position:absolute;
	overflow:auto;
	padding-left:10px;
	/*padding-right:-10px;*/
}
/* Div containing the find nearest search form */
#nrForm {
	display:none;
	border-top:1px dashed silver;
}
/* div containing the layer search results */
#nrFormResults {
	position:absolute;
	z-index:100;
	/*background-color:#DEEAF3;
	display:none;*/
}
#sw-nrFormResults{
	display:none;
	position:absolute;
}
#sw-nrFormResults-body {
	display:none;
	position:absolute;
	overflow:auto;
	padding-left:10px;
	/*padding-right:-10px;*/
}
#searcha th a{
	color:black;
	text-decoration:none;
}
#searcha td a {
	text-decoration:none;
}
#searcha td a {
	text-decoration:underline;
}

#departmentList {
	text-align:right;
}
.scriptListHeading{
	padding-top:5px;
	padding-bottom:5px;
}

#layersPanel {
	/*height:150px;*/
	overflow:auto;
	border-top:1px solid silver;
	/*max-height:500px;*/
}

#overlayList {
	width:250px;
}

.displayQuery {
	display:block;
	width:210px;
	right:20px;
}
#rasterList {
	width:250px;
}
#rasterList a, #rasterList a:visited{
	font-family: Helvetica, sans-serif ;
	font-size:10px;
	text-decoration:none;
}
#rasterList a:hover{
	font-family: Helvetica, sans-serif ;
	font-size:10px;
	text-decoration:underline;
}
#extQueryList {
	width:250px;
}

#baseMapList {
	width:250px;
}

#layersButtons
{
    position:absolute;
    bottom:5px;
    left:20px;
}
* > #layersButtons
{
    position:fixed;
}
#mapsPanel {

}
#mapsList {
	height:180px;
	overflow-x:hidden;
	overflow-y:auto;
	background-color:white;
}
#mapsList span {
	display:block;
	border-bottom:1px dashed silver;
	width:100%;
	height:16px;
	text-align:left;
	color:black;
	text-decoration:none;
	font-size:11px;
	cursor:pointer;
	font-weight:normal;
	padding-top:2px;
	padding-left:2px;
}

*>#mapsList span 
{
    cursor:hand;
}

/*#mapsList a {
	color:black;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
}*/
/*#mapsList a:hover, #mapsList a:focus, #mapsList a:active {
	color:silver;
}*/

#mapsPanel .currentScript 
{
    color:Black;
    font-weight:bold;
}
#mapsPanel .currentScript:hover, #mapsPanel .currentScript:focus, #mapsPanel .currentScript:active {
	color:white;
	background-color:silver;
	font-weight:bold;
}
#mapsPanel .otherScript:hover, #mapsPanel .otherScript:focus, #mapsPanel .otherScript:active {
	color:white;
	background-color:silver;
}

#geobmarkPanel {
    top:-20px;
    left:5px;
}

#copyBarBlock {
	font-family:Arial Narrow;
	position:absolute;
	background-color:transparent;
	display:block;
	text-align:right;
	vertical-align:middle;
	border-collapse:collapse;
	font-size:9pt;
	z-index:99;
	color:black;
}
#theScript {
	float:left;
}

.getInfoTable, #searchAddr, #searcha ,#searchLyr
{
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
    font-weight: normal;
    font-size: 11px;
    color: black;
    background-color: #d3d3d3;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 3px;
    vertical-align:top;
    margin-top:3px;
    left:20px;
}
.LayerTitle
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
    font-size:12pt;
    margin-left:4px;
    font-weight:bold;
}
.getInfoTable td, #searchAddr td, #searcha td, #searchLyr td
{
    /*background-color: #ffe4b5;*/
    background-color: white;
    color: #000;
    padding: 1px;
    text-align: left;
    border: 2px solid #E5E5E5;
    vertical-align:top;
}
.getInfoTable th, #searchAddr th, #searcha th, #searchLyr th
{
    padding:3px;
    vertical-align:top;
}


#currentTool {
	float:left;
}
#gzFormResults {
	position: absolute;
}
#myGazForm span {
	font-size:10px;
}
.addrSearchField {
	/*width:60px;*/
}
#sw-addpoint-body {
	overflow:auto;
	height:auto;
}
.addLayer {
	font-size:10px;
}
.button {
	font-size:10px;
}
#currentScale {
	position:absolute;
	background-color:white;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
}
#eGGPZoomBox {
	border:1px solid #708090;
	background-color:#c0c0c0;
}
td {
	font-size:10px;
}
#departmentList {
	font-size:10px;
}
#departmentList select{
	font-size:10px;
}
.helpLinks {
	position:absolute;
	top:5px;
	left:110px;
	display:none;
}
.helpLinks a {
	color: gray;
	text-decoration:none;
	font-weight:bold;
}
.helpLinks a:hover, .helpLinks a:focus, .helpLinks a:active {
	color :white;
	background-color :#DEEAF3;
}
#addPointPanel input, #addPointPanel select {
	font-size:10px;
}
.callback_swatchHead {
	background-color:#DDEAF3;
	font-weight:bold;
	cursor:pointer;
	padding-left:10px;
}
.addrec_swatchHead {
	background-color:#DEEAF3;
	font-weight:bold;
	cursor:pointer;
	padding-left:10px;
}
#sw-callback-body, #sw-callback-body input, #sw-callback-body p, #sw-callback-body select {
	font-size:10px;
}
#findNearForm, #findNearForm input, #findNearForm select, #findNearForm label {
	font-size:10px;
}
#lyrForm, #lyrForm input, #lyrForm select, #lyrForm td {
	font-size:10px;
}

#freezeTxt
{
    text-decoration:none;
    color:black;
    font-size:8pt;
}

.keyTable td
{
   padding-left:2px;
   padding-right:2px;
}
.keyTable
{
   border-collapse:collapse;
}

/*OLD v3 INTERFACE Styling:*/
#hovermenu ul{
    padding-left: 0;
    margin-left: 0;
    height: 40px;
    font-size:9pt;
    left:0px;
    height:100%;
    text-align:left;
    color:#003366;
}
*>#hovermenu ul{
    height:37px;
}

#hovermenu ul li{
    list-style: none;
    display: inline;
    left:0px;
    height:100%;
    width:93px;
    float:left;
    overflow:hidden;
}

*>#hovermenu ul li
{
    height:47px;
}

#hovermenu ul li a{
    padding:10px 7px 0px 10px;
    text-decoration: none;
    float: left;
    color: #003366;
/*    background-color: #DEEAF3;*/
    height:100%;
    /*border-left: 2px solid #DEEAF3;
    border-right: 2px solid #DEEAF3;*/
    width:100%;
    border-collapse:collapse;
    max-width:93px;
    overflow:hidden;
}
.activeTab
{
    font-weight:bold;
}
#hovermenu ul li a:hover{
    background-image:url('new buttons/topBar-Gradienthover.gif');
    background-color:#00ABDB;
    background-repeat:repeat-x;
}
#hovermenu
{
	background-image:url('new buttons/topBar-Gradient.gif');
  	background-position:top;
	background-repeat:repeat-x;
    background-color:#DEEAF3;
    height:50px;
    left:0px;
    text-align:left;
    border-bottom: 3px solid #cccccc;
    position:absolute;
    width:280px;
}
*>#hovermenu
{
    height:47px;
}

/*3 tabs*/
.tab_area
{
    position:absolute;
    top:0px;
    overflow:hidden;
    padding:0px;
}
.tab_content
{
    padding:5px;
}

/*corner panning*/
.panBar
{
    /*all*/
    position:absolute;
    cursor:pointer;
    background-color:white;
}

.panBarHover 
{
    /*all*/
    position:absolute;
    cursor:pointer;
    background-color:#DEEAF3;
}

.pNE img,.pSE img,.pSW img,.pNW img
{
    position:absolute;
}

.pS,.pN,.pE,.pW
{
    /*vertical+horizontal*/
    text-align:center;
}
.pNE img, .pSE img
{
    right:0px;
}

.pSE img, .pSW img
{
    bottom:0px;
}

.pE img,.pW img
{
    position:absolute;
    border-collapse:collapse;
    left:0px;
}

.pE img
{
    left:-3px;
}

.pNE img, .pSE img
{
    right:2px;
}

.pNW img, .pSW img, .pW img
{
    padding-left:2px;
}

*>.pNW img, *>.pSW img, *>.pW img
{
    padding-left:0px;
}

#wizardHeader {
	position:absolute;
	height:20px;
	width:250px;
	background-color: #ffffe0;
	border-right:1px solid #ff0;
	border-bottom: 1px solid #ff0;
	display:none;
	font-weight: bold;
	border-bottom: 1px dashed #c0c0c0;
	padding:5px;
}

#wizardHeader a {
	font-weight:bold;
	float:right;
	text-decoration:none;
}

#wizardContent {
	position:absolute;
	width:250px;
	background-color: #ffffe0;
	border-right:1px solid #ff0;
	border-bottom: 1px solid #ff0;
	display:none;
	overflow:auto;
	padding:5px;
}

#wizardContent p {
	font-size:8pt;
	margin-top:4px;
	margin-bottom:4px;
}

#wizardContent a {
	font-size:8pt;
	text-decoration: none;
}

#wizardContent a:hover, #wizardContent a:focus {
	text-decoration: underline;
}

#wizardContent div {
	margin-top:5px;
	padding:5px;
}

.success_subheading {
	font-size:8pt;
	font-weight:bold;
	margin-top:8px;
	margin-bottom:8px;
}

.smalltxt{font-size:8pt; text-decoration:none;margin-top:5px;color:#003366;}

.srchForms{margin-top:5px;}

.hand{cursor:pointer;}

#topSrcSelection ul{
    padding-left: 0;
    margin-left: 0;
    height: 22px;
    font-size:9pt;
    left:0px;
    height:100%;
    /*text-align:left;*/
}
*>#topSrcSelection ul{
    height:19px;
}

#topSrcSelection ul li{
    list-style: none;
    display: inline;
    left:0px;
    /*height:100%;*/
	height:22px;
	width:145px;
    /*width:93px;*/
    float:left;
    overflow:hidden;
	padding:0;
	padding-left:12px;
	padding-top:3px;
}

*>#topSrcSelection ul li
{
    height:19px;
	padding-top:0;
}

#topSrcSelection ul li a{
    /*padding:7px 0px 7px 7px;*/
    text-decoration: none;
    float: left;
	/*color:#0033FF;*/
    color: black;
    /*background-color: #DEEAF3;*/
    height:100%;
    /*border-left: 2px solid #DEEAF3;
    border-right: 2px solid #DEEAF3;*/
    width:142px;
    border-collapse:collapse;
    max-width:93px;
    overflow:hidden;
	font-size:10px;
}
#topSrcSelection ul li a:hover{
    /*background-color:#DEEAF3;*/
	text-decoration:underline;
}


#topSrcSelection ul li img{
	float:left;
	display:inline;
}

#topSrcSelection
{
    /*background-color:#DEEAF3;*/
    height:22px;
    left:0px;
    text-align:left;
	border-bottom:2px solid #DEEAF3;
    /*border-bottom: 3px solid #cccccc;*/
   /* position:absolute;
    width:280px;*/
}
*>#topSrcSelection
{
    height:19px;
}
.activeSearch
{
    font-weight:bold;
	/*background-color:#e0ffff;*/
	/*background-color:#fff;
	border-top:2px solid #DEEAF3;
	border-left:2px solid #DEEAF3;
	border-right:2px solid #DEEAF3;*/
}
/*3 searches*/
.searchItems
{
    /*position:absolute;
    top:0px;*/
    overflow:auto;
    padding:0px;
}
.searchContent
{
    padding:5px;
	/*border-left:2px solid #0033FF;
	border-right:2px solid #0033FF;
	border-bottom:2px solid #0033FF;
	background-color:#e0ffff;*/
    font-size:10px;
}

.searchContent label, .searchContent input, .searchContent select, .searchContent span, .searchContent option
{
    font-size:10px;
}

.topSearchExample {
	font-size:9px;
	color:#999999;
}

.searchContainer {
	width:560px;
	position:absolute;
	top:6px;
	left:95px;
}

/*.topLayerSearchFormContainer, .topLayerSearchFormContainer div, .topLayerSearchFormContainer form {
	display:inline;
}
.topLayerSearchFormContainer * {
	display:inline;
}*/

.skin0{
position:absolute;
width:120px;
border:1px solid #DEEAF3;
background-color:#fff;
font-family:Verdana;
line-height:20px;
cursor:default;
z-index:100;
visibility:hidden;
color:#92b9ee;
}

.popupItems{
padding-left:10px;
padding-right:10px;
}

.popupItems a {
	color:#003366;
	text-decoration:none;
	font-size:8pt;
}

.popupItems:hover, .popupItems a:hover, .popupItems:hover a {
	background-color:#DEEAF3;
	color:#fff;
}

div#logoHolder 
{
    position:absolute;
    left:0px;
    top:0px;
    cursor:pointer;
}

.logo 
{
    background-image:url('HBCBranding/hertsmere_logo.jpg');
    background-repeat:no-repeat;
    width:104px;
    height:96px;
}