body{
font-family:arial;
background-color:black;
color:white;
}
a {
color:#FF9933;
}
.timespent{
background-color:black;
color:white;
width:300;
text-align:center;
font-size:48px;
border: 0px;
}
.timespentTot{
background-color:black;
color:white;
width:300;
text-align:center;
font-size:64px;
border: 0px;
}
a {
color:#FF9933;
}
#faq {
	position: absolute;
	visibility: hidden;
	width: 600px;
	height: 570px;
	margin: auto;
	top: 200px;
	left: 170px;
	background-color: #000;
	border: 5px solid #ff9933;
	padding: 10px;
}
#top10 {
	color:#FFFFFF;
	position: absolute;
	visibility: hidden;
	width: 400px;
	height: 450px;
	margin: auto;
	right: 10px;
	top: 200px;
	background-color: #000;
	border: 5px solid #ff9933;
	padding: 10px;
}
#ranking {
	position: absolute;
	visibility: hidden;
	width: 400px;
	height: 450px;
	margin: auto;
	top: 200px;
	left: 170px;
	background-color: #000;
	border: 5px solid #ff9933;
	padding: 10px;
}
.top10list{
	color:#FF9933;
}
#close {
	float: right;
}
#closetop10 {
	float: right;
}
.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: middle;
color: Black;
background-color: #FF9933;
border: 2px solid #CCCCCC;
}

.hovermenu ul li a:hover{
background-color: #C00000;
color: #FFFF99;
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
#fbbox1{
position:absolute;
left:10px;
top:0px;
}
#adbox2{
position:absolute;
right:10px;
top:200px;
}
#dhtmltooltip{
color: black;
font-weight:bold;
font-family:arial;
position: absolute;
width: 200px;
border: 2px solid white;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	}
/*CSS Sabrosus style pagination*/
div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
	font-weight:bold;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #FF9900;
	
	text-decoration: none; 
	color: #FF9900;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #FF9900;
	color: #000;
	background-color: lightyellow;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid navy;
	font-weight: bold;
	background-color: #FF9900;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #929292;
	color: #929292;
}
#pageflip {
	position: relative;
}
#pageflip img {
	border: none;
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; 
	top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	right: 0; 
	top: 0;
	background: url('subscribe.png') no-repeat right top;
	text-indent: -9999px;
}
.rotate180 {
     
     -moz-transform: rotate(-180deg);
     -webkit-transform: rotate(-180deg);  
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
     transform: rotate(180deg); 
}