@charset "UTF-8";

@import "genel.css";
*{
	margin: 0px;
	padding: 0px;
}
.lg_text {
	font-size:17px;
	font-weight:500;	
}
.clear {
	clear:both;
	height:0px;
}

a {
				font-family: Calibri;
				font-size: 11pt;
				font-weight: bold;
				text-decoration: none;
				color: #50afba;
				text-shadow: #FFF 0px 1px 1px;
			}
			a:hover {
					color: #0188a1;
				}


.formbtn {
	border:0px;
		
}
td .question {
	margin-left:2px;
	width:200px;	
}
a:focus {
	outline-style: none;
	outline-color: invert;
	outline-width: medium;
}
#view{
	width: 980px;
	margin: 0px auto;
}
body {
	background: #ababab url(images/bg.jpg) repeat-y center top;
}
.content_wrap {
	width:190px;	
	padding-left:15px;
}
#header{
}
	#header_bg{
		background: url(images/header_bg.jpg) no-repeat center top;
		height: 240px;
	}
		#logo {
background: url(images/logo.jpg) no-repeat center bottom;
    margin: 0px auto;
    padding-top: 69px;
    width: 376px;
    height: 215px;
		}
	#navi {
		background: url(images/navi.jpg) no-repeat center top;
		margin: 0px auto;
		height: 266px;
	}
		#navigation {
			width: 980px;
			height: 266px;
			margin: 0px auto;
		}
			#navigation_left {
				width: 399px;
				height: 266px;
				float: left;
			}
				ul#navigation_left {
					height: 150px;
					list-style: none;
				}
					.navigation_left_item_1 {
						background: url(images/navigation_items.jpg) no-repeat 0px 0px;
						display: block;
						height: 83px;
						width: 129px;
						float: left;
					}
						.navigation_left_item_1:hover {
							background: url(images/navigation_items.jpg) no-repeat 0px -83px;
						}
							.navigation_left_item_1:active {
								background: url(images/navigation_items.jpg) no-repeat 0px -166px;
							}
					.navigation_left_item_2 {
						background: url(images/navigation_items.jpg) no-repeat -129px 0px;
						display: block;
						height: 82px;
						width: 130px;
						float: left;
					}
						.navigation_left_item_2:hover {
							background: url(images/navigation_items.jpg) no-repeat -129px -83px;
						}
							.navigation_left_item_2:active {
								background: url(images/navigation_items.jpg) no-repeat -129px -166px;
							}
					.navigation_left_item_3 {
						background: url(images/navigation_items.jpg) no-repeat -259px 0px;
						display: block;
						height: 82px;
						width: 130px;
						float: left;
					}
						.navigation_left_item_3:hover {
							background: url(images/navigation_items.jpg) no-repeat -259px -83px;
						}
							.navigation_left_item_3:active {
								background: url(images/navigation_items.jpg) no-repeat -259px -166px;
							}
					#navigation_register {
						margin-top: 184px;
						margin-left: 77px;
						width: 208px;
						height: 48px;
					}
						.navigation_register_button {
							background: url(images/navigation_buttons.png) no-repeat 0px 0px;
							display: block;
							width: 208px;
							height: 48px;
						}
							.navigation_register_button:hover {
								background: url(images/navigation_buttons.png) no-repeat 0px -48px;
							}
								.navigation_register_button:active {
									background: url(images/navigation_buttons.png) no-repeat 0px -96px;
								}
						.navigation_character_button {
							background: url(images/navigation_buttons.png) no-repeat 0px -144px;
							display: block;
							width: 208px;
							height: 48px;
						}
							.navigation_character_button:hover {
								background: url(images/navigation_buttons.png) no-repeat 0px -192px;
							}
								.navigation_character_button:active {
									background: url(images/navigation_buttons.png) no-repeat 0px -240px;
								}
			#navigation_center {
				width: 177px;
				height: 266px;
				float: left;
			}
				.navigation_orb {
					background: url(images/navigation_orb.jpg) no-repeat 0px 0px;
					display: block;
					margin-top: 48px;
					height: 180px;
					width: 177px;
				}
					.navigation_orb:hover {
						background: url(images/navigation_orb.jpg) no-repeat 0px -180px;
					}
						.navigation_orb:active {
							background: url(images/navigation_orb.jpg) no-repeat 0px -360px;
						}
			#navigation_right {
				width: 391px;
				margin-left: 5px;
				height: 266px;
				float: left;
			}
				ul#navigation_right {
					height: 150px;
					list-style: none;
				}
					.navigation_right_item_1 {
						background: url(images/navigation_items.jpg) no-repeat -649px 0px;
						display: block;
						height: 83px;
						width: 131px;
						float: right;
					}
						.navigation_right_item_1:hover {
							background: url(images/navigation_items.jpg) no-repeat -649px -83px;
						}
							.navigation_right_item_1:active {
								background: url(images/navigation_items.jpg) no-repeat -649px -166px;
							}
					.navigation_right_item_2 {
						background: url(images/navigation_items.jpg) no-repeat -519px 0px;
						display: block;
						height: 82px;
						width: 130px;
						float: right;
					}
						.navigation_right_item_2:hover {
							background: url(images/navigation_items.jpg) no-repeat -519px -83px;
						}
							.navigation_right_item_2:active {
								background: url(images/navigation_items.jpg) no-repeat -519px -166px;
							}
					.navigation_right_item_3 {
						background: url(images/navigation_items.jpg) no-repeat -389px 0px;
						display: block;
						height: 82px;
						width: 130px;
						float: right;
					}
						.navigation_right_item_3:hover {
							background: url(images/navigation_items.jpg) no-repeat -389px -83px;
						}
							.navigation_right_item_3:active {
								background: url(images/navigation_items.jpg) no-repeat -389px -166px;
							}
					#navigation_login {
						margin-top: 184px;
						margin-left: 126px;
						width: 208px;
						height: 48px;
					}
						.navigation_login_button {
							background: url(images/navigation_buttons.png) no-repeat -208px 0px;
							display: block;
							width: 208px;
							height: 48px;
						}
							.navigation_login_button:hover {
								background: url(images/navigation_buttons.png) no-repeat -208px -48px;
							}
								.navigation_login_button:active {
									background: url(images/navigation_buttons.png) no-repeat -208px -96px;
								}
						.navigation_account_button {
							background: url(images/navigation_buttons.png) no-repeat -208px -144px;
							display: block;
							width: 208px;
							height: 48px;
						}
							.navigation_account_button:hover {
								background: url(images/navigation_buttons.png) no-repeat -208px -192px;
							}
								.navigation_account_button:active {
									background: url(images/navigation_buttons.png) no-repeat -208px -240px;
								}		
								
								
