/* In this stylesheet, classes are used in cases where there can be more than one instance of an element type. Id selectors are used only to refer to a specific object. */

html,body {
	margin:0;
	padding:0;
	height:100%;
	border:none;
	font-family: Arial;
	font-size: 11px;
	overflow: hidden;
	word-wrap: break-word; /* IE6 Needs this to avoid layout uglyness when dragging the panels closed*/
 }

fieldset {
	padding: 5px 2px;
}
legend {
	font-weight: bold;
}

img {
	border:none;
}

/*
select, input {
    font-size: 11px;
}

UL {
	padding-left: 0px;
	margin-left: 3px;
	list-style-type: none;
}
LI {
	padding: 2px 0px;
	margin-left: 0px;
}
LI A {
	color: #000066;
	text-decoration: none;
}
LI A:visited {
	color: #000066;
	text-decoration: none;
}
LI A:hover {
	color: #000066;
	text-decoration: none;
}
*/

a
{
	color: #666666;
}

a:visited 
{
	color: #666666;
}

a:hover 
{
	color: #666666;
}

#header { 
	height: 60px; 
        background-color:#ffffff;
	margin-top: 0px; 
        margin-bottom: 5px; 
	border-bottom: 1px solid #d7d7d7;
	background-image: url('images/Background.jpg');
	background-repeat: repeat;
/* Total Header Height: 65px */
}

.versioninfo 
{
	font-size: x-small;
	font-weight: normal;
	color: #000; 
	padding-top:3px;
}

.userinfo {
	margin: 10px 0 0 0;
	padding: 0 10px 0 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	color: #798EAE; 
}

.userinfo strong, a, a:hover  {
	color: #666666; 
}

.accordionSet {
	display: none;
}

#accordions {
	top:0; 
	float:left; 
	border-top: 1px solid #D2D2D2;
	background-color: #efefef;
	padding-bottom: 5px;
	overflow:hidden;
	/* Starting value only - overwritten on load.*/
	width: 300px;
}

#accordions div h1 {
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	cursor: pointer;
	height: 16px;
	padding: 4px 0 0 5px;
	margin: 5px 5px 0 5px;
	overflow:hidden;
	border: 1px solid #9199a4;
	text-transform: uppercase;
/* Total accordion H1 Height: 27px */
}

#accordions div h1.off:hover {
	color: #000000;
	background-position: 0 -22px;
	border: 1px solid #666666;
}

#accordions div h1.on { 
	background-image: url('images/accordH1bg.jpg');
	background-position: 0 -44px;
	color: #ffffff;
	cursor: default;
}

#accordions div h1.off  {
	background-image: url('images/accordH1bg.jpg');
	color: #666666;
	border: 1px solid #c9c9c9;
}

#overviewMapContainerPanel {
	display: block;
}

#overviewMapBox {
	border: 1px solid #d2d2d2;
	border-top: 0;
	background-color: #fff;
}

#overviewMapContainerPanel h2 {
	color: #9199a4;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	height: 10px;
	padding:0;
	margin:0;
	text-transform: uppercase;
}

#overviewMapContainerPanel h2 a {
	color: #cccccc;
}

#overviewMapContainerPanel h2 a:hover {
	color: #000000;
}

#overviewMap {
	border: 1px solid #9199a4;
	/*overflow:auto;*/
	margin: 0 5px 0 5px;
	border-top: 0;
	background-color: #fff;
	/* Starting value only - overwritten on load.*/
	height: 600px;
	/* background-image: url('images/sampleMap.jpg'); */ 

}

#overviewMapControls {
	height: 9px;
	margin-top: 8px;
	border-bottom: 1px solid #d2d2d2;
}

#overviewMapControls div {
	background-repeat: no-repeat;
	height: 9px;
	cursor:pointer;
	float: right;
	overflow: hidden;
}

#overviewMapControls div:hover {
	background-position: 0 -9px;
}	

#overviewClose {
	background-image: url('images/pControlResultsClose.jpg');
	width: 30px;
}
#overviewMin {
	background-image: url('images/pControlResultsMin.jpg');
	width: 27px;
}
#overviewMax {
	background-image: url('images/pControlResultsMax.jpg');
	width: 27px;
}

#toolbar {
	background-image: url('images/toolbarBG.jpg');
	background-position: right;
	background-repeat: repeat-y;
	float:left; 
	width: 62px; 
	overflow:hidden;
	background-color:#EFEFEF;
	border-top: 1px solid #D2D2D2;
}

#buttonset {
	margin: 0 0 5px 10px;
	padding-top: 10px;
	clear: both;
}

#buttonset a {
	display: block;
	margin: 0 0 5px 0;
}

#rightPanel {
	top:0; 
	overflow:hidden;
	/*position: absolute;*/
	border-top: 1px solid #D2D2D2;
	_float:left; /* IE6 Needs this or layout breaks*/
}

#mapHeader {
	background-color: #EFEFEF;
	border-left: 1px solid #D2D2D2;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	height: 16px;
	overflow: hidden;
	padding-left: 5px;
	padding-top: 5px;
}

