/* General Classes */
body{
	font: 12px "Arial Black", Gadget, sans-serif;
	margin : 20px;
	font: 12px verdana, arial, sans-serif;
	color: #000;
	background-color: #fff;
}

td{
	padding: 4px;
	color: #000;
}

th{
	padding: 6px;
	font-weight: bold;
	color: #000;
}

/* Headings */
h1   {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-align: center;
}

h2   {
	font-size: 15px;
	color: #000;
	font-weight: bold;
	text-align: center;
}

h3   {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-align: center;
}

h4   {
	font-size: 13px;
	color: #660000;
	font-weight: bold;
	text-align: center;
}

h5   {
	font-size: 13px;
	color: #006600;
	font-weight: bold;
	text-align: center;
}

/* Input Fields */
select {
	color: #444444;
}

input {
	color: #444444;
}

textarea {
	color: #444444;
}

/* Image Properties */
img{
	margin : 2px 4px;
	vertical-align: middle;
	border: none;
}

.sbar{
	display: inline-block;
	margin: 0 4px;
	height:6px;
	border:1px solid #555;
	border-radius: 2px;
}
.lbar{
	display: inline-block;
	margin: -3px 5px;
	height:12px;
	border:1px solid #555;
	border-radius: 3px;
}
.pbar{
	display: inline-block;
	margin: 0 4px;
	height:10px;
	width:100px;
	text-align: left;
	border:1px solid #777;
	border-radius: 4px;
	background-color: #ccc;
}
.pval{
	height:8px;
	border:1px solid #777;
	border-radius: 3px;
}

img.panel{
	margin : 5px;
}

/* Form Properties */
:focus {background-color: #ffffff}

/* Link Properties */
:link {color: #000;text-decoration: none;}
:visited {color: #000;text-decoration: none;}
:link:focus, :visited:focus {color: #000}
:link:hover, :visited:hover {color: #000}
:link:active, :visited:active {color: #000}

/* Header table & Footer div*/
#header{
	color: #000;
	width: 98%;
	border: 1px solid #bbb;
	padding: 8px;
	background-color: #ccc;
}

/* Actual Module */
table.content{
	empty-cells:show;
	width: 100%;
	border-spacing: 1px;
	background-color: #ccc;
}

/* Helper td */
td.helper{
	padding: 5px;
	vertical-align: top;
}

table.fixed{
	table-layout:fixed;
}

.qrt{
	width: 25%;
}

.half{
	width: 50%;
}

.tqrt{
	width: 75%;
}

.full{
	width: 100%;
}

.xs{
	width: 40px;
}

.s{
	width: 80px;
}

.m{
	width: 120px;
}

.l{
	width: 200px;
}

.xl{
	width: 400px;
}

.xxl{
	width: 600px;
}

.lft{
	text-align: left;
}

.ctr{
	text-align: center;
}

.rgt{
	text-align: right;
}

.top{
	vertical-align:top;
}

.btm{
	vertical-align:bottom;
}

.b{
	font-weight: bold;
}

.nw{
	white-space: nowrap;
}

.bctr{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.flft{
	float: left;
}

.frgt{
	float: right;
}

.genpad{
	background-color: #fff;
	border:1px solid black;
	border-radius: 3px;
	padding : 3px;
}

.textpad{
	margin: 10px auto;
	padding: 10px;
	border-spacing: 1px;
	border: 1px solid #666;
}

.caption   {
	color: #777;
	font-style: italic;
}
.highlight {
	color: #0057ac;
}

/* Preformatted */
.code{
	overflow: auto;
	text-align: left;
	padding: 10px;
	font-family: monospace;
	font: 11px Courier New, monospace;
}

.pre{
	white-space: pre;
}

/* Scrollable list container */
.scroller{
	background-color: #aaaaaa;
	height:150px;
	width:100%;
	overflow: auto;
}


.red {color: red }
.drd {color: darkred }
.grn {color: green }
.blu {color: blue }
.prp {color: purple }
.blk {color: black }

.gry {color: grey }
.dgy {color: dimgrey }
.org {color: orange }
.mrn {color: maroon }
.sna {color: sienna }
.sbu {color: steelblue }
.olv {color: olive }

/* Text Fields */
.txta{background-color: #eeeeee}
.txtb{background-color: #e8e8e8}
.txtd{background-color: #aaa}

/* Image Fields */
.imga{background-color: #fefefe}
.imgb{background-color: #f8f8f8}
.imgw{background-color: #fff}

/* Status Fields */
.good{background-color: #88ff88}
.info{background-color: #80c0f0}
.noti{background-color: #8888ff}
.warn{background-color: #ffff88}
.high{background-color: #f080f0}
.alrm{background-color: #ffaa88}
.crit{background-color: #ff8888}
.part{
 opacity:0.8;
}

/* Content Colors */
.bgtop{
	background-color: #ccc;
}
.bgmain{
	background-color: #ddd;
}

.bgsub{
	background-color: #ddd;
}

#footer{
	color: #000;
	text-align: right;
	font-style: italic;
	width: 98%;
	border: 1px solid #bbb;
	padding: 8px;
	background-color: #ccc;
}