/* CSS Document */

html, body {
	margin: 0px 0px 0px 0px;
	text-align: center;
    font-family: Verdana, Arial, sans-serif;
    font-size: 8pt;
    text-decoration: none;
    color: #000000;
    background-color: #000000;
}
p  { font-family: Verdana, Arial, sans-serif; font-size: 8pt; text-decoration: none;}
td { font-family: Verdana, Arial, sans-serif; font-size: 8pt; text-decoration: none;}
a  { font-family: Verdana, Arial, sans-serif; font-size: 8pt; text-decoration: underline; color: #0000FF;}
a.hover { font-family: Verdana, Arial, sans-serif; font-size: 8pt; text-decoration: underline; color: #FF0000;}

#background {
	margin:0 auto; position: relative;	top: 0px;
	left: 0px;
	width: 1000px;
	height: 1000px;
	border: 0px none;	
	text-align: center;
	background: url('../images/background.jpg') no-repeat top;
}

#grid {
	margin:0 auto; position: relative;	top: 0px;
	left: 0px;
	width: 1000px;
	height: 1000px;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	text-align: center;
	background: url('../images/grid.gif') repeat;
}

#hilite {
	margin:0 auto; position: relative;	top: 0px;
	left: 0px;
	width: 1000px;
	height: 1000px;
	background: url('../images/pixel.gif') no-repeat top left;
}

.black { font-weight: bold; color: #000000;}
.z {position: absolute;	border: 0px none; z-index: auto; vertical-align:top;}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #FCFEE4;
visibility: hidden;
z-index: 100;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#fadeinbox{
position:absolute;
width: 600px;
left: 0;
top: -400px;
border: 2px solid black;
background-color: lightyellow;
padding: 4px;
z-index: 105;
visibility:hidden;
}

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);