/*
    General
*/
body {
    color: #000000;
    background-color: #FFFFFF;
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    font-size: 12pt;
    
    padding: 0;
    padding-bottom: 2ex;
    margin: 0;
    width: 100%;
}

tt {
	font-family: courier;
}

hr {
    border: 0;
    border-top: 1px solid #ABB8C2;
}

a {
	color: #0000C0;
	text-decoration: none;
}

a.param {
	padding-left: 14px;
    background-repeat: no-repeat;
    background-position: left center;
}

td.icon16 {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

/*
    Heading
*/
#heading {
}

#heading #host {
    background-color: #ABB8C2;
    color: #000000;
    font-size: 2em;
    font-weight: bold;

    margin: 0;
    padding: 3px;
}

#heading #param {
    background-color: #CBD1D9;
    
    margin: 0;
    padding: 3px;
}

/*
    Content
*/

#content {
    margin-left: 1em;
    margin-right: 1em;
}

/*
    Views
*/
div.view {
    padding: 3px;
    background-color: #E9F1FF;
    border: 1px solid #000000;

    width: 100%;
    margin-top: 1ex;
}

div.view .button {
    text-align: center;
    float: left;
    margin-right: 0.25em;
}

div.view .button button {
    width: 24px;
    height: 24px;
    
    font-size: 75%;
    vertical-align: top;
}

div.view .title {
    font-weight: bold;
    text-decoration: underline;
    
    height: 24px;
}

div.view .content {
    margin-top: 0.5ex;
    clear: both;
    overflow: auto;
}

/*
	Listings
*/
table.listing {
	width: 100%;
	border: 1px solid #000000;
	border-collapse: collapse;
    border-spacing: 0 0;
	padding: 0;
}

table.listing th {
    background-repeat: no-repeat;
    background-position: 0.25em center;

	color: #FFFFFF;
	background-color: #333333;
	padding: 0px;
	text-align: left;
    
    font-size: 120%;
    
    padding: 5px;
    padding-left: 40px;
    height: 40px;
}

table.listing td {
    margin: 0;
    border: 1px dotted #2D3033;
    padding: 3px;
    
    height: 24px;
    
    vertical-align: middle;
}

table.listing tr.head td {
    border-top: 0;
	background-color: #ABB8C2;
	font-weight: bold;
}

table.listing tr.a td {
    background-color: #CBD1D9;
}

table.listing tr.b td {
    background-color: #BEC5CE;
}

.note {
	font-style: italic;
	font-size: 12pt;
}

/*
	Status colors
*/

.Critical {
	background-color: #FF0000;
}

.Major {
	background-color: #E0C000;
}

.Minor {
	background-color: #E0E000;
}

.Warning {
	background-color: #40E0E0;
}

.Normal {
	background-color: #00E000;
}

.Unknown {
	background-color: #0000E0;
	color: #FFFFFF;
}

.Unset {
	background-color: #E0E0E0;
}