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

body { 
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#f7f7f7; }
	
h1 { 
	font-size:22px;
	font-weight:normal;
	text-align:center;
	padding:0 0 20px 0; }

h2 {
	font-size:14px; }
	
a {
	color:#8E9498;
	text-decoration:none; }
	
.interface.background {
	background:#000 url('../images/background.jpg') center 0 no-repeat; }

#wrapper {
	width:988px;
	margin:0 auto; }


/*-----------------------------------------------*/
/*				Languages  						 */
/*-----------------------------------------------*/

#lang {
	background:url('../images/background.gif') 0 0 repeat-x; }

#lang ul {
	height:30px; }
	
#lang ul li {
	float:left;
	width:15px; }

/*-----------------------------------------------*/
/*				HEADER    						 */
/*-----------------------------------------------*/

#head {
	height:100px;
	background:url('../images/header.png') 0 0 no-repeat;
	position:relative; }

#registerButton {
	position:absolute;
	top:190px;
	right:140px;
	font-size:12px;
	line-height:15px;
	text-align:center;
	display:block;
	height:auto;
	width:211px; } 

#registerButton a {
	padding:26px 15px 0 15px;
	display:block;	
	color:#fff;
	background:url('../images/buttonNormal.png') 0 0 no-repeat; }

#registerButton:hover a {
	background:url('../images/buttonHover.png') 0 0 no-repeat; }

#registerButton strong {
	font-weight:bold;
	font-size:16px;
	line-height:22px; } 

#registerButton span.bottom {
	height:22px;
	display:block;
	padding:0;
	background:url('../images/buttonNormal.png') 0 100% no-repeat; } 

#registerButton:hover span.bottom {
	background:url('../images/buttonHover.png') 0 100% no-repeat; } 
	
	
/*-----------------------------------------------*/
/*				CONTENT    						 */
/*-----------------------------------------------*/
	
#content {
	margin-top:260px;
	padding:120px 0 0;
	position:relative; }

#content .top  {
	position:absolute;
	top:0;
	left:0;
	height:214px;
	width:988px;		
	background:url('../images/bgContentTop.png') 0 0 no-repeat; }	 

#content .content {
	min-height:200px;
	padding:100px 0 15px;
	background:url('../images/bgContent.png') 0 0 repeat-y; }

#content .content p {
	padding:0 75px 20px;
	line-height:13px; }

#content .content p.tipp {
	text-align:center;
	padding:20px 75px; }

#content .bottom {
	height:152px;
	background:url('../images/bgContentBottom.png') 0 0 no-repeat; }
	

/*-----------------------------------------------*/
/*				Ranking    						 */
/*-----------------------------------------------*/

#ranking {
	width:842px;
	margin:0 0 0 70px;
	background:url('../images/bgTransparent.png') 0 0 repeat; }
	

/*-----------------------------------------------*/
/*				Filter   						 */
/*-----------------------------------------------*/

.filter {
	padding:11px 0 11px;
	text-align:center;
	background:url('../images/filter.png') 0 0 no-repeat; }
	
.filter ul {
	display:inline-block; }

.filter li {
	height:26px;
	margin:0 0 0 25px;
	float:left; }
	
.filter li a {
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	text-decoration:none !important; }

.filter li a span  {
	display:block;
	float:left;
	height:26px;
	line-height:26px; }

.filter_left  {
	background-image:url('../images/filterLeft.png'); }

.filter_center  {
	background-image:url('../images/filterCenter.png'); }

.filter_right  {
	background-image:url('../images/filterRight.png'); }

.filter li a span.left, 
.filter li a span.right {
	background-position:left top;
	width:14px; }

.filter li a:hover span.left, 
.filter li a:hover span.right {
	background-position:left center; }

.filter li.active a span.left, 
.filter li.active a span.right {
	background-position:left bottom; }

.filter li.active a:hover span.left, 
.filter li.active a:hover span.right {
	background-position:left center; }

.filter li a span.center {
	background-position:center top;
	padding:0 12px;
	text-align:center; }

.filter li a:hover span.center {
	background-position:center center; }
		
.filter li.active a span.center {
	background-position:center bottom; }

.filter li.active a:hover span.center {
	background-position:center center; }
	

/*-----------------------------------------------*/
/*				Tables    						 */
/*-----------------------------------------------*/

	
/*----- 	general 		-----*/

