@charset "utf-8";
table {
	text-align: center;
}
@font-face {
    font-family: myriadpro;
    src: url(fonts/myriadpro.otf);
}
@font-face {
    font-family: myriadpro-bold;
    src: url(fonts/myriadpro-bold.otf);
}
body {
	font-family: myriadpro, Arial, Helvetica, Sans-seif;
	font-size: 16px;
	background: #180700 url(../images/bg.png) no-repeat top center;
	letter-spacing: .5px;
}
a, a:visited {
	color: #b28959;
	text-decoration: none;
	-o-transition:.9s;
	-ms-transition:.9s;
	-moz-transition:.9s;
	-webkit-transition:.9s;
	traionsitn:.9s;
}
a:hover, a:focus {
	color: #dea25c;
}
#full_page {
	margin: -50px auto 0px auto;
	background: url(../images/full_page.png);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.5);
	-o-box-shadow: 0 0 15px rgba(0,0,0,.5);
	box-shadow: 0 0 15px rgba(0,0,0,.5);
	width: 980px;
}
/* ########################################################## */
#main_menu {
	margin: 200px auto 0px auto;
	position: relative;
	background-image: url("../images/main_menu.png");
	height: 164px;
	width: 1050px;
}
#navigation {
	list-style: none;
	position: absolute;
	top: 25px;
	padding-left: 200px;
	left: 6px;
}
#navigation li {
	display: inline-block;
	height: 81px;
	opacity: .7;
}
#navigation li:hover {
	cursor: pointer;
	opacity: 1;
}
#navigation li#home {
	background-image: url("../images/navigation/home.png");
	width: 166px;
}
#navigation li#regi {
	background-image: url("../images/navigation/register.png");
	width: 210px;
}
#navigation li#acc {
	background-image: url("../images/navigation/account.png");
	width: 210px;
}
#navigation li#download {
	background-image: url("../images/navigation/download.png");
	width: 210px;
}
#navigation li#ranking {
	background-image: url("../images/navigation/ranking.png");
	width: 210px;
}
#navigation li#donate {
	background-image: url("../images/navigation/donate.png");
	width: 210px;
}
#navigation li#chat {
	background-image: url("../images/navigation/chat.png");
	width: 210px;
}
#navigation li#vote {
	background-image: url("../images/navigation/vote.png");
	width: 170px;
}
/* ########################################################## */
#container {
	width: 980px;
	margin: 0px;
	overflow: hidden;
}
/* ########################################################## */
#rightcontainer {
	width: 280px;
	float: right;
}
.rightbox {
	margin: 0px;
	width: 100%;
	background: url(../images/rightbox.png) center repeat-y;
}
.rightboxhead {
	width: 100%;
	height: 60px;
	background: url(../images/righthead.png) center no-repeat;
}
.rightheadtitle {
	height: 30px;
	text-align: left;
	color: #6d634d;
	padding-top: 20px;
	padding-left: 20px;
	font-family: myriadpro, Arial, Helvetica, Sans-seif;
	font-size: 18px;
	text-transform:uppercase;
	-o-transition:.9s;
	-ms-transition:.9s;
	-moz-transition:.9s;
	-webkit-transition:.9s;
	traionsitn:.9s;
	letter-spacing: 2px;
	text-shadow: 0px 0px 5px #000;
}
.righttext {
	width: 100%;
	color: #6f695c;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	text-shadow: 0px 0px 5px #000;
	font-family: Verdana;
	font-weight: bold;
	font-size: 13px;
}
.rightboxfooter {
	width: 100%;
	height: 2px;
	background: url(../images/rightboxfooter.png) center no-repeat;
}
/* ########################################################## */
#leftcontainer {
	padding: 0px;
	width: 697px;
	float: left;
}
.leftbox {
	width: 100%;
	background: url(../images/leftbox.png) center repeat-y;
}
.leftboxhead {
	width: 100%;
	height: 60px;
	background: url(../images/leftboxhead.png) center no-repeat;
}
.leftheadtitle {
	height: 30px;
	text-align: center;
	color: #6d634d;
	padding-top: 20px;
	font-family: myriadpro, Arial, Helvetica, Sans-seif;
	font-size: 18px;
	-o-transition:.9s;
	-ms-transition:.9s;
	-moz-transition:.9s;
	-webkit-transition:.9s;
	traionsitn:.9s;
	letter-spacing: 1px;
	text-shadow: 0px 0px 5px #000;
}
.lefttext {
	width: 100%;
	color: #6f695c;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	text-shadow: 0px 0px 5px #000;
	font-family: Verdana;
	font-weight: bold;
	font-size: 13px;
}
.leftboxfooter {
	width: 100%;
	height: 2px;
	background: url(../images/leftboxfooter.png) center no-repeat;
}
/* ########################################################## */
#footer {
	width: 980px;
	margin: 0px 0px 0px 0px;
	height: 60px;
	background: url(../images/footer.png) center repeat-x;
}
#footer p {
	color: #6d634d;
	padding-top: 20px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-shadow: 0px 0px 5px #000;
}
/* ########################################################## */
#donate {
	float: right;
	background-image: url(../images/hotlinks.png);
	width: 278px;
	height: 49px;
	-o-transition:.9s;
	-ms-transition:.9s;
	-moz-transition:.9s;
	-webkit-transition:.9s;
	traionsitn:.9s;
	margin-top: -2px;
	margin-left: -2px;
	opacity: .5;
}
#donate:hover {
	opacity: 1;
}
#vote {
	float: right;
	background-image: url(../images/hotlinks.png);
	width: 278px;
	height: 49px;
	-o-transition:.9s;
	-ms-transition:.9s;
	-moz-transition:.9s;
	-webkit-transition:.9s;
	traionsitn:.9s;
	margin-left: -2px;
	opacity: .5;
	background-position:0px -49px;
}
#vote:hover {
	opacity: 1;
}
#register {
	float: right;
	background-image: url(../images/hotlinks.png);
	width: 278px;
	height: 49px;
	-o-transition:.9s;
	-ms-transition:.9s;
	-moz-transition:.9s;
	-webkit-transition:.9s;
	traionsitn:.9s;
	margin-left: -2px;
	opacity: .5;
	background-position:0px -98px;
}
#register:hover {
	opacity: 1;
}
#ranking {
	float: right;
	background-image: url(../images/hotlinks.png);
	width: 278px;
	height: 49px;
	-o-transition:.9s;
	-ms-transition:.9s;
	-moz-transition:.9s;
	-webkit-transition:.9s;
	traionsitn:.9s;
	margin-left: -2px;
	opacity: .5;
	background-position:0px -147px;
}
#ranking:hover {
	opacity: 1;
}
[data-tip] {
	position: relative;
	cursor: pointer;
}
[data-tip]:after {
	display: none;
	content: attr(data-tip);
	position: absolute;
	top: -40px;
	left: -5px;
	padding: 5px;
	border: 1px solid #9B8D6F;
	background-color: #000;
	color: #9B8D6F;
	height: 18px;
	line-height: 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	word-wrap: normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
	display: block;
	font-family: Verdana !important;
	font-size: 10px;
}
input[type="text"], input[type="password"], select {
	background-image: url("../images/input_text.jpg");
	background-color: transparent;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	border: none;
	border-left: 1px solid #14100D;
	border-right: 1px solid #14100D;
	padding: 0px 5px;
	margin: 3px;
	min-width: 200px;
	color: #9B8D6F;
}

