/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 4, 2014 */
@font-face {
  font-family: 'Aleo';
  src: url('/_f/Aleo/Regular/aleo-regular-webfont.eot');
  src: url('/_f/Aleo/Regular/aleo-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/_f/Aleo/Regular/aleo-regular-webfont.woff') format('woff'), url('/_f/Aleo/Regular/aleo-regular-webfont.ttf') format('truetype'), url('/_f/_f/Aleo/Regular/aleo-regular-webfont.svg#Aleo') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Aleo';
  src: url('/_f/Aleo/Bold/aleo-bold-webfont.eot');
  src: url('/_f/Aleo/Bold/aleo-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/_f/Aleo/Bold/aleo-bold-webfont.woff') format('woff'), url('/_f/Aleo/Bold/aleo-bold-webfont.ttf') format('truetype'), url('/_f/_f/Aleo/Bold/aleo-bold-webfont.svg#Aleo') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Aleo';
  src: url('/_f/Aleo/Regular Italic/aleo-italic-webfont.eot');
  src: url('/_f/Aleo/Regular Italic/aleo-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/_f/Aleo/Regular Italic/aleo-italic-webfont.woff') format('woff'), url('/_f/Aleo/Regular Italic/aleo-italic-webfont.ttf') format('truetype'), url('/_f/_f/Aleo/Regular Italic/aleo-italic-webfont.svg#Aleo') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Aleo';
  src: url('/_f/Aleo/Bold Italic/aleo-bolditalic-webfont.eot');
  src: url('/_f/Aleo/Bold Italic/aleo-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/_f/Aleo/Bold Italic/aleo-bolditalic-webfont.woff') format('woff'), url('/_f/Aleo/Bold Italic/aleo-bolditalic-webfont.ttf') format('truetype'), url('/_f/_f/Aleo/Bold Italic/aleo-bolditalic-webfont.svg#Aleo') format('svg');
  font-weight: bold;
  font-style: italic;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 4, 2014 */
@font-face {
  font-family: 'forumregular';
  src: url('/_f/forum-regular-webfont.eot');
  src: url('/_f/forum-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/_f/forum-regular-webfont.woff') format('woff'), url('/_f/forum-regular-webfont.ttf') format('truetype'), url('/_f/forum-regular-webfont.svg#forumregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'forumregular';
  font-style: normal;
  font-weight: 400;
  src: url('/_f/forum-regular-latin-webfont.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
* {
  padding: 0;
  margin: 0;
  behavior: url(/pie/PIE.php);
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  HTML {
    overflow-x: hidden;
    background-position: 49.999% 0;
  }
}
@media all and (min-width: 1921px) {
  HTML {
    background-size: cover;
  }
}
BODY {
  /* background: url('/_i/castle.jpg') top right no-repeat; */
}
A,
A:VISITED {
  color: #006600;
  text-decoration: underline;
}
A:HOVER,
A:ACTIVE {
  color: #003300;
  /* border-bottom: #003333 solid 1px; */
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.tac {
  text-align: center;
}
.dn {
  display: none;
}
.clear {
  clear: both;
}
.break-word {
  word-wrap: break-word;
}
.header {
  text-align: center;
  background: url('/_i/top/orn-ru.png') top right no-repeat, url('/_i/top/orn-rd.png') bottom right no-repeat, url('/_i/top/orn-lu.png') top left no-repeat, url('/_i/top/orn-ld.png') bottom left no-repeat, url('/_i/top/orn-v.png') repeat-y, url('/_i/top/orn-v.png') right repeat-y, url('/_i/top/orn-h.png') top repeat-x, url('/_i/top/orn-h.png') bottom repeat-x, url('/_i/top/default0.jpg') 0px 12px;
  height: 123px;
}
.mainArea {
  width: 980px;
  margin: 0 auto;
  /* background: url('/_i/top/orn-ld.png') bottom left no-repeat, url('/_i/top/orn-rd.png') bottom right no-repeat, url('/_i/top/orn-vm.png') repeat-y, url('/_i/top/orn-v.png') right top repeat-y, url('/_i/top/orn-h.png') bottom repeat-x, url('/_i/thinverbar2.png') right repeat-y, url('/_i/menuback.png'); */
  font-family: 'forumregular', Arial, sans-serif;
}
div#topbar {
  text-align: center;
  color: yellow;
  height: 205px;
  width: 980px;
  margin: 0 auto;
  background: url('/_i/logo-margonem.png') center no-repeat;
  font-weight: bold;
  position: relative;
}
div#topbar div#fb-like-container {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
div#mainContent {
  padding: 87px 25px 18px 25px;
  position: relative;
  margin-top: 7px;
  /* background:	url('/_i/back-2.jpg') top repeat-y; */
  background-color: #EDD8A1;
  background: url('/_i/paper-top.png') top no-repeat, url('/_i/back-33.jpg') bottom no-repeat, url('/_i/back-22.jpg') top repeat-y;
  border-radius: 5px;
}
.topMenu {
  margin-top: 4px;
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  height: 40px;
}
.topMenu A {
  width: 105px;
  height: 42px;
  margin: 1px 2px 0px 2px;
  display: block;
  float: left;
  background: url('/_i/menu-buttons.png');
}
.topMenu A.l1 {
  background-position: 0px -43px;
}
.topMenu A.l2 {
  background-position: -109px -43px;
}
.topMenu A.l3 {
  background-position: -218px -43px;
}
.topMenu A.l4 {
  background-position: -327px -43px;
}
.topMenu A.l5 {
  background-position: -436px -43px;
}
.topMenu A.l6 {
  background-position: -545px -43px;
}
.topMenu A.l7 {
  background-position: -654px -43px;
}
.topMenu A.l8 {
  background-position: -763px -43px;
}
.topMenu A.l9 {
  background-position: -872px -43px;
  margin-right: 0px;
}
.topMenu A.l1:HOVER {
  background-position: 0px    0px;
}
.topMenu A.l2:HOVER {
  background-position: -109px 0px;
}
.topMenu A.l3:HOVER {
  background-position: -218px 0px;
}
.topMenu A.l4:HOVER {
  background-position: -327px 0px;
}
.topMenu A.l5:HOVER {
  background-position: -436px 0px;
}
.topMenu A.l6:HOVER {
  background-position: -545px 0px;
}
.topMenu A.l7:HOVER {
  background-position: -654px 0px;
}
.topMenu A.l8:HOVER {
  background-position: -763px 0px;
}
.topMenu A.l9:HOVER {
  background-position: -872px 0px;
  margin-right: 0px;
}
.centerCol {
  position: relative;
  min-height: 500px;
  width: 672px;
  padding: 6px;
  margin-left: 4px;
  color: #4a2b1b;
  float: left;
}
.innerContainer {
  margin-top: -64px;
  margin-bottom: 9px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: rgba(74, 43, 27, 0.5) solid 1px;
  background: rgba(255, 233, 168, 0.5);
  padding: 6px;
}
.rightCol {
  width: 226px;
  padding-left: 8px;
  padding-bottom: 8px;
  margin-top: -85px;
  float: left;
  color: #a42b1b;
  font-family: 'forumregular', Times, serif;
  font-size: 13px;
}
.rightCol h3 {
  font-size: 21px;
  font-family: 'Aleo';
  color: #500000;
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
}
.rightCol A,
.rightCol A:VISITED,
.leftCol A,
.leftCol A:VISITED {
  text-decoration: none;
  border: 0;
}
.rightCol A:HOVER,
.rightCol A:ACTIVE,
.leftCol A:HOVER,
.leftCol A:ACTIVE {
  text-decoration: none;
  border: 0;
}
#loginPanel A {
  color: #FFCA37;
  display: inline;
}
#loginPanelTop {
  background: url('/_i/login.png');
  width: 274px;
  height: 101px;
}
#loginPanelMiddle {
  background: url('/_i/login-frame.png');
  width: 236px;
  margin-left: 13px;
  color: #ffca37;
}
#loginPanelMiddle #loginmsg {
  display: none;
  margin-bottom: 10px;
}
#loginPanelMiddle .sep {
  background: url('/_i/login.png');
  background-position: -14px -102px;
  width: 235px;
  height: 3px;
  margin-left: -7px;
}
#loginPanelMiddle .lpnick {
  font-size: 120%;
  font-weight: bold;
}
#loginPanelBottom {
  background: url('/_i/login.png') 0px -107px;
  width: 250px;
  height: 101px;
}
div#loginPanel {
  position: relative;
  right: 15px;
  color: white;
}
#enterbutton {
  background: url('/_i/login.png') -26px -321px;
  width: 210px;
  height: 47px;
  margin: 3px auto;
  cursor: pointer;
  border: none;
  font-size: 0;
  color: transparent;
}
#enterbutton:HOVER {
  background-position: -26px -369px;
}
#logoutbutton {
  background: url('/_i/login.png') -30px -417px;
  width: 202px;
  height: 40px;
  margin: 0 auto;
  cursor: pointer;
  border: none;
  margin-bottom: 3px;
  font-size: 0;
  color: transparent;
}
#logoutbutton:HOVER {
  background-position: -30px -459px;
}
#loginbutton {
  background: url('/_i/login.png') -30px -238px;
  width: 202px;
  height: 40px;
  margin: 0 auto;
  cursor: pointer;
  border: none;
  margin-bottom: 3px;
  font-size: 0;
  color: transparent;
}
#loginbutton:HOVER {
  background-position: -30px -280px;
}
#ulogin,
#upassword {
  background: url('/_i/login.png') -30px -210px;
  color: yellow;
  width: 190px;
  height: 26px;
  padding: 0px 6px 0px 6px;
  font-size: 14px;
  line-height: 14px;
  border: 0;
  margin-bottom: 2px;
  margin-top: 1px;
}
a.rml {
  display: list-item;
  list-style-type: disc;
  font-weight: bold;
  margin-left: 28px;
}
DIV.separator {
  background: url('/_i/sep-left.gif') no-repeat, url('/_i/sep-right.gif') right no-repeat, url('/_i/sep-back.gif') repeat-x;
  width: 90%;
  height: 14px;
  margin: 10px auto;
}
.date {
  color: #6d0707;
}
DIV#quicknews {
  font-size: 90%;
  margin-bottom: 22px;
}
/* 
DIV#intromsg {
	background: url('/_i/t_04.png') top no-repeat, url('/_i/t_01.png') no-repeat, url('/_i/t_06.png') right top no-repeat, url('/_i/t_11.png') bottom left no-repeat, url('/_i/t_14.png') bottom right no-repeat, url('/_i/t_02.png') top repeat-x, url('/_i/t_07.png') repeat-y, url('/_i/t_10.png') right repeat-y, url('/_i/t_12.png') bottom repeat-x,  url('/_i/t_09.png');
	margin: 0px 15px 30px 15px;
	padding: 27px 24px 23px 24px;
}
*/
div#newsheader {
  text-align: center;
  margin-top: 30px;
}
div#newsheader span {
  display: inline-block;
  height: 20px;
  font-family: "Aleo";
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0 74px;
  background: url('/_i/header-wings.png') no-repeat, url('/_i/header-wings.png') right bottom no-repeat;
  color: #550000;
}
div#supportmsg {
  margin-bottom: 40px;
  font-weight: bold;
  display: none;
}
time {
  color: #a00000;
}
article {
  font-size: 16px;
  color: #4a2b1b;
}
article time {
  font-size: 90%;
  font-weight: normal;
  position: relative;
  top: 36px;
}
article H2 {
  color: #a00000;
  font-weight: bold;
  list-style-type: disc;
  font-size: 120%;
  margin-bottom: 32px;
  font-size: 17px;
}
#adminblog {
  font-weight: bold;
  margin-left: -11px;
  width: 270px;
}
#adminblog h2 {
  color: #a00000;
  font-size: 18px;
  padding-left: 16px;
  margin-bottom: 10px;
}
#adminblog #abheader {
  display: none;
}
#adminblog .abpost {
  color: #4a2b1b;
  font-size: 14px;
  margin-bottom: 10px;
  padding-left: 16px;
  margin-right: 20px;
}
#adminblog time {
  font-size: 10px;
  margin-left: 10px;
  font-weight: normal;
}
#qnews {
  color: black;
  position: relative;
  margin-bottom: 40px;
}
div#charselheader {
  height: 17px;
  margin-bottom: 10px;
}
div#charselheader span {
  font-family: "Aleo";
  text-transform: uppercase;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 1px;
}
footer,
.footer,
#footer {
  text-align: center;
  color: white;
  font-size: 12px;
  display: block;
  font-family: Verdana, Arial, sans-serif;
  background: rgba(0, 0, 0, 0.5);
  width: 980px;
  margin: 0 auto;
  padding: 3px 0;
}
footer A,
.footer A,
#footer A {
  color: yellow;
}
footer A:active,
.footer A:active,
#footer A:active,
footer A:visited,
.footer A:visited,
#footer A:visited {
  color: yellow;
}
footer A:hover,
.footer A:hover,
#footer A:hover {
  color: #cccc00;
}
B,
strong {
  font-weight: bold;
}
I,
em {
  font-style: italic;
}
/* LOCALE SECTION */
html[lang='pl'] {
  /* LOCALES for images and so */
}
html[lang='pl'] #abheader {
  background: url('/_i/locale/pl/headers.png') 0px -21px no-repeat;
}
/* BUTTON, input.submit {
	.MXButton (#492818, #6d3c24, white, gold, white, black, 3px, 3px, 10px);
} */
.myButton {
  -moz-box-shadow: inset 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #492818), color-stop(1, #6d3c24));
  background: -moz-linear-gradient(center top, #492818 5%, #6d3c24 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#492818', endColorstr='#6d3c24');
  background-color: #492818;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid gold;
  display: inline-block;
  color: white;
  font-weight: bold;
  padding: 3px 10px;
  text-decoration: none;
  text-shadow: 1px 1px 0px black;
}
.myButton:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6d3c24), color-stop(1, #492818));
  background: -moz-linear-gradient(center top, #6d3c24 5%, #492818 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d3c24', endColorstr='#492818');
  background-color: #6d3c24;
}
.myButton:active {
  position: relative;
  top: 1px;
}
.myButton:disabled {
  color: #a9a9a9;
}
/* Gradient font */
.gfont {
  display: inline-block;
  color: #b68900;
  text-decoration: none;
  position: relative;
  text-shadow: 2px 2px 1px #000000;
}
.gfont:before {
  content: attr(name);
  position: absolute;
  right: 0px;
  top: 0px;
  height: 55%;
  overflow: hidden;
  color: #ffe697;
}
.gfont:after {
  content: attr(name);
  position: absolute;
  right: 0px;
  top: 0px;
  height: 40%;
  overflow: hidden;
  color: #ffca2a;
}
button.srbutton {
  background: url('/_i/tematy-sprite.png') -362px -35px;
  width: 54px;
  height: 22px;
  border: 0;
  font-size: 12px;
}
button.srbutton:hover {
  background-position: -417px -35px;
}
button.srbutton:active {
  position: relative;
  top: 1px;
}
.mcbutton {
  display: inline-block;
  line-height: 25px;
  background: url('/_i/margo-com-btn.png') no-repeat 0px -52px, url('/_i/margo-com-btn.png') no-repeat right -78px, url('/_i/margo-com-btn.png') no-repeat center top;
  height: 25px;
  font-size: 16px;
  border: 0;
  color: #ffc300;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  padding: 0px 25px;
}
.mcbutton:hover:not([disabled]) {
  background-position: 0px -104px, right -130px, center -26px;
  color: #ffe9a8;
  cursor: pointer;
}
.mcbutton:disabled {
  cursor: default;
  opacity: 0.3;
}
.fb-like {
  top: -3px;
}
div.rnote {
  background: url('/_i/profile-sprite.png') 0px -361px;
  width: 213px;
  height: 85px;
  padding: 15px;
  margin-bottom: 15px;
  margin-left: -8px;
}
div.rnote a {
  display: inline;
  margin: 0;
  padding: 0;
}
#browserWarning {
  border: red solid 3px;
  background-color: white;
  padding: 5px;
  margin-top: 20px;
}
#browserWarning img {
  float: left;
  margin-right: 8px;
}
#browserWarning br {
  clear: both;
}
#shadow,
#shadowContent {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  line-height: 100%;
  z-index: 100;
  display: none;
  vertical-align: middle;
  overflow: hidden;
  padding-top: 90px;
}
#shadow div.popframe,
#shadowContent div.popframe {
  text-align: center;
  padding: 20px;
  background: url('/_i/pap-corners.png') no-repeat, url('/_i/pap-corners.png') no-repeat, url('/_i/pap-corners.png') no-repeat, url('/_i/pap-corners.png') no-repeat, url('/_i/pap-y.png') repeat-y, url('/_i/pap-y.png') repeat-y, url('/_i/pap-x.png') repeat-x, url('/_i/pap-x.png') repeat-x, url('/_i/pap-interior.png');
  background-position: -52px -53px, left -52px bottom -53px, top -53px right -52px, bottom -53px right -52px, left -52px center, right -52px center, center top -53px, center bottom -53px, center center;
}
#shadow div.popframe h2,
#shadowContent div.popframe h2 {
  color: #a00000;
  text-transform: uppercase;
  font-size: 21px;
  text-align: center;
}
#shadowContent {
  background: none;
  width: 80%;
  overflow: auto;
}
#google,
#iodgoogle {
  display: inline-block;
  width: 58px;
  height: 19px;
  background: url('/_i/signup.png') 0px -290px;
  position: relative;
  top: 5px;
  border-radius: 4px;
}
#google:hover,
#iodgoogle:hover {
  background-position: -60px -290px;
  cursor: pointer;
}
#facebook,
#oidfb {
  display: inline-block;
  width: 58px;
  height: 19px;
  background: url('/_i/signup.png') -120px -290px;
  position: relative;
  top: 5px;
  border-radius: 4px;
}
#facebook:hover,
#oidfb:hover {
  background-position: -180px -290px;
  cursor: pointer;
}
.fanPages h1 {
  font-size: 28px;
  font-weight: bold;
}
.paybutton {
  margin: 10px;
  height: 145px;
  font-weight: bold;
  color: #600;
  cursor: pointer;
  float: left;
  text-align: center;
}
div.paybutton:hover {
  color: red;
}
#payments div.box2 {
  display: none;
}
.paybutton b {
  display: inline-block;
  border: 3px double #600;
  width: 93px;
  height: 93px;
  padding: 2px;
  margin-bottom: 3px;
}
.paybutton b i {
  display: block;
  background: url(/_i/pay-icons.png) no-repeat;
  width: 83px;
  height: 83px;
}
.supportMsg {
  display: none;
}
.supportMsg div {
  font-weight: bold;
  color: #a00000;
  text-decoration: underline;
  height: 50px;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  position: relative;
  top: -64px;
}
.newRegulationsMessage div {
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  position: relative;
  top: -64px;
  padding-bottom: 10px;
}
.newRegulationsMessage div h2 {
  font-weight: bold;
  color: #a00000;
}
button.brbutton {
  background: url('/_i/tematy-sprite.png') 0px -35px;
  width: 156px;
  height: 34px;
  border: 0;
  font-size: 17px;
}
button.brbutton:hover {
  background-position: -157px -35px;
}
button.brbutton:active {
  position: relative;
  top: 1px;
}
button.ubrbutton {
  background: url('/_i/tematy-sprite.png') 0px -70px;
  width: 100px;
  height: 70px;
  border: 0;
  font-size: 17px;
}
button.ubrbutton:hover {
  background-position: -101px -70px;
}
button.ubrbutton:active {
  position: relative;
  top: 1px;
}
button.srbutton {
  background: url('/_i/tematy-sprite.png') -362px -35px;
  width: 54px;
  height: 22px;
  border: 0;
  font-size: 12px;
}
button.srbutton:hover {
  background-position: -417px -35px;
}
button.srbutton:active {
  position: relative;
  top: 1px;
}
span.srbox {
  background: url('/_i/posty-sprite.png') -338px -35px;
  width: 23px;
  height: 22px;
  border: 0;
  display: inline-block;
}
span.srbox.checked {
  background-position-y: -58px;
}
span.srbox:hover {
  background-position-x: -314px;
}
span.srbox input[type="checkbox"] {
  display: none;
}
div#new-registration {
  width: 980px;
  height: 398px;
  background: url('/_i/register-bg.jpg');
  margin: 0 auto -14px auto;
  text-align: center;
  color: red;
  font-family: "Aleo", Verdana, sans-serif;
}
div#new-registration div.worldSelectSection {
  height: 72px;
}
div#new-registration div.genderSelectSection {
  height: 30px;
}
div#new-registration div.nickSelectSection {
  height: 39px;
}
div#new-registration div.agreementSection {
  height: 35px;
}
div#new-registration div.playButtonSection {
  height: 62px;
}
div#new-registration div.worldSelectSection,
div#new-registration div.genderSelectSection,
div#new-registration div.nickSelectSection,
div#new-registration div.agreementSection,
div#new-registration div.playButtonSection {
  position: relative;
}
div#new-registration div.worldSelectSection > div,
div#new-registration div.genderSelectSection > div,
div#new-registration div.nickSelectSection > div,
div#new-registration div.agreementSection > div,
div#new-registration div.playButtonSection > div {
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
}
div#new-registration div.worldLabel {
  display: inline-block;
  background: url('/_i/register-sprite.png') -107px -120px;
  width: 84px;
  height: 26px;
  bottom: 0px;
}
div#new-registration div.genderIndicator {
  height: 90px;
  margin: 20px auto 0 auto;
}
div#new-registration div.genderIndicator.maleOption {
  background: url('/_i/register-sprite.png') -48px -75px;
  width: 58px;
}
div#new-registration div.genderIndicator.femaleOption {
  background: url('/_i/register-sprite.png') -1px -75px;
  width: 46px;
}
div#new-registration input[type=text] {
  box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.75), inset 1px 1px 8px 0 rgba(0, 0, 0, 0.85);
  border-radius: 5px;
  border: #656565 solid 1px;
  font-family: "Aleo", Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
}
div#new-registration div.nrCustomSelect {
  position: relative;
  font-family: "Aleo", Verdana, Arial, sans-serif;
}
div#new-registration ul.worldSelect li {
  box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.75), inset 1px 1px 8px 0 rgba(0, 0, 0, 0.85);
  border-radius: 5px;
  border: #656565 solid 1px;
  font-family: "Aleo", Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: black;
  background: white;
  width: 120px;
  height: 25px;
  line-height: 25px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