table thead {
	text-align:left;
	border-bottom:1px solid #666; } 

table th,
table td {
	padding:5px;
	overflow:hidden; } 

table td a:hover {
	color:#5aff00;
	text-decoration:underline; }

table .score,
table .planets {
	text-align:center;
	color:#454C52;
	white-space: nowrap;
}

table .player,
table .ally {
	color:#8E9498; }
 
table tbody tr:hover {
	color:#fff;
	background-color:#454c52; }

table tbody tr:hover td {
	color:#fff; }

	 
table tbody tr.highlight td {
	background-color:#222; }


table tbody tr.highlight:hover {
	color:#fff;
	background-color:#222; } 


/*----- 	all		-----*/

table.all {
	width:480px;
	color:#454C52; }
	
.details table.all {
	width:800px; }
	
	
.bigTable h2 {
	padding:20px 0;
	text-align:center;
	color:#fff; }

.bigTable  h2.terrans span,
.bigTable  h2.xen span,
.bigTable  h2.titans span {
	padding:0 0 0 40px;
	line-height:33px;
	display:inline-block; }

.bigTable h2.terrans span {
	background:url('../images/iconTerrans.png') 0 0 no-repeat; }

.bigTable h2.xen span {
	background:url('../images/iconXen.png') 0 0 no-repeat; }

.bigTable h2.titans span {
	background:url('../images/iconTitans.png') 0 0 no-repeat; }

.bigTable h2 a {
	color:#f7f7f7; }

.bigTable table {
	margin:0 auto; }
 
	

/*----- 	small	-----*/

.tables {
	padding:40px 0 20px 10px; }

.tables h2 {
	padding:0 0 0 40px;
	line-height:33px; }

.tables h2 a {
	color:#f7f7f7; }

.tables .terrans h2 {
	background:url('../images/iconTerrans.png') 0 0 no-repeat; }

.tables .xen h2 {
	background:url('../images/iconXen.png') 0 0 no-repeat; }

.tables .titans h2 {
	background:url('../images/iconTitans.png') 0 0 no-repeat; }

.tables div {
	float:left;
	width:253px;
	overflow:hidden; }

.tables div.terrans,
.tables div.xen {
	margin:0 30px 0 0; }

table.small {
	width:253px;
	color:#454C52; }
	
	
/*----- 	prev/next-button 	-----*/

.buttonPrev, 
.buttonNext { 
	background-position:0 -72px; }

.buttonPrev, 
.buttonPrevDisabled {
	display:block;
	float:left;
	height:36px;
	width:34px; }

.buttonNext, 
.buttonNextDisabled {
    float:left;
    display:block;
    width:36px;
    height:36px; }

.buttonPrev, 
.buttonNext {
    background-position: 0px -72px; }

.buttonPrev:hover, 
.buttonNext:hover {
    background-position: 0px -36px; }

.buttonPrev:active, 
.buttonNext:active {
    background-position: 0px -108px; }

.buttonPrevDisabled, 
.buttonNextDisabled {
    background-position: 0px 0px; }

	
.interface_forms_buttons_prev {
	background-image:url('../images/prev.png'); }

.interface_forms_buttons_next  {
	background-image:url('../images/next.png'); }



/*----- 	standart-button 	-----*/

a.buttonStd {
    float:left;
    padding:0px 29px 0px 0px;
    background-position:right 0px;
    background-repeat:no-repeat;
    text-decoration:none !important;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    line-height:36px; }

a.buttonStd span {
    float:left;
    display:block;
    padding-right:29px;
    margin-left:-10px;
    height:36px;
    background-position:left 0px;
    background-repeat:no-repeat; }

a.buttonStd:active {
    background-position:right -36px; }

a.buttonStd:active span {
    background-position:left -36px; }

.interface_forms_buttons_standart  {
	background-image:url('../images/standart.png'); }


/*----- 	form 	-----*/

#statisticForm {
	float:left; }
	
#statisticForm .textMedium {
	margin:8px 15px 0 0; }

input.textMedium {
	background:url('../images/small.jpg') 0 0 repeat;
	border:1px solid #000;
	font-size:11px;
	height:17px;
	width:100px;
	margin:0;
	padding:1px 3px 0 5px; }

#statisticForm {
	float:right;
	width:410px; }
	
#statisticForm input,
#statisticForm div {
	float:right; }
	
	
/*----- 	navigation  	-----*/

.navigation {
	border-top:1px solid #666;
	width:800px;
	margin:0 auto;
	padding:6px 0 12px; }

.nav {
	float:left; }	

/*----- 	back-button  	-----*/

div.back {
	padding:0 0 20px 0;
	margin:0 0 0 30px; }
	

/*-----------------------------------------------*/
/*				FOOTER   						 */
/*-----------------------------------------------*/

div#footer {
	padding:30px 0;
	text-align:center; }

div#footer span {
	color:#666;
	font-size:9px; }

#footer a {
	color:#fff;
	font-size:9px;
	text-decoration:underline; }

.interface_logo {
	width:990px;
	height:45px;
	background:url('../images/logo.jpg') center 0 no-repeat; }