@import url('submenu.css');

@font-face {
 font-family: 'Cambria';
 src: url('Cambria.woff');
}
@font-face {
	font-family: 'Trajan Pro';
	src: url('fonts/Trajan Pro Regular.eot');
	src: local('☺'), url('fonts/Trajan Pro Regular.woff') format('woff'), url('fonts/Trajan Pro Regular.ttf') format('truetype'), url('fonts/Trajan Pro Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
 margin:0px;
 padding:0px;
 font-family: 'Tahoma';
 cursor: url('images/cursor.png'), default;            
}
.body {
 background: url('images/bg_1.jpg') top center no-repeat,
             url('images/bg_2.jpg') center 600px no-repeat,
             url('images/bg_3.jpg') center 1200px no-repeat;
 min-width:1264px;
 font-size:13px;
}
a {
 color:inherit;
}

input[type="text"], input[type="password"], input[type="email"] {
 width:190px;
 height:31px;
 background:url('images/input_text.png');
 border:0px none;
 margin:1px;
 padding:0px 5px;
 color:#1d3706;
}


select {
 width: 200px;
 height:31px;
 background:url('images/input_text.png');
 border:0px none;
 margin:1px;
 padding:0px 5px;
 color:#1d3706;
}


#recaptcha_response_field {
 background: white;
 color:black;
 height:25px;
}
input[type="text"].low, input[type="password"].low, input[type="email"].low {
 background: url('images/input_text_weak.png') !important; 
}
input[type="text"].medium, input[type="password"].medium, input[type="email"].medium {
 background: url('images/input_text_medium.png') !important; 
}
input[type="text"].hard, input[type="password"].hard, input[type="email"].hard {
 background: url('images/input_text_strong.png') !important; 
}

