body, html
{
	margin:0 0 0 0;
	background-color:#999999;
	font:12px Arial;
}

A, A:VISITED, A:ACTIVE
{
	font:12px Arial;
	color:#0000CC;
	text-decoration:underline;
}

A:HOVER
{
	color:#FF0000;
	text-decoration:underline;
}

#myNav 
{
	position:absolute;
	top:100px;
	left:5px;
	font:11px Arial;
	font-weight:bold;
	color:#FFFFFF;
	z-index:999;
}
	

/*****************************************************************************
* HEADER AND MENU STYLES 
*****************************************************************************/
#HeaderBackground
{
	background-image:url(images/HeaderBackground.jpg);
	background-repeat:repeat-x;
	height:81px;
	width:100%;
}

#HeaderImage
{
	background-image:url(images/Header.jpg);
	background-repeat:no-repeat;
	height:81px;
	width:537px;
}

#VersionListing
{
	position:absolute;
	top:28px;
	left:257px;
	color:#FFFFFF;
	font:11px Arial;
	font-weight:bold;
}

#ViewingProblems 
{
	color:#FFFFFF;
	font:11px Arial;
	font-weight:bold;
	position:absolute;
	top:4px;
	right:4px;
	font-style:italic;
}

#ViewingProblems a, #ViewingProblems a:visited, #ViewingProblems a:active
{
	color:#FFFFFF;
	font-weight:bold;
}

#ViewingProblems a:hover
{
	color:#FF0000;
	font-weight:bold;
}

#SessionTimer
{
	position:absolute;
	top:18px;
	right:60px;
	text-align:right;
	font:11px Arial;
	font-weight:bold;
	color:#FFFFFF;
	z-index:60;
}

#LogoutWarning 
{
	position:absolute;
	top:95px;
	left:0px;
	width:100%;
	height:500px;
	/*background-color:#FFFFFF;
	border:2px solid #333333;
	margin-left: auto;
	margin-right: auto;*/
	z-index:990;
}

#ThreatLevelContainer
{
	position:absolute;
	top:0px;
	left:337px;
	width:150px;
	height:50px;
	border:0px solid #FF0000;
}

#LogoutContainer
{
	position:absolute;
	top:0px;
	right:0px;
	width:44px;
	height:50px;
	border:0px solid #FF0000;
}

#WelcomeArea
{
	position:absolute;
	top:5px;
	right:60px;
	text-align:right;
	font:11px Arial;
	font-weight:bold;
	color:#FFFFFF;
	z-index:50;
}

