/* This CSS controls the main elements on Map.Hamilton.ca */

/* Any changes in this file will affect the whole site */

/*	The height and bottom margin are set to force a scroll bar to be
	displayed in Firefox and Opera*/

html 
{
     height: 100%;
     margin-bottom: 1px;
}



/* the page is broken up into 3 columns*/

/* The left hand column. It is blank, but can house an image that will
	repeat the height of the page*/


#lefty
{
	background-repeat: repeat-y;
	background-position: left  top;
	width: 15px;
}

/*This is the main table for the page*/
#container
{
	width: 980px;
	padding: 0px;	
	border-width: 0px;
	border-collapse: collapse;	
}


/* The right hand column. It is blank, but can house an image that will
	repeat the height of the page*/
#righty
{
	background-repeat: repeat-y;
	background-position: left top;
	width: 15px;
}
/*the is the middle section of the page, where all the content goes */
#middle
{
	width: 950px;
	border-collapse: collapse;
}

/* Titles for each page*/
#title
{
	font-size: 22pt;
	font-weight: bolder;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	padding-bottom: 10px;
	padding-top: 5px;
	color: #000080;
	background-repeat: repeat-x;
	float: none;
	clear:both;
}

/* subtitles for each page*/
#subtitle
{
	font-size: 14pt;	
	font-weight: bold;
	padding-bottom: 10px;
	color: #000080;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	float:none;
	clear:both;
}

/* The main text on each page*/
#mainText
{
	color: #000080;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 10pt;
	float: none;
	clear: none;
	text-align: left;
	padding-right: 20px;
}

/* The main content of each page is set here*/
#BodyContent
{
	background-color: #fff;	
}

#BodyContent a
{
	color: #0000B0;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 10pt;
}

#BodyContent a:hover
{
	color: #D71414;
}

#BodyContent a:active
{
	color: #004b8b;
}

a img
{
	text-decoration: none;
	border: 0px;	
}



/*There are 3 types of tables with borders:
TableOutline - Will float left
TableOutlineText  - Will float right
TableOutlineImage - Pretty much the same as TableOutlineText

All table borders are the same
*/
.TableOutline
{
	border: 0px;
	border-collapse: collapse;
	float:left;	
	background-color: #FFF;
	padding: 0px;
	margin: 0px;
	padding: 10px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 10pt;	
}
.TableOutlineCenter
{
	border: 0px;
	border-collapse: collapse;
	background-color: #FFF;
	padding: 0px;
	margin: 0px;
	padding: 10px;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 10pt;
	  	
}
table.center {margin-left:auto; margin-right:auto;}


.TableOutlineText
{
	border: 0px;
	border-collapse: collapse;	
	float: right;
	clear: none;
	text-align:center;
	background-color: #FFF;
	padding: 0px;
	margin: 0px;
	margin-left: 10px;	
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 10pt;
}
.TableOutlineImage
{
	border: 0px;
	border-collapse: collapse;
	float:right;
	clear:none;	
	padding: 0px;
	margin: 0px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 10pt;
}

.TableOutline #TopLeft,
.TableOutlineText #TopLeft,
.TableOutlineImage #TopLeft,
.TableOutlineCenter #TopLeft,
.DescNode #TopLeft
{
	background-image: url(../HGIS_Controls/images/table/TopLeft.gif);
	background-position: left top;
	background-repeat: no-repeat;	
	padding: 0px;
	margin: 0px;	
}

.TableOutline #TopRight,
.TableOutlineText #TopRight,
.TableOutlineImage #TopRight,
.TableOutlineCenter #TopRight,
.DescNode #TopRight
{
	background-image: url(../HGIS_Controls/images/table/TopRight.gif);
	background-position: left top;
	background-repeat: no-repeat;	
	padding: 0px;
	margin: 0px;
}

.TableOutline #BottomLeft,
.TableOutlineText #BottomLeft,
.TableOutlineImage #BottomLeft,
.TableOutlineCenter #BottomLeft,
.DescNode #BottomLeft
{
	background-image: url(../HGIS_Controls/images/table/BottomLeft.gif);
	background-position: left top;
	background-repeat: no-repeat;	
	padding: 0px;
	margin: 0px;	
}

