/* 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;
}
/************* 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;
}
.pcontainer {
  background: url('/_i/profile-sprite.png');
  height: 137px;
  width: 100%;
  position: relative;
  display: table;
}
.pnick {
  position: absolute;
  top: 2px;
  left: 112px;
  display: inline-block;
  font-size: 24px;
  font-family: 'forumregular';
}
a.plink,
a.alink,
a.blink {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  font-family: 'forumregular';
  position: absolute;
  top: 11px;
  text-align: center;
  text-decoration: none;
  border: 0;
  background: transparent;
  color: #f3dea1;
}
a.clink {
  background: #f3dea1;
  color: #4a2b1b;
  /* This is current link selected */
}
a.plink {
  width: 52px;
  left: 407px;
}
a.alink {
  width: 115px;
  left: 471px;
}
a.blink {
  width: 52px;
  left: 596px;
}
div.uav {
  width: 32px;
  height: 48px;
  position: absolute;
  left: 39px;
  top: 32px;
}
div.pprof {
  position: absolute;
  top: 86px;
  left: 28px;
  width: 53px;
  height: 25px;
  font-weight: bold;
  font-size: 12px;
}
div.pprof div {
  width: 53px;
  height: 25px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
div.prank,
div.plvl,
div.pposts,
div.plactive,
div.prep,
div.pcreated,
div.cnick,
div.clvl,
div.cprof,
div.cworld,
div.cguild {
  position: absolute;
  font-size: 16px;
  font-weight: bold;
  font-family: 'forumregular';
  width: 240px;
}
div.prank span,
div.plvl span,
div.pposts span,
div.plactive span,
div.prep span,
div.pcreated span,
div.cnick span,
div.clvl span,
div.cprof span,
div.cworld span,
div.cguild span {
  color: #8e764a;
  background: transparent;
  float: left;
  padding-right: 5px;
}
div.prank div,
div.plvl div,
div.pposts div,
div.plactive div,
div.prep div,
div.pcreated div,
div.cnick div,
div.clvl div,
div.cprof div,
div.cworld div,
div.cguild div {
  overflow: hidden;
  text-align: right;
  border-bottom: #8e764a solid 1px;
  height: 14px;
}
div.prank div span,
div.plvl div span,
div.pposts div span,
div.plactive div span,
div.prep div span,
div.pcreated div span,
div.cnick div span,
div.clvl div span,
div.cprof div span,
div.cworld div span,
div.cguild div span {
  color: #853022;
  position: absolute;
  right: 0;
}
.charInfo {
  width: 455px;
  min-height: 500px;
  float: left;
  position: relative;
}
.charBox {
  width: 170px;
  float: right;
}
.charBox > div:nth-child(even) {
  margin-left: 15px;
}
div.cnick div,
div.clvl div,
div.cprof div,
div.cworld div,
div.cguild div {
  border: 0;
  height: 20px;
}
div.cnick div span,
div.clvl div span,
div.cprof div span,
div.cworld div span,
div.cguild div span {
  position: relative;
  width: 100%;
  text-align: center;
  height: 14px;
  border-bottom: #8e764a solid 1px;
}
div.prank {
  top: 67px;
  left: 112px;
  text-transform: capitalize;
}
div.plvl {
  top: 89px;
  left: 112px;
}
div.pposts {
  top: 111px;
  left: 112px;
}
div.plactive {
  top: 67px;
  left: 407px;
}
div.prep {
  top: 89px;
  left: 407px;
}
div.pcreated {
  top: 111px;
  left: 407px;
}
div.cnick {
  top: 0;
  width: 100%;
}
div.clvl {
  top: 22px;
  width: 170px;
}
div.cprof {
  top: 22px;
  left: 185px;
  width: 270px;
}
div.cworld {
  top: 44px;
  width: 170px;
}
div.cguild {
  top: 44px;
  left: 185px;
  width: 270px;
}
div.uheader {
  font-size: 20px;
  font-weight: bold;
  color: #382c09;
  border-bottom: #4a2b1b solid 2px;
  margin-bottom: 10px;
  margin-top: 20px;
  position: relative;
}
div.uheader span {
  font-size: 12px;
  float: right;
  font-style: italic;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #8e764a;
}
div.showchar {
  background: url('/_i/profile-sprite.png') -152px -138px;
  width: 301px;
  height: 222px;
  margin: 70px auto 0 auto;
  position: relative;
}
div.classimg {
  background: url('/_i/profile_profs.jpg');
  width: 126px;
  height: 203px;
  position: absolute;
  top: 10px;
  left: 8px;
}
div.prof- {
  background: transparent;
}
div.prof-mw {
  background-position: 0px 0px;
}
div.prof-fw {
  background-position: 0px -203px;
}
div.prof-mb {
  background-position: -126px 0px;
}
div.prof-fb {
  background-position: -126px -203px;
}
div.prof-mp {
  background-position: -252px 0px;
}
div.prof-fp {
  background-position: -252px -203px;
}
div.prof-mm {
  background-position: -378px 0px;
}
div.prof-fm {
  background-position: -378px -203px;
}
div.prof-mt {
  background-position: -504px 0px;
}
div.prof-ft {
  background-position: -504px -203px;
}
div.prof-mh {
  background-position: -630px 0px;
}
div.prof-fh {
  background-position: -630px -203px;
}
.chicon {
  width: 32px;
  height: 48px;
  cursor: pointer;
  position: absolute;
  top: 28px;
  left: 20px;
}
.charc,
.charce,
.charcs {
  background: url("/_i/select-char.png") repeat scroll 0 -250px rgba(0, 0, 0, 0);
  float: left;
  height: 86px;
  width: 74px;
  position: relative;
}
.charce {
  opacity: 0.5;
}
.charcs {
  background-position: -76px -250px;
}
.lvlbox {
  color: white;
  font-size: 12px;
  font-weight: bold;
  height: 17px;
  line-height: 17px;
  width: 28px;
  text-align: center;
  position: absolute;
  top: 10px;
  left: 39px;
}
.aboutmeedit {
  display: none;
  text-align: center;
}
.aboutmeedit textarea {
  width: 100%;
  height: 159px;
  border: #4a2b1b solid 1px;
  background: rgba(253, 248, 234, 0.5);
  margin-bottom: 2px;
  padding: 9px;
  font-family: 'forumregular';
  color: #382c09;
  font-size: 12px;
  resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
button p {
  font-family: 'forumregular';
  font-size: 12px;
}
div.inviteInfo {
  background: url('/_i/profile-sprite.png') 0px -477px;
  width: 639px;
  height: 32px;
  line-height: 30px;
  padding: 0px 10px;
  margin-bottom: 5px;
}
/** Colors of profession texts and boxes */
.t_txt {
  color: #008080;
}
.h_txt {
  color: #2b6700;
}
.m_txt {
  color: #015267;
}
.p_txt {
  color: #473467;
}
.w_txt {
  color: #670000;
}
.b_txt {
  color: #a54e00;
}
._txt {
  color: black;
}
/* Unset profession */
.bg-t {
  background-color: #008080;
}
.bg-h {
  background-color: #2b6700;
}
.bg-m {
  background-color: #015267;
}
.bg-p {
  background-color: #473467;
}
.bg-w {
  background-color: #670000;
}
.bg-b {
  background-color: #a54e00;
}
#ibutton {
  border: 0;
  width: 58px;
  height: 28px;
  line-height: 28px;
  position: relative;
  top: -2px;
  font-family: 'forumregular';
  background: url('/_i/profile-sprite.png') -454px -138px;
}
#ibutton:hover {
  background-position: -513px -138px;
}
/* SELECTBOX */
.sbHolder {
  background-color: rgba(176, 135, 19, 0.4);
  border: solid 1px rgba(166, 47, 0, 0.7);
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  height: 26px;
  position: relative;
  top: 8px;
  width: 200px;
  display: inline-block;
  border-radius: 3px;
  box-shadow: rgba(190, 152, 41, 0.35) 0px 0px 2px 2px, rgba(16, 13, 6, 0.4) 1px 1px 2px 0px inset;
}
.sbSelector {
  display: block;
  height: 26px;
  left: 0;
  line-height: 26px;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-indent: 10px;
  top: 0;
  width: 170px;
}
.sbSelector:link,
.sbSelector:visited,
.sbSelector:hover {
  color: #5b4032;
  outline: none;
  text-decoration: none;
}
.sbToggle {
  background: url(/_i/select-icons.png) 0 0px no-repeat;
  display: block;
  height: 26px;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
}
.sbToggle:hover {
  background: url(/_i/select-icons.png) -27px 0px no-repeat;
}
.sbToggleOpen {
  background: url(/_i/select-icons.png) -54px 0px no-repeat;
}
.sbToggleOpen:hover {
  background: url(/_i/select-icons.png) -81px 0px no-repeat;
}
.sbHolderDisabled {
  background-color: #3C3C3C;
  border: solid 1px #515151;
}
.sbOptions {
  background-color: #e0ca8e;
  border: solid 1px #b55120;
  list-style: none;
  left: -1px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 26px;
  width: 200px;
  z-index: 1;
  overflow-y: auto;
}
.sbOptions li {
  padding: 0 0px;
  line-height: 26px;
}
.sbOptions a {
  border-bottom: solid 1px #9f894b;
  display: block;
  outline: none;
  padding: 0px 0 0px 7px;
}
.sbOptions a:link,
.sbOptions a:visited {
  color: #5B4032;
  text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus {
  color: #5B4032;
  background-color: #d7b965;
}
.sbOptions li.last a {
  border-bottom: none;
}
.sbOptions .sbDisabled {
  border-bottom: solid 1px #9f894b;
  color: #999;
  display: block;
  padding: 0px 0 2px 0px;
}
.sbOptions .sbGroup {
  border-bottom: solid 1px #9f894b;
  color: #5B4032;
  display: block;
  font-weight: bold;
  padding: 0px 0 0px 7px;
}
.sbOptions .sbSub {
  padding-left: 17px;
}
.maincat {
  background: url('/_i/dzialy-sprite.png');
  height: 34px;
  width: 654px;
  line-height: 34px;
  font-size: 22px;
  color: white;
  text-align: center;
  font-weight: normal;
  /* margin: 0 auto; */
}
.maincat span {
  font-family: "forumregular", Arial, sans-serif;
}
.subcat {
  background: rgba(227, 196, 122, 0.7);
  float: left;
  height: 140px;
  width: 324px;
  margin-left: 4px;
  margin-bottom: 4px;
  position: relative;
}
.catname {
  position: absolute;
  top: 4px;
  left: 13px;
  width: 298px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  border-bottom: #391f0d solid 1px;
}
.catname a,
.catname a:HOVER,
.catname a:VISITED,
.catname a:ACTIVE,
.catname a:LINK {
  color: yellow;
  text-decoration: none;
  border-bottom: none;
}
.done0 .catname {
  color: #853022;
}
.done0 .catimg {
  background-position: -188px 0px;
}
.done1 .catname {
  color: #cc6c06;
}
.done1 .catimg {
  background-position: -282px 0px;
}
.done2 .catname {
  color: #406712;
}
.done2 .catimg {
  background-position: -94px 0px;
}
.catdesc {
  position: absolute;
  top: 30px;
  left: 108px;
  width: 203px;
  color: #8e764a;
  font-size: 14px;
  text-align: left;
}
.catimg {
  position: absolute;
  top: 22px;
  left: 10px;
  width: 93px;
  height: 101px;
  background: url('/_i/margonem-com-achievements-sprite.png');
}
div.achProgress {
  background: url('/_i/margonem-com-achievements-sprite.png') 0px -119px;
  width: 294px;
  height: 4px;
  position: absolute;
  top: 121px;
  left: 13px;
  padding: 6px;
}
div.achProgress table {
  width: 100%;
  height: 5px;
  background: transparent;
  empty-cells: show;
  table-layout: fixed;
}
div.achProgress table tr td {
  border-left: #2c0400 solid 1px;
  border-right: #2c0400 solid 1px;
}
div.achProgress table tr td .achCurrent {
  height: 5px;
  float: left;
  background: yellow;
  opacity: 0.5;
}
div.achProgress table tr td:first-child {
  border-left: 0;
}
div.achProgress table tr td:last-child {
  border-right: 0;
}
div.achProgress table tr td:only-child {
  border: 0;
}
div.achProgress table tr td.achDone {
  background: #0fbc0e;
  opacity: 0.3;
}
div.achAction {
  position: absolute;
  top: 92px;
  left: 106px;
  width: 210px;
  text-align: center;
}