body {
	background-color: #CCC;
	background-image: url('background.gif');
	margin: 0;
	padding: 5px 5px 1px 5px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3   {
	padding: 0;
	margin: 0;
	font-size: 12px;
}
p {
	margin: 3px;
}

a {
	text-decoration: none;
	border-bottom: 1px #22229c dashed;
	color: #22229c;	
}

a:hover {
	text-decoration: underline;
}

a.tooltip:active {
	position: relative;
	text-decoration: none;
}

a.tooltip:link {
	position: relative;
	text-decoration: none;
}

a.tooltip {
	position: relative;
	text-decoration: none;
}

a.tooltip:hover {
	background: transparent;
	z-index: 100;
}

a.tooltip span {
	display: none;
	text-decoration: none;
}

a.tooltip:hover span 
{
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
	width: 200px;
	color: #000;
	border: 1px #000 solid;
	border-left: 4px solid #000;
	padding: 2px 10px 2px 10px;
	background: #E1E1E2;
}



img
{
	border: 0;
}

textarea:hover {
	border: 2px orange solid;
}

textarea.bigTextBox {
	height: 250px;
	width: 500px;
}

img.leftImageRed{	
	float: left;
	margin-top: 2px;
	margin-right: 3px;
	padding: 3px;
	border: 1px #7B0407 dotted;
	border-width: 0 1px 1px 0;
}

img.leftImageGreen{
	float: left;
	margin-top: 2px;
	margin-right: 3px;
	padding: 3px;
	border: 1px #066012 dotted;
	border-width: 0 1px 1px 0;
}

img.leftImageOrange{
	float: left;
	margin-top: 2px;
	margin-right: 3px;
	padding: 3px;
	border: 1px #FFA500 dotted;
	border-width: 0 1px 1px 0;
}


img.leftImage {
	float: left;
	margin-top: 2px;
	margin-right: 3px;
	padding: 3px;	
}

.cat1
{
	background-image: url('gradient_thead.gif');
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;
	padding: 1px 1px 1px 3px;
}

.cat2
{
	background-image: url('gradient_tcat.gif');
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;	
	padding: 1px 1px 1px 3px;
}

div#pageHead {
	color: white;
	background-color: white;
	padding: 5px;
}
div#pageHeadMiddle {
	background-image: url('gradient_thead.gif');
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	padding: 15px 0 15px 0;
	width: 100%;
}
div#pageHeadMiddle h1 {
	font-weight: bold;
	font-size: 15px;
}
div#pageHeadMiddle h2 {
	font-weight: normal;	
}

div#pageBottom {
	clear: both;
	background-color: white;
	padding: 0 5px 0 5px;
	text-align: center;
	font-size: 10px;
}

div#pageMiddle {
	clear: both;
	background-color: white;
	padding: 0 5px 0 5px;
}
div#pageCenter {
	background-color: #EDEDED;
	padding: 5px;
	border: 1px #CCC solid;
	border-top-width: 3px;
}
div.contentBox {
	border: 1px #0B198C solid;
	background-color: #D1D1E1;
}
.title {
	color: white;
	background-image: url('gradient_thead.gif');
	padding: 3px;
	margin: 1px;
	font-weight: bold;
}
.alt1 {
	background-color: #F5F5FF;
	font-weight: normal;
	padding: 3px;
	margin: 1px;
}
.alt2 {
	background-color: #E1E4F2;
	font-weight: normal;
	padding: 3px;
	margin: 1px;
}
div.leftBox {
	float: left;
	width: 49%;
}
div.rightBox {
	float: right;
	width: 49%;
}

div.layerBox {
	position: absolute;
	left: 15px;
	width: 500px;
}

div.clearance {
	clear: both;
	width: 0;
	height: 0;
}

.centered {
	text-align: center;
}

.positive {
	color: #066012;
}

div.logLine {
	width: 90%;
	overflow: hidden;
}

div.logDetailsGreen {
	margin: 5px 0 5px 5px;
	border-left: 5px #066012 solid;
	padding-left: 2px;
	background-color: #BDE2BC;
}

div.logDetailsRed {
	margin: 5px 0 5px 5px;
	border-left: 5px #7B0407 solid;
	padding-left: 2px;
	background-color: #FAA;
}

div.logDetailsOrange {
	margin: 5px 0 5px 5px;
	border-left: 5px #FFA500 solid;
	padding-left: 2px;
	background-color: #FFD291;
}

div.actionBox {
	float: right;
}