/* The main text */
BODY {
	color:			#000000; /* black */
	background-color: 	#ffffff; /* white */
	font-family: Ariel, sans-serif;
}

.TITLE {
	font-size:	22pt;
	font-family:	Ariel, sans-serif;
	font-weight:	bold;
	text-align:	center;
	vertical-align:	top;
}

/* Headers rendering */
H1 {
	font-size:	22pt;
	font-family:	Ariel, sans-serif;
	font-weight:	bold;
	text-align:	left;
}

H2 {
	font-size:	18pt;
	font-family:	Ariel, sans-serif;
	text-align:	left;
}
H3 {
	font-size:	14pt;
	font-family:	Ariel, sans-serif;
	text-align:	left;
}

.shade {
	background-color:	#d0d0d0; /* light grey */
	color:			#000000; /* black */
}


/* Tables ought to blend in with the rest */
TH { font-family: arial narrow, Ariel, sans-serif; }
TD { font-family: arial narrow, Ariel, sans-serif; }

/* Want the terms-to-be-defined to be bold */
DT { font-weight: bold }

/* special text rendering */
B {
	font-family: arial narrow, sans-serif narrow, Ariel, sans-serif;
	font-weight: bold;
}

I {
	font-family: arial narrow, sans-serif, Ariel, sans-serif;
	font-style: italic;
}

CODE {
	font-family: courier;
	font-weight: bold;
}

TT {
	font-family: courier;
}


/* pre-formatted rendering */
PRE { font-family: courier; }

/* Buttons, thanks to WDVL */
.BUT {
	text-decoration: none;
	color:		#000000;  /* black */
	background:	#cccccc;  /* light grey */
	border-top:	2px solid #eeeeee;
	border-left:	2px solid #eeeeee;
	border-right:	2px solid #aaaaaa;
	border-bottom:  2px solid #aaaaaa;
}

/* Table labels */
.LABEL {
	text-align:	left;
	margin-top:	5pt;
}
.VALUE {
	text-align:	left;
	color:		#000000; /* black */
	background-color: #cccccc; /* light grey */
	margin-top:	5pt;
	width:		100%;
}

/* Group bars */
.BAR {
	text-align:	left;
	color:		#000000; /* black */
	background-color: #cccccc; /* light grey */
	width:		100%;
	margin-top:	5pt;
}

/* Do the alert colors here */
.OK 	{ background-color: #55ffff; }
.WARN	{ background-color: #55ff55; }
.ERROR	{ background-color: #ffff55; }
.CRITICAL { background-color: #ff5555; }

.CYAN 	{ background-color: cyan; }
.GREEN	{ background-color: lightgreen; }
.YELLOW	{ background-color: yellow; }
.RED	{ background-color: red; }

/* and the alerts-for-this-host button */
.ALERT	{
	text-decoration:	none;
	color:			#000000;  /* black */
	background-color: 	#ff5555;  /* red */
	border-top:		2px solid #ff9999;  /* lighter red */
	border-left:		2px solid #ff9999;
	border-right:		2px solid #ff2222;  /* darker red */
	border-bottom:		2px solid #dd0000;
}

/* and the reachability colors */
.UP		{ background-color: #55ffff; }
.UPUNSTABLE	{ background-color: #55ff55; }
.DOWNUNSTABLE	{ background-color: #ffff55; }
.DOWN		{ background-color: #ff5555; }