html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	background-color:#E6E6E6;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
span {
	font-size:10px;
}
div.wrapper {
	text-align:center;
	margin:auto;
	width:692px;
	background-color:#ffffff;
}
div.header {
	position:relative;
	top:6px;
	left:6px;
	right:6px;
	width:680px;
	height:108px;
	background:url(img/ioball.gif) center right #8C8C8C no-repeat;
	border:0px;
	vertical-align:bottom;
}
div.subhd {
	position:relative;
	top:80px;
	left:0px;
	right:0px;
	width:680px;
	height:24px;
	background-color:#ffffff;
	padding-left:2px;
	vertical-align:middle;
	line-height:24px;
	color:#8c8c8c;
	font-weight:bold;
	z-index:0;
	text-align:left;
}
font.special {
	font-weight:bold;
	color:#0099FF;
}
div.ad {
	position:relative;
	display:block;
	top:6px;
	left:6px;
	right:6px;
	width:680px;
	padding-top:1px;
}
div.mncontent {
	position:relative;
	top:6px;
	left:6px;
	right:6px;
	width:680px;
	padding-top:1px;
}
td.labels {
	text-align:right;
	height:18px auto;
	color:#999999;
	font-size:9px;
	padding-right:2px;
	border-bottom:1px dotted #999999;
}
ul.menu {
list-style-type: none;
margin:0;
padding:0;
position: absolute; 
top: 0px; /* Menu position that can be changed at will */
left: 10px;
vertical-align:text-bottom;
}

.menu li {
float: left;
vertical-align:text-bottom;
}

.menu a {       /* definition for each button in the menu */
width:100px;	   /* button width that can be changed at will */
height:80px;
float:left;
display:block;
text-align:center;
border:0px solid #8c8c8c; 
text-decoration:none;
font-weight:bold;
font-size:11px;
color:#ffffff;
background:#8c8c8c;
vertical-align:text-bottom;
line-height:140px;
}

.menu a:hover {
background: #AAA;
border: 0px solid gray; 
border-bottom: 0px;
color: #0099FF;
}

.menu a span {     /* definition of <span> tag included in <a> */
display:block;
position:absolute;
top:80px;
left:0px;
right:0px;
width:600px;       /* Tooltips zone width according to menu width */
text-align:left;
color: #000000;
background-color:#ffffff;
line-height:24px;
}

.menu a:hover span {   /* definition of the <span> tag when hovering */
display:block;
position:absolute;
top:80px;
left:-8px;
right:0px;
width:600px;       /* Tooltips zone width according to menu width */
text-align:left;
color:#8c8c8c;
background-color:#ffffff;
line-height:24px;
z-index:1;
padding-left:8px;
}
div.footer {
	position:absolute;
	left:6px;
	right:6px;
	bottom:6px;
	width:680px;
	height:34px;
	background-color:#ffffff;
	border-top:1px solid #8c8c8c;
	text-align:center;
	color:#8c8c8c;
	padding:0px;
	padding-top:4px;
}
.footer a{
	color:#8c8c8c;
}
.footer a:hover{
	text-decoration:none;
	color:#0099FF;
}
file     { font-family:Verdana; font-size:10px; height:12pt; border:1px #98AAB1 solid; background-color:#F0F0F0; }
input     { font-family:Verdana; font-size:10px; height:12pt; border:1px #98AAB1 solid; background-color:#F0F0F0; }
select     { font-family:Verdana; font-size:10px; height:11pt; border:1px #98AAB1 solid; background-color:#F0F0F0; }
textarea     { font-family:Verdana; font-size:10px; height:50pt; border:1px #98AAB1 solid; background-color:#F0F0F0; }

