﻿
/* Main Menu/Tool bar */ 

.toolbar
{	
	height:20px;
	padding-top:4px;
	background: url('Images/top_nav_bg.jpg');
	border-left:solid 1px #4B4B4B;
	border-right:solid 1px #4B4B4B;
	border-bottom:solid 1px #4B4B4B;
}

.staticMenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.staticMenuItem, a.staticMenuItem:link, a.staticMenuItem:active,  a.staticMenuItem:visited
{
	padding-left: 4px;
	padding-right: 4px;
	padding-top:2px;
	padding-bottom:2px;
	text-decoration: none;
    font-weight: normal; 
    color: #FFFFFF;
}

.staticMenuItemHover, a.staticMenuItemHover:hover
{
	color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	padding-top:2px;
	padding-bottom:2px;
	text-decoration: none;
}

.dynamicMenu{
	border: 1px solid #4B4B4B;
}

.dynamicMenuItem, a.dynamicMenuItem:link, a.dynamicMenuItem:active, a.dynamicMenuItem:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 2px;
	text-decoration: none;
	background-color: #EEEEEE;	
	border: 1px solid #EEEEEE;
	display: block;
	vertical-align:middle;	
	width: 100%;
}

.dynamicMenuItemHover, a.dynamicMenuItem:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 2px;
	text-decoration: none;
	background-color: #FFD47F;
	border: 1px solid #4B4B4B;
	display: block;
	vertical-align:middle;
	width: 100%;
}

/* Map Area - Border */
.mapArea
{
	border-left: solid 1px #4B4B4B;
	border-right: solid 1px #4B4B4B;
	background-color: #DADADA;
}

/* Overview Map */
.ovMapOuter
{
	width: 115px; 
	height:115px; 	
	position:absolute; 
	top:393px;   
	background-color: #FFFFFF; 
	border-left: solid 1px #3C3C3C; 	
	border-right: solid 1px #FFFFFF;
	border-top: solid 1px #3C3C3C;
	border-bottom: solid 1px #FFFFFF; 	
	z-index: 100; 
}

.ovMapInner
{
	width:110px; 
	height:110px; 
	position: relative; 
	left:5px; 
	top:5px; 
	border: solid 1px #333333;  
	z-index: 100;
}

/* Status Bar */
.statusBar
{
	height: 18px;
	padding-top:2px;
	background-color: #C7C19F; 
	border:solid 1px #4B4B4B;
	color: #FFFFFF;
}


.statusBarText{
	color: #FFFFFF;
}


/* Left side task area */

.tabArea
{
	border-left: solid 1px #4B4B4B;
	border-right: solid 1px #4B4B4B;
	border-bottom: solid 1px #4B4B4B;
	background-color: #FFFFFF;
}

td.tabOn
{	
	background-color: #FFFFFF;
	padding: 5px;
	border-left: solid 1px #4B4B4B;	
	border-right: solid 1px #4B4B4B;
	border-bottom: solid 1px #FFFFFF;
}

A.tabOn,  A.tabOn:link, A.tabOn:visited, A.tabOn:hover, A.tabOn:active 
{
	text-decoration: none;
    font-weight: normal; 
    color: #333333;
}

td.tabOff
{
	background: url('Images/top_nav_bg.jpg');
	padding: 5px;
	border-bottom: solid 1px #4B4B4B;
}

A.tabOff, A.tabOff:link, A.tabOff:visited, A.tabOff:hover, A.tabOff:active 
{
	text-decoration: none;
    font-weight: normal; 
    color: #FFFFFF;
}

.tabFiller
{
	background: url('Images/top_nav_bg.jpg');
	border-bottom: solid 1px #4B4B4B;
}

.tabContent
{
	background-color: #FFFFFF;
	border-left: solid 1px #4B4B4B;	
	border-right: solid 1px #4B4B4B;
	border-bottom: solid 1px #4B4B4B;
	border-top: none;
	height: 100%;
	padding-top: 10px;
}


.tocGroupLayer
{
	font-weight: bold;
}