input[type="text"]:hover, input[type="password"]:hover, input[type="text"]:focus, input[type="password"]:focus, select:hover, select:focus {
	background-position: 0px -35px;
	border-left: 1px solid #352E26;
	border-right: 1px solid #352E26;
	color: #9B8D6F;
}

select {
	padding-top: 7px;
	background-color: #50453B;
}
option {
	background-color: #50453B;
	padding: 4px;
	border: none;
	color: #9B8D6F;
}

input[type="submit"], input[type="button"] {
	height: 32px;
	background-image: url("../images/input_button.jpg");
	color: #E4A734;
	border: none;
	border-radius: 3px;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #000;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="submit"]:focus, input[type="button"]:focus {
	background-position: 0px -32px;
	color: #C0B097;
	cursor: pointer;
	text-shadow: 2px 2px 2px #000;
}
input[type="submit"]:active {
	background-position: 0px -64px;
	color: #110C0A;
	text-shadow: 0px 0px 1px #75695D;
}
.formError {
	position:absolute;
	top:300px;
	left:300px;
	display:block;
	padding:0 0 0 15px;
	text-align:left;
	width:260px;
	z-index:5000;

}
#debugMode {
	background:#000;
	position:fixed;
	width:100%;
	height:200px;
	top:0;
	left:0;
	overflow:scroll;
	opacity:0.8;
	display:block;
	padding:10px;
	color:#fff;
	font-size:14px;
	z-index:100000;
}
.ajaxSubmit {
	padding:20px;
	background:#55ea55;
	border:1px solid #999;
	display:none
}
.formError .formErrorContent {
	background:#ac5a39 url(../images/tooltip-bg.png) repeat-x;
	border:1px solid #111;	
	box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 0px 4px #000;
	color:#111;
	width:200px;
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	width:100%;
}
#registerForm {
	margin:15px auto;
	width:600px;
}
#registerForm div {
	margin-bottom:15px;
	position:relative;
}