.TableOutline #BottomRight,
.TableOutlineText #BottomRight,
.TableOutlineImage #BottomRight,
.TableOutlineCenter #BottomRight,
.DescNode #BottomRight
{
	background-image: url(../HGIS_Controls/images/table/BottomRight.gif);
	background-position: left top;
	background-repeat: no-repeat;	
	padding: 0px;
	margin: 0px;
}

.TableOutline #TopCenter,
.TableOutlineText #TopCenter,
.TableOutlineImage #TopCenter,
.TableOutlineCenter #TopCenter,
.DescNode #TopCenter
{
	background-image: url(../HGIS_Controls/images/table/TopCenter.gif);
	background-position: left top;
	background-repeat: repeat-x;	
	padding: 0px;
	margin: 0px;
}

.TableOutline #BottomCenter,
.TableOutlineText #BottomCenter,
.TableOutlineImage #BottomCenter,
.TableOutlineCenter #BottomCenter,
.DescNode #BottomCenter
{
	background-image: url(../HGIS_Controls/images/table/BottomCenter.gif);
	background-position: left top;
	background-repeat: repeat-x;	
	padding: 0px;
	margin: 0px;	
}

.TableOutline #CenterLeft,
.TableOutlineText #CenterLeft,
.TableOutlineImage #CenterLeft,
.TableOutlineCenter #CenterLeft,
.DescNode #CenterLeft
{
	background-image: url(../HGIS_Controls/images/table/MiddleLeft.gif);
	background-position: left  top;
	background-repeat: repeat-y;	
	padding: 0px;
	margin: 0px;
}

.TableOutline #CenterRight,
.TableOutlineText #CenterRight,
.TableOutlineImage #CenterRight,
.TableOutlineCenter #CenterRight,
.DescNode #CenterRight
{
	background-image: url(../HGIS_Controls/images/table/MiddleRight.gif);
	background-position: left top;
	background-repeat: repeat-y;	
	padding: 0px;
	margin: 0px;	
}

/*the main table within the middle section. It controls the top and botom borders.
It can also be set up to encapsulate the data*/
.MiddleContainer
{
	border-collapse: collapse;
	float:none;
	width: 950px;
	clear:none;
	padding: 0px;
	margin: 0px;	
}

.MiddleContainer #TopLeftMain
{
	background-image: url(../HGIS_Controls/images/table/backdrop.gif);
	width: 35px;
	height: 31px;
	background-position: top right;
	background-repeat: repeat-x;	
	padding: 0px;
	border:0px;
}

.MiddleContainer #TopRightMain
{
	background-image: url(../HGIS_Controls/images/table/backdrop.gif);
	width: 35px;
	height: 31px;
	background-position: top right;
	background-repeat: repeat-x;	
	padding: 0px;
	border:0px;
}

.MiddleContainer #BottomLeftMain 
{
	background-image: url(../HGIS_Controls/images/table/backdrop_flip.gif);
	width: 35px;
	height: 35px;
	background-position: right center;
	background-repeat: repeat-x;
	padding: 0px;
	border:0px;
}

.MiddleContainer #BottomRightMain
{
	background-image: url(../HGIS_Controls/images/table/backdrop_flip.gif);
	width: 35px;
	height: 35px;
	background-position: left center;
	background-repeat: repeat-x;	
	padding: 0px;
	border:0px;	
}

.MiddleContainer #TopCenterMain
{
	background-image: url(../HGIS_Controls/images/table/backdrop.gif);
	background-position: top right;
	background-repeat: repeat-x;	
	padding: 0px;
	border:0px;
}

.MiddleContainer #BottomCenterMain
{
	background-image: url(../HGIS_Controls/images/table/backdrop_flip.gif);
	background-position: left center;
	background-repeat: repeat-x;
	height: 35px;
	padding: 0px;
	border:0px;
}

.MiddleContainer #CenterLeftMain
{
	background-position: left top;
	background-repeat: repeat-y;	
	padding: 0px;
	border:0px;
}

