/***************************************************************
/ Stylesheet for sitelojix
/**************************************************************/

/* default styles */
body, td { font-family: verdana; font-size: 11px; padding: 0px; margin: 0px; text-align: left; vertical-align: top; color: #333333; }
	body { background-color: #333333; margin-top: 23px; }
form { margin: 0px; padding: 0px; }
a { text-decoration: none; color: #333333; }
a:hover { text-decoration: underline; }
	
/* header styles used throughout site */
table.container { width: 760px; }
#cellLogo, #cellUtility, #cellTabs, #cellSearch { background-color: #336699; }
#cellLogo { padding: 0px 0px 21px 19px; }
#cellUtility {  }
	div.utilityLink { margin-right: 33px; }
#cellTabs { padding: 0px 0px 0px 13px; width: 62%; vertical-align: bottom; }
	div.tabLink { float: left; margin-right: 1px; }
#cellSearch { vertical-align: bottom; padding: 0px 0px 5px 0px; }
	.searchInput { border: 0px; background-color: #FFFFFF; font-size: 11px; font-family: verdana; }
	.searchSubmit { border: 0px; background-color: #9AB9D7; font-size: 11px; font-family: verdana; }

/* subheader styles used throughout the site */
#subnavContainer { height: 22px; width: 760px; background-color: #99CC66; border-bottom: 1px #336699 solid; }
	#subnavPadding { padding: 4px 0px 0px 103px; }
	div.subnavLink { float: left; margin-right: 33px; }
		div.subnavLink a { color: #333333; }
	
/* content area styles used throughout site */
div.ticketsWrapper { font-family: verdana; font-size: 11px; padding: 0px; margin: 0px; text-align: left; vertical-align: top; color: #FFFFFF; background-color: #FFFFFF;  width: 760px;}
div.graphWrapper { background-color: #FFFFFF;  width: 760px; }
    div.graphWrapper a { color: #996600; }

div.adminWrapper { 
	background-color: #FFFFFF;
	width: 760px;
	border-top: 1px solid white;
 }

div.welcomeMessage { color: #334455; }
div.systemMessage { color: #990000; }
.bold { font-weight: bold; }
.alignTop { vertical-align: top; }
table.wide { width: 100%; }
div.whiteSpacer { width: 760px; background-color: #FFFFFF; height: 13px; }
span.italicHostname { font-style: italic; font-size: 10px; }
td.centered { text-align: center; }
td.right { text-align: right; }

div.helpTitle { margin-bottom: 7px; }
div.helpSection { margin-bottom: 2px; font-weight: bold; }
div.helpSection a { margin-bottom: 2px; font-weight: normal; color: #996600}
div.helpSectionPad { margin-bottom: 10px; font-weight: bold; }
div.helpItemTitle { margin-top: 3px; line-height: 12px; font-weight: bold; }
div.helpItem a { margin-top: 3px; line-height: 12px; color: #996600; }
div.helpSectionTitle { margin-top: 3px; line-height: 16px; font-size: 14px; font-weight: bold;}
div.helpSectionTitle a  { margin-top: 3px; line-height: 12px; color: #996600; font-size: 10px; font-weight: none; }
div.helpItemNoPad a { line-height: 12px; color: #996600; }
div.helpDescription { padding: 0px 0px 2px 0px; }

div.error { color: red; font-size: 11px; font-family: verdana; margin: 0px 0px 10px 0px;}
div.contentChunk { margin: 0px 0px 13px 0px; }
	div.contentTitle { margin-bottom: 7px; }
		div.contentSubTitle { color: #000000; }
			div.contentSubTitle a { color: #996600; }
	div.contentFilter { text-align: right; }
	td.contentItemDescription { padding: 0px 0px 2px 0px; }
		td.contentItemDescription a { color: 990000; }
    td.statusItemDescription { padding: 0px 0px 2px 0px; }
        td.statusItemDescription a { color: 000000; }
	td.contentItemValue { padding: 0px 0px 2px 0px; text-align: right; }
	td.icon { padding: 2px 0px 0px 0px; }
	div.contentGraph, div.contentRequest, div.contentReport { margin-bottom: 13px; }
		div.contentRequest a, div.contentReport a { color: #996600; }
			div.contentReportItem { margin-top: 3px; line-height: 12px; }

	.filterInput, .archiveInput, .graphInput { font-size: 11px; font-family: verdana; }
	.filterSubmit, .archiveSubmit, .graphSubmit { font-size: 11px; font-family: verdana; }

	td.bucketTitle, td.locationTitle, td.alertsTitle,td.usersTitle, td.epsTitle  { background-color: #9AB9D7; padding: 1px 0px 2px 1px; font-weight: bold; }
    td.locationTitle a { text-decoration: underline; }
		td.locationSubTitle { background-color: #D0D0D0; padding: 1px 0px 2px 1px; font-weight: normal;  }
            td.locationSubTitle a { text-decoration: underline; }
	td.epsHeader, td.alertsHeader, td.bucketHeader, td.reportHeader, td.invHeader , td.adminHeader, td.usersHeader { color: #999999; padding: 1px 0px 2px 1px; }
    td.epsHeader { color: #000000; }
	td.epsText, td.alertsText, td.bucketText, td.reportText, td.invText, td.adminText, td.usersText{ padding: 1px 0px 2px 1px; }
		td.epsText a, td.alertsText a, td.bucketText a, td.reportText a, td.invText a, td.adminText a { color: #333333; }
	td.epsIcon, td.alertsIcon, td.bucketIcon, td.reportIcon, td.invIcon { text-align: center; padding: 2px 0px 2px 0px; }
		tr.rowHighlightGray { background-color: #EEEEEE; }
		tr.rowHighlightWhite { background-color: #FFFFFF; }
		tr.rowHighlightYellow { background-color: #FF6; }
		tr.rowHighlightGreen { background-color: #9F6; }
		
		/*tr.rowHighlightGray:hover, tr.rowHighlightWhite:hover { background-color: #BBEE88; }
		tr.rowHighlightGrayCRITICAL:hover, tr.rowHighlightWhiteCRITICAL:hover { background-color: #990000; }
        */
	td.alertsTriggered, td.reportTriggered, td.alertsTriggered a, td.reportTriggered a { color: #990000; }

	div.archiveForm { white-space: nowrap; margin-top: 9px; }
		div.archiveFormLabel { color: #666666; margin-bottom: 2px; }
		
td.columnPadding { padding: 3px 13px 0px 13px; }
td.columnThinPadding { padding: 0px 0px 0px 0px; }
td.bgDashedVertRight { background-image: url(/i/layout/dashed_line_vert.gif); background-repeat: repeat-y; background-position: right; }
td.bgDashedVertLeft { background-image: url(/i/layout/dashed_line_vert.gif); background-repeat: repeat-y; background-position: left; }

td.bgDashedHorz { background-image: url(/i/layout/dashed_line_horz.gif); background-repeat: repeat-y; }

td.formTitle { background-color: #9AB9D7; padding: 1px 0px 2px 1px; font-weight: bold; }
td.formTitle a { text-decoration: underline; }
        td.formSubTitle { padding: 1px 0px 2px 1px; font-weight: bold; background-color: #FFFFFF; font-family: verdana; font-size: 11px; }
            td.formName { padding: 1px 0px 2px 1px; width: 35%; }
            td.formValue { padding: 1px 0px 2px 1px; width: 65%; }
            td.epiName { padding: 1px 0px 2px 1px; width: 35%; font-weight: bold; }
            td.epiValue { padding: 1px 0px 2px 1px; width: 65%; }

/* footer styles used throughout the site */
#cellFooterDisclaimer, #cellFooterLinks { background-color: #336699; }
#cellFooterDisclaimer { color: #ADC2D6; padding: 3px 0px 0px 13px; }
#cellFooterLinks { color: #D6E0EB; padding: 3px 13px 0px 0px; text-align: right; }
	#cellFooterLinks a { color: #D6E0EB; }
		
	
/* styles used on home page */
#homeColumn01, #homeColumn02, #homeColumn03 { background-color: #FFFFFF; }
	#homeColumn01 { width: 25%; }
	#homeColumn02 { width: 50%; }
	#homeColumn03 { width: 25%; }

/* style used on alerts page */
#alertsColumn01, #alertsColumn02 { background-color: #FFFFFF; }
	#alertsColumn01 { width: 25%; }
	#alertsColumn02 { width: 75%; }
	
/* style used on tickets page */
#ticketsColumn01, #ticketsColumn02, #ticketsColumn03 { background-color: #FFFFFF; }
	#ticketsColumn01 { width: 25%; }
	#ticketsColumn02 { width: 50%; }
	#ticketsColumn03 { width: 25%; }

/* login styles */
td.loginName { vertical-align: middle; padding: 0px 7px 3px 0px; }
td.loginValue { vertical-align: middle; padding: 0px 0px 3px 0px; }
.loginInput, .loginSubmit { font-family: verdana; font-size: 11px; }

.alignCenter { horizontal-align: center; }
.textbox, .select, .submit, .submitw, select, input, .button { font-size: 11px; font-family: verdana; }


/** ticket system */
.white {
    font-size:10px;
    text-indent:0;
    font-weight:normal;
    text-decoration:none;
    color:#ffffff;
    font-family: "Verdana", "Arial";
    line-height:15px;
}

.header {
    font-size:11px;
    text-indent:0;
    font-weight:bold;
    text-decoration:none;
    color:#ffffff;
    font-family: "Verdana", "Arial";
    line-height:15px;
}