@charset "utf-8";
/* CSS Document */

html, body {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #38801b;
}

body {
	background: url(../resimler/header_top.png) repeat-x top,
	url(../resimler/header_bottom.png) repeat-x 0 282px,
	url(../resimler/header_logo.png) no-repeat center 51px,
	url(../resimler/content_top.jpg) repeat-x 0 351px,
	url(../resimler/footer_bg.jpg) no-repeat center bottom #000;
	}

a {
	color: #275f10;
	text-decoration: none;
	font-size: 1em;
}

a:hover {
	text-decoration: underline;
}

#site {
	position: relative;
	margin: 0 auto;
	width: 1131px;
	min-height: 1002px;	
}

#header {
	display: block;
	height: 223px;
}

#header_container {
	display: block;
	position: relative;
	background: url(../resimler/header_container.png);
	margin: 50px auto 0 auto;
	width: 540px;
	height: 114px;
}

#footer {
	position: relative;	
	height: 246px;
	padding: 1px 0;
}

#footer_container {
	background: url(../resimler/footer_container.png);
	margin: 50px auto 0 auto;
	padding: 72px 0 0 175px;
	width: 388px;
	height: 89px;
	color: #275f10;
}

.side {
	position: relative;
	width: 282px;	
}

#left_side {
	float: left;
}

#content_container {
	position: relative;
	float: left;
	width: 567px;
}

#content_top {
	background: url(../resimler/content_top.png) no-repeat top;
	height: 195px;
	margin: -40px 0 0 0;
}

#content {
	background: url(../resimler/content.png) repeat-y;
	padding: 1px 32px 1px 32px;
	min-height: 195px;	
}

#content_bottom {
	background: url(../resimler/content_bottom.png) no-repeat;
	height: 143px;
}

#right_side {
	float: right;
}

.side_panel {
	position: relative;
	background: url(../resimler/side_panel.png);
	width: 176px;
	padding: 170px 52px 0 54px;
	height: 451px;
	margin: -40px 0 0 0;
}

.side_shop_button {
	display: block;
	position: relative;
	background: url(../resimler/shop.png);
	width: 234px;
	height: 242px;
	margin: -40px auto 0 auto;
}

.side_panel:first-child {
	margin: 0 !important;
}

.side_panel_button {
	display: block;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	background: url(../resimler/side_panel_button.png) no-repeat top left;
	width: 176px;
	height: 46px;
	color: #275f10;
	line-height: 46px;
	vertical-align: middle;
	text-align: center;
	text-shadow: 0 0 5px #000;
	text-decoration: none;
}

#user_login, #user_password {
	position: relative;
	display: block;	
	width: 140px;
	margin: 0 auto;
}

input[type=text], input[type=password], select, textarea {
	outline: none;
	border-radius: 4px;
	border: 1px solid #223114;
	border-left: 1px solid #14200d;
	border-right: 1px solid #14200d;
	background: #0b1005;
	padding: 0 8px;	
	color: #275f10;
	box-shadow: inset 5px 5px 10px #000;
}

input[type=text], input[type=password] {
	height: 32px;
	margin-top: 2px !important;
	margin-bottom: 5px !important;
}

.button, button, input[type=submit] {
	outline: none;
	display: inline-block;
	display: block;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	background: url(../resimler/side_panel_button.png) no-repeat center center;
	max-width: 142px;
	height: 30px;
	color: #275f10;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	text-shadow: 0 0 5px #000;
	text-decoration: none;
	border: 1px solid #223114;
	padding: 0 5px;
	cursor: pointer;
}

.button:active, button:active, input[type=submit]:active {
	line-height: 32px;
}

#active
{
font-size:15px;
  text-shadow: 0px 2px 4px red,
  1px -1px 4px yellow,
  1px 7px 9px white,
  1px -8px 9px white,
  9px 0px 9px white,
  -7px 0px 9px white;
}

#user_area {
	height: 200px;
}

#rank_table {	
	position: relative;
	width: 100%;
	font-size: 0.75em;
	background: url(../resimler/bg.jpg) repeat;
	border-bottom: 1px solid #4ca32a;
	box-shadow: inset 0 0 100px rgba(0, 0, 0, 1);
	border-radius: 5px;
}

#rank_table td {
	border-left: 1px solid #0b1805;
	border-top: 1px solid #0b1805;
	height: 10px;
}

#rank_table td:first-child {
	border-left: none;
	width: 10px;
}

#rank_table td:last-child {
	width: 20px;
}

#rank_table tr:first-child td {
	border-top: none;
}

.text_shadow {
	display: block;
	font-weight: bold;
	margin-top: 8px;
	text-shadow: 0 0 10px #000;	
	text-align: center;
	color: #4ca32a;
}

.status-online *, .status-offline * {	
	float: left;
}

.status-online, .status-offline {
	text-shadow: 1px 0px 20px aquamarine;
	font-weight: bold;
	line-height: 24px;
	margin: 25px 0px 0px -25px;
	text-align: center;
}

.stauts-online {
	color: #4ca32a;		
}

.status-offline {
	color: #C00;
}

.status_gem {
	width: 19px;
	height: 24px;
	vertical-align: middle;
	margin: 0 5px;
}

.status-online .status_gem {
	background: url(../resimler/online.png);
}

.status-offline .status_gem {
	background: url(../resimler/offline.png);
}