.MiddleContainer #CenterRightMain
{
	background-position: left  top;
	background-repeat: repeat-y;
	padding: 0px;
	border:0px;	
}

/* main datacell*/
.MiddleContainer #DataCellMain
{
	background-color: #FFF;
	height: 430px;
	vertical-align: top;	
}


/* all li elements have a default bullet style of square*/
li
{
	list-style-type: square;	
}

/*No borders on images*/
#DataCell img
{
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;	
}


/*Datacells for all tables are set to white*/
#DataCell
{
	background-color: #FFF;	
}

/*For the MapSelect3 table on the iMapper page*/
.MapSelect3
{
	width: 798px;
	height: 130px;
	border: 2px;
	border-color: #FFF;
	border-collapse: separate;
	margin-left: auto;
	margin-right: auto;
	font-size: 10pt;
	font-family: Arial, Sans-Serif;
	text-align: right;
}

.MapSelect3 td
{
	vertical-align: top;
	width: 	266px;
	padding: 10px;
	font-size: 9pt;
	text-align: center;
}

/* iMapper A - Red*/
.MapSelect3 #col1
{
	background-image: url(../HGIS_Controls/images/red.gif);
	background-repeat: repeat-x;
	background-color: Transparent;
	text-align: left;
}

/* iMapper B - Green*/
.MapSelect3 #col2
{	
	background-image: url(../HGIS_Controls/images/green.gif);
	background-repeat: repeat-x;
	background-color: Transparent;
	text-align: left;
}

/* iMapper C - Blue*/
.MapSelect3 #col3
{
	background-image: url(../HGIS_Controls/images/blue.gif);
	background-repeat: repeat-x;
	background-color: Transparent;
	text-align: left;
}

/*By default, the links will be underlined*/
.MapSelect3 td a 
{
	text-decoration: underline;	
}

/*Take off the underline for the coloured cells.
Text color for the title is set*/
.MapSelect3 #col1 a,
.MapSelect3 #col2 a,
.MapSelect3 #col3 a
{
	color: #DEDBEF;
	text-decoration: none;
}

/*Text color for a:hover must be different because of a flaw
	in IE. Color variation not noticeable.*/
.MapSelect3 #col1 a:hover,
.MapSelect3 #col2 a:hover,
.MapSelect3 #col3 a:hover
{
	color: #DEDBEE;
	text-decoration: none;
}

/* Hide the details text*/
.MapSelect3 #col1 a span,
.MapSelect3 #col2 a span,
.MapSelect3 #col3 a span
{
	visibility: hidden;
	margin-left: 20px;
	display: block;
	margin-left: 20px;
}

/* Show the details text on the hover of the link*/
.MapSelect3 #col1 a:hover span,
.MapSelect3 #col2 a:hover span,
.MapSelect3 #col3 a:hover span
{
	visibility: visible;
	display: block;
	color: #FFF;
}

/* The map gallery and about image tables have the same background image*/
.GalleryResults, .AboutImageTable
{
	background-image: url(../HGIS_Controls/images/blueback.gif);
	background-repeat: repeat-y;
	font-family: Verdana, Sans-Serif;
	font-size: 10pt;
}

/* Added for Background Colour of External */

.GalleryResultsOutside
{
	background-image: url(../HGIS_Controls/images/Prism-Fader.jpg);
	background-repeat: repeat-y;
	font-family: Verdana, Sans-Serif;
	font-size: 10pt;
}

.Legend
{
	width: 10px;
	height: 10px;		
	
}

.LegendText
{
	font-family: Verdana, Sans-Serif;
	font-size: 10pt;	
}

.LegendHeader
{
	font-family: Verdana, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;	
}

/* End of External */

/*Bold the titles in the map results table*/
.gallery #results a
{
	font-weight: bold;
}

/* Images on the gallery page, not inside the results table*/
.gallery a img
{
	float: right;
	clear: none;
	text-decoration: none;
	border: 0px;
	padding-left: 10px;
}