.greenPopup .formErrorContent { 
	width:235px;
}
.blackPopup .formErrorContent {
	background:#393939;
	color:#FFF;
}
.formError .formErrorArrow {
	background:url(../images/tooltip-arrow.gif) no-repeat;
	height:15px;
	left:2px;
	position:absolute;
	top:5px;
	width:15px;
	z-index:5001;
}
.formError .formErrorArrowBottom {
	top:0;
	margin:-6px;
}
.formError .formErrorArrow div {
	font-size:0px;
	height:1px;
	margin:0 auto;
	line-height:0px;
	font-size:0px;
	display:block;
}
.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.blackPopup .formErrorArrow div {
	background:#393939;
	color:#FFF;
}
.formError .icon {
	background:url(../images/warning_16.gif) no-repeat scroll 5px 2px;
	padding:4px 10px 4px 25px;
}
.valid .icon {background:url(../images/info.gif) no-repeat scroll 5px 2px;}
.valid .formErrorContent,
.ajaxed .formErrorContent {background:#028e09 url(../images/tooltip-bg-green.png) repeat-x;}
.valid .formErrorArrow,
.ajaxed .formErrorArrow {background:url(../images/tooltip-arrow-green.gif) no-repeat;}
table.styled {
	width: 98%;
	margin: 10px auto 25px auto;
}
table.styled th {
	color: #ECEFD9;
	/*background-color: #18130F;*/
	background: rgba(0,0,0,.4);
	text-align: left;
	padding: 5px 0px 7px 7px;
}
table.styled td {
	padding-left: 10px;
}

tr.spacer td {
	height: 10px;
}
.topranking {
	width: 100%;
}
tr.c0 {
	background: rgba(0,0,0,.4);
}
tr.c1 {
	background: rgba(0,0,0,.2);
}
tr.c2 {
	background: rgba(0,0,0,.1);
}
.topranking .index {
	margin: 4px 0px 5px 3px !important;
}

.index {
	display: inline-block;
	width: 21px;
	height: 21px;
	border-radius: 1px;
	line-height: 21px;
	text-align: center;
	background-color: #18130F;
	color: #786352;
	margin: 7px 0px 7px 13px;
	padding: 0px !important;
}
.topranking .pname {
	color: #857C6B;
	font-size: 12px;
	padding-left: 15px;
	font-weight: none;
}
.topranking .empire {
	color: #615851;
	font-size: 12px;
}
.topranking .score {
	color: #756531;
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
}