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;
}

#breadcrumb h1
{
	font-size: large;
	padding:0px;
}

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

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

#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.gif');
	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: 27px;
	width: 100%;
	border-top: 1px solid black;
}

.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, .menuBar
{
	background-color: black;
	background-image: url('../images/HeaderBannerArea/bg_navbar.gif');
	background-repeat: repeat-x;
}

#menuList .navLink, #moduleList .navLink, .menuBar .navLink,.menuBar .navLink:visited
{
	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, .menuBar a:hover
{
	color: #f99d1c;
	text-decoration: none;
}

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

#menuList .listHeaderContent, #moduleList .listHeaderContent, .menuBar .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;
	border: 1px solid #DFDED7;
	background-color: white;
	padding: 10px;
	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;
}

.titleTable
{
    width: 100%;
}

.titleTable td
{
    padding: 0px;
}
    
.dateArea
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	margin-top: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	float: right;
	text-align: right;
	border-style: none;
	padding-top: 7px;
}

/* Adds icon and formatting to customize page link in top right of pages */
.custPageLink
{
	background-image: url('/Orion/images/Page.Icon.CustomPg.gif');
	background-position: center left;
	background-repeat: no-repeat;
	padding: 2px 0px 2px 20px;

}

/* 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;	
}

#tooltip
{
	position: absolute;
	border: 1px solid #333;
	background: #f7f5d1;
	padding: 2px 5px;
	color: #333;
	display: none;
	z-index: 5000;
}

/* Main Content not in a resource - like edit page content */
.BodyContent
{
	padding-left: 10px;
	padding-right: 5px;
}