/* The image links on the gallery page and about image page have the same style*/
.gallery #results a img, .aboutImages a img
{
	margin-left: auto;
	margin-right: 5px;
	vertical-align: middle;
	text-align: center;
	display: block;
	border: solid 1px #0000B0;
	padding: 0px;
}

.gallery #results a:hover img, .aboutImages a:hover img
{
	border: solid 1px #27b1aa;	
}

.gallery #results td
{
	vertical-align: top;
	text-align: left;
	vertical-align: middle;	
}

.AboutImageTable td
{
	vertical-align:top;
}

/*Data grid on the Fire Map Book page*/
#dgrid_return
{
	text-align: center;
}

#dgrid_return a
{
	color: #F00;
}

.FireMapBook #DataCell td
{
	width: 185px;
}

.FireMapBook #drpStreetNames
{
	width: 350px;	
}

.tblResults
{
	margin-top: 20px;
	padding-left: 20px;
	float:left;
	clear: both;
}

/*Census table*/
.tblResultsCensus
{
	float: left;
	clear: both;
}

/*print table on census page*/
#printIT
{
	float:left;
	clear:both;
	margin-top: 10px;
}

/*seach table that is on every page*/
#searchIT
{
	margin-top: -123px;
	z-index: 3;
	position: relative;	
	margin-left: 95px;
	font-size: 7pt;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	width: 200px;
	color: #FFF;	
}

#searchIT a
{
	font-size: 9pt;
	color: #efdbb1;
}


#txtKeyword
{
	background-color: #CDCDCD;
	color: #000;
	font-size: 9pt;
	font-family: Arial, Tahoma, Verdana, sans-serif;	
}

/* Results from the MapIT and keyword search*/
/*.ResultsMapLinks_Details .MapOptionstable
{
	position: relative;
	float:left;
	clear:both;	
	z-index: 20;
	display: block;
}*/
.MapOptionstable, MapOptionstableKeyword
{
	border: none;
	border-collapse: collapse;
	float:none;
	clear:both;	
	width: 350px;
	
	
}
.MapOptionstableKeyword
{
	width: 110px !important;
}
.MapOptionstableKeyword a
{
	cursor: pointer !important;
}
.MapOptionstable td a

{
	width: 110px !important;
/*Don't let Microsoft tell you differently...pointer
is a valid value. Hand is not! */	
	cursor: pointer !important;
}
#resultsRight a
{
	cursor: help;
}

.FindIToption
{
	width: 100px;
}
#AllMatches a
{
	font-size: 10pt;
	font-family: Arial, Sans-Serif;
	color: #0000B8;
	width: 350px;
	float: left;
	clear: none;
	position: relative;
	cursor: help;
	/*font-weight: bold;*/
	text-decoration: underline;
}

#TopMatch a
{
	color: #15AD40/*#778748*/;/*#000080;*/
	font-weight: bold;
	position: relative;
}

.tableKeyWord
{
	border: 1 ;	
	font-family: Arial, Sans-Serif;
	float: left;
	clear:both;
	width: 290px;
}
.absoluteValue
{
	width:154px;
	height:22px
}

.absoluteValue2
{
	width:479px;
	height:22px
}

.absoluteValue3
{
	width:37px;
	height:22px
}

.absoluteValue4
{
	width:215px;
	height:22px
}
.absoluteValue6
{
	width:85px;
	height:22px
}
.tops
{
	vertical-align:top
}
.absoluteValue5
{
	width:473px;
	height:70px
}

.tableKeyWordTitle
{
	font-size: 10pt;
	height: 19px;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
}

.tableKeyWordDesc
{
	font-size: 8pt;
	height: 19px;
	font-weight: normal;
	color: #000;
}

.tableKeyWordSpacer
{
	height: 5px;
	
}

#lblAddress, #lblKeyword, #lblMatchRatio, #lblNoMatch, #lblBestMatch
{
	color: #000080;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	float: left;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;

}

/*For rank images. */
.rank0,.rank1,.rank2,.rank3,.rank4,.rank5,
.rank6,.rank7,.rank8,.rank9,.rank10
{
	background-image: url(../HGIS_Controls/images/sliver.gif);
	background-repeat: repeat-x;
	height: 10px;
	float: left;
	background-position: left top; 
	width: 110px;
}

