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

#evalMsg
{
    background: #393939 url(../images/NavigationItems/tab_bg.gif) repeat-y;
	background-position: left top;
    display: block;
	color: #FFD22B;
	text-align: left;
	font-weight: bold;
	font-size: 11pt;
	width: 100%;
    padding-left: 10px;
}

#evalMsg span
{
    color: White;
	font-weight: normal;
	font-size: 8.5pt;
    padding-left: 5px;
    cursor: pointer;
}

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
{
	clear:both;
	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;
	padding-top: 5px;
	text-align: right;
	font-size: 10pt; 
	vertical-align: top;
	background-image: url('../images/username_bg.jpg'); 
	background-repeat: no-repeat;
	background-position: right top;
}

#userName .content
{
	font-size: 8pt;
	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;
}

.indent
{
	padding-left: 2ex;
}

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

/* Available Updates */
.AvailableUpdates
{
	width: 100%;
	/*background: white url(../Orion/images/NotificationImages/notification_background_gradient.gif) 50% top repeat-x;*/
	background-image: url(/Orion/images/NotificationImages/notification_background_gradient.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	background-color: #ffdb7c;
}

.AvailableUpdates tr td
{
	padding: 4px 1px 0px 2px;
}

.AvailableUpdates tr td.AvailableUpdatesIcon
{
	padding: 4px 0px 0px 3px;
}

.AvailableUpdates tr td div
{
	margin-right: 25px;
	display: inline;
	cursor: default;
	font-family: Arial;
	font-size: 9pt;
}

.AvailableUpdates tr td div span
{
    white-space: nowrap;
    line-height: 22px;
}

.AvailableUpdates tr td div span a
{
	color: #865900;
	text-decoration: underline;
	cursor: pointer;
}

.AvailableUpdates tr td div span a:hover
{
	color: #865900;
	text-decoration: none;
}

.buttonDismiss
{
	vertical-align: bottom;
	cursor: pointer;
}

.RenewalsLink
{
	font-family: Arial;
	text-decoration: underline;
	cursor: pointer;
	font-size: 8pt;
	color: #336699;
}
.RenewalsLink:hover
{
	color: #336699;
	text-decoration: none;
}

.UpdatesSettingsTable tr td
{
	font-family: Arial;
	font-size: 8pt;
	vertical-align: middle!important;
	padding: 0px 5px 0px 0px !important;
}

.UpdatesSettingsTable label
{
	font-family: Arial;
	font-size: 8pt;
	vertical-align: text-top;
}

.BlogSettings
{
	color: Black!important;
	background-color: White!important;
	font-family: Arial;
	font-size: 8pt;
	padding: 5px!important;
}

.UpdateDescription
{
	color: #474747!important;
	padding-left: 0px!important;
}

.ProductUpdatesSeparateDiv
{
	width: 100%;
	color: #474747;
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	border-top: solid 1px Silver;
}
#pBlogPosts{ display: none;}

.NoResultsMessage
{
	text-align: center;
	color: #474747;
	font-weight: bold;
	font-family: Arial;
	padding: 10px!important;
	margin-top: 10px;
	display: none;
	font-size: 8pt;
	background-color:White;
}

.ui-dialog {
	border: solid 1px black;
}

.ui-dialog-container, .ui-dialog-content
{
	background-color: #FFFFFF;
}

.ui-dialog-titlebar {
	background-image: url('../images/nodemgmt_art/background/bg_popup_header.gif');
	background-repeat: repeat-x;
	background-color: #e2e2e2;
	border-bottom: 1px solid #cdcdcd;
	font-size: larger;
	font-weight: bold;
	padding: 5px;
}

.ui-dialog-titlebar-close {
	background-image: url('../images/nodemgmt_art/buttons/Button.Cross.gif');
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
	height: 18px;
	width: 20px;
}

.ui-dialog-titlebar-close span {
	display: none;
}

.ui-dialog p {
    margin: 13px 0 13px 10px;
}

.ui-dialog ul {
    list-style-type: disc;
    padding-left: 40px;
}

/* Available Updates */