#content_bg_rep {
	background: url(images/content_bg_rep.jpg) repeat-y center top;
	min-height: 673px;
}
	#content_top_bg {
		background: url(images/content_top_bg.jpg) no-repeat center top;
		min-height: 478px;
	}
		#content_bottom_bg {
			background: url(images/content_bottom_bg.jpg) no-repeat center bottom;
			min-height: 195px;
		}
			#content{
				margin: 0px auto;
				min-height: 673px;
				width: 980px;
			}
				#sidebar_left {
					background: repeat-y center top;
					margin-top: 17px;
					width: 247px;
					min-height: 33px;
					float: left;
				}
					#sidebar_left_item {
						margin-left: 4px;
						text-align: left;
						font-family: Calibri;
						font-weight: bold;
						font-size: 10pt;
						color: #727272;
					}
						#sidebar_left_item_title {
							background: url(images/sidebars.png) no-repeat 0px 0px;
							margin-top: 23px;
							height: 71px;
							width: 232px;
							padding-top: 21px;
							padding-right: 12px;
							text-align: center;
							font-family: Tangerine;
							font-weight: bold;
							font-size: 21pt;
							color: #63819d;
							text-shadow: #FFF 0px 1px 1px;
						}
						#sidebar_left_item_content {
							background: url(images/sidebars.png) repeat-y -488px 0px;
							margin-left: 4px;
							min-height: 10px;
							width: 224px;
							text-align: center;
							font-family: Calibri;
							font-weight: bold;
							font-size: 11pt;
							color: #727272;
						}
						#sidebar_left_item_footer {
							background: url(images/sidebars.png) repeat-y -936px 0px;
							margin-left: 4px;
							height: 44px;
							width: 224px;
						}
					
				#main_content {
					background: repeat-y center top;
					margin-top: 59px;
					width: 486px;
					min-height: 33px;
					float: left;
				}
					#main_content_item {
						margin: 0px auto;
						width: 408px;
						text-align: left;
						font-family: Calibri;
						font-size: 12pt;
						color: #878c91;
					}
						#main_content_item_title {
							background: url(images/main_content_item_title.jpg) no-repeat center top;
							margin: 0px auto;
							height: 37px;
							width: 408px;
							text-align: center;
							font-family: Tangerine;
							font-weight: bold;
							font-size: 12pt;
							padding-top: 3px;
							color: #70767d;
						}
						#main_content_item_content {
							font-weight: 500;
							padding-left: 9px;
							padding-right: 9px;
						}
						#main_content_item_footer {
							margin-top: 14px;
							height: 46px;
							color: #70767d;
							font-weight: bold;
							font-size: 9pt;
							padding-left: 9px;
							padding-right: 9px;
						}
							#main_content_item_footer_text {
								margin-top: 4px;
								float: left;
							}
							#main_content_item_footer_button {
								float: right;
							}
								.main_content_link {
									text-decoration: none;
									color: #46608a;
								}
									.main_content_link:hover {
										color: #688ab5;
									}
										.main_content_link:active {
											color: #212f50;
										}

				#sidebar_right {
					background: repeat-y center top;
					margin-top: 17px;
					width: 247px;
					min-height: 33px;
					float: left;
				}
					#sidebar_right_item {
						margin-left: -1px;
						text-align: left;
						font-family: Calibri;
						font-weight: bold;
						font-size: 10pt;
						color: #727272;
					}
						#sidebar_right_item_title {
							background: url(images/sidebars.png) no-repeat -244px 0px;
							margin-top: 23px;
							height: 71px;
							width: 232px;
							padding-top: 21px;
							padding-left: 12px;
							text-align: center;
							font-family: Tangerine;
							font-weight: bold;
							font-size: 21pt;
							color: #63819d;
							text-shadow: #FFF 0px 1px 1px;
						}
						#sidebar_right_item_content {
							background: url(images/sidebars.png) repeat-y -712px 0px;
							margin-left: 16px;
							min-height: 10px;
							width: 224px;
							text-align: center;
							font-family: Calibri;
							font-weight: bold;
							font-size: 11pt;
							color: #727272;
						}
						#sidebar_right_item_footer {
							background: url(images/sidebars.png) repeat-y -936px -46px;
							margin-left: 16px;
							height: 44px;
							width: 224px;
						}
							.sidebar_item {
								background: url(images/sidebar_trennstrich.png) no-repeat center bottom;
								width: 152px;
								min-height: 7px;
							}
								#srvstatus_time {
									float: left;
									margin-top: 5px;
								}
								#srvstatus_time p{
									font-size: 9pt;
								}
				#sidebar_trennstrich {
					background: url(images/sidebar_trennstrich.png) no-repeat center top;
					margin: 0px auto;
					height: 7px;
					width: 152px;
				}
				.sidebar_link {
					background: url(images/link_icon.png) no-repeat left center;
					padding-left: 9px;
					height: 6px;
					width: 6px;
					font-family: Calibri;
					font-weight: bold;
					font-size: 10pt;
					color: #727272;
				}
					.sidebar_link:hover {
						color: #7e95be;
					}
						.sidebar_link:active {
							color: #a0afc6;
						}
				.gauge_text{
					color: #5c7b97;
				}
					.gauge_text span{
						color: #22bc76;
					}
				.gauge_empty {
					background: url(images/gauge.png) no-repeat 0px 0px;
					margin: 0px auto;
					height: 20px;
					width: 124px;
				}
					.gauge_full {
						background: url(images/gauge.png) no-repeat 0px -20px;
						height: 20px;
					}
				.top3_hightlight {
					margin: 0px auto;
					
					background: url(images/top3_highlight.html) no-repeat center top;
					width: 191px;
					min-height: 95px;
				}
				.ranking_title {
					font-size: 8pt;
					color: #133a6f;
				}
					.ranking_item_place {
						width: 35px;
						text-align: left;
						color: #5c7b97;
					}
					.ranking_item_playername a {
						width: 125px;
						text-align: left;
						color: #45596e;
						text-decoration:none;
					}
					
					.ranking_item_playername a:hover {
					text-decoration:underline; 
					}
					.ranking_item_empire {
						width: 40px;
					}
					.ranking_item_level {
						width: 20px;
						text-align: right;
						color: #5c7b97;
					}