.rank0
{
	
	background-image: url(../HGIS_Controls/images/PercentBars/100.gif);
	background-repeat: no-repeat;
}

.rank1
{
	background-image: url(../HGIS_Controls/images/PercentBars/90.gif);
	background-repeat: no-repeat;
	
}

.rank2
{
	background-image: url(../HGIS_Controls/images/PercentBars/80.gif);
	background-repeat: no-repeat;
}

.rank3
{
	background-image: url(../HGIS_Controls/images/PercentBars/70.gif);
	background-repeat: no-repeat;
}

.rank4
{
	background-image: url(../HGIS_Controls/images/PercentBars/60.gif);
	background-repeat: no-repeat;
}

.rank5
{
	background-image: url(../HGIS_Controls/images/PercentBars/50.gif);
	background-repeat: no-repeat;
}

.rank6
{
	background-image: url(../HGIS_Controls/images/PercentBars/40.gif);
	background-repeat: no-repeat;
}

.rank7
{
	background-image: url(../HGIS_Controls/images/PercentBars/30.gif);
	background-repeat: no-repeat;
}

.rank8
{
	background-image: url(../HGIS_Controls/images/PercentBars/20.gif);
	background-repeat: no-repeat;
}

.rank9
{
	background-image: url(../HGIS_Controls/images/PercentBars/10.gif);
	background-repeat: no-repeat;
}

.rank10
{
	background-image: url(../HGIS_Controls/images/PercentBars/1.gif);
	background-repeat: no-repeat;
}

/*border to separate the address and keyword results*/
#resultsRight
{
	border-left: solid 2px #000080;
	padding-left: 10px;
}
.WNB_Info
{
	float: right;
	clear:none;
	margin-left: 5px;
	width: 270px;
}
.WNB_Matches
{
	float: right;
	clear:none;
}
#ScrollingDiv
{
	margin-left: 5px;
	width: 280px;
	height: 300px;
	overflow: auto;
	float: right;
	clear:none;
	/*padding: 10px;*/
	/*padding-top: 10px;*/
	padding-bottom: 10px;
	z-index: 300;
	
}

#imgMap
{
	height: 435px;
	width: 570px;
	float: left;
	/*position: relative;*/
	/*margin-top: -50px;*/
	/*z-index: 0;*/
	/*opacity:.50;
	filter: alpha(opacity=50);*/
	border: solid 1px #000;
	z-index: 1;
}
.WNB_SideBar
{
	width: 270px;
	/*background-color: #F4F9F7;*/
	float:left;
	clear:none;
	padding-left: 10px;
	padding-bottom: 10px;
	border-bottom: solid 2px #000;
	margin-bottom: 10px;
	

}
#lblSearchTerm, #lblSearchRad, #Help
{
	float:left;
	clear: none;
}
#drpSearchRadius
{
	float:right;
	clear: none;
	width: 100px;
}

#btnWNBGo
{
	width: 45px;
	float:right;
	clear: none;
}
#txtOtherSearch
{
	width: 175px;
	float:right;
	clear: none;
}
.WNB_Name
{
	BACKGROUND-COLOR: #f8f6f1;
	
}

.WNB_Name td
{
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 9pt;
	font-weight:normal;
	text-align: left;
	color: #000;
	font-weight: bold;
	/*text-transform: lowercase;*/
	text-transform: uppercase !important;
	padding-top: 10px;
}

.WNB_Details
{
	BACKGROUND-COLOR: #f8f6f1;
	
	
	
}

.WNB_Details td
{
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 9pt !important;
	font-weight:normal;
	text-align: left;
	color: #000;
	padding-left: 10px;
	font-style: italic;
	text-transform: none !important;
	/*padding-bottom: 10px;*/
		/*border: solid 1px Blue;*/
		height: auto;
		width: 275px;
	
}
/*
.WNB_Location td,
.WNB_Phone td,
.WNB_Web td
{
	text-transform: capitalize !important;
}

.WNB_Description td
{
text-transform: none !important;
}
*/