#NavigationContainer
{
	position:absolute;
	top:54px;
	left:8px;
	/*width:90%;
	height:18px;*/
	border:0px solid #FF0000;
	font:12px Arial;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

#NavigationContainer .LevelMenuItemStyle 
{
	background-color:Transparent;
	line-height:17px;
	color:#FFFFFF;
	padding-left:1px;
	padding-right:6px;
	font:12px Arial;
	font-weight:bold;
	text-decoration:none;
}

#NavigationContainer .LevelMenuItemStyle:hover 
{
	text-decoration:underline;
}

#NavigationContainer .SubMenuItemStyle
{
	min-width:50px;
	padding-left:1px;
	padding-right:6px;
	line-height:150%;
	background-color:#E7E7E7;
}

#NavigationContainer .SubMenuItemStyle a
{
	color:#000000;
 	text-decoration:none;
 	line-height:200%;
}

#NavigationContainer .SubMenuItemStyle a:hover { text-decoration:underline; }

#NavigationContainer .MenuHoverStyle 
{
	/*background-color:#ba003a;*/
}

.popupBackground
{
	background-color:gray; filter: alpha(opacity=60); opacity:0.60;
}

/*****************************************************************************
* LOGIN PAGE STYLES
*****************************************************************************/
.LoginLink
{
	font:12px Arial;
	font-weight:bold;
	color:#333333;
}

.LoginLink a
{
	color:#0000CC;
}

.LoginLink a:visited { color:#0000CC; }
.LoginLink a:active { color:#0000CC; }
.LoginLink a:hover { color:#FF0000; }

#OptimalSiteConfig
{
	position:absolute;
	top:54px;
	left:10px;
	border:0px solid #FF0000;
	color:#FFFFFF;
	font-weight:bold;
	font-style:italic;
}

#OptimalSiteConfig a, #OptimalSiteConfig a:visited, #OptimalSiteConfig a:active
{
	color:#85E3FE;
	font-style:italic;
}

#OptimalSiteConfig a:hover
{
	font-style:italic;
	color:#FF0000;
}

#LoginContainer
{
	width:994px;
	height:518px;
	background-repeat:no-repeat;
	background-image:url(images/LoginBackground.jpg);
}

#LoginBox
{
	border:0px solid #FF0000;
	position:absolute;
	top:132px;
	left:10px;
	width:258px;
	height:275px;
}

#LoginDisclaimer
{
	border-bottom:1px solid #999999;
	position:absolute;
	top:132px;
	left:290px;
	width:678px;
	height:240px;
	overflow:auto;
	font-size:12px;
	font-family:Arial;
}

/*************************************************
 * TreeView Classes
 *************************************************/
.TreeView_Node 
{
	font:12px Arial;
	padding-left:2px;
	padding-right:2px;
	color:#000000;
}

.TreeView_Node_Selected
{
	border: 1px solid #3399cc;
	background-color: #ccddee;
}
/*
.TreeView_Node a, .TreeView_Node a:active, .TreeView_Node a:visited
{
	color:#333333;
}

.TreeView_Node a:hover 
{
	color:#FF0000;
}
*/
.TreeView_Leaf
{
	height:11px;
	color:#333333;
}

/*************************************************
 * Module Display Classes
 *************************************************/
 .ModuleContainer
 {
 	width:100%;
 	padding:0px;
 	border:1px solid #000000;
 }
 
 .ModuleTitleBar
 {
 	position:relative;
 	top:0px;
 	left:0px;
 	height:20px;
 	width:100%;
 	border-bottom:1px solid #000000;
 	background-color:#333333;
 	color:#FFFFFF;
 	font:12px Arial;
 	font-weight:bold;
 }
 
 .ModuleContent
 {
 	position:relative;
 	top:0px;
 	left:0px;
 	width:100%;
 	overflow:auto;
 	background-color:#FFFFFF;
 	color:#333333;
 	font:12px Arial;
 }
 
/*****************************************************************************
* MAIN CONTAINER STYLES
*****************************************************************************/
.MainContainer_TopLeft
{
	background-image:url(images/MainContainer/LeftTop.jpg);
	background-repeat:no-repeat;
	width:22px;
	height:44px;
}

.MainContainer_TopMiddle
{
	font:20px Arial;
	font-weight:bold;
	color:#FFFFFF;
	background-image:url(images/MainContainer/MiddleTop.jpg);
	background-repeat:repeat-x;
	height:44px;
}

.MainContainer_TopMiddle a
{
	font:20px Arial;
	font-weight:bold;
	color:#FFFFFF;
}

.MainContainer_TopMiddle a:visited { color:#FFFFFF; }
.MainContainer_TopMiddle a:active { color:#FFFFFF; }
.MainContainer_TopMiddle a:hover { color:#0099FF; }

.MainContainer_TopRight
{
	background-image:url(images/MainContainer/RightTop.jpg);
	background-repeat:no-repeat;
	width:22px;
	height:44px;
}

.MainContainer_LeftSide
{
	background-image:url(images/MainContainer/LeftSide.jpg);
	background-repeat:repeat-y;
	width:22px;
}

.MainContainer_RightSide
{
	background-image:url(images/MainContainer/RightSide.jpg);
	background-repeat:repeat-y;
	width:22px;
}

.MainContainer_BottomLeft
{
	background-image:url(images/MainContainer/BottomLeft.jpg);
	background-repeat:no-repeat;
	width:22px;
	height:24px;
}

.MainContainer_BottomMiddle
{
	background-image:url(images/MainContainer/BottomMiddle.jpg);
	background-repeat:repeat-x;
	height:24px;
}

.MainContainer_BottomRight
{
	background-image:url(images/MainContainer/BottomRight.jpg);
	background-repeat:no-repeat;
	width:22px;
	height:24px;
}

.MainContainer_ContentArea
{
	background-color:#FFFFFF;
	color: #000000;
	font:13px Arial;
}

/*******************************************************
 * State Data Menu and view frame
 ******************************************************/
.StateDataMenuContainer
{
	background-color:#FFFFFF;
	width:98%;
}

.StateDataMenuFrame
{
	position:relative;
	top:-1px;
	left:0px;
	border:1px solid #888888;
	width:98%;
	z-index:10;
}

#StateDataMenuContainer{ /* nothing in here right now */
	position:relative;
	top:0px;
	left:5px;
	z-index:99;
}

#StateDataMenuContainer .Item
{ 
  /* CSS class for non-selected Menu Item */
  background: url(images/StateDataTabs/UnSelectedButton.jpg) no-repeat; 
  width:95px;
  height:26px;
  text-align:center;
  font:10px Arial;
  font-weight:bold;
  color:#000000;
}

#StateDataMenuContainer .ItemSelected, #StateDataMenuContainer .ItemHover
{ 
  /* CSS class for hovering and selected Menu Item
     ... which can be split up, of course! */
  background: url(images/StateDataTabs/SelectedButton.jpg) no-repeat; 
  width:95px;
  height:26px;
  text-align:center;
  font:10px Arial;
  font-weight:bold;
  color:#000000;
}

/* CSS classes for standard Links, only valid inside the #menu DIV */
#StateDataMenuContainer a, #StateDataMenuContainer a:visited
{
  background: transparent;
  display: block;
}

#StateDataMenuContainer a:hover, #StateDataMenuContainer a:active, #StateDataMenuContainer a:focus
{
  background: transparent;
  display: block;
}

/*******************************************************
 * County Data Menu and view frame
 ******************************************************/
.CountyMenuContainer
{
	background-color:#FFFFFF;
	width:98%;
}

.CountyDataMenuFrame
{
	position:relative;
	top:-1px;
	left:0px;
	border:1px solid #888888;
	width:99%;
	z-index:10;
	height:150px;
	overflow:scroll;
}


#CountyMenuContainer{ /* nothing in here right now */
	position:relative;
	top:0px;
	left:5px;
	z-index:99;
}

#CountyMenuContainer .Item
{ 
  /* CSS class for non-selected Menu Item */
  background: url(images/StateDataTabs/UnSelectedButton.jpg) no-repeat; 
  width:95px;
  height:26px;
  text-align:center;
  font:10px Arial;
  font-weight:bold;
  color:#000000;
}

#CountyMenuContainer .ItemSelected, #CountyMenuContainer .ItemHover
{ 
  /* CSS class for hovering and selected Menu Item
     ... which can be split up, of course! */
  background: url(images/StateDataTabs/SelectedButton.jpg) no-repeat; 
  width:95px;
  height:26px;
  text-align:center;
  font:10px Arial;
  font-weight:bold;
  color:#000000;
}

/* CSS classes for standard Links, only valid inside the #menu DIV */
#CountyMenuContainer a, #CountyMenuContainer a:visited
{
  background: transparent;
  display: block;
}

#CountyMenuContainer a:hover, #CountyMenuContainer a:active, #CountyMenuContainer a:focus
{
  background: transparent;
  display: block;
}

#WeatherAlert
{
	background-color:#FFFFFF;
	font:12px Arial;
	color:#333333;
	width:100%;
	height:110px;
	overflow:auto;
}

#WeatherAlert a
{
	color:#0000CC;
	text-decoration:underline;
}

#WeatherAlert a:visited, #WeatherAlert a:active { color:#0000CC; }
#WeatherAlert a:hover { color:#FF0000; }

/*******************************************************
 * News Alert
 ******************************************************/
.FieldSetFeed 
{
	width:100%;
	height:130px;
	overflow:auto;
	margin-top:10px;
}
 
#NewsFeed
{
	font:12px Arial;
	color:#333333;
	background-color:#FFFFFF;
}

#NewsFeed a
{
	color:#0000CC;
	text-decoration:underline;
}

#NewsFeed a:visited, #NewsFeed a:active { color:#0000CC; }
#NewsFeed a:hover { color:#FF0000; }

#NewsFeed DIV.PubDate
{
	font:10px Arial;
	font-weight:bold;
	color:#555555;
	font-style:italic;
}

#NewsFeed DIV.Description
{
	background-color:#EEFFF0;
	padding:4px;
	margin-left:7px;
	margin-right:7px;
	border:1px dashed #CCCCCC;
	font:10px Arial;
	font-weight:bold;
	color:#000000;
	width:90%;
	text-align:left;
}

/*******************************************************
 * General Grid
 ******************************************************/
.DataGridHeader 
{
	background-image:url(images/DataGridHeader.jpg);
	background-repeat:repeat-x;
	font:12px Arial;
	font-weight:bold;
	color:#FFFFFF;
	height:25px;
}

.DataGridHeader a, .DataGridHeader a:active, .DataGridHeader a:visited
{
	font:12px Arial;
	font-weight:bold;
	color:#FFFFFF;
}

.DataGridHeader a:hover
{
	font:12px Arial;
	font-weight:bold;
	color:#FF0000;
}

.DataGridEvenRow
{
	font:10px Arial;
	font-weight:bold;
	color:#000000;
	background-color:#FFFFFF;
	height:20px;
}

.DataGridEvenRow a
{
	font:10px Arial;
	color:#000FCE;
	font-weight:bold;
}

.DataGridEvenRow a:hover { color:#FF0000; }

.DataGridOddRow
{
	font:10px Arial;
	font-weight:bold;
	color:#000000;
	background-color:#EFEFEF;
	height:20px;
}

.DataGridOddRow a
{
	font:10px Arial;
	color:#000FCE;
	font-weight:bold;
}

.DataGridOddRow a:hover { color:#FF0000; }

/*************************************************
 * Message Center Classes
 *************************************************/
#MessageCenterAlerts
{
	width:200px;
	height:118px;
	background-image:url(images/MessageAlertBacking.jpg);
	background-repeat:no-repeat;
	font:11px Verdana;
	font-weight:bold;
	color:#444444;
	border:0px solid #000000;
}

#MessageCenterAlerts a, #MessageCenterAlerts a:visited, #MessageCenterAlerts a:active
{
	font:11px Verdana;
	font-weight:bold;
	color:#444444;
	text-decoration:none;
}

#MessageCenterAlerts a:hover
{
	color:#FF0000;
}

/***********************************
 * Email Client
 **********************************/
.EmailBarBackground
{
	width:100%;
	height:30px;
	background-image:url(images/Email/BarBackground.gif);
	background-repeat:repeat-x;
	font:14px Verdana;
	font-weight:bold;
	color:#FFFFFF;
}

/***********************************
 * UserManagement
 **********************************/
 .UserWaiting
 {
 	display:inline-block;
 	overflow:hidden;
 	width:30px;
 	height:30px;
 	cursor:hand;
 	cursor:pointer;
 	vertical-align:top;
 	text-align:left;
 	background-image:url(images/UnApproved.png);
 }
 
 .UserApproved
 {
 	display:inline-block;
 	overflow:hidden;
 	width:30px;
 	height:30px;
 	cursor:hand;
 	cursor:pointer;
 	vertical-align:top;
 	text-align:left;
 	background-image:url(images/Approved.png);
 }
 
 .UserUnlocked
 {
 	display:inline-block;
 	overflow:hidden;
 	width:30px;
 	height:30px;
 	cursor:hand;
 	cursor:pointer;
 	vertical-align:top;
 	text-align:left;
 	background-image:url(images/UnLocked.png);
 }
 
 .UserLocked
 {
 	display:inline-block;
 	overflow:hidden;
 	width:30px;
 	height:30px;
 	cursor:hand;
 	cursor:pointer;
 	vertical-align:top;
 	text-align:left;
 	background-image:url(images/Locked.png);
 }
 
 .DeleteUser
 {
 	display:inline-block;
 	overflow:hidden;
 	width:30px;
 	height:30px;
 	cursor:hand;
 	cursor:pointer;
 	vertical-align:top;
 	text-align:left;
 	background-image:url(images/DeleteUsers.png);
 }
 
 .Paging_NextButton
 {
 	display:inline-block;
 	width:23px;
 	height:23px;
 	background-image:url(images/Paging/NextButton.gif);
 	background-repeat:no-repeat;
 }
 
 a.Paging_NextButton:hover
 {
 	display:inline-block;
 	background-image:url(images/Paging/NextButtonHover.gif);
 	background-repeat:no-repeat;
 }
 
 .Paging_NextDisabled
 {
 	display:inline-block;
 	width:23px;
 	height:23px;
 	background-image:url(images/Paging/NextButtonDisabled.gif);
 	background-repeat:no-repeat;
 }
 
 .Paging_PrevButton
 {
 	display:inline-block;
 	width:23px;
 	height:23px;
 	background-image:url(images/Paging/PrevButton.gif);
 	background-repeat:no-repeat;
 }
 
 a.Paging_PrevButton:hover
 {
 	display:inline-block;
 	background-image:url(images/Paging/PrevButtonHover.gif);
 	background-repeat:no-repeat;
 }
 
 .Paging_PrevDisabled
 {
 	display:inline-block;
 	width:23px;
 	height:23px;
 	background-image:url(images/Paging/PrevButtonDisabled.gif);
 	background-repeat:no-repeat;
 }
 
 .Paging_FirstButton
 {
 	display:inline-block;
 	width:23px;
 	height:23px;
 	background-image:url(images/Paging/FirstButton.gif);
 	background-repeat:no-repeat;
 }
 
 a.Paging_FirstButton:hover
 {
 	display:inline-block;
 	background-image:url(images/Paging/FirstButtonHover.gif);
 	background-repeat:no-repeat;
 }
 
 .Paging_FirstDisabled
 {
 	display:inline-block;
 	width:23px;
 	height:23px;
 	background-image:url(images/Paging/FirstButtonDisabled.gif);
 	background-repeat:no-repeat;
 }
 
 .Paging_LastButton
 {
 	display:inline-block;
 	width:23px;
 	height:23px;
 	background-image:url(images/Paging/LastButton.gif);
 	background-repeat:no-repeat;
 }
 
 a.Paging_LastButton:hover
 {
 	display:inline-block;
 	background-image:url(images/Paging/LastButtonHover.gif);
 	background-repeat:no-repeat;
 }
 
 .Paging_LastDisabled
 {
 	display:inline-block;
 	width:23px;
 	height:23px;
 	background-image:url(images/Paging/LastButtonDisabled.gif);
 	background-repeat:no-repeat;
 }
 
 .Paging_GoButton
 {
 	display:inline-block;
 	width:23px;
 	height:23px;
 	background-image:url(images/Paging/GoButton.gif);
 	background-repeat:no-repeat;
 }
 
 a.Paging_GoButton:hover
 {
 	display:inline-block;
 	background-image:url(images/Paging/GoButtonHover.gif);
 	background-repeat:no-repeat;
 }
 
 .Paging_RefreshButton
 {
 	display:inline-block;
 	width:23px;
 	height:23px;
 	background-image:url(images/Paging/RefreshButton.gif);
 	background-repeat:no-repeat;
 }
 
 a.Paging_RefreshButton:hover
 {
 	display:inline-block;
 	background-image:url(images/Paging/RefreshButtonHover.gif);
 	background-repeat:no-repeat;
 }
 
 /***********************************
 * User Details
 **********************************/
 .UserDetailsContainer
 {
 	width:600px;
 	height:600px;
 	background-image:url(images/UserDetailsContainer.jpg);
 	background-repeat:no-repeat;
 	padding-top:30px;
 	padding-left:10px;
 }
 
.AccordianHeader
{
	background-image:url(images/AccordianBackground.jpg);
	background-repeat:repeat-x;
	font:12px Arial;
	font-weight:bold;
	color:#333333;
	height:22px;
}

.AccordianHeader div
{
	padding-left:3px;
	padding-top:4px;
}

.AccordianHeader div:hover
{
	color:#FF0000;
	cursor:pointer;
}

.AccordianHeader a, .AccordianHeader a:active, .AccordianHeader a:visited
{
	font:12px Arial;
	font-weight:bold;
	color:#333333;
}

.AccordianHeader a:hover
{
	font:12px Arial;
	font-weight:bold;
	color:#FF0000;
	cursor:pointer;
}