#login_window {
	background: url(images/login_window.png) no-repeat center top;
	margin: 0px auto;
	height: 303px;
	width: 506px;
}
	#login_window_title {
		text-align: center;
		font-family: Tangerine;
		font-weight: bold;
		font-size: 13pt;
		padding-top: 44px;
		color: #474b50;
		text-shadow: #FFF 0px 1px 1px;
	}
	#login_window_content {
		margin: 0px auto;
		width: 270px;
		text-align: center;
	}
		
		select {
			background: url(images/input.png) no-repeat center top;
			width:204px; 
			height: 48px;
			border: 0px 0px;
			border-style: none;
			font-family: arial;
			font-size: 10pt;
			font-weight: bold;
			text-align: center;
			color: #046cb1;
			padding: 0px 15px;
			text-shadow: #FFF 0px 1px 1px;
			outline:none;
		}
		
		
		 input[type='text'], input[type='email'], input[type='password'] {
			background: url(images/input.png) no-repeat center top;
			height: 48px;
			border: 0px 0px;
			border-style: none;
			font-family: arial;
			font-size: 10pt;
			font-weight: bold;
			text-align: center;
			color: #046cb1;
			padding: 0px 15px;
			text-shadow: #FFF 0px 1px 1px;
			outline:none;
		}
			input:hover, input[type='text']:hover, input[type='email']:hover, input[type='password']:hover {
				color: #108cdc;
			}
				input:focus, input[type='text']:focus, input[type='email']:focus, input[type='password']:focus {
					color: #30b3f7;
				}
		.login_window_link {
			font-family: Calibri;
			font-weight: bold;
			font-size: 10pt;
			color: #9f9f9f;
			text-shadow: #FFF 0px 1px 1px;
		}
			.login_window_link:hover {
				color: #727272;
			}
				.login_window_link:active {
					color: #a0afc6;
				}
