/* Streetmap.iom css file
Version: 6.1.2.0
author: ESRI (UK)
Making major changes to the web site based on JB GUI design.

---Please note that this file is not used, this is a non-minimised version of the CSS. 
if a change needs to be made then delete MannGIS.css and rename this file to be MannGIS.css
*/
#HiddenCopyrightText
{
	visibility:hidden;
}

#PrintTitle
{
	visibility:hidden;
}

#RefreshLayers
{
	text-align:center;
}
.GroupLyrName
{
	font-size:1pt;
}
.LayerDiv
{
	width:235px; height:255px;
	overflow:auto;
	border-top-style:solid;
	border-top-color:#8EA6D2;
	border-top-width:1px;
}

.GroupLayer
{
	
	border-width:1px;
	font-size:10pt;
	font-weight:bold; 
	background-color:#D8E7FE;
	
/*	display:block;*/
	width:230px;
	height:20px;
	margin-left:-10px;
	margin-bottom:4px; 
}
.collapsibleClosed
{
	text-align:center;
	vertical-align:middle;
}
.collapsibleOpen
{
	text-align:center;
	vertical-align:middle;
}
#MapImage
{
    overflow: hidden;
	position:absolute;
	left:0px;
	top:0px;
	padding:0em;
	width:735px;

}
#navBarItemContents2 a:hover {
    background-color:#E6E8EC;
}
#navBarItemContents5 a:hover {
    background-color:#E6E8EC;
}
#identifyHotlink
{
	color:blue;	
}

/* NAVBar items - Search, Map Information, Layers etc etc */
#navBarItemContents1
{
	OVERFLOW: auto; BORDER: #8EA7D1 1px solid;  width:237px; height:300px;
}

#navBarItemContents2
{
	OVERFLOW: auto; BORDER: #8EA7D1 1px solid;  width:237px; height:300px;
}

#navBarItemContents3
{
	OVERFLOW: hidden; BORDER: #8EA7D1 1px solid;  width:237px; height:300px;
}

#navBarItemContents4
{
	OVERFLOW: auto; BORDER: #8EA7D1 1px solid;  width:237px; height:300px;
	background: none;
}

#navBarItemContents5
{
	OVERFLOW: auto; BORDER: #8EA7D1 1px solid;  width:237px; height:300px;
}


/* The DIV that holds the map and overview map */
#MapCanvas
{
	overflow: hidden;
	position:relative;
	padding:0em;
	width:735px;
height:401px;
	border: solid 1px #116098;
}


/* The DIV that holds the toolbar with the zoom in, zoom out buttons etc */
#ToolBar
{
	font-family:Verdana;
	background-color:#D9E7FF;
	height:30px;
	position:relative;
	width:737px;
	 
}
.DropDowns
{



}

/* The table that makes up the toolbar */
#toolbarTable
{
	margin-top:0px;
	border:none;
}

/* The table that holds the scalebar, drop down list of scales and north arrow etc */
#ScaleBar
{
	font-family:Verdana;
	background-color:#D9E8FF;
	height:32px;
	position:relative;
	width:737px;
	vertical-align:middle;
}

/* The image that represents the overview map */
#OverViewMapImage
{
	margin:2px;
	border: solid 2px black;
}

/* The DIV that holds the overview map image */
#OverViewCanvas
{
  
  position:absolute;
  left:29px;
  top:10px;
  color:black;
}

/* Override the IOM menu css. This is the DIV on the left of the page that holds the NAVBar */
#menu
{
	background-color:white;
	width:250px;
	font-family:Arial;
}


/* The DIV that holds the Table Of Contents. This sits inside the menu */
#TOC
{	
	text-align:center;
	margin-left:3px;
	margin-right:3px;
	margin-top:3px;
	background-color:Transparent;
width:230px;
}


/* Any list items that appear in the TOC */
#TOC li
{
	text-align:left;
	background-color:Transparent;
	font-size:10pt;
	font-family:Arial;
	margin-left:-30px;
}

#LayerList
{
	
}


/* The Refresh map layer button that sits in the TOC */
#refreshTable
{
	margin-top: 10px;
	width:230px;
}