#mapHeader A {
	color: #666666;
	text-decoration: none;
}
#mapHeader A:visited {
	color: #666666;
	text-decoration: none;
}
#mapHeader A:hover {
	color: #666666;
	text-decoration: none;
}

#mapContainer {
	background-color: #EFEFEF;
	border-bottom: 1px solid #D2D2D2;
	border-left: 1px solid #D2D2D2;
	overflow: hidden;
	padding: 5px;
	position: relative;
	top: 0pt;
}

#map 
{
	background-color: White;
	overflow:hidden;
	border: 1px solid #9199A4;
	/* See note on this in menu section of js file.*/
	z-index:0;
	/* Starting value only - overwritten on load.*/
	height: 500px;
}

#hbar, #vbar {cursor:pointer; overflow:hidden; background-color: #ffffff;}

#hbar {
	border-bottom: 1px solid #D2D2D2;
	height: 14px;
	cursor: n-resize;
}

#vbar {
	width: 14px;
	cursor: e-resize;
}

#hControls {
	background-image: url('images/pControlHandleH.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
}

#hControls div {
	background-repeat: no-repeat;
	width: 9px;
	cursor:pointer;
}

#hControls div:hover {
	background-position: -9px 0;
}

#accordClose {
	background-image: url('images/pControlLeftClose.jpg');
	height: 30px;
}

#accordMin {
	background-image: url('images/pControlLeftMin.jpg');
	height: 29px;
}

#accordMax {
	background-image: url('images/pControlLeftMax.jpg');
	height: 29px;
}
#accordBalance {
	background-image: url('images/pControlLeftBalance.jpg');
	height: 29px;
}

#vControls {
	width: 50%;
	height: 14px;
	float: right;
	background-image: url('images/pControlHandleV.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

#vControls div {
	background-repeat: no-repeat;
	height: 9px;
	cursor:pointer;
	float: right;
	margin-top: 5px;
}

#vControls div:hover {
	background-position: 0 -9px;
}	

#resultsClose {
	background-image: url('images/pControlResultsClose.jpg');
	width: 30px;
}
#resultsMin {
	background-image: url('images/pControlResultsMin.jpg');
	width: 27px;
}
#resultsMax {
	background-image: url('images/pControlResultsMax.jpg');
	width: 27px;
}
#resultsBalance {
	background-image: url('images/pControlResultsBalance.jpg');
	width: 27px;
}

.lPanel {
	display: none; 
	overflow:hidden;
	margin: 0 5px 0 5px;
	border: 1px solid #9199a4;
	border-top: 0;
	background-color: #fff;
	/* Starting value only - overwritten on load.*/
	height: 600px;
}

.lPanelContent { margin:5px;}

#resultsContainer  {
	Position:relative; 
	top:0; 
	padding: 5px;
	border-left: 1px solid #D2D2D2;
	background-color:#EFEFEF;
	overflow: hidden;
}

#resultsTabs  {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	height: 30px;
	border: 1px solid #D2D2D2;
	border-bottom: 0;
	background-color:#C9C9C9;
	overflow: hidden;
}

#resultsTabs a {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 10px 6px 10px;
	height: 16px;
	display: block;
	float: left;
	text-transform: uppercase;
	text-decoration: none;
	cursor: default;
}

#resultsTabs a:hover {
	color: #000;
	cursor: default;
}

#resultsTabs a.on {
	color: #9199A4;
	background-color:#ffffff;
	cursor: default;
}

#resultsBox  {
	font-size: 11px;
	padding: 5px;
	border: 1px solid #D2D2D2;
	border-top: 0;
	background-color:#ffffff;
	overflow:auto; 
}

.results  {
	display: none;
}

.results table {
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	width: 100%;
	width: 97% !ie; /* All versions of IE see this - ignored by FF*/
}

.results td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-left: 2px;
}

#fader {
	position:absolute;
	left:0px;
	top:90px;
	width:100%;
	height:1200px;
	z-index:10;
	background-color:#FFF;
}

/* ABOUT THIS MENU
Adapted from Suckerfish menus. Had some stacking order trouble with Firefox. The elements being scaled via Javascript were stacking on top of this menu & ignoring z-index declarations. The solution seems to be to keep the menus in the same parent in the node tree as the page content. This fixed everything but the map without requiring any z-index vodoo. The map issue was fixed by assigning it a z-index:0 and z-index:1 to the #nav. Because I couldn't nest it in another div, I had to get creative with the #nav element by using 100% padding to push the contents off the page and a right-edge reset to bring it back. This could've also been padded-left via the DOM after calculating the page width, but I prefer using a pure CSS solution. It would be nicer not to right-align these menus in the future.
*/

#nav {
	position: relative;
	width: 100%;
	height: 20px;
	background-image:url('images/menuBG.jpg'); 
	border-bottom: 1px solid #9199a4; 
	border-top: 1px solid #9199a4;
	padding: 0 0 0 100%;
	padding: 0 0 0 0 !ie;
	margin: 0;
	right: 100%;
	right: 0px !ie;
	list-style: none;
	z-index:1;
}

