/* 
	###########################################
	+ ------------ REQUIRED CSS ------------- +
	###########################################
*/

body
{
	background-image: url('http://topofgames.com/images/fon.gif');
	background-color: #FFFFFF;
	color: #75787D;
	font-family: Verdana,Arial,Helvetica;
	font-size: 11px;
	margin:0px;
}

/*
	Links
*/
a:link		{color: #0057A2; text-decoration: none}
a:visited	{color: #034D7A; text-decoration: none}
a:hover		{color: #000000; text-decoration: underline}
a:active	{color: #0057A2;}

/*
	Smallfont property
*/
.smallfont
{
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica;
}
/*
	Main Content Area
*/
#content
{
	vertical-align:top;
}

/* 
	first alternating color
*/
.firstalt	
{
	background-color: #ebf5ff;
	color: #75787D;
}

/*
	second alternating color
*/
.secondalt
{
	background-color: #FFFFFF; color: #75787D;
}

/*
	third alternating color
*/
.thrdalt    { background-color: #FFFFFF; color: #75787D;}

/*
	table head
*/
.tblhead	{ color:#ffffff; text-decoration:none; font-size: 12px; font-weight: bold; background-color: #316E99;

	}

/*
	table category 
*/
.tblcat	{ color:#ffffff; text-decoration:none; font-size: 10px; font-weight: bold; background-color: #c7d5df;}

/*
	table border
*/
.tblborder  { 
	background-color: #CACFD7;
	}

/*
	highlight
*/
.highlight { background-color: yellow; padding: 1px; color: black}



/*
	misc box
*/
.miscbox
{
	padding:4px;
	border: 1px solid #034D7A;
	background-color: #C8D9FF;
}

/*
	breadcrumbs box
*/
.breadcrumbs_box
{
	padding: 6px;
	border: 1px solid #034D7A;
	font-weight: bold;
	font-size: 11px;
	background: #F3F6FF;
	text-align: left;
}


/*
	comments loop
*/
.comments_box
{
	padding:4px;
	margin:4px;
	border-bottom: 2px dotted #034D7A;
	background-color: #C8D9FF;
}

/*
	colors used for Yes / No stuff.
*/
.red { color: red }
.green {color: green}


/*-- misc. --*/
.border_bottom
{
	border-bottom: 1px solid #034D7A;
}

/*
	Field sets style
*/
fieldset
{
	padding: 5px;
}

fieldset legend
{
	padding-bottom: 3px;
}

/* 
	###########################################
	+ ----- CSS used in default style   ----- +
	###########################################
*/
#wrapper
{
	width:95%;
	
	background-position:top right;
	background-repeat:no-repeat;
}

#contentwrapper
{
	background: #B1D0FC;
	border: 1px solid #034D7A;
	padding:1px;
}

#maintable
{
		background-color:#FFFFFF;
}

#header
{
	margin-top:5px;
	font-size:36px;
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#timebox
{
	background-color:#C8D9FF;

	padding:5px;
	text-align:left;
}

#navbox
{
	margin-left:5px; /* for box spacing */
	color:#999999;
	font-size:16px; 
	font-family: "Trebuchet MS";
	background-color:#C8D9FF;
	text-align:center;
	padding-top:10px;
}

#navbox a:link,#navbox a:hover,#navbox a:visited,#navbox a:active
{
	color:#024A8E;
	font-weight:bold;
}

#footer
{
	padding: 5px;
	background-color:#0057A2;
	color:#fff;
	text-align:center;
	/*background-image:url(img/evotopsites_logo_small.gif);
	background-position:left;
	background-repeat:no-repeat;*/
}

#footer a:link,#footer a:hover,#footer a:visited,#footer a:active
{
	color:#ffffff;
	font-weight:bold;
}

#rank_1
{
	font-size:30px;
	color: gold;
}

#rank_2
{
	font-size:30px;
	color: silver;
}


#rank_3
{
	font-size:30px;
	color: bronze;
}

.ranks
{
	font-weight:bold;
}

.rank
{
	font-size:20px;
	color: silver;
	font-weight:bold;
}

.trend
{
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica;
	color: #222222;
}
.hitsrow
{
	font-weight:bold;
	
	color:#0057A2
}

.hitstable td
{
	/*
	border-collapse:collapse;
	border-bottom:1px solid #034D7A;
	*/
}

.hitstable 
{
	/*
	border:1px solid #034D7A;
	border-collapse:collapse;
	*/
}

.cp_nav
{	
	color:#222222;
	background-color:#E0E7FF;
	padding:10px;
	padding-left: 15px;
	font-weight:bold;
	font-size:13px;
	border-bottom: 1px solid #034D7A;
	cursor:pointer;
}
.cp_nav_over
{	
	color:#222222;
	background-color:#C8D9FF;
	padding:10px;
	padding-left: 15px;
	font-weight:bold;
	font-size:13px;
	border-bottom: 1px solid #034D7A;
	cursor:pointer;
}

.bold_sites
{
	font-size: small;
}








/* other css styles for html tags */
form
{
	margin: 0px;
}

h1,h2,h3,h4,h6
{
	color:#0057A2;
	margin:2px;
}

h5
{
	font-family: Verdana,Arial,Helvetica;
	font-size:8px;
	color:#c0c0c0;
	margin:2px;
}


	
tr,td,p,li,ul,ol,form
{
	font-family: Verdana,Arial,Helvetica;
	font-size: 11px
}

hr
{
	color:#000000
}

img
{
	border-style: none;
}

b
{
	color:#0057A2;
}

select
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #222222;
	font-size: 10px;
	border: 1px solid #034D7A;
	background-color: #E0E7FF;
}

input, textarea ,option
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #222222;
	font-size: 10px;
	background-color: #E0E7FF;
}

legend
{
	font-weight:bold;
}


.SR { background: #eef6ff; float: right; width: 160px; padding: 0px;}
.SR h3 { background:#c7e1ff; font-family: "Trebuchet MS"; font-size: 16px; letter-spacing: -1px; padding: 3px 0px 3px 10px; margin: 0px;  color: #003366;}
.SR ul { padding: 5px 10px; margin: 0px; margin-bottom: 10px;}
.SR li { padding: 1px 0px; margin: 0px; list-style-type: none; font-weight: none; line-height: 12px; line-height: 1.5em; font-size: 11px;}
.SR li a { text-decoration: underline;}
.SR li a:visited { text-decoration: underline;}

div.serverinfo {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -300px;
  margin-top: -200px;
  z-index: 101;
  width: 600px;
  border: 1px solid #000000;
  background: #FFFFFF;
  font-size: 8pt;
  text-align: left;

}

div.topbar {
	background: url(/images/title-bg.jpg) repeat-x;
	height: 18px;
	width: 600px;
	border-bottom: 1px solid #000000;
	color: #000000;
	margin-top: 2px;
}


h2 {
  font: bold 16px Verdana;
  margin-top: 0px;
}

h1 { font-family: "Trebuchet MS"; font-size: 11px; letter-spacing: -1px; font-weight: normal; margin: 0px; color: #FFFFFF;}
h1 strong { font-size: 12px; font-weight: bold; letter-spacing: 0;}

.slogan { text-indent: -5000px; margin: 0; padding: 0;}
.slogan strong { width: 222px; height: 5px; background: url() no-repeat; position: absolute; top: 0px; }

div#horiz-menu {
	background: url(../images/menu-bg.png) 0 0 repeat-x;
	height: 36px;
}

/* @group menus */

div#horiz-menu ul {
	margin: 0;
	padding: 6px 0 0 0;
}

div#horiz-menu li {
	margin: 0;
	padding: 0;
	padding-right: 2px;
	float: left;
	list-style: none;
	background: url(../images/menu-divider.png) 100% 0 repeat-y;
}

div#horiz-menu a:link,
div#horiz-menu a:visited {
	display: block;
	float: left;
	padding: 0 25px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

div#horiz-menu a:hover {
	background: #4F6FA7;
}

/* @group mainmenu */

a.mainlevel:link,
a.mainlevel:visited {
	text-decoration: none;
}

a.mainlevel {
	display: block;
	padding: 4px 0 2px 28px;
	margin-bottom: 3px;
	background: url(../images/menu-bullet.png) 0 0 no-repeat;
}

a.sublevel:link,
a.sublevel:visited {
	text-decoration: none;
}

a.mainlevel:hover {
	text-decoration: underline;
}

a.sublevel:hover {
	text-decoration: none;
}


a#active_menu:link,
a#active_menu:visited {
	color: #333;
}


li.active_menu a:link,
li.active_menu a:visited {
  color: #333;
}

div#wrapper {
	margin: 0 auto;
	width: 951px;
	padding-top: 0px;
}

table.mainbody,
table.usermodules {
	width: 100%;
	padding: 0;
}

td.mainbody {
	background: #fff;
}

td.usermodules {
	padding: 0 10px;
}

td.mainbody .padding,
td.right .padding {
	padding: 15px;
}

td.mainbody .padding {
	padding: 15px 25px;
}


img#rocket {
	width: 150px;
	height: 50px;
}

table.mainbody,
table.usermodules {
	width: 100%;
	padding: 0;
}

td.mainbody {
	background: #fff;
}

td.usermodules {
	padding: 0 10px;
}