div#new-registration ul.worldSelect li .scf {
  position: absolute;
  top: 6px;
  right: 6px;
}
div#new-registration input#nrNick {
  width: 136px;
  height: 25px;
  padding: 0 28px 0 5px;
  position: relative;
  vertical-align: bottom;
}
div#new-registration button#reloadRandomNick {
  width: 21px;
  height: 18px;
  background: url('/_i/register-sprite.png') -1px -56px;
  position: relative;
  top: -5px;
  left: -26px;
  vertical-align: bottom;
}
div#new-registration input[type="radio"] {
  display: none;
}
div#new-registration input[type="radio"] + label {
  margin: 0 10px;
  display: inline-block;
  position: relative;
}
div#new-registration input[type="radio"] + label:after {
  display: inline-block;
  color: black;
  border: black solid 1px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: white;
  content: ' ';
  float: left;
  position: relative;
  top: 2px;
  right: 14px;
  box-shadow: 2px 3px 3px 0px black;
}
div#new-registration input[type="radio"]:checked + label:after {
  content: '\2022';
  font-size: 18px;
  line-height: 12px;
}
div#new-registration label[for="genderMaleOption"] {
  width: 47px;
  height: 20px;
  background: url('/_i/register-sprite.png') -107px -99px;
}
div#new-registration label[for="genderFemaleOption"] {
  width: 64px;
  height: 20px;
  background: url('/_i/register-sprite.png') -107px -147px;
  margin-left: 20px;
}
div#new-registration input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  background: url('/_i/checkboxes.png') 0px -60px;
  width: 18px;
  height: 21px;
  display: inline-block;
  box-shadow: none;
  position: relative;
  top: -2px;
}
div#new-registration input[type="checkbox"]:hover {
  background-position-y: -39px;
}
div#new-registration input[type="checkbox"]:active {
  background-position-y: -18px;
}
div#new-registration input[type="checkbox"]:disabled {
  background-position-y: 0px;
}
div#new-registration input[type="checkbox"]:checked {
  background-position-x: -22px;
}
div#new-registration label {
  background: url('/_i/register-sprite.png') -1px -168px;
  height: 17px;
  vertical-align: middle;
  width: 206px;
  display: inline-block;
  margin-top: 3px;
  cursor: pointer;
}
div#new-registration a.termsAndConditions {
  background: url('/_i/intro/spritesheet.png') -635px -399px;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-top: 0px;
}
div#new-registration div.nickIsValid {
  background: url('/_i/signup.png');
  background-position: -254px -290px;
  display: inline-block;
}
div#new-registration div.nickIsNotValid {
  background: url('/_i/signup.png');
  background-position: -239px -290px;
}
div#new-registration div#nickValidityIndicator {
  width: 14px;
  height: 21px;
  display: inline-block;
}
div#new-registration button {
  width: 194px;
  height: 54px;
  background: url('/_i/register-sprite.png') -1px -1px;
  border: 0;
  cursor: pointer;
}
div#new-registration button div#playText {
  width: 70px;
  height: 23px;
  margin: 0 auto;
  background: url('/_i/register-sprite.png') -107px -75px;
}
HTML {
  background: url('/_i/bg-standard.jpg') top no-repeat;
  background-attachment: fixed;
  background-color: black;
  min-width: 980px;
}
div#createchar,
div#confirm_paid_character,
div#not_enough_draconite_character {
  width: 390px;
  margin: auto auto;
  color: #4a2b1b;
  font-weight: bold;
  font-size: 14px;
}
div#createchar div.ismiddle,
div#confirm_paid_character div.ismiddle,
div#not_enough_draconite_character div.ismiddle,
div#createchar div#ismiddle,
div#confirm_paid_character div#ismiddle,
div#not_enough_draconite_character div#ismiddle {
  text-align: center;
  padding: 20px;
  background: url('/_i/pap-corners.png') no-repeat, url('/_i/pap-corners.png') no-repeat, url('/_i/pap-corners.png') no-repeat, url('/_i/pap-corners.png') no-repeat, url('/_i/pap-y.png') repeat-y, url('/_i/pap-y.png') repeat-y, url('/_i/pap-x.png') repeat-x, url('/_i/pap-x.png') repeat-x, url('/_i/pap-interior.png');
  background-position: -52px -53px, left -52px bottom -53px, top -53px right -52px, bottom -53px right -52px, left -52px center, right -52px center, center top -53px, center bottom -53px, center center;
}
div#createchar div.ismiddle h2,
div#confirm_paid_character div.ismiddle h2,
div#not_enough_draconite_character div.ismiddle h2,
div#createchar div#ismiddle h2,
div#confirm_paid_character div#ismiddle h2,
div#not_enough_draconite_character div#ismiddle h2 {
  color: #a00000;
  text-transform: uppercase;
  font-size: 21px;
  text-align: center;
}
div#createchar div.nickIsValid,
div#confirm_paid_character div.nickIsValid,
div#not_enough_draconite_character div.nickIsValid {
  background: url('/_i/signup.png');
  background-position: -254px -290px;
  display: inline-block;
}
div#createchar div.nickIsNotValid,
div#confirm_paid_character div.nickIsNotValid,
div#not_enough_draconite_character div.nickIsNotValid {
  background: url('/_i/signup.png');
  background-position: -239px -290px;
}
div#createchar div#nickValidityIndicator,
div#confirm_paid_character div#nickValidityIndicator,
div#not_enough_draconite_character div#nickValidityIndicator {
  margin-left: 5px;
  position: relative;
  top: 8px;
  width: 14px;
  height: 21px;
  display: inline-block;
}
div.gsheader {
  width: 100%;
  height: 30px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px black;
  -moz-box-shadow: 0 1px 1px black;
  box-shadow: 0 1px 1px black;
  background: #4a2b1b;
}
div.gsheader div.gsl {
  background: url('/_i/stats.png') 0px -31px;
  width: 107px;
  height: 30px;
  position: absolute;
  -moz-border-radius: 6px 0px 0px 6px;
  -webkit-border-radius: 6px 0px 0px 6px;
  border-radius: 6px 0px 0px 6px;
}
div.gsheader div.gsr {
  background: url('/_i/stats.png') -108px -31px;
  position: absolute;
  right: 20px;
  width: 107px;
  height: 30px;
  -moz-border-radius: 0px 6px 6px 0px;
  -webkit-border-radius: 0px 6px 6px 0px;
  border-radius: 0px 6px 6px 0px;
}
div.gsheader div.gsc {
  margin-left: 10px;
  margin-right: 10px;
  height: 30px;
  text-align: center;
}
div.gsheader div.gsc span {
  color: #ffe9a8;
  font-size: 24px;
  line-height: 24px;
  font-family: 'forumregular';
  position: relative;
  top: 3px;
}
div.gsheader div.gsc div {
  background: url('/_i/stats.png') 0px 0px;
  width: 122px;
  height: 30px;
  margin: 0 auto;
}
/* My radio buttons */
input.myRadio[type='radio'] {
  display: none;
}
input.myRadio[type='radio'] + label {
  display: inline-block;
  font-size: 13px;
}
input.myRadio[type='radio'] + label:before {
  display: inline-block;
  width: 10px;
  height: 10px;
  bottombottom: 1px;
  /* background-color: white;  */
  /* box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 1px 0px rgba(0, 0, 0, .6); */
  border-radius: 100%;
  border: #4a2b1b solid 2px;
  content: "";
  color: transparent;
  font-size: 20px;
  text-align: center;
  line-height: 10px;
  font-family: sans-serif;
  /* Correction of circle position vs text */
  position: relative;
  top: 2px;
  margin-right: 2px;
}
input.myRadio[type='radio'] + label:after {
  background: transparent;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  position: relative;
  top: -10px;
  left: 4px;
  content: "";
}
input.myRadio[type='radio'] + label:hover:before {
  /* box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 1px 0px rgba(255, 255, 0, .6); */
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.4);
}
input.myRadio[type='radio'] + label:active:after {
  background: rgba(74, 43, 27, 0.4);
}
input[type='radio'].myRadio:checked + label:after {
  background: #4a2b1b;
}
div#smallContainer {
  width: 675px;
  margin-left: -5px;
  margin-top: -10px;
}
div#showroom {
  background: url('/_i/showroom.png');
  height: 377px;
  width: 362px;
  float: left;
}
div#showroom a:hover {
  border: 0;
}
div#showroom .img_0 {
  margin: 16px 12px 0 12px;
}
div#showroom .img_1 {
  margin: 17px 0px 0px 12px;
}
div#showroom .img_2 {
  margin: 17px 0px 0px 10px;
}
div#showroom .img_3 {
  margin: 17px 0px 0px 10px;
}
div#isignup {
  float: left;
  color: #feee9c;
  text-align: center;
  line-height: 130%;
  margin-top: -8px;
  margin-left: 17px;
}
div#isignup input {
  background: #fbe99f;
  border: 1px solid #4a2b1b;
}
div#isignup input[type='radio'] {
  background: transparent;
  border: 0px solid red;
}
div#isignup strong {
  font-weight: bold;
}
div#isignup #istop {
  background: url('/_i/signup.png');
  width: 287px;
  height: 96px;
}
div#isignup #ismiddle {
  background: url('/_i/signup-frame.png');
  padding: 0 5px 0 5px;
  width: 277px;
}
div#isignup #ismiddle A {
  color: #FFCA37;
  text-decoration: none;
}
div#isignup #ismiddle .issep {
  background: url('/_i/signup.png') 0px -97px;
  height: 3px;
  margin-left: -5px;
  width: 287px;
  margin-top: 2px;
  margin-bottom: 2px;
}
div#isignup #isbottom {
  background: url('/_i/signup.png') 0px -101px;
  width: 287px;
  height: 94px;
  margin-left: -5px;
}
div#isignup #isbottom A#playnow {
  width: 210px;
  height: 43px;
  display: block;
  position: relative;
  top: 0px;
  left: 38px;
}
div#isignup #isbottom A#playnow:HOVER {
  background: url('/_i/signup.png') -38px -196px;
  border: 0;
}
div.cs {
  width: 32px;
  height: 48px;
  display: inline-block;
}
div#fico {
  display: none;
}
div#csfw {
  background: url('https://micc.garmory-cdn.cloud/obrazki/postacie/woj/80/f_woj16.gif');
}
div#csfm {
  background: url('https://micc.garmory-cdn.cloud/obrazki/postacie/mage/90/f_mag20.gif');
}
div#csfh {
  background: url('https://micc.garmory-cdn.cloud/obrazki/postacie/hun/80/f_hun02.gif');
}
div#csfp {
  background: url('https://micc.garmory-cdn.cloud/obrazki/postacie/pal/90/f_pal18.gif');
}
div#csfb {
  background: url('https://micc.garmory-cdn.cloud/obrazki/postacie/bd/80/f_bd01.gif');
}
div#csft {
  background: url('https://micc.garmory-cdn.cloud/obrazki/postacie/trop/90/f_tr20.gif');
}
div#csmw {
  background: url('https://micc.garmory-cdn.cloud/obrazki/postacie/woj/30/m_woj07.gif');
}
div#csmm {
  background: url('https://micc.garmory-cdn.cloud/obrazki/postacie/mage/100/m_mag04.gif');
}
div#csmh {
  background: url('https://micc.garmory-cdn.cloud/obrazki/postacie/hun/70/m_hun04.gif');
}
div#csmp {
  background: url('https://micc.garmory-cdn.cloud/obrazki/postacie/pal/90/m_pal25.gif');
}
div#csmb {
  background: url('https://micc.garmory-cdn.cloud/obrazki/postacie/bd/100/m_bd07.gif');
}
div#csmt {
  background: url('https://micc.garmory-cdn.cloud/obrazki/postacie/trop/90/m_tr27.gif');
}
.details {
  display: none;
}
.details table tr td {
  padding-right: 2px;
}
#dbirth,
#mbirth {
  width: 30px;
  text-align: center;
}
#ybirth {
  width: 50px;
  text-align: center;
}
/* Empty birthdate color */
.ebdc {
  color: #999;
}
/* Invalid birthdate color */
.ibdc {
  color: #ff0000;
}
/* Correct birthdate color */
.cbdc {
  color: black;
}
/** Character selection */
div#charsel {
  margin-left: -4px;
}
div#charprev {
  background: url('/_i/select-char.png');
  width: 217px;
  height: 175px;
}
div#charprev a#delchar {
  position: absolute;
  top: 8px;
  left: 13px;
  display: block;
  width: 107px;
  height: 19px;
}
div#charprev a#delchar:HOVER {
  background: url('/_i/select-char.png') -13px -184px;
  border: 0;
}
div#charprev a#chngnick {
  position: absolute;
  top: 8px;
  left: 121px;
  display: block;
  width: 83px;
  height: 19px;
}
div#charprev a#chngnick:HOVER {
  background: url('/_i/select-char.png') -121px -184px;
  border: 0;
}
div#charprev a#entergame {
  position: absolute;
  top: 123px;
  left: 11px;
  display: block;
  width: 196px;
  height: 38px;
}
div#charprev a#entergame:HOVER {
  background: url('/_i/select-char.png') -11px -209px;
  border: 0;
}
div#charprev div#charimg {
  width: 32px;
  height: 48px;
  position: absolute;
  top: 36px;
  left: 24px;
}
div#charprev div#charprof {
  width: 53px;
  height: 25px;
  position: absolute;
  top: 90px;
  left: 14px;
  text-align: center;
  font-size: 8px;
  color: white;
  font-weight: bold;
  display: table;
}
div#charprev div#charprof div {
  display: table-cell;
  vertical-align: middle;
}
div#charprev div#charbox {
  width: 133px;
  height: 84px;
  position: absolute;
  top: 32px;
  left: 70px;
}
div#charprev div#charbox div#charinfo {
  padding: 2px;
  display: none;
  font-weight: bold;
  font-size: 14px;
}
div#charprev div#charbox div#charinfo span {
  font-weight: normal;
}
div#charprev div#charbox div#charinfo span#chnick {
  font-weight: bold;
}
div#charprev div#charbox div#chardel {
  display: none;
  font-size: 11px;
  text-align: center;
}
div#charprev div#charbox div#nickchng {
  display: none;
  font-size: 11px;
  text-align: center;
}
div#charprevc {
  position: absolute;
}
div#charprevc .t {
  background: #008080;
}
div#charprevc .h {
  background: #2b6700;
}
div#charprevc .m {
  background: #015267;
}
div#charprevc .p {
  background: #473467;
}
div#charprevc .w {
  background: #670000;
}
div#charprevc .b {
  background: #a54e00;
}
.t_txt {
  color: #008080;
}
.h_txt {
  color: #2b6700;
}
.m_txt {
  color: #015267;
}
.p_txt {
  color: #473467;
}
.w_txt {
  color: #670000;
}
.b_txt {
  color: #a54e00;
}
div#charlist {
  margin-left: 220px;
  margin-top: -175px;
  width: 444px;
  height: 175px;
}
div#charlist div.charc {
  float: left;
  width: 74px;
  height: 86px;
  background: url('/_i/select-char.png') 0px -250px;
}
div#charlist div.charcs {
  float: left;
  width: 74px;
  height: 86px;
  background: url('/_i/select-char.png') -76px -250px;
}
div#charlist div.charcn {
  float: left;
  width: 74px;
  height: 86px;
  background: url('/_i/select-char.png') -152px -250px;
}
div#charlist div.clvl {
  width: 28px;
  height: 17px;
  margin-left: 39px;
  margin-top: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 17px;
  color: white;
  font-size: 12px;
}
div#charlist .t {
  background: #008080;
}
div#charlist .h {
  background: #2b6700;
}
div#charlist .m {
  background: #015267;
}
div#charlist .p {
  background: #473467;
}
div#charlist .w {
  background: #670000;
}
div#charlist .b {
  background: #a54e00;
}
div#charlist .new {
  background: black;
}
div#charlist div.cimg {
  height: 48px;
  width: 32px;
  margin: 0 auto;
  cursor: pointer;
}
div#charlist div.charce {
  float: left;
  width: 74px;
  height: 86px;
  background: url('/_i/select-char.png') 0px -250px;
  opacity: 0.5;
}
.myButton {
  -moz-box-shadow: inset 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #492818), color-stop(1, #6d3c24));
  background: -moz-linear-gradient(center top, #492818 5%, #6d3c24 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#492818', endColorstr='#6d3c24');
  background-color: #492818;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid gold;
  display: inline-block;
  color: white;
  font-weight: bold;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 1px 1px 0px black;
}
.myButton:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6d3c24), color-stop(1, #492818));
  background: -moz-linear-gradient(center top, #6d3c24 5%, #492818 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d3c24', endColorstr='#492818');
  background-color: #6d3c24;
}
.myButton:active {
  position: relative;
  top: 1px;
}
.myButton:disabled {
  color: #a9a9a9;
}
.mySButton {
  -moz-box-shadow: inset 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #492818), color-stop(1, #6d3c24));
  background: -moz-linear-gradient(center top, #492818 5%, #6d3c24 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#492818', endColorstr='#6d3c24');
  background-color: #492818;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid gold;
  display: inline-block;
  color: white;
  font-weight: bold;
  padding: 3px 10px;
  text-decoration: none;
  text-shadow: 1px 1px 0px black;
}
.mySButton:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6d3c24), color-stop(1, #492818));
  background: -moz-linear-gradient(center top, #6d3c24 5%, #492818 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d3c24', endColorstr='#492818');
  background-color: #6d3c24;
}
.mySButton:active {
  position: relative;
  top: 1px;
}
.mySButton:disabled {
  color: #a9a9a9;
}
#intromsg {
  background: rgba(255, 250, 150, 0.4);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 8px;
  margin: 5px;
}
img.scf {
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}
#newnick {
  width: 125px;
  padding: 0px 5px;
  margin: 2px 0px;
  height: 26px;
  border: 0;
  background: url('/_i/select-char.png') no-repeat 0px -408px;
}
#chdelete {
  width: 65px;
  height: 34px;
  border: 0;
  background: url('/_i/select-char.png') no-repeat 0px -338px;
  position: absolute;
  top: 50px;
  left: 0;
}
#chdelete:hover {
  background: url('/_i/select-char.png') no-repeat -66px -338px;
}
#ncb {
  width: 65px;
  height: 34px;
  border: 0;
  background: url('/_i/select-char.png') no-repeat -132px -338px;
  position: absolute;
  top: 50px;
  left: 0;
}
#ncb:hover {
  background: url('/_i/select-char.png') no-repeat -132px -373px;
}
.gotocharinfo {
  width: 65px;
  height: 34px;
  border: 0;
  background: url('/_i/select-char.png') no-repeat 0px -373px;
  position: absolute;
  top: 50px;
}
.gotocharinfo:hover {
  background: url('/_i/select-char.png') no-repeat -66px -373px;
}
div.infook,
div.infobad {
  background: url('/_i/signup.png') -238px -290px;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 4px;
}
div.infook {
  background-position: -253px -290px;
}
div#ns,
div#als,
div#aps,
div#ems {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 4px;
  display: hidden;
}
#shadow2 {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: -87px;
  left: -29px;
  bottom: -19px;
  right: -267px;
  line-height: 100%;
  z-index: 100;
  display: none;
  vertical-align: middle;
  overflow: hidden;
  padding-top: 90px;
}
#shadow2 div.popframe {
  text-align: center;
  padding: 20px;
  background: url('/_i/pap-corners.png') no-repeat, url('/_i/pap-corners.png') no-repeat, url('/_i/pap-corners.png') no-repeat, url('/_i/pap-corners.png') no-repeat, url('/_i/pap-y.png') repeat-y, url('/_i/pap-y.png') repeat-y, url('/_i/pap-x.png') repeat-x, url('/_i/pap-x.png') repeat-x, url('/_i/pap-interior.png');
  background-position: -52px -53px, left -52px bottom -53px, top -53px right -52px, bottom -53px right -52px, left -52px center, right -52px center, center top -53px, center bottom -53px, center center;
}
#shadow2 div.popframe h2 {
  color: #a00000;
  text-transform: uppercase;
  font-size: 21px;
  text-align: center;
}
.outfit-container {
  width: 40px;
  display: inline-block;
}
.outfit-container .requirements {
  font-family: "Aleo", Verdana, Arial, sans-serif;
  text-align: center;
  font-size: 11px;
}
.outfit {
  width: 32px;
  height: 48px;
  display: inline-block;
  cursor: pointer;
}
.outfit + .requirements {
  color: green;
}
.doutfit {
  width: 32px;
  height: 48px;
  display: inline-block;
  opacity: 0.5;
}
.doutfit + .requirements {
  color: #a30000;
}
.gameWorldLabel {
  display: inline-block;
}
/* TABELKA BROWN HEADER ROUNDED TABLE */
table.bhrtable {
  font-family: 'forumregular';
  margin-top: 5px;
  border-collapse: separate;
  border-spacing: 0;
  border: #4a2b1b solid 1px;
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  width: 100%;
}
table.bhrtable thead tr {
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}
table.bhrtable thead tr th {
  border: #4a2b1b solid 1px;
  font-size: 22px;
  font-weight: bold;
  background-color: #8e592f;
  color: #ffe9a8;
}
table.bhrtable thead tr th:first-child {
  -moz-border-radius: 6px 0px 0px 0px;
  -webkit-border-radius: 6px 0px 0px 0px;
  border-radius: 6px 0px 0px 0px;
}
table.bhrtable thead tr th:last-child {
  -moz-border-radius: 0px 6px 0px 0px;
  -webkit-border-radius: 0px 6px 0px 0px;
  border-radius: 0px 6px 0px 0px;
}
table.bhrtable thead tr th:only-child,
table.bhrtable thead tr th[colspan] {
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}
table.bhrtable tbody {
  color: #4a2b1b;
  font-size: 16px;
}
table.bhrtable tbody tr th,
table.bhrtable tbody tr td {
  border: #4a2b1b solid 1px;
  text-align: center;
  padding-top: 1px;
  padding-bottom: 1px;
  vertical-align: middle;
}
table.bhrtable tbody tr:nth-child(odd) {
  background: #fae5a4;
}
table.bhrtable tbody tr:nth-child(even) {
  background: #ddca9a;
}
table.bhrtable tbody tr.highlited {
  color: #003c00;
  font-weight: bold;
}
table.bhrtable tbody .dbcell0,
table.bhrtable tbody .dbcell1,
table.bhrtable tbody .dbcell2,
table.bhrtable tbody .dbcell {
  background: #4b2b1c;
}
table.bhrtable tbody .dbcell0 a,
table.bhrtable tbody .dbcell1 a,
table.bhrtable tbody .dbcell2 a,
table.bhrtable tbody .dbcell a {
  text-decoration: none;
  color: #ffe9a8;
  border: 0;
}
table.bhrtable tbody .dbcell0,
table.bhrtable tbody .dbcell1 {
  border-bottom: #ffe9a8 solid 1px;
}
table.bhrtable tbody .dbcell1,
table.bhrtable tbody .dbcell2 {
  border-top: #ffe9a8 solid 1px;
}
.nb {
  font-weight: normal;
}
div.border6 {
  margin-top: 3px;
  margin-bottom: 3px;
  padding-bottom: 3px;
  border: black solid 1px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px black;
  -moz-box-shadow: 0 1px 1px black;
  box-shadow: 0 1px 1px black;
}
table.totals {
  width: 100%;
  font-family: 'forumregular';
  font-size: 16px;
  font-weight: bold;
}
table.totals th {
  text-align: left;
  padding: 0px 4px 0px 4px;
}
.totals td {
  text-align: right;
  padding: 0px 4px 0px 4px;
}
.onlinebox {
  font-family: 'forumregular';
  display: none;
  position: absolute;
  margin-right: 250px;
  border: black solid 4px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px black;
  -moz-box-shadow: 0 1px 1px black;
  box-shadow: 0 1px 1px black;
  color: #ffe9a8;
  background: #8e592f;
  width: 623px;
}
.onlinebox .onlineh div.ohl {
  background: url('/_i/stats.png') 0px -31px;
  float: left;
  width: 107px;
  height: 30px;
}
.onlinebox .onlineh div.ohr {
  background: url('/_i/stats.png') -108px -31px;
  float: right;
  width: 107px;
  height: 30px;
}
.onlinebox .onlineh div.ohc {
  background: #4a2b1b;
  margin-left: 107px;
  margin-right: 107px;
  font-size: 20px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.onlinebox .onlinec {
  padding: 20px;
  text-align: center;
}
.onlinebox .onlinef {
  text-align: center;
  height: 37px;
}
.onlinebox .onlinef .ofl {
  display: inline-block;
  width: 138px;
  height: 37px;
  background: url('/_i/stats.png') 0px -343px;
}
.onlinebox .onlinef .ofc {
  display: inline-block;
  width: 75px;
  height: 37px;
}
.onlinebox .onlinef .ofr {
  display: inline-block;
  width: 138px;
  height: 37px;
  background: url('/_i/stats.png') -139px -343px;
}
.onlinebox .onlinef button {
  border: 0px red solid;
  background: url('/_i/stats.png') 0px -289px;
  width: 75px;
  height: 25px;
  color: transparent;
  font-size: 0px;
  position: relative;
  top: -15px;
  text-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  filter: none;
}
.onlinebox .onlinef button:hover {
  background: url('/_i/stats.png') 0px -316px;
}
.onlinebox .onlinef button:active {
  top: -15px;
}
table.statstab {
  display: inline-table;
  margin: 0 6px 6px 0;
  font-family: 'forumregular';
  font-size: 14px;
  font-weight: bold;
  border-collapse: separate;
  border-spacing: 0;
}
table.statstab thead tr th {
  border: black solid 1px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px black;
  -moz-box-shadow: 0 1px 1px black;
  box-shadow: 0 1px 1px black;
  color: #ffe9a8;
  font-size: 24px;
  background: #8e592f;
  padding: 3px;
}
table.statstab tbody tr th,
table.statstab tbody tr td {
  background: #dec88f;
  padding: 1px 3px 1px 3px;
  -webkit-box-shadow: 1px 1px 1px black;
  -moz-box-shadow: 1px 1px 1px black;
  box-shadow: 1px 1px 1px black;
}
table.statstab tbody tr th {
  border-left: black solid 1px;
}
table.statstab tbody tr td {
  border-right: black solid 1px;
}
table.statstab tbody tr:first-child {
  margin-top: 10px;
}
table.statstab tbody tr:first-child th {
  -moz-border-radius: 6px 0px 0px 0px;
  -webkit-border-radius: 6px 0px 0px 0px;
  border-radius: 6px 0px 0px 0px;
  -webkit-box-shadow: 1px 1px 1px black;
  -moz-box-shadow: 1px 1px 1px black;
  box-shadow: 1px 1px 1px black;
  border-top: black solid 1px;
  border-left: black solid 1px;
}
table.statstab tbody tr:first-child td {
  -moz-border-radius: 0px 6px 0px 0px;
  -webkit-border-radius: 0px 6px 0px 0px;
  border-radius: 0px 6px 0px 0px;
  -webkit-box-shadow: 1px 1px 1px black;
  -moz-box-shadow: 1px 1px 1px black;
  box-shadow: 1px 1px 1px black;
  border-top: black solid 1px;
  border-right: black solid 1px;
}
table.statstab tbody tr:last-child th {
  border-radius: 0px 0px 0px 6px;
  box-shadow: 1px 1px 1px black;
  border: black solid 1px;
  border-top: 0px;
  border-right: 0px;
  padding: 2px;
}
table.statstab tbody tr:last-child td {
  border-radius: 0px 0px 6px 0px;
  box-shadow: 1px 1px 1px black;
  border: black solid 1px;
  border-top: 0px;
  border-left: 0px;
  padding: 2px;
}
table.statstab a {
  color: #ffd700;
  text-decoration: none;
}
table.statstab a :HOVER {
  color: white;
  text-decoration: underline;
}
button.showonline {
  border: 0px solid red;
  background: url('/_i/stats.png') 0px -62px;
  width: 154px;
  height: 25px;
  color: transparent;
  font-size: 0px;
  text-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  filter: none;
}
button.showonline:hover {
  background: url('/_i/stats.png') 0px -89px;
}
button.showonline:active {
  top: 0;
}
button.showmanagers {
  border: 0px solid red;
  background: url('/_i/stats.png') 0px -116px;
  width: 43px;
  height: 20px;
  color: transparent;
  font-size: 0px;
  text-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  filter: none;
}
button.showmanagers:hover {
  background: url('/_i/stats.png') 0px -137px;
}
button.showmanagers:active {
  top: 0;
}
h2 {
  text-align: center;
}
.white {
  color: white;
}
div.paging {
  margin: 10px 0 10px 0;
  text-align: center;
}
div.paging a,
div.paging span {
  color: #ffe9a8;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 0px 2px;
  border: black solid 1px;
  font-weight: bold;
}
div.paging span {
  background: #8e592f;
}
div.paging a {
  background: #4a2b1b;
  text-decoration: none;
}
/* Dziwny separator */
.wsep {
  width: 276px;
  height: 37px;
  background: url('/_i/stats.png') 0px -158px;
  margin: 5px auto 15px auto;
}
img.scf {
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}
/************* TIPS *************/
/******************************************* TIPS */
#tip {
  position: absolute;
  display: none;
  background: #222;
  color: gold;
  border: 3px double #a95;
  padding: 3px 8px 4px 8px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  z-index: 501;
  max-width: 280px;
  word-wrap: break-word;
  line-height: 150%;
}
#tip b {
  font-weight: bold;
  color: white;
}
#tip-o1,
#tip-o2 {
  position: absolute;
  width: 35px;
  height: 23px;
}
#tip-o1 {
  top: -6px;
  left: -6px;
  background: url(/_i/tip-cor.png) no-repeat 0 -69px;
}
#tip-o2 {
  right: -6px;
  bottom: -6px;
  background: url(/_i/tip-cor.png) no-repeat -35px -69px;
}
#tip B,
#tip I {
  display: block;
  text-align: center;
}
#tip.t_npc {
  text-align: center;
  background: #0d3d01;
  border-color: #5b7d00;
}
#tip.t_npc #tip-o1 {
  background-position: 0 -23px;
}
#tip.t_npc #tip-o2 {
  background-position: -35px -23px;
}
#tip.t_npc B,
#tip.t_other B {
  color: white;
}
#tip.t_other {
  text-align: center;
  background: #040469;
  border-color: #2c2cff;
}
#tip.t_other #tip-o1 {
  background-position: 0 -46px;
}
#tip.t_other #tip-o2 {
  background-position: -35px -46px;
}
#tip.t_other I {
  color: #f90;
}
/* fr, en, cl, cl-fr, cl-en
na ¶wiatach pvp: fr-en lub fr-fr
i to na ¶wiatach pvp wystêje wtedy, gdy nie by³o ¿adnej relacji z pierwszej linii*/
#tip.t_en,
#tip.t_cl-en,
#tip.t_fr-en {
  background: #690404;
}
#tip.t_fr,
#tip.t_cl {
  background: #050;
}
#tip.t_cl-fr,
#tip.t_fr-fr {
  background: #033;
}
#tip.item {
  background: #52231a url(/_i/tip-red.png);
  border-color: #8f541f;
  color: white;
}
#tip.item #tip-o1 {
  background-position: 0 -92px;
}
#tip.item #tip-o2 {
  background-position: -35px -92px;
}
#tip.item B {
  color: #cc7;
}
#tip.item B.upgraded {
  color: #FD0;
}
#tip.item B.unique {
  color: #DAA520;
}
#tip.item B.heroic {
  color: #2090FE;
}
#tip.item B.legendary {
  color: #FA9A20;
}
#tip.item B.artefact {
  color: #f0032a;
}
#tip.item B.expires {
  color: red;
}
#tip.item B.att {
  color: #ec0;
  display: inline;
}
#tip.item B.noreq {
  color: red;
}
#tip.item I.idesc {
  color: #FFC;
  margin: 3px 0;
  text-align: left;
}
#tip.item I.legbon {
  color: #FA9A20;
  margin: 3px 0;
  text-align: left;
  max-width: 300px;
}
#tip.item I.looter {
  color: lime;
  margin: 3px 0;
  text-align: left;
}
#tip.t_skill B.att {
  color: lightgray;
  text-align: left;
  display: inline;
}
#tip.t_skill B.noreq {
  color: red;
}
#tip.t_skill I {
  text-align: left;
}
#tip.t_skill B.nlvl {
  color: red;
  text-align: center;
  margin: 5px;
}
#tip.rep {
  background: #051 url(/_i/tip-green.png);
  width: 450px;
  color: white;
}
#tip.tip B {
  display: block;
  text-align: center;
  color: #cc7;
}