@charset "utf-8";
/* CSS Document */

#body
{
  margin:0px;	
  background: #226987 url(/images/topbg.png) repeat-x;
  
}

A {
	/*#2180bc*/
	COLOR: #008fbf; font-weight:BOLD;FONT-FAMILY: Arial,Verdana , Helvetica, sans-serif; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #008fbf; font-weight:BOLD; FONT-FAMILY: Arial,Verdana,  Helvetica, sans-serif; TEXT-DECORATION:underline;
}

#top_menu
{
	
	width: 900px; 
	height: 28px; 
	background-image: url(/images/topbar.png);
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	margin:0px auto 0px auto;
	
}

#top_image
{
	
	position: static;
		background:url(/images/top_image.jpg) repeat-x center top;
		width:auto;
	height:600px;
	margin:0px auto 0px auto;
	
	
}

#top_panel {
/*	background:url(/images/top_panel.png) no-repeat center top;*/
	height:30px;
	margin:-600px auto 0px auto;
	width:900px;
	  font-family: Verdana, Geneva, sans-serif;
}

#top_panel .share_this {


	float:left;
	margin-top: 7px;
	margin-left: 10px;
	
}

#top_panel .lang_switch {

	color:#FFFFFF;
	float:right;
	font-size:12px;
	line-height:35px;
	margin-left:0px;
	margin-right:10px;
	
	

	
}
#top_panel .lang_switch a {
	color:#FFFFFF;
	font-size:12px;
}
#top_panel .lang_switch img {
	margin-right:3px;
}


#content
{
	position:relative;
background: url(/images/contentbg.gif) repeat-y;
padding-top: 10px;
	width: 900px;
	min-height: 600px;
	margin: 0px auto 0px auto;


	
}

.content_bottom
{

background: url(/images/content_bottom.png) repeat-x;
	width: 900px;
	min-height: 2px;
margin: 0px auto 0px auto;

	
}

#content .left_panel
{
float: left;
	z-index: 1;
	float:left;
	width: 186px;
	height: 900px;
	
	
	/*border: 1px solid #f00;*/
	
	
}


#content .left_panel_button
{
	
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#2e91c8;
	text-align:left;
	border: 1px solid #aaaaff;
	
	width: 132px;
	height: 22px;
	margin: 10px 0px 0px 22px; 
	padding: 4px 0px 0px 10px;
	cursor: pointer;
	
}

#content .left_panel_button:hover
{
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#2e91c8;
	text-align:left;
	width: 132px;
	height: 22px;
	margin: 10px 0px 0px 22px; 
	padding: 4px 0px 0px 10px;
	cursor: pointer;
	border: 1px solid #3e8fc5;
	
	
	
}

#content .left_panel_button_pressed
{
	
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#F30;
	text-align:left;
	width: 132px;

	height: 22px;
	margin: 10px 0px 0px 22px; 
	padding: 4px 0px 0px 10px;
/*	border: 1px solid #fff;*/
		border: 1px solid #aaaaff;
}

#content .head_line
{
	color:#666;
	font-size:16px;
	 font-family: Arial;
	 font-weight: bold;
	 margin-bottom: 0px;
}

#content .head_line_green
{
	color:#390;
	font-size:16px;
	 font-family: Arial;
	 font-weight: bold;
	 margin-bottom: 0px;
}

#content .head_line_grey
{
	color:#888;
	font-size:16px;
	 font-family: Arial;
	 font-weight: bold;
	 margin-bottom: 0px;
}


#content .text
{
	
	border: 0px solid #ecc;
	color:#333333;
	line-height:150%; 
	font-size:15px; 
	word-spacing:9;
	 font-family: Arial, Helvetica, sans-serif;
	 font-weight: normal;	
	 padding: 0px;

}

#content .right_panel
{
float: left;
position:relative;
	/*border: 1px solid #f00;*/
	width: 710px;
	height: auto;
	min-height: 900px;
    margin: 0px;


	  	background: url(/images/right_panel_mid.png) repeat-y;
	
}





#chalk
{
	float: left;
		background:url(/images/chalk.jpg) no-repeat;
		width:16px;
	height:16px;
	margin-top:3px;
	margin-right: 6px;
	
	
}

#welcome_png
{
	float: left;
	/*	background:url(/images/welcome.png) no-repeat;
		width:80px;
	height:36px;*/
	width: 0px;
	
	
}

#download_jpg
{

		background:url(/images/download.jpg) no-repeat;
		width:300px;
	height:41px;
	cursor:pointer;
	margin: 0px;
	padding: 0px;
	
	
}
#download_jpg:hover
{

		background:url(/images/download2.jpg) no-repeat;
		width:300px;
	height:41px;
	cursor:pointer;
		margin: 0px;
	padding: 0px;
	
	
}

#players_online_text
{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: white;
  text-align: center;	
}

#players_online_number
{
font-family:Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
   color: #ff0;
  text-align: center;	
}

.top_button
{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:white;
	text-align:center;
	padding-top:8px;
		
		width: 120px;
		height: 30px;
		cursor: pointer;
}

.top_button:hover
{
		font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:white;
	text-align:center;
	padding-top:9px;
		background:url(/images/top_button2.png) no-repeat;
		width: 120px;
		height: 30px;
		cursor: pointer;
}

.top_button_pressed
{
		font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	/*color:#09F;*/
	color:white;
	text-align:center;
	padding-top:9px;
		background:url(/images/top_button3.png) no-repeat;
		width: 120px;
		height: 30px;

}

.loginbutton
{

	background: white url(/images/loginbt.png);
	border: 0px;
	cursor:pointer;
}

.loginbutton:hover
{
	
	background-image: url(/images/loginbt2.png);

}

.downloadbutton
{
    
	background: white url(/images/downloadbt.png);
	border: 0px;
	cursor:pointer;
}

.downloadbutton:hover
{
	
	background-image: url(/images/downloadbt2.png);

}



.greenboldtext
{
color: #090;
 font-weight:bold;
	
}

.blueboldtext
{
color: #09C;
 font-weight:bold;
}

.simplebt
{
	 cursor: pointer; 
	 font-size: 12px; 
	 border: 1px solid #aaf;
	 text-align: center;
	 width: 150px;
	  background-color: #fff;
	  color: #111;
}
.simplebt:hover
{
	 cursor: pointer; 
	 font-size: 12px; 
	 border: 1px solid #3e8fc5;
	 text-align: center;
	 width: 150px;
	 background-color: #fff;
	   color: #111;
	
}


/*--------------------------preloads-------------------*/

#preload1
{
	display:none;
	width: 1px;
	height: 1px;
	background:url(/images/top_button2.png) no-repeat;

}

#preload2
{
	display:none;
	width: 1px;
	height: 1px;
	background: url(/images/left_panel_button2.png) no-repeat;
}

#preload3
{
	display:none;
	width: 1px;
	height: 1px;
    background: url(/images/download2.jpg) no-repeat;
}
