a:hover {color: #c00}
body {
	background-color: #fff;
	color: #000;
  	font-family: Arial, Helvetica, sans-serif;
 	font-size: 1em;
	margin: 0;
}

/* Overall page style */
#main {
    min-width: 720px;
}

/* Title bar and copyright bar */
#titleBar {
  	font-size: 120%;
  	font-weight: bold;
	height: 32px;
}

#product {
    float: left; 
	padding-top: 10px
}

#titleBar #logo {
	float: left; 
	margin: -7px 3px 3px;
	height: 27px;
}

#login {
	position: absolute;
	top: 0;
	right: 0; 
	font-size: 70%;
	padding: .1em .5em .25em 1.8em;
}

#login #user {
	font-weight: bold;
}

#copyright {
	font-size: 70%;
	padding: .3em;
	text-align: right;
}

/* Menu bar */
#menuBar {
  	height: 3.5em;
	font-size: 70%;
        white-space: nowrap;
}

#menuBar ul {
	margin: 0;
    padding: 0;
	list-style: none;
	float: left;
	width: 100%;
}

#menuBar ul li {
	float: left;
	margin: 0;
}

#menuBar ul #help {
    float: right;
}

#menuBar ul li a {
	display: block;
	margin: 0;
	//width: 1%;
}

/*subnav*/
#menuBar ul ul {
    position: absolute; 
	left: 0;
	margin: 0;
	padding: 0;
	width: auto;
	//width: 720px;	
}

#menuBar ul ul li {
	margin: 0;
}

/* Content panel */
#content {
	background-color: #fff;
	font-size: 85%;
  	padding: 1em;
	margin-top: 1px;
}

/* Errors */
#content .error {}
#content .errorid { font-weight: 700; color: #a00; }
#content .errorvalue {}

/* Common content style options */

#content h1 { font-size: 120% }
#content h2 { font-size: 110% }
#content h3 { font-size: 95% }
#content ul {margin: 10px 20px; padding: 0;}

#content form {
	margin: .1em 0;
	padding: 0;
	width: 100%;
}

#content .filterbar fieldset {
	color: #666;
	font-weight: bold;
	white-space: nowrap;
	background: #eee url(../images/fieldsetbg.gif) repeat-x;
	border: 1px solid #ccc;
	font-size: 90%;
	margin: 0;
	padding: 0 .5em .1em;
}

#content .filterbar legend {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: .3em .7em;
	margin-bottom: .3em;
}

#content .filterbar label {
        margin-left: 6px;
}
                                                                                
#content .filterbar select {
	font-size: 90%;
}

#content .subfilterbar {margin-top: -.1em;}

#content .subfilterbar fieldset {
	color: #666;
	font-weight: bold;
	white-space: nowrap;
	background: #ddd;
	border: 1px solid #ddd;
	font-size: 90%;
	margin: 0;
	padding: .2em .5em .1em;
}

#content .subfilterbar legend {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: .3em .7em;
	margin-bottom: .3em;
}

#content .subfilterbar label {
        margin-left: 6px;
}

#content .subfilterbar button {
        font-size: 90%;
}

#content .subfilterbar select {
        margin-top: 1px;
        margin-bottom: 1px;
	font-size: 90%;
}

#content .control {color: #666;
	font-weight: bold;
	white-space: nowrap;
	background: #eee url(../images/fieldsetbg.gif) repeat-x;
	border: 1px solid #ccc;
	font-size: 90%;
	margin: 0 .2em .5em;
	padding: 0 .5em .3em;
	width: 160px;
	display: inline;}
	
#content .control legend {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: .3em .7em;
	margin-bottom: .3em;
}

#content .button { border-width: 0px }

@media screen {
	#content pre {width: 97%; overflow: scroll; border: 3px solid #ddd; padding: 1em; background-color: #f9f9f9;}
	#content pre.fixedheight {height: 340px;}
}

#content table {
	margin: .5em 0;
	font-size: 80%;
	border-collapse: collapse;
	border: 1px solid #ddd;
	width: 100%;
	//width: 96%;
}