/* The title text that appears above the map  */
#MainTitle
{
	font-family:Arial;
	font-size:16pt; 
	font-weight:bold; 
	color:#20459E; 
}

/* The toolbar button text next to each button - i.e. Zoom in, Zoom out etc */
.ToolLabels
{
	font-family:Arial;
	color:#373737;
	text-align:left; 
	vertical-align:middle;  
	margin-bottom:10px;
	font-size:12pt;
}


/* An expanded NAVBar item */
.expanded
{ 
	DISPLAY: block; 
	background-color:white;
	background: url("../images/panel_content_bg.gif") repeat-x;
	margin-top:3px;
	overflow-x:auto;
}
			
/* A collapsed NAVBar item */
.collapsed 
{ 
	DISPLAY: none;
} 

/* A NAVBar item header*/		
.expandPanelHeader
{
	BORDER: #8EA7D1 1px solid; CURSOR: hand; 
	background: url("../images/panelBar_bg.gif") repeat-x;
    width: 239px; height:30px; color:#0866A4; font-weight:bold; font-family:Arial; margin-top:4px; text-align:left; font-size:12pt;

}
			
/* The NavBar */
#navBar
{
	WIDTH: 237px;  HEIGHT: 100%;
}
			

/* Input buttons with imaages */
input.send-btn 
{
	width: 47px;
	height: 22px;
	font-size:0px;
	color:White; 
	background-color:Transparent;
	border: solid 0px Transparent; 
	top:0px;
	left:0px;
	background-image: url(../images/wht_go.gif);
	background-repeat:no-repeat; 
	cursor:hand;
	
}
/* Input buttons with imaages */
input.view-btn 
{
	width: 40px;
	height: 20px;
	font-size:0px;
text-align:center;
text-indent:50px;
text-transform:lowercase;
	color:white; 
	background-color:Transparent;
	border: solid 0px Transparent; 
	top:0px;
	left:0px;
	background-image: url(../images/view_button.gif);
	background-repeat: no-repeat; 
	cursor:hand;
	
}

/* Input buttons with imaages */
input.results-btn 
{
width: 36px;
	height: 14px;
	font-size:0px;
	color:White; 
	background-color:Transparent;
	border: solid 0px Transparent; 
	top:0px;
	left:0px;
	background-image: url(../images/view_button.gif);
	background-repeat:no-repeat; 
	cursor:hand;
	
}
/* Zoom to table cell */
#zoomToCell
{
	/*padding:0px;
	margin:0px;
	color:Blue;
	width: 25px;
	height: 18px;
	background-image: url(../images/view_button.gif);
	background-repeat:no-repeat; 
	text-align:center;
	cursor:hand;*/
}



/* A tool on the toolbar. I.E Zoom in etc */
.tool
{
	vertical-align:middle;  
}


/* The DIV that holds the search panel in the NAVBar */
#SearchPanel
{
	text-align:left;
	margin-left:3px;
	margin-right:3px;
	background-color:Transparent;
}

/* Button to hide the overview map */
#HideOverviewMapButton
{
	border: solid 1px black;
	position:absolute;
	top:10px;
	left:10px;
}

/* Button to show the overview map */
#ShowOverviewMapButton
{
	border: solid 1px black;
	position:absolute;
	top:10px;
	left:10px;
}


/* Loading progress image */
#Loading
{
	visibility:hidden;
	position:absolute;
	top:200px;
	left:340px;
}


/* The DIV that holds any search results */
#Results
{
	font-size:0.8em;
	margin-left:3px;
	margin-right:3px;
	

}


/* Pan compass arrows */
#N
{
	position:absolute;
	top:10px;
	left:367px;	
	width:18px;
	height:11px;
	margin:3px;
}

#E
{
	position:absolute;
	top:190px;
	left:700px;
	width:11px;
	height:18px;
	margin:3px;
}

#S
{
	position:absolute;
	top:370px;
	left:367px;
	width:18px;
	height:11px;
	margin:3px;
}

#W
{
	position:absolute;
	top:190px;
	left:10px;
	width:11px;
	height:18px;
	margin:3px;
}

