body { background-color:#5486be; margin:0; font-family:Tahoma; font-size:12px; color:#545454; }
:focus {outline:none;}
::-moz-focus-inner {border:0;}

a { text-decoration:none }
a img { border:none; }
#main { background-color:#e2e2e2; width:1100px; margin:0px auto; padding:0px 0px; overflow:hidden; }

*{
  font-family: Tahoma !important;
}
/* Helper */
#content .middle{ float:left; padding: 20px 20px 20px 20px; width: 780px; }
#vmenu { float:left; }
.panel {
  border: 1px solid #d0d0d0;
  background: #f1f1f1;
  background: -moz-linear-gradient(top,  #fbfdfc 40%, #ededed 60%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#fbfdfc), color-stop(60%,#ededed));
  background: -webkit-linear-gradient(top,  #fbfdfc 40%,#ededed 60%);
  background: -o-linear-gradient(top,  #fbfdfc 40%,#ededed 60%);
  background: -ms-linear-gradient(top,  #fbfdfc 40%,#ededed 60%);
  background: linear-gradient(top,  #fbfdfc 40%,#ededed 60%);
  box-shadow: inset -1px -1px 0px 0px white, inset 1px 1px 0px 0px white;
  -moz-box-shadow: inset -1px -1px 0px 0px white, inset 1px 1px 0px 0px white;
  -webkit-box-shadow: inset -1px -1px 0px 0px white, inset 1px 1px 0px 0px white;
  -o-box-shadow: inset -1px -1px 0px 0px white, inset 1px 1px 0px 0px white;
}
.round {
  border-radius: 10px; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
}





/* HEAD */
#head { background-image:url(../img/head_src.png); background-repeat:no-repeat; width:1100px; height:302px; z-index:1; position:relative; }
#head .bar { width:1100px; height:35px; background-color:rgba(0,0,0,0.6); border-bottom:1px solid #534642; }
#head .info { color:white; padding:6px 33px 0px; }
/*#head .online { margin-left:10px; background-image:url(../img/online.png); background-repeat:no-repeat; }*/
#head .info img {vertical-align: middle;}
#head .info a { color:#d7c76f; font-weight:bold; }
#head .info a:hover { text-decoration:none; cursor: default; }  
#head .info p{opacity: 0.9}
#woe_countdown { color:#4bd89e; font-style:italic; }

#head .lang { position:absolute; right:5px; top:10px; width:100px; z-index:10; cursor:pointer; }
#lang_specify { color:#dddddd; font-weight:bold; background-image:url(../img/arrow.png); background-repeat:no-repeat; background-position:17px 7px; padding-left:30px; }
#lang_select { display:none; background-color:rgba(103,71,73,0.9); margin-top:11px; padding:0px; list-style-type:none; border:1px solid #534642; width:100px; margin-left:0px; }
#lang_select a { color:#bca9ab; }
#lang_select a:hover { color:white;  }
#lang_select li { text-align:center; height:23px; cursor:pointer; padding-top:3px; }
#lang_select li:hover { background-color:#836265; }



/* HEAD MENU */
#hnav { margin-top:-34px; position:relative; z-index:0; height:42px; width:1100px; background: #f1f1f1; border-bottom:1px solid white; color: #7a7a7a; font-weight:bold;  font-size:13px;
  background: -moz-linear-gradient(top,  #f1f1f1 40%, #e1e1e1 60%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#f1f1f1), color-stop(60%,#e1e1e1));
  background: -webkit-linear-gradient(top,  #f1f1f1 40%,#e1e1e1 60%);
  background: -o-linear-gradient(top,  #f1f1f1 40%,#e1e1e1 60%);
  background: -ms-linear-gradient(top,  #f1f1f1 40%,#e1e1e1 60%);
  background: linear-gradient(top,  #f1f1f1 40%,#e1e1e1 60%);
  box-shadow: 0px 0px 36px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 36px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 36px rgba(0,0,0,0.3);
  -o-box-shadow: 0px 0px 36px rgba(0,0,0,0.3);
  -ms-box-shadow: 0px 0px 36px rgba(0,0,0,0.3);
}
#hnav a { font-weight:normal; color: #7a7a7a; }
#hnav a:hover { color:#CC6699; }
#hnav ul { list-style-type:none; padding-left:15px; }
#hnav li { display:inline-block; padding:13px 20px; }




/*LOGO */
.logo {margin-top: 50px;}
.logo a {
  margin: 60px 0px 0px 60px;
}

/********* MODULES ***********/


/* SLIDER */
#slider { width:760px; height:186px; padding:10px; display:inline-block; margin-bottom:10px; }
#slider .thumb { width: 110px; height:180px; float:left; }
#slider .thumb img { padding-bottom:6px; display:inline; opacity:0.5; }
#slider .thumb img:hover { opacity:1.0; cursor:pointer; }
#slider .result { width:643px; height:184px; float:left; margin-left:6px; position:relative; overflow:hidden; }
#slider .result img { position:absolute; }
#slider .result .info { position:absolute; bottom:0px; left:0px; background-color:rgba(0,0,0,0.5); width:643px; height:43px; font-size:11px; color:white; padding:2px 0px 0px 10px; }
#slider .result .info h1 { font-size:18px; color:#73c47a; font-weight:normal; margin:0; }
#slider .result .info p { margin-top:0px; }


/* LAST UPDATES  */
#emp { z-index:10; width:100px; height:62px; background-image:url(../img/emp.png); background-repeat:no-repeat; position:relative; left:12px;top:6px; }
#woe-panel { width:764px; color:#6b6b6b; top:-38px; position:relative; padding:0px 8px 0px 8px; background:url(../img/woe_bg.png) bottom center; background-repeat:repeat; }
#woe-panel h1  {
  font-weight:bold; font-size:12px; padding:12px 58px; height:12px;
  background: #fbfdfc;
  background: -moz-linear-gradient(top,  #fbfdfc 0%, #d9d9d9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfdfc), color-stop(100%,#d9d9d9));
  background: -webkit-linear-gradient(top,  #fbfdfc 0%,#d9d9d9 100%);
  background: -o-linear-gradient(top,  #fbfdfc 0%,#d9d9d9 100%);
  background: -ms-linear-gradient(top,  #fbfdfc 0%,#d9d9d9 100%);
  background: linear-gradient(top,  #fbfdfc 0%,#d9d9d9 100%);
  border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
box-shadow: 0px 0px 1px grey;
}
#woe-panel .style { background-color:rgba(130,130,130,0.1); }
#woe-panel .date { font-style:italic; color:#a6a5a5; text-align:right; }
#woe-panel .extend { text-align:right; color:#24b58e; width:760px; height:25px; }
#woe-panel .extend a { color:#24b58e; }
#woe-panel .extend a:hover { color:#b524a6; }
#woe-panel table { width:750px; border-collapse:collapse; margin-bottom:10px; }
#woe-panel td { padding:8px 10px 8px 10px; }

/** Castle Watch **/
#module_castlewatch { position:relative; }
#module_castlewatch .ban { opacity:0.65; border-radius: 5px; }
#module_castlewatch .flag { background:url(../img/flags1.png) no-repeat; display:block; width:81px; height:90px; position:absolute; padding:25px 25px; }
#module_castlewatch .flag:first-child {background:url(../img/flags.png) no-repeat;top:35px; left:  50px;}
#module_castlewatch .flag:nth-child(2) {background:url(../img/flags.png) no-repeat;top:55px; left: 130px;}
#module_castlewatch .flag:nth-child(3) {background:url(../img/flags.png) no-repeat;top:75px; left: 210px;}
#module_castlewatch .flag:nth-child(4) {background:url(../img/flags.png) no-repeat;top:55px; left: 290px;}
#module_castlewatch .flag:last-child {background:url(../img/flags.png) no-repeat;top:35px; left: 370px;}

.woe_countdown em{
    font-style: normal;
    font-weight: 600;
    padding: 0.5px;
    margin-left: 1px;    
}
.woe_countdown span {
    font-weight: 600;  
    padding: 0.5px;
    margin:1px;
}

/* VERTICAL MENU */
#btn-register { width:258px; height:109px; display:block; background-image:url(../img/btn_register.png); background-repeat:no-repeat; opacity:0.9; }
#btn-donate { width:256px; height:112px; display:block; background-image:url(../img/btn_donate.png); background-repeat:no-repeat; margin: -13px 0px 0px 13px; opacity:0.9; }
#btn-register:hover, #btn-donate:hover { opacity:1.0; }
#vmenu .panel { position:relative; margin: 15px 0px 20px 13px; padding:15px 15px 0px 15px; width: 213px;
  -moz-text-shadow: 1px 1px 0px #FFF;
  -webkit-text-shadow: 1px 1px 0px #FFF;
  -o-text-shadow: 1px 1px 0px #FFF;
  -ms-text-shadow: 1px 1px 0px #FFF;
  text-shadow:1px 1px 0px #FFF;
}
#vmenu .panel li { list-style-image:url(../img/li.png); padding-bottom:5px; }
#vmenu .panel li:hover { margin-left:5px; }
#vmenu .panel ul { padding-left:25px; }
#vmenu .panel a { color:#6b6b6b; }
#vmenu .panel a:hover { color:#af45ae; }
#vmenu .panel .vote { text-align:center; }
#vmenu .panel .vote-list { margin-top:5px; }
#vmenu .panel .vote-list img { opacity:0.5; }
#vmenu .panel .vote-list a img { opacity:1.0; }
#vmenu .panel .kafra { position:absolute; right:0px; top:5px; width:70px; height:92px; background-image:url(../img/kafra.png); background-repeat:no-repeat; }
#vmenu .panel .alice { position:absolute; right:0px; top:5px; width:90px; height:110px; background-image:url(../img/alice.png); background-repeat:no-repeat; }
#vmenu .panel .gm { position:absolute; right:0px; top:5px; width:70px; height:107px; background-image:url(../img/gm.png); background-repeat:no-repeat; }

/* FOOTER */
#footer { width:1100px; height:183px; background-image:url(../img/footer.png);background-size: cover; background-repeat:no-repeat; clear:both; border-bottom:1px solid white; border-top:1px solid white; font-size:12px; color:white; display:inline-block; font-family:Tahoma; }
#footer .info { float:left; padding:20px 40px; width:495px; height:140px; }
#footer .page { float:left; padding:20px 50px; width:379px; height:140px; }
#footer .page a { color:white; }
#footer .page a:hover { color:#dca77c; }
#footer .page ul { padding:0px 40px 0px 10px; }
#footer .page li { padding-bottom:2px; }
#footer .page td { vertical-align:top; }
#footer h1 { font-size:15px; margin:0;}


/* COPYRIGHT */
#copyright { height:40px; width:1100px;}
#copyright a { color:#b07070; font-weight:bold; }
#copyright .controlpanel { float:left; padding-left:10px; padding-top:10px; }
#copyright .design { float:right; padding-right:10px; padding-top:10px;  }



/*extra*/
.acp h2 {
  margin-left: 10px;
  margin-top: 0px;
}
input[type="text"], input[type="password"], input[type="file"], textarea {
  border-radius: 5px;
  padding-left: 6px;
}

button, input[type="submit"]{
 border:1px solid #a0a0f2; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 7px 10px; text-decoration:none; display:block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #d2d2f9; background-image: -webkit-gradient(linear, left top, left bottom, from(#d2d2f9), to(#a6a6f2));
 background-image: -webkit-linear-gradient(top, #d2d2f9, #a6a6f2);
 background-image: -moz-linear-gradient(top, #d2d2f9, #a6a6f2);
 background-image: -ms-linear-gradient(top, #d2d2f9, #a6a6f2);
 background-image: -o-linear-gradient(top, #d2d2f9, #a6a6f2);
 background-image: linear-gradient(to bottom, #d2d2f9, #a6a6f2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d2d2f9, endColorstr=#a6a6f2);
 cursor:pointer;
 margin: 5px 0px;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
 border:1px solid #a0a0f2; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 7px 10px; text-decoration:none; display:block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #d2d2f9; background-image: -webkit-gradient(linear, left top, left bottom, from(#d2d2f9), to(#a6a6f2));
 background-image: -webkit-linear-gradient(top, #d2d2f9, #a6a6f2);
 background-image: -moz-linear-gradient(top, #d2d2f9, #a6a6f2);
 background-image: -ms-linear-gradient(top, #d2d2f9, #a6a6f2);
 background-image: -o-linear-gradient(top, #d2d2f9, #a6a6f2);
 background-image: linear-gradient(to bottom, #d2d2f9, #a6a6f2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d2d2f9, endColorstr=#a6a6f2);
cursor:pointer;
}
.search-form input[type="button"], .search-form input[type="reset"], .search-form2 input[type="button"], .search-form2 input[type="reset"]{
 border:1px solid #a0a0f2; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 7px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #d2d2f9; background-image: -webkit-gradient(linear, left top, left bottom, from(#d2d2f9), to(#a6a6f2));
 background-image: -webkit-linear-gradient(top, #d2d2f9, #a6a6f2);
 background-image: -moz-linear-gradient(top, #d2d2f9, #a6a6f2);
 background-image: -ms-linear-gradient(top, #d2d2f9, #a6a6f2);
 background-image: -o-linear-gradient(top, #d2d2f9, #a6a6f2);
 background-image: linear-gradient(to bottom, #d2d2f9, #a6a6f2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d2d2f9, endColorstr=#a6a6f2);
cursor:pointer;
}
button, input[type="submit"]:hover{
 border:1px solid #7878ed;
 background-color: #a5a5f3; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5a5f3), to(#7a7aeb));
 background-image: -webkit-linear-gradient(top, #a5a5f3, #7a7aeb);
 background-image: -moz-linear-gradient(top, #a5a5f3, #7a7aeb);
 background-image: -ms-linear-gradient(top, #a5a5f3, #7a7aeb);
 background-image: -o-linear-gradient(top, #a5a5f3, #7a7aeb);
 background-image: linear-gradient(to bottom, #a5a5f3, #7a7aeb);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5a5f3, endColorstr=#7a7aeb);
}

.middle h2 {
  font-weight:bold; font-size:12px; padding:12px 20px;
letter-spacing: 0px !important;
font-family: Tahoma;
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #fbfdfc 40%, #ededed 60%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#fbfdfc), color-stop(60%,#ededed));
    background: -webkit-linear-gradient(top, #fbfdfc 40%,#ededed 60%);
    background: -o-linear-gradient(top, #fbfdfc 40%,#ededed 60%);
    background: -ms-linear-gradient(top, #fbfdfc 40%,#ededed 60%);
    background: linear-gradient(top, #fbfdfc 40%,#ededed 60%);
    box-shadow: inset -1px -1px 0px 0px white, inset 1px 1px 0px 0px white;
    -moz-box-shadow: inset -1px -1px 0px 0px white, inset 1px 1px 0px 0px white;
    -webkit-box-shadow: inset -1px -1px 0px 0px white, inset 1px 1px 0px 0px white;
    -o-box-shadow: inset -1px -1px 0px 0px white, inset 1px 1px 0px 0px white;
box-shadow: 0px 0px 1px grey;
}
.acp h2{
  font-weight:bold; font-size:12px; padding:12px 20px;
  background: #fbfdfc;
letter-spacing: 0px !important;
font-family: Tahoma;
  background: -moz-linear-gradient(top,  #fbfdfc 0%, #d9d9d9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfdfc), color-stop(100%,#d9d9d9));
  background: -webkit-linear-gradient(top,  #fbfdfc 0%,#d9d9d9 100%);
  background: -o-linear-gradient(top,  #fbfdfc 0%,#d9d9d9 100%);
  background: -ms-linear-gradient(top,  #fbfdfc 0%,#d9d9d9 100%);
  background: linear-gradient(top,  #fbfdfc 0%,#d9d9d9 100%);
  border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
box-shadow: 0px 0px 1px grey;
}
.panel h2{
 font-weight:bold; font-size:12px; padding:12px 20px;
letter-spacing: 0px !important;
font-family: Tahoma;
  border: 1px solid #d0d0d0;
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #fbfdfc 40%, #ededed 60%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#fbfdfc), color-stop(60%,#ededed));
    background: -webkit-linear-gradient(top, #fbfdfc 40%,#ededed 60%);
    background: -o-linear-gradient(top, #fbfdfc 40%,#ededed 60%);
    background: -ms-linear-gradient(top, #fbfdfc 40%,#ededed 60%);
    background: linear-gradient(top, #fbfdfc 40%,#ededed 60%);
    box-shadow: inset -1px -1px 0px 0px white, inset 1px 1px 0px 0px white;
    -moz-box-shadow: inset -1px -1px 0px 0px white, inset 1px 1px 0px 0px white;
    -webkit-box-shadow: inset -1px -1px 0px 0px white, inset 1px 1px 0px 0px white;
    -o-box-shadow: inset -1px -1px 0px 0px white, inset 1px 1px 0px 0px white;
}