#content table th {
	color: #666;
	padding: .2em;
	font-size: 120%;
	border-right: 1px solid #ddd;
	border-bottom: 3px double #bbb;
}
#content .overview th {text-align: right; border-bottom: 0; border-right: 3px double #bbb}

#content table td { 
	padding: .2em .4em;
	border-right: 1px solid #ddd;
	border-spacing: 0;
}

#content .dynhoveron {
	background-color: #ddd !important;
	cursor: pointer;
}
#content .dynhoveron a {color: #c00}

#content table tbody .even {background-color: #fff;}
#content table tbody .odd {background-color: #f5f5f5;}

#content table tbody .sep {border-top: 2px solid #ddd; font-size: 0;}
#content table tbody .value {text-align: right;}
#content table tbody .status {text-align: center; padding: .2em; width: 1em;}
#content table tbody .status img {border: solid 1px #000;}
#content table tbody .status a img {border-color: #00f;}
#content table tbody .status a:hover img, #content .dynhoveron .status img, #content table tbody .status a:hover {border-color: #c00}

#content .summary {border: 0; width: auto;  }
#content .summary tbody .odd {background-color: #fff}
#content .summary td {font-size: 1.2em; font-weight: bold; border: 0; vertical-align: middle;}

#content .monitor {border: 0;}
#content .monitor th {text-align: left; border: 0; padding: 0 0 0 .4em; font-size: 1em; font-weight: normal; color: #000;}
#content .monitor th img {margin: 0 2px 0 0; vertical-align: bottom;}
#content .monitor tbody {border: 2px solid #ddd; border-width: 0 2px;}
#content .monitor td {border-right: 0; border-left: 1px solid #ddd; padding: .4em;}
#content .monitor .status {border-left: 0; width: 1%;}
#content .monitor .summarydata {border-bottom: 1px solid #ddd; background-color: #efefef;}
#content .monitor .status a {display: block; padding: .2em;}
#content .monitor .firstlabel {border-left: 3px double #999;}
#content .monitor .empty {display: none;}
#content .monitor .vertical {background: url(../images/vertical.gif) .4em 0 repeat-y}
#content .monitor .datalabelrow th {color: #666;
	padding: .1em;
	padding-left: .5em;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #bbb;
	font-weight: bold;
	background-color: #eee}

#content .monitorstatus {border: 0;}
#content .monitorstatus th {text-align: left; border: 0; padding: 0 0 0 .4em; font-size: 1em; font-weight: normal; color: #000;}
#content .monitorstatus th img {margin: 0 2px 0 0; vertical-align: bottom;}
#content .monitorstatus tbody {border: 2px solid #ddd; border-width: 0 2px;}
#content .monitorstatus td {border-right: 0; border-left: 1px solid #ddd; width: auto; padding: .4em;}
#content .monitorstatus .status {border-left: 0; width: 1%;}
#content .monitorstatus .summarydata {border-bottom: 1px solid #ddd; background-color: #efefef;}
#content .monitorstatus .status a {display: block; padding: .2em;}
#content .monitorstatus .firstlabel {border-left: 3px double #999;}
#content .monitor .empty {display: none;}
#content .monitorstatus .vertical {background: url(../images/vertical.gif) .4em 0 repeat-y}
#content .monitorstatus .datalabelrow {display: none;}


#content .segment .firstrow, #content .segment .firstrow th {border-bottom: 1px solid #bbb}
#content .segment .secondrow, #content .segment .secondrow th {border-bottom: 3px double #bbb}
#content .segment td {text-align: center}

#content .constrain {width: auto; margin: 0 auto; text-align: center}
#content .formbuttons {background: #eee url(../images/fieldsetbg.gif) repeat-x; border-top: 3px double #bbb;}



/* special table cell text alignment classes */
#content table tbody .alignr {text-align: right}
#content table tbody .alignl {text-align: left}
#content table tbody .alignc {text-align: center}


