/*-------------*/
/* BASE STYLES */
/*-------------*/ 
*
{
	/*
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	*/
	/* this causes some issues with the old stuff -- remove for now
	padding: 0px;
	margin: 0px;
	*/
}


#header, #navbar, div.subnavbar,
#header *, #navbar *, div.subnavbar *
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
div.thirdnavTop, div.thirdnavTop *,
div.thirdnavSide, div.thirdnavSide *
{
	font-family: Arial, Helvetica, sans-serif;
}

body
{
	background-color: White;
}

html, body 
{
	height: 100%;
}

#wrapper 
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -1.5em;
}

/* #push and #newfooter take up the same space if all tags are closed properly */
#newfooter, #push
{
	height: 1.5em;
}

a { color: #003399; text-decoration: none; }
a:visited { color: #003399; }
a:hover { color: #FF3333; }


/*---------------*/
/* HEADER STYLES */
/*---------------*/ 
#header
{
	background-color: Black;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#header div.logo
{
	padding: 0.25em 0.75em;
	text-align: left;
}

/* adding for swappable logo */
#header div.logo img
{
	border: none;
}

#header div.menu
{
	color: White;
	float: right;
	text-align: right;
	padding: 0.25em 0.5em;
}

#header div.menu a
{
	color: White;
	text-decoration: none;
}

#header div.menu a:hover
{
	color: White;
	text-decoration: underline;
}

/* ------------ */
/* BLACK HEADER */
/* ------------ */
/* NOTE: we're going to keep this for default logo */

#header.black
{
	background-color: Black;
}

#header.black div.menu
{
	color: White;
}

#header.black div.menu a
{
	color: White;
}

#header.black div.menu a:hover
{
	color: White;
}

/* ------------ */
/* WHITE HEADER */
/* ------------ */
/* NOTE: we're going to keep this so that it can fail back to this */

#header.white
{
	background-color: White;
}

#header.white div.menu
{
	color: Black;
}

#header.white div.menu a
{
	color: Black;
}

#header.white div.menu a:hover
{
	color: Black;
}

/*-------------------*/
/* NAVIGATION STYLES */
/*-------------------*/ 
#navbar
{
	border-top: 1px solid #0066FF;
	background-image: url("/lib/navBarBg.php?top=0066CC&bottom=003399");
	background-position: center left;
	background-repeat: repeat-x;
	border-bottom: 1px solid #000066;
	height: 2em;
	/*
	#height: 2.75em;
	*/

	margin: 0px;
	width: 100%;
	
	display: table;
	/*
	#position: relative;
	*/
	overflow: hidden;
}

#navbar ul
{
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	padding-left: 10px;
	
	display: table-cell;
	vertical-align: middle;
	/*
	#position: absolute;  
	#top: 50%;
	*/
}

#navbar li
{
	display: block;
	float: left;
	/*
	#position: relative;  
	#top: -50%
	*/
	#padding-top: 2px;
}

div.subnavbar
{
	padding: 0px;
	margin: 0px;	
	/*
	visibility: hidden;
	*/
}

div.subnavbar ul
{
	display: block;
	background-color: DarkGray;
	border-bottom: 1px solid Gray;
	padding: 0.25em 1em;
	margin: 0px;
}

div.subnavbar li
{
	display: inline;
}

div.subnavbar li a
{
	color: Black !important;
	text-decoration: none;
	padding: 0px 0.75em;
}

div.subnavbar li a:hover
{
	background-image: url("/images/hover-black-middle.png");
	Color: White !important;
}

div.subnavbar li.here a
{
	color: White !important;
	font-weight: bold;
}

div.subnavbar li.here a:hover
{
	background: transparent;
}

/* ---------- */

#navbar li a
{
	text-decoration: none;
}

/* sometimes an annoying red square appears */
/* this appears to be broken again.... */
#navbar li a:active, #navbar li a:active table, #navbar li a:active div
{
	text-decoration: none;
	color: #003399 !important;
	border: none;
	background: transparent;
}

#navbar li table
{
	margin: 0px;
	padding: 0px;
	border: none;
	border-collapse: collapse;
}
#navbar li table td
{
	margin: 0px;
	padding: 0px;
	border: none;
}
#navbar li table td div
{
	width: 2px;
	height: 2px;
	overflow: hidden;
}
#navbar li table td.middlecenter
{ 
	padding: 0px 5px; 
	cursor: pointer;
}

#navbar li a td { color: White; }
#navbar li a:hover td { color: Black; }
#navbar li a:hover table td { background: url("/images/hover-white-middle.png") repeat; }

#navbar li a:hover table td.topleft { background: url("/images/hover-white-topleft2.png") top left no-repeat; }
#navbar li a:hover table td.topcenter { background: url("/images/hover-white-topcenter.png") top repeat-x; }
#navbar li a:hover table td.topright { background: url("/images/hover-white-topright2.png") top right no-repeat; }

#navbar li a:hover table td.middleleft { background: url("/images/hover-white-middleleft.png") left repeat-y; }
#navbar li a:hover table td.middleright { background: url("/images/hover-white-middleright.png") right repeat-y; }

#navbar li a:hover table td.bottomleft { background: url("/images/hover-white-bottomleft2.png") bottom left no-repeat; }
#navbar li a:hover table td.bottomcenter { background: url("/images/hover-white-bottomcenter.png") top repeat-x; }
#navbar li a:hover table td.bottomright { background: url("/images/hover-white-bottomright2.png") bottom right no-repeat; }

/* ---------- */

#navbar li.here a td { color: Black; }
#navbar li.here a table td { background: url("/images/hover-white-middle.png") repeat; }

#navbar li.here a table td.topleft { background: url("/images/hover-white-topleft2.png") top left no-repeat; }
#navbar li.here a table td.topcenter { background: url("/images/hover-white-topcenter.png") top repeat-x; }
#navbar li.here a table td.topright { background: url("/images/hover-white-topright2.png") top right no-repeat; }

#navbar li.here a table td.middleleft { background: url("/images/hover-white-middleleft.png") left repeat-y; }
#navbar li.here a table td.middleright { background: url("/images/hover-white-middleright.png") right repeat-y; }

#navbar li.here a table td.bottomleft { background: url("/images/hover-white-bottomleft2.png") bottom left no-repeat; }
#navbar li.here a table td.bottomcenter { background: url("/images/hover-white-bottomcenter.png") top repeat-x; }
#navbar li.here a table td.bottomright { background: url("/images/hover-white-bottomright2.png") bottom right no-repeat; }
/*
#navbar li.here a:hover td { color: White; }
#navbar li.here a:hover table td { background: none; }

#navbar li.here a:hover table td.topleft { background: none; }
#navbar li.here a:hover table td.topcenter { background: none; }
#navbar li.here a:hover table td.topright { background: none; }

#navbar li.here a:hover table td.middleleft { background: none; }
#navbar li.here a:hover table td.middleright { background: none; }

#navbar li.here a:hover table td.bottomleft { background: none; }
#navbar li.here a:hover table td.bottomcenter { background: none; }
#navbar li.here a:hover table td.bottomright { background: none; }
*/

/* ---------- */

div.thirdnavTop, div.thirdnavTop *
{
	font-size: 9pt;
}

div.thirdnavTop ul
{
	display: block;
	background-color: LightGrey;
	border-bottom: 1px solid DarkGray;
	padding: 0.25em 3em;
	margin: 0px;
}

div.thirdnavTop li
{
	display: inline;
}

div.thirdnavTop li a
{
	color: #003399 !important;
	text-decoration: none;
	padding: 0px 0.75em;
}

div.thirdnavTop li a:hover
{
	background-image: url("/images/hover-black-middle.png");
	Color: White !important;
}

div.thirdnavTop li.here a
{
	/*color: White !important;*/
	color: #003399 !important;
	font-weight: bold;
}

div.thirdnavTop li.here a:hover
{
	background: transparent;
}

/* ---------- */

div.thirdnavSide
{
	width: 20em;
	float: left;
	clear: both;
	padding-top: 0.5em;
	/*border: 1px solid red;*/
}

div.thirdnavSide ul 
{
	list-style-type: none;
	padding: 0;
	margin-left: 1em;
}

div.thirdnavSide ul li 
{
	margin-left: 1em;
}

div.thirdnavSide ul li a { text-decoration: underline; }

div.thirdnavSide ul li.here { list-style-image: url("/images/GrnArr.gif"); }
div.thirdnavSide ul li.here a { font-weight: bold; /*text-decoration: underline;*/ }
div.thirdnavSide ul li.here a:hover { font-weight: bold; }
div.thirdnavSide ul li.here a:visited { font-weight: bold; }

div.thirdnavSide ul li.label 
{
	margin-left: 0;
}

div#thirdnavBody
{
	margin-left: 21em;
	
	/* temporary so old pages don't look bad/squished */
	padding: 1em;
	/*background-color: green;*/
}







/*---------------------*/
/* OVERRIDE OLD STYLES */
/*---------------------*/ 

div#window
{
	border: none !important;
	
	/* temporary so old pages don't look bad/squished */
	/*padding: 1em !important;*/
}
.header2
{
	background-color: #003399;
	border-color: #003399;
}
.header
{
	background-color: #003399;
	border-color: #003399;
}
.content
{
	background-color: #EEEEEE;
	border-color: #003399;
}
fieldset
{
	font-size: 11px;
	background-color: #EEEEEE;
	border-color: #003399;
	#position: relative; 
	#margin-top: 1.5em;
	#padding-top: 1.5em;
}
fieldset legend
{
	color: White;
	background-color: #003399;
	padding: 0.25em 1em;
	font-size: 11px;
	border: 1px solid #000066;
	#position: absolute; 
	#top: -.875em; /* had to add .125 for border height */
	#left: .5em;
}
fieldset legend a { color: White; }
fieldset legend a:hover { color: White; text-decoration: underline;}
fieldset legend a:visited { color: White; }

fieldset .table td
{
	background-color: White;
}
.wizardDescription
{
	border-color: #003399;
}
.data td, .data th
{
	border-color: #000066;
}
.infobox
{
	background-color: #EEEEEE;
	border-color: #003399;
}
div.page
{
	width: auto !important;
}

#product_selector UL LI A#current
{
	background-color: #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}

.data .selected td
{
    background-color: #EEEEEE;
}

.vdata .selected td
{
    background-color: #EEEEEE;
}





/*---------------*/
/* REPORT STYLES */
/*---------------*/ 
.selected_device
{
    background-color: #EEEEEE;
}





/*---------------------*/
/* PRINT OPTION STYLES */
/*---------------------*/ 
div#printOptions
{
	background-color: transparent !important;
	color: Gray;
	padding: 0.25em 1em 0px 1em;
	text-align: right;
	float: right;
}

div#printOptions a
{
	font-size: 8pt;
}



/*----------------*/
/* TOOLTIP STYLES */
/*----------------*/ 
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


/*---------------*/
/* FOOTER STYLES */
/*---------------*/ 
div#newfooter
{
	border-top: 1px solid DarkGray;
	background-color: LightGrey;
	text-align: right;
	color: Gray;
}
div#newfooter span
{
	font-size: 8pt;
	padding: 0.5em 2em 0px 2em;
}

div#push
{
	clear: both;
	padding-top: 0px;
}

/*---------------------*/
/* PRINT OPTION STYLES */
/*---------------------*/ 
div#printOptions
{
	float: right;
	text-align: right;
	padding: 0.25em 1em;
	font-size: 8pt;
}
div#printOptions *
{
	font-size: 8pt;
}

/*-------------------*/
/* LOGIN FORM STYLES */
/*-------------------*/ 
div.loginForm
{
	margin: 0px auto;
	text-align: left;
	overflow: visible;	

	width: 30em;
}

div.loginForm div.title
{
	background-color: Black;
	border: 1px solid Black;
	color: White;
	padding: 0.25em 0.75em;
	text-align: center;
	border-bottom: none;
}

div.loginForm div.title.white
{
	background-color: White;
	border: 1px solid White;
}

div.loginForm div.title.blank
{
	background-color: White;
	border: 1px solid White;
}

div.loginForm div.body
{
	background-color: LightGrey;
	border: 1px solid Black;
	color: DimGray;
	padding: 1em;
	text-align: center;
}

div.loginForm div.body table
{
	border-collapse: collapse;
	margin: 0px auto;
}

div.loginForm div.body table th
{
	padding: 0px 1em;
	font-size: 8pt;
	text-align: right;
	color: DimGray;
}

div.loginForm div.body table td
{
	padding: 0.125em 0px;
}

div.loginForm div.liveHelp
{
	float: right;
	text-align: right;
	font-size: 8pt;
	margin: -1em -0.75em 0.75em 0.5em;
	#padding-right: 1em;
}

div.loginForm div.liveHelp a,
div.loginForm div.liveHelp a:hover
{
	font-size: 8pt;
}

div.loginForm div.forgottenPassword
{
	float: left;
	text-align: left;
	font-size: 8pt;
	margin: -1em 0.5em 1em -0.75em;
	#padding-left: 1em;
	color: Gray;
}

div.loginForm div.forgottenPassword a,
div.loginForm div.forgottenPassword a:hover
{
	font-size: 8pt;
}

/* generic message box */
div.message
{
	padding: 0.25em;
	border: 1px solid DarkGray;
	background-color: Gainsboro;
	margin: 1em auto;
	color: Gray;
	/*width: 75%;*/
	text-align: left;
	padding-left: 2em;
}

div.message.info
{
	border: 1px solid #0066CC;
	background-color: #e5edf7;
	color: #0066CC;
	background-image: url("/images/icons/icon_information.png");
	background-position: 0.5em 0.5em;
	background-repeat: no-repeat;
}

div.message.warning
{
	border: 1px solid Gold;
	background-color: LightYellow;
	color: Goldenrod;
	background-image: url("/images/icons/icon_attention.png");
	background-position: 0.5em 0.5em;
	background-repeat: no-repeat;
}

div.message.error
{
	border: 1px solid #FF3333;
	background-color: MistyRose;
	color: #FF3333;
	background-image: url("/images/icons/icon_error.png");
	background-position: 0.5em 0.5em;
	background-repeat: no-repeat;
}

div.message.success
{
	border: 1px solid MediumSeaGreen;
	background-color: #CCFFCC;
	color: SeaGreen;
	background-image: url("/images/icons/icon_ok.png");
	background-position: 0.5em 0.5em;
	background-repeat: no-repeat;
}

h1.message
{
	color: Gray;
	font-size: 14pt;
	border: none;
}

div.simpleSpacer
{
	height: 3em;
}


/* simple table */
div.simpleTable table
{
	border-collapse: collapse;
	border: 1px solid #003399;
}

div.simpleTable table th
{
	padding: 0.5em 1em;
	background-color: #003399;
	color: White;
	text-align: center;
	font-size: 80%;
}

div.simpleTable table td
{
	padding: 0.25em 0.5em;
	text-align: left;
}

div.simpleTable table tr.alternate
{
	background-color: #EEEEEE;
}

div.simpleTable table tr.highlighted td
{
	font-weight: bold;
}

div.simpleTable div.options
{
	padding: 0.25em 0px;
}

div.simpleTable .options a:hover
{
	text-decoration: underline;
}

div.simpleTable table td.text
{
	padding: 0.5em 1.5em;
}

/* simple form */
div.simpleForm
{
}

div.simpleForm label 
{
	display: block;
	float: left;
	text-align: right;
	width: 15em;
	height: 2em;
	clear: left;
}

div.simpleForm .field
{
	margin-left: 15em;
	padding-bottom: 0.5em;
}