body {
margin: 6px;
padding: 0px 0px;
color: #84878E;
background-color:#354E59;
font-family: Trebuchet MS;
font-size: 11px;
}



a:link { 
text-decoration: none; 
color: #FFFFFF; 
}

a:visited { 
text-decoration: none; 
color: #FFFFFF; 
}

a:hover, a:active { 
color: #FFF; 
text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 { 
font-weight: normal; 
margin: 0px 0 10px; 
}

h3 {
font-size: 20px;
}



pre, blockquote {
overflow: auto;
padding: 0 10px;
margin: 20px 30px;
line-height: 1.8em;
background: #1E2422;
border: 1px solid #141918;
}

ul { 
list-style-image: url(images/bullet-green.gif); 
}

li
{
    margin: 0px 16px;
    width: 200px;
    float: left;

}


.fl
{
    float: left;
}

.ml
{
    margin-left: 4px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

/* End Images */
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.panelLeft 
{
    width: 150px;
    position: relative;
    float: left;
    margin-right: 10px;
}
.panelLeft input 
{
    width: 100%;
}
.panelBody
{
    
}
.ReportTable 
{
    color: White;
}
.ReportTable th 
{
    background-color: #000044;
}
.ReportTable td, .ReportTable th
{
    padding: 1px 4px;
}
.Selected 
{
    background-color: #33aa33;
}