#footer_bg_rep {
	background: url(images/footer_bg_rep.jpg) repeat-x center top;
	height: 384px;
}
	#footer_bg {
		background: url(images/footer_bg.jpg) no-repeat center top;
		height: 384px;
	}
		#page_buttons {
			width: 250px;
			height: 40px;
			
			margin: 0px auto;
		}
			.page_arrow_button {
				display: block;
				height: 40px;
				width: 20px;
				line-height: 40px;
				text-align: center;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10pt;
				font-weight: bold;
				float: left;
				color: #163944;
			}
				.page_arrow_button:hover {
					color: #007cc2;
				}
					.page_arrow_button:active {
						color: #00466b;
					}
			.page_button {
				background: url(images/page_button.png) no-repeat 0px 0px;
				display: block;
				height: 40px;
				width: 40px;
				line-height: 40px;
				text-align: center;
				text-decoration: none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 9pt;
				font-weight: bold;
				float: left;
				color: #163944;
				text-shadow: #FFF 0px 1px 1px;
			}
				.page_button:hover {
					background: url(images/page_button.png) no-repeat 0px -40px;
					color: #007cc2;
				}
					.page_button:active {
						background: url(images/page_button.png) no-repeat 0px -80px;
						color: #00466b;
					}
		#copyright {
			width: 326px;
			Height: 57px;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			margin-top: 193px;
			font-family: Calibri;
			font-size: 11pt;
			font-weight: bold;
			color: #999999;
			text-shadow: #FFF 0px 1px 1px;
		}
			#copyright a {
				font-family: Calibri;
				font-size: 11pt;
				font-weight: bold;
				text-decoration: none;
				color: #50afba;
				text-shadow: #FFF 0px 1px 1px;
			}
				#copyright a:hover {
					color: #0188a1;
				}
					#copyright a:active {
						color: #01765a;
					}