html, body, form
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family:Trebuchet MS;
	font-size: 13px;
	color:#000000;
}

.removeShapeStyle
{
	color:blue;
	text-decoration:underline;
	cursor:pointer;
	margin:0px 2px 0px 9px;
}

table
{
    margin: 0px !important;
    padding: 0px !important;
}

.middlePane
{
    border-width: 0px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.contentPane
{
    border-top: solid 0px #999999;
    border-right: solid 0px #999999;
    border-bottom: solid 0px #999999;
    position: relative;
    background-color: white;
    width:0px !important;
}
.mapPane
{
    border-top: solid 0px #999999;
    border-left: solid 0px #999999;
    border-bottom: solid 0px #999999;
    background-color: white;
}
.resultsPane
{
    border-top: solid 0px #999999;
    background-image: url(Images/ResultsTableBackground.png);
    background-repeat: repeat-x; /*border-bottom:solid 1px #999999;*/
}


/******************* BANNER ****************************/
/*******************************************************/
/**/.bannerPanel
{
    height: 50px !important;
}
.bannerPanelNoFade
{
    border-bottom: 3px solid white;
    position: relative;
}
.bannerDiv
{
    /*position: absolute;*/
}
.strapLineDiv
{
    float: right;
}
.headerLink
{
    color: Black;
    font-size: 13px;
    font-family: Trebuchet MS;
}
a.headerLink, a.siteTextSmall:visited
{
    color: #CC0000;
    text-decoration: underline;
}
a.headerLink:hover
{
    color: #990000;
}


/******************* LEFT PANEL *****************************/
/*******************************************************/


.divChoose
{
    font-size: 13px;
    font-weight: bold;
    background-color: #99CC99;
    border-bottom: 1px solid #999999;
    height: 50px;
    padding: 3px 0px 3px 4px;
}
#ddlLeftPaneMode
{
    width: 299px;
    margin-left: 4px;
    margin-top: 5px;
}
.leftPanelDiv
{
    position: absolute;
    top: 57px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 315px; /*height:100%*/
}

.introductionDiv
{
    overflow: auto;
    padding: 10px 8px 0px 10px;
}

.gazDiv
{
    /*background-image:url(images/small_box_grad.jpg);*/
    width: 315px;
}

.gazIntro
{
    position: relative;
    padding: 5px 6px 6px 8px;
}
.gazSearch
{
    height: 28px; /*border-bottom: 1px solid #CCCCCC;*/
}
.noGazResultsDiv
{
    background-image: url(images/WarningIcon.png);
    background-repeat: no-repeat;
    background-position: 20px 5px;
    font-size: 15px;
    color: black;
    border: solid 0px #CE1F24;
    margin: 5px;
    height: 100px;
    padding-left: 100px;
    padding-top: 10px;
}
.gazPanel1
{
    /*background-color:Orange;*/
    position: absolute;
    top: 76px;
    width: 100%;
}
.gazPager
{
    float: left;
    left: 4px;
    padding: 4px 4px 5px 4px;
    width: 305px;
}
.gazNumFound
{
    float: right;
}

.dGazetteerResults
{
    overflow: auto;
    position: absolute;
    top: 4px;
    left: 5px;
    right: 0px; /*background-color: Cyan;*/
    padding-left: 4px;
    width: 306px;
}
.gazetteerOptionsList
{
    list-style-type: none;
    padding-left: 0px;
    margin-left: 0px;
    background-color: White;
    border: solid 1px #999999;
    z-index: 9999999;
    cursor: default;
}
.gazetteerOption
{
    font-family: Trebuchet MS;
    font-size: 13px;
    text-transform: capitalize;
    cursor: default;
}
.gazetteerHighlightedOption
{
    font-family: Trebuchet MS;
    font-size: 13px;
    background-color: Silver;
    cursor: default;
}

.txtQuery
{
    width: 212px;
    margin: 0px 3px 0px 6px;
    float: left;
}
.bQueryGazetteer
{
    /*background-image: url(Images/Search.gif);*/
    color: White;
    cursor: pointer;
    float: right;
}
.gazResultsDiv
{
    background-color: White;
    padding-top: 4px;
}
.gazResult
{
    position: relative;
    overflow: hidden;
    padding: 2px 2px 2px 4px;
}
.gazAnimationDiv
{
    position: absolute;
    display: none;
    background-image: url(images/LoadingAnimated2.gif);
    background-repeat: no-repeat;
    background-position: center 20px;
    background-color: white;
    z-index:9999;
}
.gazPopUp
{
    margin-right:10px;
    /*min-width:200px !important;
    min-height:100px !important;
    border:solid 1px red;*/
}
/*=====================================================*/
.drawOnMapDiv
{
    overflow: hidden;
    position: relative;
}
.drawOnMapIntroDiv
{
	padding: 5px 6px 0px 8px;
	/*background-image:url(images/small_box_grad.jpg);
	border-bottom:solid 1px #999999;*/
}
.toggleEditingToolsDiv
{
   padding: 0px 6px 10px 8px;
}
.drawingToolsContainerDiv
{
    overflow: auto;
    position: relative;
}
/*===================================================*/
.searchResultsDiv
{
    overflow: auto;
    margin-left:8px;
}
.searchResultsLoLight
{
    /*-moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;*/
    padding-top:5px;
    padding-bottom: 5px;
}

.searchResultsHiLight
{
    display: block;
    color: white;
    cursor: pointer;
    background-color: #99CC99;
    /*-moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;*/
    padding-top:0px;
    padding-bottom: 8px;
}
/*currently not being used*/
.searchResultsSelected
{
    display: block;
    color: white;
    cursor: pointer;
    background-color: #2EA444;
}
.resultsText
{
    cursor:pointer;
}
.resultsType
{
    font-size:11px;
    text-transform:capitalize;
}
.resultsTextExtra
{
    cursor:pointer;
    font-size:11px;
    color:#0066CC;
    text-decoration:underline;
}
.resultsText:hover
{
    text-decoration:underline;
}
.searchAnimationDiv
{
    position: absolute;
    display: none;
    background-image: url(images/LoadingAnimated2.gif);
    background-repeat: no-repeat;
    background-position: center 20px;
    background-color: White;
    z-index:9999;
}


/******************* MAP PANEL *****************************/
/***********************************************************/

.mapToolbarDiv
{
    height: 0px !important;
    display: none;
    background-color: #99CC99; /*background-image: url(../../../img/legend.png);*/
    background-repeat: no-repeat;
    background-position: right;
    border-bottom: 1px solid #999999;
    overflow: hidden;
    position: relative;
    padding-left: 79px;
}
.legendToggleDiv
{
    border: solid 1px #99CC99;
    width: 119px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 2px;
    background-image: url(images/LegendButton_InActive.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
.legendDiv
{
    display: none;
    z-index: 99999;
    background-color: White;
    border-left: solid 1px #999999;
    position: absolute;
    top: 31px !important;
    right: 0px;
    width: 300px !important;
    bottom: 0px !important;
}
#navTools
{
    /*float: right; 	background-color: Transparent;*/
}
.panZoomControl
{
    width: 0px !important;
    height: 0px !important;
    position: absolute;
    border: solid 0px red;
    z-index: 0;
    background-image: url(Images/PanZoomBarBackground.gif);
}
.panZoomControl div
{
    cursor: pointer;
}
/******************* RESULTS PANEL ************************/

.radGridCSS
{
    width: 100%;
    height: 100%;
}
/*
.resultsDiv
{
	
	background-image: url(Images/ResultsTableBackground.png);
	background-repeat:repeat-x;
	width: 100%;
	height:100%;
	
}
*/
/*
.resultsDiv .RadGrid
{

    margin-right: 17px; /*IE scrollbar width
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
}
*/

.defaultViewLabel
{
    color: Black;
    padding-top: 9px;
    padding-left: 5px;
    font-weight: bold;
}

/******************* TOOL TIPS *****************************/
/***********************************************************/


div.radtooltip_Default table.ToolTipWrapper td.ToolTipTopLeft, div.radtooltip_Default table.ToolTipWrapper td.ToolTipTopRight, div.radtooltip_Default table.ToolTipWrapper td.ToolTipCenterLeft, div.radtooltip_Default table.ToolTipWrapper td.ToolTipCenterRight, div.radtooltip_Default table.ToolTipWrapper td.ToolTipBottomLeft, div.radtooltip_Default table.ToolTipWrapper td.ToolTipBottomCenter, div.radtooltip_Default table.ToolTipWrapper td.ToolTipBottomRight, div.radtooltip_Default table.ToolTipWrapper td.ToolTipLeftMiddle, div.radtooltip_Default table.ToolTipWrapper td.ToolTipRightMiddle
{
    display: none;
}
div.radtooltip_Default table.ToolTipWrapper td.ToolTipTopCenter
{
    padding-left: 3px !important;
    padding-right: 3px !important;
    background-color: #fefedf;
}
div.radtooltip_Default table.ToolTipWrapper td.ToolTipContent
{
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-bottom: 3px !important;
    background-color: #fefedf;
}

/******************HELP PAGE***************************/
.faqList
{
    font-size: larger;
    font-weight: bold;
}
.faqList p
{
    font-size: small;
    font-weight: normal;
}


/******************LEGEND***************************/

.legendLayerTitleText
{
	font-size: 13px;
    color: #006633;
    cursor: pointer;
    font-weight:bold;
}
.legendLayerTitleText:hover
{
    text-decoration:underline;
}
.legendGroupDiv
{
}

.legendTriStateImage
{
	margin-top:0px;
	margin-right:2px;
	vertical-align:bottom;
}

.legendSmartWmsNamedLayerIcon
{
	   display: block;
}

.legendSmartWmsNamedLayerTop
{
	font-family: Trebuchet MS;
    font-size: 13px;
    color: #006633;
    cursor: pointer;
}
.legendSmartWmsNamedLayerTop span:hover
{
    text-decoration:underline;
}

.legendSmartWmsNamedLayerTop  .legendSmartWmsNamedLayer
{
	font-family: Trebuchet MS;
    font-size: 11px;
    color: black; 
    text-decoration: none !important; 
}

.legendLayerBaseTitleText
{
	
	font-family: Trebuchet MS;
	font-size: 13px;
    color: black; 
}
.legendLayerOverlayTitleText
{
	font-family: Trebuchet MS;
	font-size: 13px;
    color:black;
}

.legendBaseLayerText
{
	font-family: Trebuchet MS;
	font-size: 11px;
    color: black; /*text-decoration: underline; */
}

.legendLayerContainer
{
    border: dashed 1px gray;
    margin-bottom:3px;
}



.legendGroupDivOuter
{
}

.LayerHeader
{
}


#RAD_SPLITTER_BAR_COLLAPSE_Forward_ctl00_VerticalSplitBar
{
    display:none;
}
div.radtooltip_Default 
{
    display: none;
}
.olControlAttribution, a.olControlAttribution, a.olControlAttribution:visited
{
    font-size: 10px;
    left:110px;
    bottom: 0px;
    position: absolute;
    display: block;
    color: Black;
    width: 100%;
    height: 20px;
    background-color:Transparent; /*#CCCCCC;*/
    text-align: left !important;
    vertical-align: middle;
    text-decoration: none;
}
.olControlAttributionText, a.olControlAttributionText, a.olControlAttributionText:visited
{
    font-size: 10px;
    color: Black;
    text-decoration: none;
}
.olControlScaleLine
{
	left: 3px;
	bottom: 15px;
	font-size: xx-small;
	color:Black;
	display:block;
}
.olControlScaleLineBottom
{
	border: solid 0px black;
	border-bottom: none;
	margin-top: -2px;
	text-align: center;
	font-size:0px;
	left: 2px;
	display:block;
	color:#CCCCCC;
}
.olControlScaleLineTop
{
	position:absolute;
	height:11px;
	left: 2px;
	bottom: 1px;
	border: solid 2px black;
	border-top: none;
	text-align: center;
	vertical-align:super;
	color:Black;
	font-size:10px;
}
.olControlScale
{
    left: 3px;
    bottom: 2px;
    display: block;
    position: absolute;
    font-size: 10px;
}