#NE
{
	position:absolute;
	top:10px;
	left:700px;
	width:14px;
	height:11px;
	margin:3px;
}

#NW
{
	position:absolute;
	top:10px;
	left:10px;
	width:14px;
	height:11px;
	margin:3px;
}

#SE
{
	position:absolute;
	top:366px;
	left:700px;
	width:14px;
	height:11px;
	margin:3px;
}

#SW
{
	position:absolute;
	top:366px;
	left:10px;
	width:14px;
	height:11px;
	margin:3px;
}


/* Align right class */
.right
{
	text-align:right;
}

/* Align bottom class */
.bottom
{
	vertical-align:bottom;
}


/* An available layer in the TOC */
.AvailableLayer
{
	color:black;
font-size:10px;
}

/* A non available layer in the TOC */
.NonAvailableLayer
{
	color:gray;
	font-size:10px;
}

/* General list items */
li
{
	/*padding-top: 0.8em;*/
	font-size:0.8em;
}

/* The DIV that holds the bookmarks */
#BookMarkDiv
{
	text-align:left;
	margin-left:3px;
	margin-right:3px;
	margin-top:3px;
	background-color:Transparent;	
}

#BookMarkDiv a
{
	margin:5px;
	
}

/* The DIV that holds the legend */
#Legend
{
	margin-left:3px;
	margin-right:3px;
	margin-top:3px;
}


/* The DIV that holds the System Info */
#SystemInfo
{
	position:relative;
	left:-24px;
	top:-5px;
	margin:0em;
	width:805px
}
html>body #SystemInfo
{
	left:0px;
	top:5px;
}


/* The Error Message text */
.MessageText
{ 
	color:#F00;
}


/* Table cell */
td
{
	padding:0px;
}

/*IE6*/
#contentTable
{
	position:relative;
	left:-24px;
	top:-5px;
	margin:0em;
}
/*firefox*/
html>body
#contentTable
{
	position:relative;
	left:0px;
	top:2.8px;
	
}
/*IE7*/
*:first-child+html
#contentTable
{
	position:relative;
	left:-28px;
	top:-3.5px;
	margin:0em;
} 
/*
table#mainContentLayout
{
 padding:0px;
 margin:0px;
 background-color:Navy;  
}

#contentTable td
{
  text-align:left; 	
	background-color:Red;
}

.infocentreContent
{
	padding:0px;
 margin:0px;
 background-color:Navy;
 position:relative;
	left:0px;
	top:0px;
	margin:0em;
}
*/
/* CSS from old version */

/*


#contentTable
{
	padding-left:5px;
}




#Tabs
{
	width:803px;
	margin-left:1px;
}

#Tabs ul
{
	display: block;
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	list-style-type: none 
} 


#Tabs li 
{
	float: left;
	background-color: white;
	color: #FFFFFF;
	font-size: 0.8em;
}


#LegendLayerTabs li
{
	float: left;
	background-color: #bdcfef;
	color: #FFFFFF;
	
}

#ShowLayers, #ShowLegend, #ShowSearch
{
   color:#000000;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:100%;
   font-weight:bold;
   border:1px solid;
   border-top-color:#000;
   border-left-color:#000;
   border-right-color:#000;
   border-bottom-color:#bdcfef;
   margin-left:1px;
   margin-bottom:-2px;
}

#ShowLegend, #ShowSearch
{
   margin-left:-2px;
   border-top-color:#003366;
   border-left-color:#003366;
   border-right-color:#003366;
   border-bottom-color:#003366;
}

.ActiveTOCTab
{
	background-color:#bdcfef;
}

.NonActiveTOCTab
{
	background-color:#FFFFFF;
}*/

body
{
	scrollbar-3dlight-color : #DEE7FF;
	scrollbar-arrow-color : #21459C;
	scrollbar-base-color : #d6dff7;
	scrollbar-darkshadow-color : #07349B;
	scrollbar-face-color : #d6dff7;
	scrollbar-highlight-color : #DEE7FF;
	scrollbar-shadow-color : #21459C;
	scrollbar-track-color : #DEE7FF;
}