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
{
	text-decoration: none;
	color: Black;
}

a:visited
{
	color: Black;
}

a:hover
{
	color: Red;
}

a img
{
	border: 0;
}

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: 15px;
	padding-top: 15px;
	padding-bottom: 10px;
	margin: 0;
}

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-left: 175px;
	text-align: right;
}

#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: 0px 0px 0px 0px;
	text-align: right;
	width: 102px;
}

#logoLink img
{
	display: block;
}

#userName
{
	padding-right: 15px;
	text-align: right;
}

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

#container
{
	position: relative;
	min-height: 100%;
}

#content
{
	padding-bottom: 30px;
}

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

.StatusIcon
{
	border: 0px;
}

.Warning
{
	color: Red;
}

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

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

.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: 12px;
}

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

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

.Tree span
{
	vertical-align: middle;
}

.Tree .StatusIcon
{
	vertical-align: bottom;
}