#nav ul {
	padding: 0;
	list-style: none;
	float: right;
}

#nav a {
	border-left: 1px solid #9199a4;
	display: block;
	height: 16px;
	font-size: 10px;
	font-weight: bold;
	color: #444444;
	text-decoration: none;
	padding: 4px 2px 0 10px;
	text-transform: uppercase;
}

#nav li {
	height: 20px;
	float: left;
	width: 125px;
}

#nav li ul {
	position: absolute;
	width: 120px;
	left: -999em;
}

#nav .top {
	border-top: 1px solid #9199A4;
}

#nav .bottom {
	border-bottom: 1px solid #9199A4;
}

#nav .top_bottom {
	border-bottom: 1px solid #9199A4;
	border-top: 1px solid #9199A4;
}

#nav li ul li a:hover {
	color: #ffffff;
	background-color: #7587ae;
}

#nav li:hover ul {
	left: auto;
}

/* Offset the left margin to keep it on the screen. A left-aligned menu would require no such tomfoolery. */
#nav li:hover ul, #nav li.nitk_sfHover ul {
	left: auto;
	margin-left: 49px;
}

#nav li:hover, #nav li.nitk_sfHover {

	background-color:#edeff2;
}
/** mv specific ************************************************/
/* GLOBAL style classes */
.mv_formHint 
{
	font-style: italic;
	font-weight: normal;
	font-size: 0.9em;
}

.mv_description 
{
	font-style: italic;
	font-weight: normal;
	font-size: 0.9em;
}

.mv_button 
{
}
/*
.mv_button {
	background-image: url(images/button_bg.gif);
	padding: 0px;
	margin: 2px;
	margin-top: 3px;
	color: #0E5D96 !important;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: x-small;
}
.mv_button:hover {
	background-image: url(images/button_bg_hover.gif);
}
*/

.smaller
{
	font-size: 12px;
	padding: 1px;
}

.mv_errorMessage 
{
	color: Red;
	font-weight: bold;
}

.mv_resultsTableMain {
	border: 1pt solid #CCCCCC;
	width: 100%;
	width: 97% !ie; /* All versions of IE see this - ignored by FF*/
}
.mv_resultsTableMain TH {
	font-size: x-small;
	font-weight: bold;
}
.mv_resultsTableMain TD {
	font-size: x-small;
}
.mv_resultsTableMainNavigationRow {
	background-color: #C9D2DA;
	font-size: small;
	text-align: center;
}
.mv_resultsTableMainHeaderRow {
	background-color: #7587ae;
	color: #FFF;
}
.mv_resultsTableMainHeaderRow A, .mv_resultsTableMainHeaderRow A:hover, .mv_resultsTableMainHeaderRow A:active, .mv_resultsTableMainHeaderRow A:visited {
	color: #FFFFFF;
}

.mv_resultsTableMainRow1 {
	background-color: #F2F2F2;
	white-space: nowrap;
}
.mv_resultsTableMainRow1:hover {
	background-color: #FFFFCC;
	white-space: nowrap;
}
.mv_resultsTableMainRow2 {
	background-color: #FFFFFF;
	white-space: nowrap;
}
.mv_resultsTableMainRow2:hover {
	background-color: #FFFFCC;
	white-space: nowrap;
}

/** POPUP WINDOW ************************************************/
.popupWindow
{
	background: #FFF;
	font-family: Arial, Verdana, Sans-Serif;
	padding: 10px;
}
.popupWindow h1 
{
	font-size: medium;
}
.popupWindow .mv_errorMessage {
	margin: 5px 15px;
	padding: 5px;
	background: #F5C4A1;
	color: #000000;
	border: 1pt solid #EA6A31;
	font-weight: bold;
	font-size: x-small;
	display: block;
}

/** PANEL ************************************************/
/* Header */
.MapViewer_PanelTitleStyle 
{
	height: 24px;
}
.MapViewer_PanelTitleStyle td
{
	background-image: url('images/accordH1bg.jpg');
	background-position: 0 -44px;
	
    /*color: #58614E !important;*/
    color: #FFF !important;
    font-weight: bold;
    font-size: 11px;
    width: 100%;
    height: 24px;
    white-space: nowrap;
    /*border-bottom: 1pt solid #999;*/
}

/* Content */
.MapViewer_PanelContentsStyle
{
	/*
	background-image: url(images/bg_floatingPanelContent.gif);
	background-repeat: repeat;
	*/
	background-color: #FFF;
    border: 1pt solid #999;
    
    color: black; 

    font-size: 12px;
    font-weight: normal;
    
    width: 250px;
    display: block;
}

#mapHeader span.DisplayLink a
{
	color: #0000FF;
}
#mapHeader span.DisplayLink a:visited
{
	color: #0000FF;
}
#mapHeader span.DisplayLink a:hover
{
	color: #0000FF;
}

#Logout
{
	font-size: 14px;
}
#Logout a
{
	color: #0000FF;
}
#Logout a:visited
{
	color: #0000FF;
}
#Logout a:hover
{
	color: #0000FF;
}