/*CollapsiblePanel*/
.floatingPanel{	
	z-index: 1000;
	position: absolute;
	left: 365px;
	top: 184px;
	background-color: #FFFFFF;	
	border: solid 1px #4B4B4B;
}

.floatingPanelTitleBar{	
	width:100%;	
	background-image: url('images/headerbg.gif'); 
	border-bottom: solid 1px #4B4B4B;
	color: #FFFFFF;
	padding:2px; 
	cursor: hand; 
	vertical-align: middle;	
}

.collapsePanelContent {	
	background-color:#FFFFFF;
	width:100%;	
	border-left: solid 1px #4B4B4B;
	border-right: solid 1px #4B4B4B;
	border-bottom: solid 1px #4B4B4B;
	padding: 6px;
}

.collapsePanelHelp
{
	background-color:#fef9e0;
	border: solid 1px #DADADA;
	padding: 6px;
	display: none;
	margin-top: 5px;
}

.accordionHeader
{
	border-top: solid 1px #333333;
	background-color: #E0E1C8;
    color: #333333;
    padding: 5px;
    margin-top: 1px;
    cursor: pointer;
}

.accordionPane
{
	border-bottom: solid 1px #4B4B4B;   
}

.accordionItem
{
	background-color: #FFFFFF;
	border-top: solid 1px #C3C3C3;   
} 
.accordionAltItem
{
	background-color: #F0F0F0;
	border-top: solid 1px #C3C3C3;   
} 

.accordionFeatureDisplayField
{
	font-weight: bold;    
}

/* MapsDirect Floating Panel */
.mdFloatingPanel
{
	border: solid 1px #5A5C47;
	width: 300px;
	z-index: 1000;
	position: absolute;
	left: 365px;
	top: 184px;
}

.mdFloatingPanelHeader{	
	background-color: #808565; 
	cursor: move; 
	vertical-align: middle;	
}

.mdFloatingPanelTitle{	
	color:#FFFFFF;
}

.mdFloatingPanelContent {	
	background-color:#FFFFFF;
	border-top: solid 1px #5A5C47;
	padding: 6px;
}

.mdFloatingPanelHelp
{
	background:  #FFFFCC;
	border: solid 1px #CCCCCC;
	padding: 4px;
	display: none;
}

.cachedButtonList
{
	position: absolute;
	width: 200px;
	 z-index:2;
}
.cacheButton
{
	background-color: #E6E7E7;
	border: solid 1px #000000;
	cursor: pointer;
}




