html, body
{
	height: 100%;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
}

#evalBanner
{
	background-color: Black;
	color: Yellow;
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	width: 100%;
}

a img
{
	border: 0;
	cursor: pointer;
}

body, #pageHeader
{
	border: 0 transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body, table, div, td
{
	font-size: small;
}

h1
{
	font-size: large;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
	margin: 0;
}

/* started using breadcrumb styles on Node Management page */
#breadcrumb h1
{
	padding:0px;
}

#breadcrumb
{
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
}

#breadcrumb a
{
	text-decoration: underline;
	font-size: 11px;
	padding-bottom:3px;
}

#breadcrumb td
{
	font-size: 9px;
}

h2
{
	font-size: medium;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	padding-left: 15px;
}

#pageHeader
{
	width: 100%;
	background-image: url('/Orion/images/headerGradient.jpg');
	background-repeat: repeat-x;
	background-color: transparent;
}

/* Fix IE's broken rendering of img elements where it puts the image
    on top of the text baseline, leaving space between the bottom of the img
	and the bottom of the container */
#pageHeader img
{
	display: block;
}

#contentHeader
{
	margin-top: 0px;
	padding-top: 0px;
	width: 100%;
	height: 27px;
	background-image: url('/Orion/images/warmGrayGradient.jpg');
	background-repeat: repeat-x;
	background-color: transparent;
}

.loginTable
{
	margin-top: 10px;
	width: 500px;
}

#fancyBackground
{
	background-image: url('/Orion/images/BG.LoginBox.gif');
	background-repeat: repeat-x;
	border: solid #cbba96 1px;
	background-color: #dddcd0;
}

.loginTable img.title
{
	padding-bottom: 10px;
	padding-top: 25px;
}

.loginTable img#LoginButton
{
    padding-bottom: 10px;
}

.loginTable td.col1
{
	text-align: right;
}

.loginTable td.col2
{
	text-align: left;
	width: 57%;
}

.loginTable td.onecol
{
	text-align: center;
}

.helpfulText
{
	font-size: 12px;
	vertical-align: top;
	text-align: center;
}

#SiteLoginText
{
	text-align: left;
}

#moduleList 
{
	background-color: #3b3b3b;
}

#menuList
{
	background-color: black;
}

#menuList .navLink, #moduleList .navLink
{
	color: White;
	font-family: Arial; 
	font-size: 10pt; 
	text-decoration : none;
	margin-left: 13px;
	padding-left: 2px;
	display: inline;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
}

#menuList a:hover, #moduleList a:hover
{
	color: Silver;
	text-decoration: none;
}

#menuList .listHeader, #moduleList .listHeader
{
	height: 23px;
	width: 70px;
	text-align: right;
	vertical-align: middle;
	padding-left: 0px;
}

#menuList .listHeaderContent, #moduleList .listHeaderContent
{
	font-size: 7pt;
	vertical-align: middle;
	color: #e3e3db;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#logoLink
{
	margin: 0px 0px 0px 0px;
	padding-right: 15px;
	padding-top: 2px;
	padding-left: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
	text-align: right;
}


#userName
{
	padding-right: 15px;
	text-align: right;
	font-size: 10pt; 
	vertical-align: middle;
}

#userName .content
{
	font-size: 8pt;
	text-transform: uppercase;
	color: white;
}
#userName a
{
	color: white;
}

#userName a:hover
{
	color: #f99d1c;
}

/* Need to use div#container rather than just #container to override a "#container{position:static;}" rule in APM and NetFlow */
div#container
{
	min-height: 100%;
	position: relative;
}

#content
{
	padding-bottom: 30px;
}

#footer
{
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: white;
	font-size: 9px;
	text-align: center;
	vertical-align: middle;
	color: #979797;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: solid 1px #d1d1d1;
	clear: both;
}

.StatusIcon
{
	border: 0px;
}

.Warning
{
	color: Red;
}

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

.HelpButton
{
	float: right;
	margin-left: 5px;
}

.HelpButton img
{
	border: 0px;
}

.StatusMessage
{
	color: Red;
	font-weight: bold;
	margin: 12px 12px 12px 12px;
	padding: 12px 12px 12px 12px;
}

/* The super-container for resources that goes around ALL the resources */
table.ResourceContainer
{
	margin-left: 10px;
	margin-right: 5px;
	border-collapse: collapse;
}

.ResourceColumn
{
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	width: auto;
}

/* Wraps each resource individually */
.ResourceWrapper
{
	margin-bottom: 11px;
	padding-bottom: 1px; /* a focus rectangle around a link a the very bottom of a resource causes a vertical scrollbar in firefox without this */
	overflow-x: hidden; /* prevent excessively wide resources from messing up the page layout */
}

.DataGrid
{
	width: 100%;
	border-collapse: collapse;
}

.LinkTreeHover
{
	color:Red;
	cursor:pointer;	
	text-decoration:underline;
}

.Tree img
{
	vertical-align: text-bottom;
}

.Tree .Toggle
{
	padding-bottom: 1px;
}

.Tree
{
	margin-top: 5px;
	margin-left: 1px;
}

.dateArea
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	margin-top: 0px;
	margin-right: 5px;
	float: right;
	text-align: right;
	border: 0;
	padding-top: 15px;
}

/* Styles for forms */
.formTable
{
	padding: 5px;
	background-color: #eeecde;
	border: 0;
}

.formDivider
{
	color: #ffffff;
	background-color: #ffffff;
	height: 2px;
	width: 100%;
	border: 0;
}

.formGroupHeader
{
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

.formLeftTitle
{
	padding: 5px;
	text-align: right;
	width: 30%;
}

.formRightInput
{
	text-align: left;
	width: 40%;
}

.formHelpfulText
{
	font-size: 10px;
	width: 30%;
}

.AddResourcesPadding
{
	padding-bottom:5px;	
}