input[type="submit"], input[type="button"], button, input[type="reset"], .button {
 min-width:115px;
 height:44px;
 background:url('images/input_submit.png');
 border:0px none;
 margin:1px;
 color:white;
 text-shadow:1px 1px black;
 text-align:center;
 font-size:16px;
 background-size:100% 100%;
 cursor: pointer;
 opacity: 1;
 transition: opacity 1s;
 display:inline-block;
 text-decoration:none;
}
input[type="submit"][disabled], input[type="button"][disabled], button[disabled], input[type="reset"][disabled], .button[disabled] {
 opacity:0.6;
}
.button {
 border-style: solid;
 border-width:13px 11px 14px 11px;
 border-image: url("images/input_submit.png") 13 11 14 11 fill stretch;
 background: none;
 min-width:93px;
 height:20px;
}
textarea {
 /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#33000000',GradientType=0 ); /* IE6-8 */
  border:1px solid grey;
  padding:5px;
}  
.POWER_low {
 transition: 1s color;
 color: red;
}
.POWER_medium {
 transition: 1s color;
 color: orange;
 text-shadow: 1px 1px black;
}
.POWER_hard {
 transition: 1s color;
 color: green;
}
table { font-size:13px;}
.headtop {
 width:1264px;
 margin:0 auto;
}
.headtop .jointous {
 display:inline-block;
 width:310px;
 height:70px;
}
.headtop .logo {
 display:inline-block;
 width:200px;
 height:75px;
 margin-left:195px;
 margin-top:95px;
}
.headtop .menu {
 width:1059px;
 height:105px;
 padding:98px 0px 0px 205px;
 background:url('images/menu.jpg');
 margin-top:95px;
 font-family: 'Cambria';
 font-size:17px;
 position:relative;
 z-index:2;
}
.headtop .menu a {
 font-size:15px;
 text-transform:uppercase;
 color:#363d28;
 text-decoration:none;
 text-shadow:1px 1px white;
}
.headtop .menu a span {
 font-size:19px;
}
.menu .linklist {
 background: url("images/menu_podkreslak.png") bottom left repeat-x;
 display:inline-block;
 vertical-align:top;
}
.menu .linklist a {
 margin-left:40px;
 float:left;
 padding:0px 0.5px;
}
.menu .linklist a:hover {
 font-weight:bold; left: -3px;
 padding:0px;
}
.menu .downloads {
 display:inline-block;
 width:235px;
 height:140px;
 margin-left:10px;
 margin-top:-35px;
}
.site_content {
 width: 981px;
 height:903px;
 background:url('images/write.jpg');
 margin:0 auto;
 position:relative;
 z-index:3;
 margin-top:-35px;
 left:1px;
 padding:109px 41px 109px 42px; 
}
.menu_left {
 width:235px;
 display:inline-block;
 vertical-align:top;
}
.menu_left .header, .menu_right .header {
 width:237px;
 height:50px;
 padding-top:22px;
 background:url('images/status_header.png');
 text-align:center;
 font-size:15px;
 color:white;
 text-shadow:1px 1px black;
 text-transform:uppercase;
 margin:5px 0px;
}
.menu_left .header span, .menu_right .header span { font-size:19px;}
.menu_left .plon {
 color:#245b01;
 font-size:12px;
 text-shadow:1px 1px white;
 text-transform: uppercase;
}
.menu_left .plon span { font-size:16px;}
.menu_left .ch_stat {
 text-align:center;
 color:#103204;
 text-transform:uppercase;
 font-size:12px;
 margin-bottom:10px;
}
.menu_left .ch_stat span {
 font-size:15px;
}
.menu_left .ch_stat .grid {
 width:11px;
 height:68px;
 background:url('images/status_grid.png');
 display:inline-block;
 margin:0px 6px;
 padding:13px 5px 15px;
 position:relative;
 vertical-align:top;
}
.menu_left .ch_stat .grid.on {
 background:url('images/status_on.png') 4px 86px no-repeat, url('images/status_grid.png');
}
.menu_left .ch_stat .grid.off {
 background:url('images/status_off.png') 4px 86px no-repeat, url('images/status_grid.png');
}
.menu_left .ch_stat .grid div {
 width:11px;
 background:url('images/statusgrid.png') top left no-repeat;
 position:absolute;
 bottom:15px;
 vertical-align:top;
}
.menu_left .ch_stat table { color:#0d3f04;font-size:9px;text-align:center;font-weight:bold;}
.write {
 display:inline-block;
 vertical-align:top;
 width:485px;
 margin-left:1px;
 margin-top:40px;
 font-size:13px;
 color:#0d2801;
 height:863px;
 position:relative;
 padding-left: 10px;
 padding-right: 10px;
}
.write .content {

}
.news { width:505px;overflow:hidden;margin-bottom:23px;}
.news_header, .main_header {
 width:437px;
 height:50px;
 padding:20px 33px 0px;
 background:url('images/news_header.png');
 text-shadow:1px 1px black;
 font-variant: normal;
 font-size:19px;
 color:white;
 margin:0 auto;
}
.news .news_header span { font-size:19px; }
.news .news_content {
 padding:15px 17px 0px;
}
.news .news_footer {
 font-size:11px;
 border-top:1px solid #0d2801;
 margin-top:5px;
 padding-top:3px;
}
.news .news_footer a {
 float:right;
 margin-top:-15px;
 margin-right:-5px;
}
.menu_right {
 width:240px;
 display:inline-block;
 vertical-align:top;
 margin-top:23px;
 position:relative;
}
.menu_right .loginform {
 text-align:center;
 color:#1d3706;
 font-size:11px;
 text-transform:uppercase;
}
.menu_right .loginform span { font-size:14px;}
.menu_right .ranking_glpl {
 text-align:center;
 margin-bottom:10px;
}
.menu_right .ranking_glpl a {
 margin:0px 6px;
 display:inline-block;
 width: 97px;
 height:28px;
 padding-top: 3px;
 background:url('images/ranking_of.png');
 text-align:center;
 color:white;
 text-decoration:none;
 text-shadow:1px 1px black;
 font-size: 13px;
 cursor:pointer;
}
.ranking_glpl a span { font-size:18px; }
.rankingmini .grid {
 width:208px;
 height:37px;
 background:url('images/ranking_grid.png');
 margin:0 auto;
 padding:0px 0px 0px 7px;
}
.rankingmini .grid span,.rankingmini .grid a {
 font-size:15px;
 text-decoration:none;
 display:inline-block;
 vertical-align:top;
 float:left;
 margin-top:6px;
}
.rankingmini .grid span img { margin-top:-5px;margin-left:-3px; }
.rankingmini .grid span {
 color:#fae007;
 text-shadow:1px 1px black;
 width:33px;
 text-align:center;
}
.rankingmini .grid a {
 width:135px;
 text-indent:5px;
 color:#182c02;
 text-shadow:1px 1px white;
 overflow: hidden;
}
.footer {
 height:120px;
 margin-top:-34px;
 position:relative;
 z-index:4;
 color:#bde493;
 text-shadow:1px 1px black;
 width:968px;
 margin:0 auto;
}
.footer a {
 text-decoration:none;
 cursor:pointer;
}
.submenu a {
 text-transform:uppercase;
 text-decoration: none;
 font-family: 'Cambria';
 font-size:12px;
 color:#2a3825;
 float:left;
 margin:0px 10px;
}
.submenu a:hover {
 background: url("images/menu_podkreslak.png") bottom left repeat-x;
}
.submenu a span { font-size:16px; }
.changelog {
 position:absolute;
 top:0px;
 left:0px;
 z-index:15000;
 background-color:rgba(0,0,0,0.7);
 width:100%;
 height:100%;
 display:none;
}
table.banlist {
 border-spacing:0px;
 text-align:center;
}
table.banlist td {
 border-right: 1px solid black;
 empty-cells: show;
}
/* NUMBERS : */
.ONL_0, .ONL_1, .ONL_2, .ONL_3, .ONL_4, .ONL_5, .ONL_6, .ONL_7, .ONL_8, .ONL_9, .ONL_PRZEC {
 display:inline-block;
 height:24px;
 background: url('images/numbers.png');
}
.ONL_0 { background-position:-0px 0px; width:15px; }
.ONL_1 { background-position:-15px 0px; width:12px; }
.ONL_2 { background-position:-27px 0px; width:14px; }
.ONL_3 { background-position:-41px 0px; width:13px; }
.ONL_4 { background-position:-54px 0px; width:13px; }
.ONL_5 { background-position:-67px 0px; width:14px; }
.ONL_6 { background-position:-81px 0px; width:13px; }
.ONL_7 { background-position:-94px 0px; width:14px; }
.ONL_8 { background-position:-108px 0px; width:13px; }
.ONL_9 { background-position:-121px 0px; width:14px; }
.ONL_PRZEC { background-position:-135px 0px; width:6px; }
.ranktable td{ background:rgba(0,0,0,0.08);}
p.meldung {
 font-weight:bold;
}
form input, form span, form span img {
 display:inline-block;
 vertical-align:middle;
}
/* Scroll: */
.write .scrollcontent {
 height:862px;
 overflow:hidden;
 width:100%;
}
.menu_right .scroll {
 width:6px;
 height:870px;
 border-radius:10px;
 background: rgba(0,0,0,0.3);
 position:absolute;
 top:10px;
 left:-7px;
}
.menu_right .scroll .skrol { 
 width:100%;
 height:50px;
 border-radius:10px;
 background: rgba(0,0,0,0.6);
 position:absolute;
 top:0px;
 left:0px;
 z-index:3;
}
.menu_right .scroll .tooffset {
 width:100%;
 height:100%;
 position:absolute;
 z-index:2;
}
.inp_search {
 width:180px;
 position:absolute;
 z-index:100;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ 
 padding:5px 0px;
 border-radius:5px;
 border:1px solid rgba(0,0,0,0.65);
}
.inp_search a {
 display:block;
 text-indent:5px;
 transition: background 1s;
}
.inp_search a:hover {
 background: rgba(255,255,255,1);
}
.mCSB_container_wrapper, .mCSB_container {
 overflow: visible !important;
}
.mCSB_container_wrapper > .mCSB_container {
 padding-right: 0px !important;
}

/* Ranking characters: */
.top_3 { position:relative;margin-top:50px;height:550px;width:505px; left:-18px;}
.top_3 .JOB_0 {
 width:235px;
 height:456px;
 background: url('images/postacie2/0.png') top center no-repeat;
}
.top_3 .JOB_1 {
 width:235px;
 height:425px;
 background: url('images/postacie2/1.png') top center no-repeat;
 position:relative;
}
.top_3 .JOB_2 {
 width:235px;
 height:476px;
 background: url('images/postacie2/2.png') top center no-repeat;
 position:relative;
}
.top_3 .JOB_3 {
 width:235px;
 height:419px;
 background: url('images/postacie2/3.png') top center no-repeat;
 position:relative;
}
.top_3 .JOB_4 {
 width:235px;
 height:424px;
 background: url('images/postacie2/4.png') top center no-repeat;
 position:relative;
}
.top_3 .JOB_5 {
 width:235px;
 height:446px;
 background: url('images/postacie2/5.png') top center no-repeat;
 position:relative;
}
.top_3 .JOB_6 {
 width:235px;
 height:417px;
 background: url('images/postacie2/6.png') top center no-repeat;
 position:relative;
}
.top_3 .JOB_7 {
 width:235px;
 height:456px;
 background: url('images/postacie2/7.png') top center no-repeat;
 position:relative;
}
.top_3 .infos {
 text-shadow: 1px 1px black;
 position:absolute;
 top:-40px;
 width:100%;
 text-align:center;
}
.top_3 .infos .guild {
 color:#efd3ff; 
}
.top_3 .infos .name {
 color:#ffd74c;
}
.top_3 .infos .name span {
 color:#98ff33;
}
.top_3 .PLACE_2 {
 top:50px;
 left:0px;
 position:absolute;
}
.top_3 .PLACE_3 {
 top:70px;
 right:0px;
 position:absolute;
}
input.user {
 background: url("images/login_user.png") top left no-repeat, url("images/input_text.png"); 
 width: 158px;
 padding-left:37px;
}
input.pw {
 background: url("images/login_pw.png") top left no-repeat, url("images/input_text.png"); 
 width: 158px;
 padding-left:37px;
}
#write_inner {
 height: 793px;
 overflow-y: hidden;
}
.mCSB_outside + .mCSB_scrollTools {
    right: -4px !important;
}