/* 
#content .summary tr {float: left; margin-right: 2em;}
#content .summary .status {padding: 0;}
 */
#content .summary .status img {height: 18px; width: 18px;}
#content .summary .dynhoveron {background-color: #fff !important;}

/* Events */
#content .list .key {
         text-align: right;
         font-weight: 700;
}
#content .list .value {text-align: left }
#content .bar { text-align: left }
#content .barlabel { text-align: right }

/* Monitor */
#content .monitor {

}
#content .severe { background-color: #f88 }
#content .marginal { background-color: #ff8 }
#content .inform { background-color: #8f8 }

#content .webmgmt img { border: solid 1px #fff }
#content a.webmgmt:hover  img { border-color: #c00 }

#content img.statusNone { background-color: #fff }
#content img.statusGood { background-color: #0f0 }
#content img.statusMarginal {background-color: #ff0 }
#content img.statusCritical {background-color: #f00 }
#content img.statusUnknown {background-color: #ccc }
#content img.statusGoodNF { background-color: #0c0 }
#content img.statusMarginalNF {background-color: #cc0 }
#content img.statusCriticalNF {background-color: #c00 }
#content img.statusUnknownNF {background-color: #999 }



#content .path { }
#content .path .here { font-weight: 700 }

/* Security */
#content table.rulelist { font-size: 90% }
#content .classtype { }
#content .msg { font-style: italic }
#content .sid { }
#content .ruleSource { background-color: #ccc }
#content .ruleError { background-color: #fff; color: #a00; }
#content .ruleOK { background-color: #cfc }
#content .ruleBad { background-color: #fcc }
#content .loaded { color: #000; font-size: 110%; }
#content .notloaded { color: #a00; font-weight: 700; font-size: 110%;}

/* Additions */
/* used in monitor agents view to show no-snmp agents */
#content .warn { color: #a00; font-weight: 700;}
/* used to create bar charts in monitor counters view */
#content table tbody .statusbar {white-space: nowrap; text-align: left; padding: .2em; width: 1em;}
#content table tbody .statusbar img {border: solid 1px #000;}
#content table tbody .statusbar a img {border-color: #00f;}
#content table tbody .statusbar a:hover img, #content .dynhoveron .statusbar img, #content table tbody .statusbar a:hover {border-color: #c00}
/* status bars need to be centered */
#content table tbody .threshold td {text-align: center; padding: .2em; width: 1em;}
#content table tbody .threshold img {border: solid 1px #000;}
#content table tbody .threshold a img {border-color: #00f;}
#content table tbody .threshold a:hover img, #content .dynhoveron .threshold img, #content table tbody .threshold a:hover {border-color: #c00}
/* modified to get rid of sort graphics */
#content .segment .firstrow, #content .segment .firstrow th {border-bottom: 1px solid #bbb}
#content .segment .secondrow, #content .segment .secondrow th {border-bottom: 3px double #bbb}
#content .segment .sorted {color: #000}
#content .segment td {text-align: center}
/* in forms allow for vertical orientation of labels */
#content table tbody .label {text-align: right; font-weight: 700; color: #666; font-size: 120%;}
/* event summary */
#content .eventsummary {color: #666;
        font-weight: bold;
        white-space: nowrap;
        background: #eee url(../images/fieldsetbg.gif) repeat-x;
        border: 1px solid #ccc;
        font-size: 90%;
        margin: 0 .2em .5em;
        padding: 0 .5em .3em;
        width: 160px;
        display: block;
}
                                                                                
#content .eventsummary legend {
        background-color: #fff;
        border: 1px solid #ccc;
        padding: .3em .7em;
        margin-bottom: .3em;
}

#report img { border: 0px; }

#report tfoot th {
        color: #666;
        padding: .2em;
        font-size: 80%;
        border-right: 1px solid #ddd;
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
}

#content .inputdescription {
        height: 5em;
}

#content .inputscript {
        height: 20em;
}

#content .helpindex {
    margin-right: 10px;
    float: right;
}