/* MapsDirect Accordion */
.md_accordion { width: 100%; border-top: solid 1px #666666; }
.md_accordion div { width: 100%;}
.md_accordion .md_pane { width: 100%; border-top: solid 1px #EBEBEB; border-bottom: solid 1px #666666; }
.md_accordion .md_pane .md_header {  background-color: #CCCCCC; color: #000000; cursor: pointer; }
.md_accordion .md_pane .md_header div { padding: 5px; }
.md_accordion .md_pane .md_content { width: 100%; }
.md_accordion .md_pane .md_content div { width: 100%; }
.md_accordion .md_pane .md_content .md_listcontainer { width: 100%; }
.md_accordion .md_pane .md_content .md_listcontainer .md_list {width:95%; margin: 4px; }
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_item { padding-top: 4px; padding-bottom: 4px; border-bottom: solid 1px #C3C3C3;   }
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_item A,
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_item A:link,
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_item A:visited,
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_item A:active,
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_item A:hover  { text-decoration: underline; font-size:80%; }
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_altitem { padding-top: 4px; padding-bottom: 4px; border-bottom: solid 1px #C3C3C3;   }
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_altitem A,
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_altitem A:link,
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_altitem A:visited,
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_altitem A:active,
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_altitem A:hover  { text-decoration: underline; font-size:80%; }
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_attributes { padding-top: 4px; padding-bottom: 4px; border-bottom: solid 1px #C3C3C3; background-color:#FFFFE1;   }
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_title { font-size:12px; font-weight: bold;  white-space: nowrap; }
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_title A, 
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_title A:link,
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_title A:visited,
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_title A:active,
.md_accordion .md_pane .md_content .md_listcontainer .md_list .md_title A:hover { font-size:11px; font-weight: bold;  white-space: nowrap; }
.md_accordion .md_pane .md_content .md_toolbar { width: 100%; color: black;background-color:#E6E6E6;font-family:Verdana;font-style:normal;font-size:11px;   BORDER-LEFT: #CCCCCC 1px solid;BORDER-RIGHT: #CCCCCC 1px solid;BORDER-TOP: #C3C3C3 1px solid;BORDER-BOTTOM: #CCCCCC 1px solid; }
.md_accordion .md_pane .md_content .md_toolbar td { white-space: nowrap;  }
.md_accordion .md_pane .md_content .md_toolbar input { font-family:Verdana;font-style:normal;font-size:11px; }
.md_accordion .md_pane .md_content .md_toolbar select { font-family:Verdana;font-style:normal;font-size:11px; }
.md_accordion .md_pane .md_content .md_pager { width: 100%; color: black;background-color:#E6E6E6;font-family:Verdana;font-style:normal;font-size:11px;   BORDER-LEFT: #CCCCCC 1px solid;BORDER-RIGHT: #CCCCCC 1px solid;BORDER-TOP: #C3C3C3 1px solid;BORDER-BOTTOM: #CCCCCC 1px solid; }
.md_accordion .md_pane .md_content .md_pager table { width: 100%; background-color:#E6E6E6; }
.md_accordion .md_pane .md_content .md_pager td { white-space: nowrap; padding: 1px; font-style:normal; font-size:10px; }					   
.md_accordion .md_pane .md_content .md_pager input {font-family:Verdana; font-style:normal; font-size:10px; }
.md_accordion .md_pane .md_content .md_pager select{font-family:Verdana; font-style:normal; font-size:10px;}
.md_accordion .md_pane .md_content .md_toolbar .staticMenu{ background-color: #E6E6E6;}
.md_accordion .md_pane .md_content .md_toolbar .staticMenuItem{padding: 2px;background-color: #E6E6E6;border: 1px solid #E6E6E6;display: block;vertical-align:middle;}
.md_accordion .md_pane .md_content .md_toolbar .staticMenuItem a.staticMenuItem:link, 
.md_accordion .md_pane .md_content .md_toolbar .staticMenuItem a.staticMenuItem:active, 
.md_accordion .md_pane .md_content .md_toolbar .staticMenuItem a.staticMenuItem:visited{font:100% Arial, Verdana, Helvetica, sans-serif;color: #000000;text-decoration: none;}
.md_accordion .md_pane .md_content .md_toolbar .staticMenuItemHover{background-color: #E6E6E6;border: 1px solid #E6E6E6;display: block;vertical-align:middle;}
.md_accordion .md_pane .md_content .md_toolbar .staticMenuItemHover a.staticMenuItem:hover{font:100% Arial, Verdana, Helvetica, sans-serif;color: #000000;text-decoration: none;}
.md_accordion .md_pane .md_content .md_toolbar .dynamicMenu{ border: 1px solid #333333; width:110px; background-color: #E6E6E6;}
.md_accordion .md_pane .md_content .md_toolbar .dynamicMenuItem{padding: 2px;background-color: #E6E6E6;border: 1px solid #E6E6E6;display: block;vertical-align:middle;width: 100px;}
.md_accordion .md_pane .md_content .md_toolbar .dynamicMenuItem a.dynamicMenuItem:link, 
.md_accordion .md_pane .md_content .md_toolbar .dynamicMenuItem a.dynamicMenuItem:active, 
.md_accordion .md_pane .md_content .md_toolbar .dynamicMenuItem a.dynamicMenuItem:visited{font:100% Arial, Verdana, Helvetica, sans-serif;color: #000000;text-decoration: none;}
.md_accordion .md_pane .md_content .md_toolbar .dynamicMenuItemHover{background-color: #DADADA;border: 1px solid #666666;display: block;vertical-align:middle;width: 100px;}
.md_accordion .md_pane .md_content .md_toolbar .dynamicMenuItemHover a.dynamicMenuItem:hover{font:100% Arial, Verdana, Helvetica, sans-serif;color: #000000;text-decoration: none;}