@charset "utf-8";
/*********************************************************************
** CSS Document - Template MuWesT
** By:LucasHP (CTM Team Softwares)
** Contact:lucashp@lhpdesigner.com.br || lucashp@ctmts.com.br
*********************************************************************/
@import url("coda.css");
@import url("slider.css");
@import url("sexyalertbox.css");
@font-face{font-family:LHPDigital; src:url("../fonts/digital.eot"); font-weight:normal; font-style:normal; line-height:normal;}
@font-face{font-family:LHPDigital; src:url("../fonts/digital.ttf") format('truetype'); font-weight:normal; font-style:normal; line-height:normal;}
a, .blue{color:#990000; text-decoration:none;} a:hover{color:#999;} .right{display:block; float:right;} .left{display:block; float:left;}
.green, .staffOnline{color:#268e0e;} .red, .staffOffline{color:#b42222;} img, img a, a img, .no-border{border:none !important;}
p{display:block; margin:5px; padding:5px;}
body{background:#000 url(../../images/design/bg.jpg) repeat-x top center; margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; color:#333;}
#all{display:block; clear:both; margin:0 auto; padding:0; width:965px;}
#banner{width:980px; height:320px; background:url(../../images/design/banner.jpg) no-repeat;}
#menu{display:block; clear:both; width:965px; height:45px; background:url(../../images/design/gradient-gray.gif) repeat-x; margin:0 0 8px 0;}
#menu ul{margin:0; padding:0; display:block; height:45px;}
#menu ul li{display:block; float:left; margin:0; padding:0; list-style:none;}
#menu ul li a{display:block; margin:0; padding:13px 30px; height:19px; color:#990000; font:14px "LHPDigital", Tahoma, Verdana; text-decoration:none; background:url(../../images/design/separator.gif) no-repeat right; text-transform:uppercase;} #menu ul li a:hover{background:#FFCC00;}
#section{display:block; width:720px; background:#fff; padding:0 0 8px 0; float:left; margin:0;}
#aside{display:block; width:239px; background:#fff; padding:0; float:left; margin:0 0 0 5px;}
#section:after, aside:after, form:after, ul:after, ul li:after, .box:after, #pollResult li:after{display:block; clear:both; content:"."; overflow:hidden; height:0; visibility:hidden;}
#footer{display:block; clear:both; padding:10px; margin:0; color:#fff; font:11px Arial, Helvetica, sans-serif;}
.box{display:block; clear:both; border-bottom:1px solid #dedede; padding:0 0 5px 0; margin:0 0 5px 0;}
.header{display:block; clear:both; height:30px; background:url(../../images/design/gradient-gray.gif) repeat-x center; border:1px solid #e2e2e2;}
.header span{display:block; margin:0; float:left; padding:7px 0 7px 12px; height:16px; color:#790000; font:14px "LHPDigital", Tahoma, Verdana; background:url(../../images/design/water-mark.gif) no-repeat left; text-transform:uppercase;}
span.detail{width:100px; height:10px; background:url(../../images/design/detail.gif) no-repeat; display:block; float:right; padding:0; margin:20px -1px 0 0;}
form{display:block; clear:both; padding:5px; margin:10px 5px 5px 5px;}
form input, textarea{display:block; clear:both; background:#242424; border:1px solid #e1e1e1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#707070; font:12px Arial, Helvetica, sans-serif; padding:8px 6px; margin:2px;}
form input.btn, input.button, .btn{display:block; float:right; clear:none !important; background:url(../../images/design/gradient-blue.gif) repeat-x; height:24px; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow:0 0 3px #000; border:none; color:#fff !important; padding:0 10px; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
form input.btn:hover, input.button:hover, .btn:hover{background:#FF1A1A;} form a{display:block; margin:8px 3px 3px 0;}
ul.list-bar, #pollResult{display:block; clear:both; margin:5px; padding:5px;}
ul.list-bar li, #pollResult li{display:block; clear:both; height:35px; border-bottom:1px dotted #999; padding:2px 5px; list-style:none;}
ul.list-bar li span{display:block; clear:both; background:url(../../images/design/list.gif) no-repeat left; padding:0 0 0 10px; color:#252525;}
.gauge{display:block; clear:both; height:10px !important; width:200px !important; border:1px solid #e1e1e1; background:#e9e9e9; margin:2px 0;}
.gauge .content img{display:block; clear:both; height:10px !important; background:url(../../images/design/gradient-blue.gif) repeat-x center;}
ul.list{display:block; clear:both; margin:5px; padding:5px 8px;}
ul.list li{display:block; clear:both; height:15px; border-bottom:1px dotted #999; padding:5px 10px; background:url(../../images/design/list.gif) no-repeat left; list-style:none;}
ul.list #form-poll li strong{height:auto; background:none; padding:0; color:#252525;}
ul.list #form-poll li{height:auto; background:none; color:#616161;}
#form-poll{margin:0; padding:0;} #form-poll input{clear:none; display:inline;} input[type="radio"]{background:none; border:none; display:inline;}
ul.section-list{display:block; clear:both; margin:5px; padding:5px 8px; color:#444;}
ul.section-list li{font-size:14px; display:block; clear:both; border-bottom:1px dotted #999; padding:10px 22px; list-style:none; background:url(../../images/design/list.gif) no-repeat 10px;} ul.section-list li div{border:none !important;}
<!-- #castle-siege{display:block; clear:both; width:706px; margin:0 auto; height:120px; background:url(../../images/design/castle-siege.jpg) no-repeat; font:12px "LHPDigital", Tahoma, Verdana; color:#006ea7;} #guild-castle{position:relative; top:43px; left:280px;} #next-castle{position:relative; top:73px; left:80px;} -->
ul.topserver{display:block; margin:5px 0; padding:5px; width:132px; text-align:center; float:left;}
ul.topserver li{list-style:none;}
ul.topserver li.title-top{font:13px "LHPDigital", Tahoma, Verdana; color:#252525; width:135px;}
ul.topserver li.box-top{background:#f4f4f4; border:1px solid #e4e3e3; display:block; clear:both; list-style:none; text-align:center; font:12px "LHPDigital", Tahoma, Verdana; width:135px;}
ul.topserver li.box-top ul{margin:0; padding:5px; display:block; clear:both;}
ul.topserver li.box-top ul li{list-style:none;} ul.topserver img{border:1px solid #ddd !important; background:#000;}
ul.topserver li.box-top ul:hover, ul#screenshots a:hover, ul#drivers li a img:hover{opacity:0.6; -moz-opacity:0.6; filer:alpha(opacity=60);}
ul#screenshots{display:block; margin:5px 0; padding:5px; text-align:center; clear:both; list-style:none;}
ul#screenshots a{background:#f4f4f4; border:1px solid #e4e3e3; display:block; margin:5px 3px; padding:4px 0; list-style:none; text-align:center; font:12px "LHPDigital", Tahoma, Verdana; width:110px; float:left;}
.title-alert{font:16px "LHPDigital", Tahoma, Verdana; color:#CC3300; display:block;}
table.table{margin:10px 9px; width:700px;}
table td{background:none; padding:2px 5px;}
table tr{background:#eee; font:11px Tahoma, Geneva, sans-serif;}
table tr:hover{background:#f5f5f5; color:#666;}
table tr.title-table{background:#ddd; color:#993300; font:bold 12px "LHPDigital", Tahoma, Verdana; letter-spacing:1px;}
h2.sub-title, .sub-title, h1{font:16px "LHPDigital", Tahoma, Verdana; color:#555; display:block; margin:5px 5px 2px 5px; padding:0 5px;}
ul#drivers{display:block; clear:both; width:490px; height:60px; margin:0 auto; padding:5px 0;}
ul#drivers li{list-style:none; display:block; float:left; margin:5px 10px;}
ul#drivers li a img{display:block; float:left;}
form.formh{display:block;  background:#f4f4f4; clear:both; border:1px solid #ddd; padding:5px 10px; width:660px; margin:5px 15px;}
form.formh p{font:14px "LHPDigital", Tahoma, Verdana; color:#5e8def; display:block;}
form.formh input[type=text], form.formh select, select{display:inline; clear:none; background:#242424; border:1px solid #e1e1e1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#707070; font:12px Arial, Helvetica, sans-serif; padding:8px 6px; margin:2px;}
form.formh label{margin:0 0 0 10px;}
.padding-box{display:block; clear:both; margin:5px; padding:5px;}
.separator{display:block; clear:both; height:1px; background:#ddd; margin:5px;}
.qdestaques, .qdestaques2, div.fix{margin:15px 0 0 0; padding:0 10px; background:#eee; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .qdestaques:hover, .qdestaques2:hover, div.fix:hover{background:#fff; color:#999;}
#formRegister, #FormConfirm{display:block; clear:both; padding:5px; margin:5px;}
#formRegister label, #FormConfirm label{font:bold 11px Tahoma, Geneva, sans-serif; display:block; clear:both; margin:5px 0 0 0; color:#666;}
h2, dt{display:block; margin:5px; clear:both; padding:5px; height:16px; color:#B30000; font:14px "LHPDigital", Tahoma, Verdana; text-transform:uppercase;}
dl dd{margin:5px; display:block; border-bottom:1px dotted #222; padding:2px 10px;}
ul.rank{list-style:none; text-align:left; margin:5px; padding:5px;}
ul.rank li{width:30%; display:block; float:left; margin:10px; list-style:none;}
ul.rank li span{color:#555; margin:0 0 10px 0; padding:0 0 2px 0; border-bottom:1px solid #ccc; font:14px "LHPDigital", Tahoma, Verdana; display:block;}
ul.rank li ul{list-style:none; margin:5px; padding:5px;}
ul.rank li ul li{float:none; width:100%; margin:0 0 10px 0;}
.vaultBox{width:300px; height:589px; background-image:url(../../images/design/vault.png);}
.vaultBox #vaultName{position:relative; top:17px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; text-align:center; color:#fff;}
.vaultBox ul#itemsVaultGame, ul#itemsVaultVirtual{position:relative; top:69px; left:26px; list-style:none; padding:0; margin:0; overflow:auto; width:251px; height:474px;}
.vaultBox ul#itemsVaultGame li, ul#itemsVaultVirtual li{width:96%; height:17px; margin:0; padding-left:8px; color:#fff; overflow:hidden; list-style:none; background:none;}
.vaultBox ul#itemsVaultGame li:hover, ul#itemsVaultVirtual li:hover{width:96%; height:17px; margin:0; padding-left:8px; color:#000; background-color:#fff; overflow:hidden;} .vaultBox ul#itemsVaultGame li:hover, ul#itemsVaultVirtual li:hover{cursor:pointer;}
#ResultAjaxLogin{clear:both; display:block;} .quadros{display:block; clear:both; margin:10px 5px;} .padding-box input.button{float:left !important;}
ul.select-shop{display:block; margin:10px 20px; padding:0; width:300px; text-align:center; float:left; clear:none;}
ul.select-shop li{list-style:none; font:14px "LHPDigital", Tahoma, Verdana; color:#666; width:300px;}
ul.select-shop li.box-shop a{background:#eee; border:1px solid #ddd; display:block; text-align:center; padding:10px; width:280px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
ul.select-shop li.box-shop a:hover{opacity:0.6; -moz-opacity:0.6; filer:alpha(opacity=60);}
/* interface game */
.goldenArcherBox {                
    width: 626px;
    height: 589px;
    background-image: url(../../images/goldenarcher/interface.jpg); 
}

.goldenArcherBox #goldenArcherName {                
    position: relative;
    top: 15px;  
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    text-align: center;
    color: #96FFF0;
    width: 300px;
}
.goldenArcherBox #serialText {                
    height: 300px;
    left: 30px;
    position: relative;
    top: 65px;
    width: 240px;
    text-align: justify;
}
.goldenArcherBox #serialText p {                
    color: #fff;
    font-size: 11px;
    padding: 0px;
}
.goldenArcherBox #serialText p.goldText {                
    color: #EAE25B;
    font-size: 11px;
    text-align: center;
	margin:5px 0 5px 0;
}
.goldenArcherBox #serialText p.bold { 
    font-weight: bold;
}
.goldenArcherBox #serialInput {                
    position: relative;
    top: 90px;
    left: 62px;
    width: 174px;
}
.goldenArcherBox #serialInput input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 12px;
    height: 17px;
    text-align: center;
    width: 168px;
}

ul.listeds {
	width:660px;
	display:block;
	list-style:none;
}
ul.listeds li:hover {
	background:#efe9e9;
}
ul.listeds li {
	float:left;
	cursor:pointer;
	background:#f4f4f4;
	margin:7px 0 0 7px;
	padding:6px;
	text-align:center;
}
.goldenArcherBox #serialCheck {                
    position: relative;
    top: 131px;
    left: 53px;
    width: 193px;
}  
.goldenArcherBox #serialCheck input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: yellow;
    font-size: 12px;
    height: 31px;
	margin:-25px 0 0 0;
    text-align: center;
    width: 190px;
}
.goldenArcherBox #serialResponse {                
    position: relative;
    top: 151px;
    left: 53px;
    width: 193px;
    text-align: center;  
}
.goldenArcherBox #serialResponse p.yellow{                
    color: yellow;
    font-weight: bold;
}
.goldenArcherBox #serialResponse p.white{                
    color: white; 
    font-weight: bold;
}

/* question event */
#questionsEvent {
    width: 450px; 
    height: 360px;
    font-size: 12px;
}
#questionsEvent #answerQuestion {
    text-align: center;
}
#questionsEvent #answerQuestion p { 
    font-weight: bold;
    font-size: 12px;
    color: #000; 
    line-height: normal;
    margin: 0;
    padding: 0; 
}
#questionsEvent #answerQuestion p.congratulations { 
    font-weight: bold;
    font-size: 16px;
    color: green;
    line-height: normal;
    margin: 0;
    padding: 0;
}
#questionsEvent #optionsQuestion { 
    margin: 10px;
    width: 425px;
    overflow: hidden;
    padding-top: 10px;
}
#questionsEvent #stringQuestion { 
    color: black;
    font-weight: bold;
    font-size: 16px;
    width: 425px;
    background-color: #F2F2F2;
    /*padding: 5px;*/
    text-align: center;
    margin-bottom: 2px;
}
#questionsEvent #stringsAnswer { 
    color: black;
    font-size: 12px;       
    padding: 5px;
    background-color: #F8F8F8;
}
#questionsEvent #buttonSubmit { 
    width: 425px;
    background-color: #F8F8F8;
} 
#questionsEvent #buttonSubmit input { 
    color: #ccc;
    margin: 5px;
    width: 412px;
}  
#questionsEvent #reponseSubmit { 
    text-align: center;
} 
#questionsEvent #reponseSubmit p { 
    font-weight: bold;
    font-size: 12px;
    color: #000;
    line-height: normal;
    margin: 0;
    padding: 0;
} 
#questionsEvent #reponseSubmit p.correctResponse { 
    font-weight: bold;
    font-size: 16px;
    color: green;
    line-height: normal;
    margin: 0;
    padding: 0;
}
#questionsEvent #reponseSubmit p.incorrectResponse { 
    font-weight: bold;
    color: red;
    line-height: normal;
    margin: 0;
    padding: 0;
}
#questionsEvent #reponseSubmit p.serial { 
    font-weight: bold;
    font-size: 16px;
    color: green;
    line-height: normal;
    margin: 0;
    padding: 0;
}
                           
#questionsEvent #timerString {
    float: right;
    padding-right: 10px;
    font-weight: bold;
    font-size: 12px;
}
#questionsEvent #timerCount {
    display: inline;
    font-weight: bold;
    color: green;
    font-size: 12px;
}
.bugggg {
	width: 705px;
	margin-left: 7px;
	margin-top: 3px;
	font-size: 12px;
	text-align:left;
	background-color:#900;
	border: 1px #900;
	color: #000;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

ul.topserverpk{display:block; margin:5px 0; padding:5px; width:132px; text-align:center; float:left;}
ul.topserverpk li{list-style:none;}
ul.topserverpk li.title-toppk{font:13px "LHPDigital", Tahoma, Verdana; color:#252525; width:135px;}
ul.topserverpk li.box-toppk{background:#FFE6E6; border:1px solid #990000; display:block; clear:both; list-style:none; text-align:center; font:12px "LHPDigital", Tahoma, Verdana; width:135px;}
ul.topserverpk li.box-toppk ul{margin:0; padding:5px; display:block; clear:both;}
ul.topserverpk li.box-toppk ul li{list-style:none;}
ul.topserverpk img{border:1px solid #ddd !important; background:#000;}
ul.topserverpk li.box-toppk ul:hover, ul#screenshots a:hover, ul#drivers li a img:hover{opacity:0.6; -moz-opacity:0.6; filer:alpha(opacity=60);}

ul.topserverhero{display:block; margin:5px 0; padding:5px; width:132px; text-align:center; float:left;}
ul.topserverhero li{list-style:none;}
ul.topserverhero li.title-tophero{font:13px "LHPDigital", Tahoma, Verdana; color:#252525; width:135px;}
ul.topserverhero li.box-tophero{background:#DDF1FF; border:1px solid #0066FF; display:block; clear:both; list-style:none; text-align:center; font:12px "LHPDigital", Tahoma, Verdana; width:135px;}
ul.topserverhero li.box-tophero ul{margin:0; padding:5px; display:block; clear:both;}
ul.topserverhero li.box-tophero ul li{list-style:none;}
ul.topserverhero img{border:1px solid #ddd !important; background:#000;}
ul.topserverhero li.box-tophero ul:hover, ul#screenshots a:hover, ul#drivers li a img:hover{opacity:0.6; -moz-opacity:0.6; filer:alpha(opacity=60);}