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, font, 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 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: -moz-use-text-color;
    border-left-style: none;
    border-left-width: 0;
    border-right-color: -moz-use-text-color;
    border-right-style: none;
    border-right-width: 0;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: 0;
    font-size: 100%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    vertical-align: baseline;
}
body {
    line-height: 1;
}
ol, ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: none;
}
:focus {
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
}
ins {
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
}
del {
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: line-through;
    text-decoration-style: solid;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
article, aside, details, figcaption, figure, header, hgroup, menu, nav, section {
    display: block;
}
@font-face {
    font-family: "AdvoCut";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/graphicpixel-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/graphicpixel-webfont.woff") format("woff"), url("../fonts/graphicpixel-webfont.ttf") format("truetype"), url("../fonts/graphicpixel-webfont.svg#GraphicPixelRegular") format("svg");
}
@font-face {
    font-family: "AdvoCut";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/advocut-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/advocut-webfont.woff") format("woff"), url("../fonts/advocut-webfont.ttf") format("truetype"), url("../fonts/advocut-webfont.svg#AndinaRegular") format("svg");
}
.gp {
    font-family: "AdvoCut",sans-serif;
}
html {
}
html, body {
    height: 100%;
}
body {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/Area_1 bg.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: pixelated;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
canvas {
    -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: pixelated;
    position: absolute;
}
.button, .buttonBuy{
	cursor: pointer;
}
.error #background {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: #000000;
    background-image: url("../img/common/loading-error.png"), none;
    background-origin: padding-box, padding-box;
    background-position: center center, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: auto auto, auto auto;
}
#background, #foreground {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#canvas, #bar-container, #bubbles, #chatbox, #canvasborder, #foreground, #background, footer, #container, #achievement-notification {
    -moz-user-select: none;
}
.started #canvas {
    /* cursor: none; */
}
#achievement-notification {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #111111;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: #ffffff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-style: ridge;
    border-bottom-width: 0;
    border-left-color: #ffffff;
    border-left-style: ridge;
    border-left-width: 4px;
    border-right-color: #ffffff;
    border-right-style: ridge;
    border-right-width: 4px;
    border-top-color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-style: ridge;
    border-top-width: 4px;
}
.gender {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
}
.gender:hover {
    border-bottom-color: #f0a714;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-style: groove;
    border-bottom-width: medium;
    border-left-color: #f0a714;
    border-left-style: groove;
    border-left-width: medium;
    border-right-color: #f0a714;
    border-right-style: groove;
    border-right-width: medium;
    border-top-color: #f0a714;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-style: groove;
    border-top-width: medium;
	box-sizing: border-box;
    cursor: pointer;
}
#foreground {
}

.cancel_button{

}
@media screen and (max-width: 600px) {
#entities {
    cursor: default;
}
}
h1 {
    font-weight: normal;
}
.preload {
    display: none;
}
div .spinner {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/common/ajax-loader.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    height: 31px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    width: 31px;
}
.table-bg {
    background-attachment: fixed;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/3/background-72res-small.png");
    background-origin: padding-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: pixelated;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: absolute;
    width: 100%;
}
.game #logo {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 0s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: none;
    animation-play-state: running;
    animation-timing-function: ease;
    display: none;
}
.left-ornament, .right-ornament, #character, #character div, .button, .logobutton, .button div, #respawn, #scroll, #instructions, .icon, #tilt, .parchment-left, .parchment-middle, .parchment-right, .avatar, .facebook, .twitter, .close, #note, .ext-link {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/spritesheet.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: pixelated;
}
#vignetting {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}
#parchment, #parchment input {
    font-family: "AdvoCut";
}
#parchment input {
    animation-delay: 0s;
    animation-direction: alternate;
    animation-duration: 0.5s;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-name: glow;
    animation-play-state: running;
    animation-timing-function: linear;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0.05);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #eeeeee;
    text-align: center;
    width: 50%;
}
#parchment input:focus {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 0s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: none;
    animation-play-state: running;
    animation-timing-function: ease;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0.1);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: rgba(0, 0, 0, 0.3);
    border-left-color: rgba(0, 0, 0, 0.3);
    border-right-color: rgba(0, 0, 0, 0.3);
    border-top-color: rgba(0, 0, 0, 0.3);
    color: #ffffff;
}
#parchment input.field-error {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(255, 0, 0, 0.1);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: #f84444;
    border-left-color: #f84444;
    border-right-color: #f84444;
    border-top-color: #f84444;
}
#character div {
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: opacity;
    transition-timing-function: linear;
}
#mask {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #141414;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    height: 100%;
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: opacity;
    transition-timing-function: linear;
    width: 100%;
    z-index: 20;
}

#barbuttons {
    float: right;
	cursor: pointer;
}
#friendslist {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #e1ebf5;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: -moz-use-text-color;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: -moz-use-text-color;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: -moz-use-text-color;
    border-top-style: solid;
    border-top-width: 1px;
    height: 50%;
    overflow-y: scroll;
    width: 98%;
}
#friendsbonus {
    font-size: 18px;
}
#friendslist .pxadvert {
    border-bottom-color: #989fa6;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 0;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
}
.friendsitem {
    border-bottom-color: #989fa6;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    float: left;
    font-size: 18px;
    line-height: 22px;
    min-height: 22px;
    width: 100%;
}
.friendsitem span {
    padding-bottom: 0;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
}
#mainmenu .page {
    color: #262626;
    font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
	cursor: pointer;
}
#potions_menu .page {
    color: #262626;
    font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
}

.custom_menu_scrollbar{
	scrollbar-face-color: #000000;
	scrollbar-track-color: #ddc7ab;
	scrollbar-arrow-color: #000000;
}/*for IE*/

.custom_menu_scrollbar::-webkit-scrollbar-track
{
	border: 2px solid rgba(115,30,20,0.75);
	background-color:  transparent;
	border-radius: 2rem;
}

.custom_menu_scrollbar::-webkit-scrollbar-button:start
{
	background-color:  transparent;
	background-image: url("../img/common/arrow-up.svg");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.custom_menu_scrollbar::-webkit-scrollbar-button:end
{
	background-color:  transparent;
	background-image: url("../img/common/arrow-down.svg");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.custom_menu_scrollbar::-webkit-scrollbar
{
	min-width: 3%;
	background-color:  transparent;
}

.custom_menu_scrollbar::-webkit-scrollbar-thumb
{
	background-color:  transparent;
	background: url("../img/common/slide_button_middle.png") repeat-y;
	border-radius: 1rem;
	background-size: contain;
}

.player_menu_scrollbar{
	scrollbar-face-color: #000000;
	scrollbar-track-color: #ddc7ab;
	scrollbar-arrow-color: #000000;
}/*for IE*/

.player_menu_scrollbar::-webkit-scrollbar-track
{
	border: 2px solid rgba(115,30,20,0.75);
	background-color:  transparent;
	border-radius: 2rem;
}

.player_menu_scrollbar::-webkit-scrollbar-button:start
{
	background-color:  transparent;
	background-image: url("../img/common/arrow-up.svg");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.player_menu_scrollbar::-webkit-scrollbar-button:end
{
	background-color:  transparent;
	background-image: url("../img/common/arrow-down.svg");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.player_menu_scrollbar::-webkit-scrollbar
{
	width: 6%;
	background-color:  transparent;
}

.player_menu_scrollbar::-webkit-scrollbar-thumb
{
	background-color:  transparent;
	background: url("../img/common/slide_button_middle.png") repeat-y;
	border-radius: 1rem;
	background-size: contain;
}

.chatArea, .chatArea:focus {
    -moz-user-select: none;
    bottom: 70px;
    color: #ffffff;
    font-size: 13px;
    height: 20%;
    left: 10%;
    outline-style: none;
    overflow-y: hidden;
    pointer-events: none;
    position: absolute;
    width: 80%;
    word-wrap: break-word;
    z-index: 4;
}
.msgArea {
    -moz-user-select: none;
    background-color: #000000;
    bottom: 70px;
    color: #ffffff;
    font-size: 13px;
    left: 10%;
    max-height: 80%;
    min-height: 20px;
    opacity: 0.7;
    outline-style: none;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 3px;
    padding-top: 5px;
    pointer-events: none;
    position: absolute;
    width: 80%;
    word-wrap: break-word;
    z-index: 4;
}


.message {
    opacity: 1;
}
.username {
    background-color: rgba(0, 0, 0, 0.4);
}
.messageBody {
    background-color: rgba(0, 0, 0, 0.4);
}
.btn_active {
    border-bottom-color: red;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.centerwrap {
    height: 100px;
    width: 100%;
}
.charactergrid {
	margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width:150px;
	height:140px;
	position: relative;
}
.charactergridtile {
    cursor: pointer;
    display: inline-block;
    height: 100px;
    width: 120px;
}
.charactergridtilename {
    display: inline-block;
    text-align: center;
	font-size: 20px;
    width: 120px;
}
.charactergridtileimage {
    background-repeat: no-repeat;
    background-size: 80px auto;
    display: block;
    height: 80px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 10px;
    width: 80px;
}

#player-hotbar {
    background-repeat: no-repeat;
    height: 16px;
    -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: pixelated;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    width: 80px;
}


.inventoryitem-help {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-helpbutton.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-bombpotion {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-bombpotion.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-key {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-key.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-keyred {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-keyred.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-keygold {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-keygold.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-keygreen {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-keygreen.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-keyblue {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-keyblue.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-firespell {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-firespell.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-healspell {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-healspell.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-icespell {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-icespell.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-tornadospell {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-tornadospell.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-terrorspell {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-terrorspell.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-stunspell {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-stunspell.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-blackholespell {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-blackholespell.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-transformspell {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-transformspell.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-poisonspell {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-poisonspell.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-shieldspell {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-shieldspell.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-shortbow {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-shortbow.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-pinearrow {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-pinearrow.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-cake {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-cake.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-flask {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-flask.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-book {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-book.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-burger {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-burger.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-warden {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-warden-inventory.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-firepotion {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-firepotion.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-manapotion {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-manapotion.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-healthpotion1 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/item-healthpotion3.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-healthpotion2 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/item-healthpotion3.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-healthpotion3 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/item-healthpotion3.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-manapotion1 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/item-manapotion3.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-manapotion2 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/item-manapotion3.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-manapotion3 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/item-manapotion3.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-restorepotion1 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/item-restorepotion3.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-restorepotion2 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/item-restorepotion3.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-restorepotion3 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/item-restorepotion3.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-hulkpotion1 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/item-hulkpotion3.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-hulkpotion2 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/item-hulkpotion3.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-hulkpotion3 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/item-hulkpotion3.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-cloth {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-cloth.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-ringplain {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-ringplain.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-ringwhite {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-ringwhite.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-ringgreen {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-ringgreen.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-ringblue {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-ringblue.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-ringpurple {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-ringpurple.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.inventoryitem-ringorange {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/item-ringorange.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.idnet-link a, .idnet-link:hover a, .idnet-link:active a, .idnet-link:link, .idnet-link:visited a {
    color: #0355a5;
}
.idnet-button {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #0354a5;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
    font-size: 18px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    text-align: center;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
}
.idnet-button:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #3cb0fd;
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
}

#levelup-notification {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/levelup.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: none;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: bottom;
    transition-timing-function: ease;
    z-index: 8;
}
#chatinput {
    color: #eeeeee;
}
#chatinput.placeholder {
    color: #aaaaaa;
}
div.clear {
    clear: both;
    float: left;
    width: 100%;
}
#pvp-overlay {
    color: #ffffff;
    display: none;
    float: right;
    font-family: "AdvoCut";
    height: 100%;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: absolute;
    right: 20px;
    text-align: right;
    top: 10px;
    width: 200px;
}
#kill-count {
    color: #ffffff;
    font-size: 22px;
    padding-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#leader-count1, #leader-count2, #leader-count3 {
    color: #ffffff;
    font-size: 20px;
}
#areaname {
    background-color: rgba(0, 0, 0, 0.25);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #e3e3e3;
    font-family: "AdvoCut";
    margin-right: 0;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    text-align: center;
    text-transform: capitalize;
    top: 15px;
    width: 140px;
}
.friendRequest {
    background-color: rgba(0, 0, 0, 0.25);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: none;
    font-family: "AdvoCut";
    margin-right: 0;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    width: auto;
}
.friendRequest #accept, .friendRequest #cancel {
    cursor: pointer;
    pointer-events: auto;
}
#inspector {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #e3e3e3;
    display: none;
    font-family: "AdvoCut";
    left: 15px;
    margin-left: 0;
    max-width: 140px;
    min-width: 71px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    pointer-events: none;
    position: absolute;
    top: 15px;
    text-shadow:
		-1px -1px 0 #373737,
		1px -1px 0 #373737,
		-1px 1px 0 #373737,
		1px 1px 0 #373737;
}
#inspector .details {
    margin-bottom: 2px;
    text-align: center;
    text-transform: capitalize;
}
#inspector .name {
    margin-left: 4px;
    text-transform: capitalize;
}
#inspector .level {
    margin-left: 5px;
    text-transform: capitalize;
}
#inspector .health {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ff0000;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: 1px solid #444444;
    clear: left;
    height: 5px;
    margin-top: 2px;
    width: 100%;
}
#dropDialog {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(45, 45, 45, 0.8);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #e3e3e3;
    display: none;
    font-family: "AdvoCut";
    font-size: 9pt;
    left: 50%;
    margin-left: -76px;
    margin-top: -23px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    position: absolute;
    top: 50%;
}
#dropDialog.active {
    display: block;
}
#dropTitle {
    text-align: center;
}
#dropAccept, #dropCancel {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #787878;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.bubble p {
    -moz-user-select: none;
}
#instructions {
    font-family: "AdvoCut";
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transition-delay: 0s, 0s;
    transition-duration: 0.4s, 0.4s;
    transition-property: top, opacity;
    transition-timing-function: ease, linear;
    z-index: 1000;
}
#instructions.active, #achievements.active, #leaderboards.active, #keylist.active, #profile.active, #store.active, #crystalstore.active, #characterselect.active, #remortdialog.active {
    opacity: 1;
    pointer-events: auto;
}
#mainmenu.active {
    opacity: 1;
    pointer-events: auto;
}
#weapon, #armor {
    -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: pixelated;
}
#achievements, .gui_scaleable_fullscreen, .gui_scaleable_type3, .gui_scaleable_type7, .popup_back, .menuback, .fullparchment, #achievements li, .coin, #coinsparks, .achievement-sharing a, #previous, #next {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    /*background-image: url("../img/1/achievements.png");*/
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: pixelated;
}
#achievements, .gui_scaleable_fullscreen, .gui_scaleable_type3, .gui_scaleable_type7, .popup_back, .menuback, .fullparchment {
    font-family: "AdvoCut";
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transition-delay: 0s, 0s;
    transition-duration: 0.4s, 0.4s;
    transition-property: top, opacity;
    transition-timing-function: ease, linear;
    z-index: 1000;
}
#achievements li {
    clear: both;
    position: relative;
}
#achievements li .coin, #achievements li .achievement-name {
    float: left;
}
#achievements li .coin {
    opacity: 0;
}
#achievements li.unlocked .achievement-name {
    color: #fce045;
}
#achievements li.unlocked .coin {
    opacity: 1;
}
#achievements .achievement-name {
    color: #ffffff;
}
#achievements .achievement-description {
    float: right;
    width: 65%;
}
#achievement-notification {
    bottom: 0;
    font-family: "AdvoCut";
    left: 50%;
    pointer-events: none;
    position: absolute;
    text-align: center;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: height;
    transition-timing-function: ease;
    z-index: 8;
}
#achievement-notification .name, #achievement-notification .title {
    opacity: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: linear;
}
#achievement-notification.active .name, #achievement-notification.active .title {
    opacity: 1;
}
#achievement-info {
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}
.achievement-sharing {
    display: none;
    position: absolute;
}
#achievements li.unlocked:hover .achievement-sharing {
    display: block;
}
.achievement-sharing a {
    display: block;
    float: left;
}
#bubbles a {
    color: #fcda5c;
    pointer-events: auto;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
}
.link:hover {
    color: #d83939;
    cursor: pointer;
}
.play img {
    display: none;
}
#create-new {
    margin-top: 2em;
}
#playername {
    color: #ffffff;
}
.validation-summary {
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-top: 0.5em;
}
.validation-error {
    color: #880000;
    text-shadow: 2px 2px 2px #ff6666;
}
@keyframes blink {
0% {
    color: red;
}
100% {
    color: #880000;
}
}
.blink {
    animation-delay: 0s;
    animation-direction: alternate;
    animation-duration: 0.3s;
    animation-fill-mode: none;
    animation-iteration-count: 5;
    animation-name: blink;
    animation-play-state: running;
    animation-timing-function: linear;
}
.parch1 {
    font-family: "AdvoCut",sans-serif;
    left: 50%;
    position: absolute;
    text-align: center;
    z-index: 1000;
}
#playerimage {
    -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: pixelated;
}
#parchment p {
    font-family: "AdvoCut";
}
#credits, #death, #joinidnet, #convertcharacter {
    top: 50%;
}
.intro #credits, .intro #joinidnet, .intro #convertcharacter {
    top: 55%;
}
#credits h1 a {
    color: #fcda5c;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
}
#authors div a {
    color: #ffffff;
    display: block;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
}
#authors div a:hover, #credits h1 a:hover {
    color: #93c1ff;
}
#seb {
    clear: both;
}
#portrait {
    display: none;
}
footer {
    bottom: 5%;
    color: #c6c0a3;
    font-family: "AdvoCut";
    left: 0;
    position: absolute;
    text-align: center;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: opacity;
    transition-timing-function: linear;
    width: 100%;
}
.upscaled.game footer {
    color: #8a8a8a;
}
.intro footer {
    opacity: 1;
}
footer:hover {
    opacity: 1;
}
#sharing a {
    background-size: 844px auto;
    display: block;
    float: right;
    position: relative;
    top: -2px;
}
#sharing .facebook {
    background-position: -822px -224px;
    height: 22px;
    margin-bottom: 0;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 0;
    width: 22px;
}
#sharing .facebook:hover {
    background-position: -822px -224px;
}
#sharing .twitter {
    background-position: -770px -224px;
    height: 22px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 12px;
    margin-top: 0;
    width: 32px;
}
#sharing .twitter:hover {
    background-position: -770px -224px;
}
#sharing .gplus {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/common/gplus.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    height: 22px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 12px;
    margin-top: 0;
    width: 22px;
}
#toggle-credits {
    display: inline-block;
    margin-left: 12px;
}
#legal-link a {
    color: inherit;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
}
#credits-link span:hover, #privacy-link span:hover, #legal-link a:hover {
    color: #fcda5c;
    cursor: pointer;
}
#sharing a:hover {
    transform: scale(1.2);
}
#sharing a:active {
    transform: scale(1);
}
.close {
    position: absolute;
    z-index: 20000;
}
.close:hover {
    cursor: pointer;
}
.bubble {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(45, 45, 45, 0.8);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    padding-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 0;
    position: absolute;
    text-align: center;
    cursor: pointer;
    pointer-events: auto;
}

.thingy {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/common/thingy.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    height: 10px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10px;
    position: relative;
    top: 10px;
    width: 11px;
}
.alert {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #d83939;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #eeeeee;
    font-family: "AdvoCut",arial,sans-serif;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 100%;
}
#instructions, #achievements, .gui_scaleable_fullscreen, .gui_scaleable_type3, .gui_scaleable_type7, .popup_back, .menuback, .fullparchment, #lists, #joinidnet, #convertcharacter, #credits, .play, .play div, .barbutton {
}
#resize-check {
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.001s;
    transition-property: height;
    transition-timing-function: ease;
}
#death p em {
    display: block;
    font-style: normal;
}
#legal p {
    font-size: 25px;
    line-height: 35px;
    width: 75%;
}
#legal p a {
    color: #2e7fdd;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
}
#close-legal {
    font-size: 20px;
    margin-top: 30px;
}
#toggle-legal, #legal-link a {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
}
#createcharacter form {
    position: relative;
}
#name-tooltip {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #373737;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #ffffff;
    font-size: 20px;
    height: 30px;
    left: 50%;
    line-height: 30px;
    margin-left: -200px;
    opacity: 0;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    pointer-events: none;
    position: absolute;
    top: -40px;
    transition-delay: 0s;
    transition-duration: 0.25s;
    transition-property: opacity;
    transition-timing-function: ease;
    width: 400px;
}
#name-tooltip::after {
    bottom: -8px;
    content: url("../img/common/arrow.png");
    height: 16px;
    left: 50%;
    margin-left: -14px;
    position: absolute;
    width: 28px;
}
#name-tooltip.visible {
    opacity: 0.9;
}
.opera #name-tooltip {
    display: none;
}
.opera #name-tooltip.visible {
    display: block;
}
.parchment-left {
    left: 20px;
    position: absolute;
    top: 0;
}
.parchment-right {
    position: absolute;
    right: 60px;
    top: 0;
}
.parchment-middle {
    left: 50%;
    position: absolute;
    top: 0;
}
.animate .parchment-left {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 1s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: parchleft;
    animation-play-state: running;
    animation-timing-function: ease;
}
.animate .parchment-right {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 1s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: parchright;
    animation-play-state: running;
    animation-timing-function: ease;
}
.magicparch {
    opacity: 0;
    pointer-events: none;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: none;
    transition-timing-function: ease;
}
.pickcharacter #pickcharacter, .credits #credits, .createcharacter #createcharacter, .loadcharacter #loadcharacter, .whatsnewlist #whatsnewlist, .idnet-login #idnet-login, .pre-map #pre-map, .genderselection #genderselection, .confirmation #confirmation, .guest #guest, .death #death, .error #error, .joinidnet #joinidnet, .convertcharacter #convertcharacter, .legal #legal {
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: opacity;
    transition-timing-function: linear;
}
#intro {
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: opacity;
    transition-timing-function: linear;
}
#mask, #logo, #parchment {
    opacity: 0;
}
.intro #logo, .intro #parchment {
    opacity: 1;
}
.game #confirmation, .game #guest, .game #loadcharacter, .game #whatsnewlist, .game #idnet-login, .game #pre-map, .game #genderselection, .game #createcharacter, .game #pickcharacter, .game #error {
    display: none;
}
.game #parchment {
   /* top: 50%;*/
    transition-delay: 0.5s, 1s;
    transition-duration: 0.5s, 0s;
    transition-property: opacity, z-index;
    transition-timing-function: linear, linear;
    z-index: 0;
}
.game #credits, .game #death, .game #joinidnet, .game #convertcharacter {
    opacity: 0;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: opacity;
    transition-timing-function: linear;
}
.game.credits #credits, .game.death #death, .game.joinidnet #joinidnet, .game.convertcharacter #convertcharacter, .game.legal #legal {
    opacity: 1;
    transition-delay: 0.5s;
    transition-duration: 0.5s;
    transition-property: opacity;
    transition-timing-function: linear;
}
.game.credits #parchment, .game.death #parchment, .game.joinidnet #parchment, .game.convertcharacter #parchment, .game.legal #parchment {
    opacity: 1;
    transition-delay: 0s, 0s;
    transition-duration: 0.5s, 0s;
    transition-property: opacity, z-index;
    transition-timing-function: linear, linear;
    z-index: 200;
}
.game .parchment-left {
    left: 41%;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: left;
    transition-timing-function: ease;
}
.game .parchment-right {
    right: 41%;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: right;
    transition-timing-function: ease;
}
.game .parchment-middle {
    margin-left: 0;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.5s, 0.5s, 0.5s;
    transition-property: width, margin-left, background-position;
    transition-timing-function: ease, ease, ease;
    width: 0;
}
.game.credits .parchment-left, .game.death .parchment-left, .game.convertcharacter .parchment-left, .game.legal .parchment-left {
    left: 0;
}
.game.credits .parchment-right, .game.death .parchment-right, .game.joinidnet .parchment-right, .game.convertcharacter .parchment-right, .game.legal .parchment-right {
    right: 0;
}
#container {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #1a1c1e;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    overflow-x: hidden;
    overflow-y: hidden;
    transition-delay: 0.5s;
    transition-duration: 1s;
    transition-property: opacity;
    transition-timing-function: linear;
    z-index: 100;
}
.intro #container {
    opacity: 0;
    pointer-events: none;
}
.game #container {
    opacity: 1;
}
#logo, #parchment {
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: opacity;
    transition-timing-function: linear;
}
@keyframes flash {
0% {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ffa2a2;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
100% {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #e22525;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
}
@keyframes glow {
0% {
    color: #fcda5c;
}
100% {
    color: #ffffff;
}
}
@keyframes parchleft3 {
0% {
    left: 55px;
}
45% {
    left: 44%;
}
55% {
    left: 44%;
}
100% {
    left: 55px;
}
}
@keyframes parchleft2 {
0% {
    left: 20px;
}
45% {
    left: 43%;
}
55% {
    left: 43%;
}
100% {
    left: 20px;
}
}
@keyframes parchleft1 {
0% {
    left: 248px;
}
45% {
    left: 46.5%;
}
55% {
    left: 46.5%;
}
100% {
    left: 248px;
}
}
@keyframes parchright3 {
0% {
    right: 85px;
}
45% {
    right: 44%;
}
55% {
    right: 44%;
}
100% {
    right: 85px;
}
}
@keyframes parchright2 {
0% {
    right: 60px;
}
45% {
    right: 43%;
}
55% {
    right: 43%;
}
100% {
    right: 60px;
}
}
@keyframes parchright1 {
0% {
    right: 248px;
}
45% {
    right: 46.5%;
}
55% {
    right: 46.5%;
}
100% {
    right: 248px;
}
}
@keyframes parchmiddle3 {
0% {
    background-position: -140px -508px;
    margin-left: -500px;
    width: 970px;
}
45% {
    background-position: -633px -508px;
    margin-left: 0;
    width: 0;
}
55% {
    background-position: -633px -508px;
    margin-left: 0;
    width: 0;
}
100% {
    background-position: -140px -508px;
    margin-left: -500px;
    width: 970px;
}
}
@keyframes parchmiddle2 {
0% {
    background-position: -92px -335px;
    margin-left: -346px;
    width: 650px;
}
45% {
    background-position: -400px -335px;
    margin-left: 0;
    width: 0;
}
55% {
    background-position: -400px -335px;
    margin-left: 0;
    width: 0;
}
100% {
    background-position: -92px -335px;
    margin-left: -346px;
    width: 650px;
}
}
@keyframes parchmiddle1 {
0% {
    background-position: -50px -170px;
    margin-left: -144px;
    width: 288px;
}
45% {
    background-position: -50px -170px;
    margin-left: 0;
    width: 0;
}
55% {
    background-position: -50px -170px;
    margin-left: 0;
    width: 0;
}
100% {
    background-position: -50px -170px;
    margin-left: -144px;
    width: 288px;
}
}
@keyframes coinsparks1 {
0% {
    background-position: -216px -248px;
}
100% {
    background-position: -360px -248px;
}
}
@keyframes coinsparks2 {
0% {
    background-position: -432px -496px;
}
100% {
    background-position: -720px -496px;
}
}
@keyframes coinsparks3 {
0% {
    background-position: -648px -744px;
}
100% {
    background-position: -1080px -744px;
}
}

#logo {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto auto;
    left: 50%;
    position: absolute;
    top: 0%;
    z-index: 3;
}

#versionnum {
    font-family: "AdvoCut";
    color:#fff;
    text-shadow:
    -1px -1px 4px #000,
    1px -1px 4px #000,
    -1px 1px 4px #000,
    1px 1px 4px #000;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    bottom: 10px;
    right: 6px;
    font-size: 12px;
}

/* ------------------------------- REGION BIG SCREEN (SCALE 3) -------------------------------------------------------*/
@media screen and (min-width:1471px), (min-height:951px) {
.table-bg {
    background-attachment: fixed;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/loader_arena.jpg");
    background-origin: padding-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: pixelated;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: absolute;
    width: 100%;
}


.upscaled .left-ornament, .upscaled .right-ornament, .upscaled #character, .upscaled #character div, .upscaled .button, .upscaled .button div, .upscaled .logobutton, .upscaled .logobutton div, .upscaled #respawn, .upscaled #scroll, .upscaled #instructions, .upscaled .icon, .upscaled #tilt, .upscaled .parchment-left, .upscaled .parchment-middle, .upscaled .parchment-right, .upscaled .avatar, .upscaled .facebook, .upscaled .twitter, .upscaled .ext-link, .prev, .next{
    background-image: url("../img/3/spritesheet.png");
}
div .loading {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/3/loading.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    height: 260px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    width: 630px;
}


#mainmenu .title {
    font-size: 22px;
    font-weight: bold;
    /*padding-bottom: 16px;*/
    padding-left: 0;
    padding-right: 0;
    /*padding-top: 12px;*/
}
#mainmenu .friendtitle {
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 12px;
}
#mainmenu .botsep {
    padding-bottom: 14px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#playerimage {
    height: 96px;
    width: 96px;
}
.idnet-logo{
	margin-top: 710px;
}
.idnet-button {
    font-size: 18px;
}
body {
    background-attachment: scroll, scroll, scroll;
    background-clip: border-box, border-box, border-box;
    background-color: #000000;
    background-image: radial-gradient(rgba(0, 0, 0, 0) 40%, #000000 125%), url("../img/3/Area_1 bg.png"), none;
    background-origin: padding-box, padding-box, padding-box;
    background-position: 0 0%, 0 0%, 0 0;
    background-repeat: repeat, repeat, repeat;
    background-size: auto auto, 384px auto;
}
.left-ornament, .right-ornament, #character, #character div, .button, .button div, .logobutton, .logobutton div, #respawn, #scroll, #instructions, .icon, .avatar, .close, #note, .ext-link {
    background-size: 1266px auto;
}
/* #versionnum {
    font-size:26px;
} */
#parchment, #pickcharacter, #loadcharacter, #whatsnewlist, #idnet-login, #pre-map, #genderselection, #confirmation, #guest, #error, #legal {
    font-size: 30px;
    height: 546px;
    left: 50%;
    margin-left: -633px;
    margin-top: 0;
    position: absolute;
    text-align: center;
    top: 15%;
    width: 1266px;
    z-index: 2;
}


#parchment h1 {
    font-weight: normal;
    margin-bottom: 3%;
    margin-top: 10%;
}
.left-ornament, .right-ornament {
    display: inline-block;
    height: 36px;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0;
    position: relative;
    top: 12px;
    width: 93px;
}
.left-ornament {
    background-position: -1062px 0;
}
.right-ornament {
    background-position: -1155px 0;
}
#character {
    background-position: -1062px -36px;
    height: 63px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    position: relative;
    width: 36px;
}
#character div {
    background-position: -1098px -36px;
    height: 63px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 36px;
}
#character.disabled div {
    opacity: 0;
    pointer-events: none;
}

.parchment-left, .parchment-right, .parchment-middle {
    background-size: 1266px auto;
}
.parchment-left, .game.death .parchment-left, .game.joinidnet .parchment-left, .game.convertcharacter .parchment-left {
    background-position: -60px -508px;
    height: 710px;
    left: 55px;
    width: 80px;
}

.parchment-right, .game.death .parchment-right, .game.joinidnet .parchment-right, .game.convertcharacter .parchment-right {
    background-position: -1110px -508px;
    height: 710px;
    right: 85px;
    width: 80px;
}
.parchment-middle {
    background-position: -140px -508px;
    height: 710px;
    margin-left: -500px;
    width: 970px;
}

.animate .parchment-left {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 1s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: parchleft3;
    animation-play-state: running;
    animation-timing-function: ease;
}
.animate .parchment-right {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 1s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: parchright3;
    animation-play-state: running;
    animation-timing-function: ease;
}
.animate .parchment-middle {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 1s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: parchmiddle3;
    animation-play-state: running;
    animation-timing-function: ease;
}
#parchment input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #b2af9b;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    border-bottom-style: dashed;
    border-bottom-width: 3px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #b2af9b;
    border-left-style: dashed;
    border-left-width: 3px;
    border-right-color: #b2af9b;
    border-right-style: dashed;
    border-right-width: 3px;
    border-top-color: #b2af9b;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-top-style: dashed;
    border-top-width: 3px;
    font-size: 30px;
    height: 61px;
    margin-top: 30px;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
}
#parchment.createcharacter input {
    height: 50px;
    margin-top: 20px;
}
#createcharacter .play {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
.button {
    height: 90px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    position: relative;
    width: 590px;
}
.logobutton {
    height: 110px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    position: relative;
    width: 590px;
}
.play div {
    background-position: -687px 0;
    height: 153px;
    width: 375px;
}
.play div:active {
    background-position: -687px -459px;
}
/*.stroke,*/ .achievement-name {
    text-shadow: 3px 3px 0 #373737, 3px -3px 0 #373737, 0 3px 0 #373737, 3px 0 0 #373737, -3px 3px 0 #373737, -3px -3px 0 #373737, 0 -3px 0 #373737, 0 3px 0 #373737, -3px 0 0 #373737;
}
#pickcharacter h1, #loadcharacter h1, #whatsnewlist h1, #idnet-login h1, #pre-map h1, #genderselection h1, #confirmation h1, #guest h1, #error h1, #legal h1 {
    margin-top: 0;
}
#playername {
    margin-top: 15px;
}
#confirmation p, #guest p, #error p {
    font-size: 30px;
    line-height: 40px;
    margin-top: 60px;
}
#createcharacter p {
    font-size: 20px;
}
#legal p {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
#error p {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    width: 70%;
}
.logobutton.login {
    background-position: -13px -1450px;
}
.logobutton.login:hover {
    background-position: -13px -1615px;
}
.logobutton.register {
    background-position: -10px -2105px;
}
.logobutton.register:hover {
    background-position: -10px -2218px;
}
.logobutton.forum {
    background-position: -10px -2338px;
}
.logobutton.forum:hover {
    background-position: -10px -2457px;
}
.button.continue {
    background-position: -13px -1240px;
}
.button.continue:hover {
    background-position: -13px -1339px;
}
.button.continuePlay {
    background-position: -13px -1240px;
}
.button.continuePlay:hover {
    background-position: -13px -1339px;
}
.button.leaderboard {
    background-position: -13px -2580px;
}
.button.leaderboard:hover {
    background-position: -13px -2670px;
}
.button.whatsnew {
    background-position: -13px -1920px;
}
.button.whatsnew:hover {
    background-position: -13px -2010px;
}
.button.cancel {
    background-position: -615px -2160px;
}
.button.cancel:hover {
    background-position: -615px -2250px;
}
.button.play {
    background-position: -605px -1243px;
}
.button.play:hover {
    background-position: -605px -1333px;
}
.button.guest {
    background-position: -605px -1425px;
}
.button.guest:hover {
    background-position: -605px -1522px;
}
.button.create {
    background-position: -605px -1800px;
}
.button.create:hover {
    background-position: -605px -1890px;
}
.button.newplayer {
    background-position: -605px -1615px;
}
.button.newplayer:hover {
    background-position: -605px -1708px;
}
.button.delete {
    background-position: -610px -1980px;
}
.button.delete:hover {
    background-position: -610px -2073px;
}
.slide {
	left: 90px;
}
.slidesBtn {
    width: 60px;
    height: 75px;
    top: 25px;
}

.prev{
    background-position: 415px 0px;
}

.next{
    background-position: 325px 0px;
}

.gender {
    height: 357px;
    width: 357px;
}

.validation-error {
    font-size: 22px;
}

.game .parchment-left {
    left: 44%;
	top: -355px;
}
.game .parchment-right {
    right: 44%;
	top: -355px;
}
.game .parchment-middle {
    background-position: -140px -508px;
	top: -355px;
}
.game #parchment{
	top: 50%;
}
.game.credits .parchment-middle, .game.death .parchment-middle, .game.joinidnet .parchment-middle, .game.convertcharacter .parchment-middle, .game.legal .parchment-middle {
    background-position: -140px -508px;
    height: 710px;
    margin-left: -500px;
    width: 970px;
}
}
/* ------------------------------- REGION MEDIUM SCREEN (SCALE 2) -------------------------------------------------------*/
/*@media screen and (min-width:1001px) and (max-width:1500px) {*/
@media only screen and (max-width : 1470px) and (max-height : 750px) {
.table-bg {
    background-attachment: fixed;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/loader_arena_small.jpg");
    background-origin: padding-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: pixelated;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: absolute;
    width: 100%;
}
.upscaled .left-ornament, .upscaled .right-ornament, .upscaled #character, .upscaled #character div, .upscaled .button, .upscaled .button div, .upscaled .logobutton, .upscaled .logobutton div, .upscaled #respawn, .upscaled #scroll, .upscaled #instructions, .upscaled .icon, .upscaled #tilt, .upscaled .parchment-left, .upscaled .parchment-middle, .upscaled .parchment-right, .upscaled .avatar, .upscaled .facebook, .upscaled .twitter, .upscaled .ext-link, .prev, .next {
    background-image: url("../img/2/spritesheet.png");
}
.gender {
    height: 240px;
    margin-top: -5px;
    width: 240px;
}

div .loading {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/loading.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    height: 190px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    width: 560px;
}
#mainmenu .title {
    font-size: 15px;
    font-weight: bold;
    /*padding-bottom: 10px;*/
    padding-left: 0;
    padding-right: 0;
    /*padding-top: 11px;*/
}
#mainmenu .friendtitle {
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
}
#mainmenu .botsep {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#playerimage {
    height: 64px;
    width: 64px;
}
.idnet-logo{
	margin-top: 480px;
}
body {
    background-attachment: scroll, scroll, scroll;
    background-clip: border-box, border-box, border-box;
    background-color: #000000;
    background-image: radial-gradient(rgba(0, 0, 0, 0) 40%, #000000 125%), url("../img/1/Area_1 bg.png"), none;
    background-origin: padding-box, padding-box, padding-box;
    background-position: 0 0%, 0 0%, 0 0;
    background-repeat: repeat, repeat, repeat;
    background-size: auto auto, 256px auto;
}
body {
    background-size: auto auto, 256px auto;
}
.left-ornament, .right-ornament, #character, #character div, .button, .button div, .logobutton, .logobutton div, #respawn, #scroll, #instructions, .icon, .avatar, .close, #note, .ext-link {
    background-size: 844px auto;
}
/* #versionnum {
    font-size:20px;
} */
#parchment, #pickcharacter, #loadcharacter, #whatsnewlist, #idnet-login, #pre-map, #genderselection, #confirmation, #guest, #error, #legal {
    font-size: 20px;
    height: 364px;
    left: 50%;
    margin-left: -422px;
    position: absolute;
    text-align: center;
    top: 20%;
    width: 844px;
    z-index: 2;
}
#parchment h1 {
    font-weight: normal;
    margin-bottom: 2%;
    margin-top: 13%;
}
.left-ornament, .right-ornament {
    display: inline-block;
    height: 24px;
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 0;
    position: relative;
    top: 7px;
    width: 62px;
}
.left-ornament {
    background-position: -708px 0;
}
.right-ornament {
    background-position: -770px 0;
}
#character {
    background-position: -708px -24px;
    height: 42px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    position: relative;
    width: 24px;
}
#character div {
    background-position: -732px -24px;
    height: 42px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 24px;
}
#character.disabled div {
    opacity: 0;
    pointer-events: none;
}
#parchment input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #b2af9b;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-style: dashed;
    border-bottom-width: 2px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #b2af9b;
    border-left-style: dashed;
    border-left-width: 2px;
    border-right-color: #b2af9b;
    border-right-style: dashed;
    border-right-width: 2px;
    border-top-color: #b2af9b;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top-style: dashed;
    border-top-width: 2px;
    font-size: 20px;
    height: 41px;
    margin-top: 20px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
}
#parchment.createcharacter input {
    height: 30px;
    margin-top: 15px;
}
#createcharacter .play {
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
}
.button, .logobutton {
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 390px;
	bottom: 1rem;
}
.button {
    height: 60px;
}
.logobutton {
    height: 75px;
}
.play div {
    background-position: -458px 0;
    height: 102px;
    width: 250px;
}
.play div:active {
    background-position: -458px -306px;
}
/*.stroke,*/ .achievement-name {
    text-shadow: 2px 2px 0 #373737, 2px -2px 0 #373737, 0 2px 0 #373737, 2px 0 0 #373737, -2px 2px 0 #373737, -2px -2px 0 #373737, 0 -2px 0 #373737, 0 2px 0 #373737, -2px 0 0 #373737;
}
#pickcharacter h1, #loadcharacter h1, #whatsnewlist h1, #idnet-login h1, #pre-map h1, #genderselection h1, #confirmation h1, #guest h1, #error h1, #legal h1 {
    margin-top: -10px;
}
#playername {
    margin-top: 10px;
}
#confirmation p, #guest p, #error p {
    font-size: 20px;
    line-height: 30px;
    margin-top: 40px;
}
#genderselection {
    font-size: 30px;
}
#createcharacter p {
    font-size: 14px;
    line-height: 15px;
}
#legal p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
#error p {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    width: 70%;
}
.logobutton.login {
    background-position: -9px -970px;
}
.logobutton.login:hover {
    background-position: -9px -1075px;
}
.logobutton.register {
    background-position: -8px -1403px;
}
.logobutton.register:hover {
    background-position: -8px -1478px;
}
.button.whatsnew {
    background-position: -8px -1280px;
}
.button.whatsnew:hover {
    background-position: -8px -1340px;
}
.button.cancel {
    background-position: -410px -1440px;
}
.button.cancel:hover {
    background-position: -410px -1500px;
}
.button.play {
    background-position: -408px -830px;
}
.button.play:hover {
    background-position: -408px -890px;
}
.button.guest {
    background-position: -403px -950px;
}
.button.guest:hover {
    background-position: -403px -1015px;
}
.logobutton.forum {
    background-position: -8px -1555px;
}
.logobutton.forum:hover {
    background-position: -8px -1637px;
}
.button.create {
    background-position: -406px -1200px;
}
.button.create:hover {
    background-position: -406px -1258px;
}
.button.delete {
    background-position: -406px -1318px;
}
.button.delete:hover {
    background-position: -406px -1380px;
}
.button.continue {
    background-position: -10px 1160px;
}
.button.continue:hover {
    background-position: -10px 1093px;
}
.button.continuePlay {
    background-position: -10px 1160px;
}
.button.continuePlay:hover {
    background-position: -10px 1093px;
}
.button.newplayer {
    background-position: 440px -1075px;
}
.button.newplayer:hover {
    background-position: 440px -1138px;
}
.button.leaderboard {
    background-position: -10px 268px;
}
.button.leaderboard:hover {
    background-position: -10px 208px;
}
.slide {
	left: 90px;
}
.slidesBtn{
	width: 40px;
	height: 45px;
	top: 25px;
	position: absolute;
}

.prev{
    background-position: 280px 0px;
}

.next{
    background-position: 215px 0px;
}

.validation-summary {
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}
.validation-error {
    font-size: 16px;
}
.gender-selection {
    margin-top: 3%;
}
#joinidnet p, .gui_scaleable_fullscreen, .gui_scaleable_type3, .gui_scaleable_type7, .popup_back, .menuback, .fullparchment p {
    clear: left;
    font-family: "AdvoCut";
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
}
.parchment-left, .parchment-right, .parchment-middle {
    background-size: auto auto;
}
.parchment-left {
    background-position: -35px -335px;
    height: 490px;
    width: 60px;
}
.parchment-right {
    background-position: -740px -335px;
    height: 490px;
    width: 60px;
}
.parchment-middle {
    background-position: -92px -335px;
    height: 490px;
    margin-left: -346px;
    width: 650px;
}
.animate .parchment-left {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 1s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: parchleft2;
    animation-play-state: running;
    animation-timing-function: ease;
}
.animate .parchment-right {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 1s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: parchright2;
    animation-play-state: running;
    animation-timing-function: ease;
}
.animate .parchment-middle {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 1s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: parchmiddle2;
    animation-play-state: running;
    animation-timing-function: ease;
}

.game .parchment-left {
    left: 43%;
	top: -100px;
}
.game .parchment-right {
    right: 43%;
	top: -100px;
}
.game .parchment-middle {
    background-position: -92px -335px;
	top: -100px;
}
.game #parchment{
	top: 30%;
}
.game.credits .parchment-middle, .game.death .parchment-middle, .game.joinidnet .parchment-middle, .game.convertcharacter .parchment-middle, .game.legal .parchment-middle {
    background-position: -92px -335px;
    height: 490px;
    margin-left: -346px;
    width: 650px;
}
.game.credits .parchment-left, .game.death .parchment-left, .game.joinidnet .parchment-left, .game.convertcharacter .parchment-left, .game.legal .parchment-left {
    left: 20px;
}
.game.credits .parchment-right, .game.death .parchment-right, .game.joinidnet .parchment-right, .game.convertcharacter .parchment-right, .game.legal .parchment-right {
    right: 60px;
}
}

@media only screen and (min-width : 220px) and (max-width : 980px) and (min-height : 110px) and (max-height : 450px){
.table-bg {
    background-attachment: fixed;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/loader_arena_small.jpg");
    background-origin: padding-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: pixelated;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: absolute;
    width: 100%;
}

.upscaled .parchment-left, .upscaled .parchment-middle, .upscaled .parchment-right, .parchment-left, .parchment-middle, .parchment-right, .button, .logobutton, .left-ornament, .right-ornament, .prev, .next{
    background-image: url("../img/1/spritesheet.png");
}
.gender {
    background-size: 70% auto;
    height: 90px;
    margin-top: -15px;
    width: 90px;
}

div .loading {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/loading.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    height: 190px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    width: 560px;
}
#mainmenu .title {
    font-size: 15px;
    font-weight: bold;
    /*padding-bottom: 10px;*/
    padding-left: 0;
    padding-right: 0;
    /*padding-top: 11px;*/
}
#mainmenu .friendtitle {
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
}
#mainmenu .botsep {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#playerimage {
    height: 64px;
    width: 64px;
}
.idnet-logo{
	margin-top: 205px;
}
body {
    background-attachment: scroll, scroll, scroll;
    background-clip: border-box, border-box, border-box;
    background-color: #000000;
    background-image: radial-gradient(rgba(0, 0, 0, 0) 40%, #000000 125%), url("../img/1/Area_1 bg.png"), none;
    background-origin: padding-box, padding-box, padding-box;
    background-position: 0 0%, 0 0%, 0 0;
    background-repeat: repeat, repeat, repeat;
    background-size: auto auto, 256px auto;
}
body {
    background-size: auto auto, 256px auto;
}
.left-ornament, .right-ornament, #character, #character div, .button, .button div, .logobutton, .logobutton div, #respawn, #scroll, #instructions, .icon, .avatar, .close, #note, .ext-link {
    background-size: 422px auto;
}
/* #versionnum {
    font-size:14px;
} */
#pickcharacter, #loadcharacter, #whatsnewlist, #idnet-login, #pre-map, #genderselection, #confirmation, #guest, #error, #legal {
	font-size:17px;
    height: 364px;
    left: 50%;
    margin-left: -422px;
    margin-top: -63px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 844px;
    z-index: 2;
}
#pickcharacter{
    margin-top: -70px;
}
#pickerbuttons{
   	margin-top: -70px;
}
#parchment {
    font-size: 20px;
	height: 364px;
	left: 50%;
	margin-left: -422px;
	position: absolute;
	text-align: center;
	top: 15%;
	width: 844px;
	z-index: 2;
}
#parchment h1 {
    font-weight: normal;
    margin-bottom: 2%;
    margin-top: 13%;
}
.left-ornament, .right-ornament {
    display: inline-block;
    height: 12px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    top: -3px;
    width: 63px;
	background-position: -775px 0;
}
.left-ornament{
	margin-right: 0;
}
.right-ornament{
	margin-left: 0;
}

#character {
    background-position: -708px -24px;
    height: 42px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    position: relative;
    width: 24px;
}
#character div {
    background-position: -732px -24px;
    height: 42px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 24px;
}
#character.disabled div {
    opacity: 0;
    pointer-events: none;
}
.charactergrid {
    margin-top: -20px;
}
.charactergridtile {
    height: 70px;
    width: 70px;
}
.charactergridtileimage {
    height: 50px;
    width: 50px;
	margin-bottom: 0;
	margin-top: 0;
}
.charactergridtilename {
    font-size: 11px;
    width: 90px;
}
#parchment input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #b2af9b;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-style: dashed;
    border-bottom-width: 2px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #b2af9b;
    border-left-style: dashed;
    border-left-width: 2px;
    border-right-color: #b2af9b;
    border-right-style: dashed;
    border-right-width: 2px;
    border-top-color: #b2af9b;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top-style: dashed;
    border-top-width: 2px;
    font-size: 20px;
    height: 41px;
    margin-top: 20px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
}
#parchment.createcharacter input {
    height: 30px;
    margin-top: 15px;
}
#createcharacter .play {
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
}
.button, .logobutton {
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 195px;
}
.button {
    height: 28px;
}
.logobutton {
    height: 35px;
}
.play div {
    background-position: -458px 0;
    height: 102px;
    width: 250px;
}
.play div:active {
    background-position: -458px -306px;
}
/*.stroke,*/ .achievement-name {
    text-shadow: 2px 2px 0 #373737, 2px -2px 0 #373737, 0 2px 0 #373737, 2px 0 0 #373737, -2px 2px 0 #373737, -2px -2px 0 #373737, 0 -2px 0 #373737, 0 2px 0 #373737, -2px 0 0 #373737;
}
#pickcharacter h1, #loadcharacter h1, #whatsnewlist h1, #idnet-login h1, #pre-map h1, #genderselection h1, #confirmation h1, #guest h1, #error h1, #legal h1 {
    margin-top: 10px;
}
#playername {
    margin-top: 10px;
}
#confirmation p, #guest p, #error p {
    font-size: 20px;
    line-height: 30px;
    margin-top: 40px;
}
#createcharacter p {
    font-size: 14px;
    line-height: 15px;
}
#legal p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
#error p {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    width: 70%;
}
.logobutton.login {
    background-position: -5px -485px;
}
.logobutton.login:hover {
    background-position: -5px -540px;
}
.logobutton.register {
    background-position: -4px -702px;
}
.logobutton.register:hover {
    background-position: -4px -741px;
}
.button.whatsnew {
    background-position: -5px -642px;
}
.button.whatsnew:hover {
    background-position: -5px -672px;
}
.button.cancel {
    background-position: -205px 273px;
}
.button.cancel:hover {
    background-position: -205px 243px;
}
.button.play {
    background-position: -408px -830px;
}
.button.play:hover {
    background-position: -408px -830px;
}
.button.guest {
    background-position: -202px -476px;
}
.button.guest:hover {
    background-position: -202px -508px;
}
.logobutton.forum {
    background-position: -4px 214px;
}
.logobutton.forum:hover {
    background-position: -4px 173px;
}
.button.create {
    background-position: -205px 394px;
}
.button.create:hover {
    background-position: -205px 364px;
}
.button.delete {
   	background-position: -202px -660px;
}
.button.delete:hover {
    background-position: -202px -692px;
}
.button.continue {
    background-position: -10px 1160px;
}
.button.continue:hover {
    background-position: -10px 1160px;
}
.button.continuePlay {
    background-position: -4px 579px;
}
.button.continuePlay:hover {
    background-position: -4px 546px;
}
.button.newplayer {
    background-position: -202px -539px;
}
.button.newplayer:hover {
    background-position: -202px -570px;
}
.button.leaderboard {
    background-position: -4px 133px;
}
.button.leaderboard:hover {
    background-position: -4px 103px;
}
.nav {
    height: 100px;
    width: 150px;
    position: absolute;
    left: 80px;
}
.slide {
	left: 110px;
}
.slidesBtn{
	width: 25px;
	height: 25px;
}
.prev{
    background-position: 140px 0px;
}
.next{
    background-position: 112px 0px;
}

.validation-summary {
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}
.validation-error {
    font-size: 16px;
}
.gender-selection {
    margin-top: 3%;
}
#joinidnet p, .gui_scaleable_fullscreen, .gui_scaleable_type3, .gui_scaleable_type7, .popup_back, .menuback, .fullparchment p {
    clear: left;
    font-family: "AdvoCut";
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
}

#whatsnewlist .close {
    right: 270px;
    top: 0;
}
#close-legal {
    font-size: 14px;
    margin-top: 30px;
}
.parchment-left, .parchment-right, .parchment-middle {
    background-size: auto auto;
	height: 240px;
	top: -20px;
}
.parchment-left, .game.death .parchment-left {
    background-position: -17px -167px;
	width: 30px;
    left: 248px;
}
.parchment-right, .game.death .parchment-right {
	background-position: -792px -167px;
	width: 30px;
	right: 248px;
}
.parchment-middle{
    background-position: -50px -170px;
    margin-left: -144px;
    width: 288px;
}
.animate .parchment-left {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 1s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: parchleft1;
    animation-play-state: running;
    animation-timing-function: ease;
}
.animate .parchment-right {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 1s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: parchright1;
    animation-play-state: running;
    animation-timing-function: ease;
}
.animate .parchment-middle {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 1s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: parchmiddle1;
    animation-play-state: running;
    animation-timing-function: ease;
}

/*death revive menu animation*/
.game .parchment-left {
	top: 35px;
	left: 46.5%;
}
.game .parchment-right {
	top: 35px;
	right: 46.5%;
}
.game .parchment-middle {
    background-position: -50px -170px;
	top: 35px;
}
.game #parchment{
	position: fixed;
	margin-top: -50px;
}
.game.credits .parchment-middle, .game.death .parchment-middle, .game.joinidnet .parchment-middle, .game.convertcharacter .parchment-middle, .game.legal .parchment-middle {
    background-position: -50px -170px;
    height: 240px;
    margin-left: -144px;
    width: 288px;
	top: 30px;
}
}
/*REGION IN GAME BIG SCREEN*/
@media screen and (min-width: 1471px) and (min-height: 751px){
.table-bg {
    background-attachment: fixed;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/loader_arena.jpg");
    background-origin: padding-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: pixelated;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: absolute;
    width: 100%;
}

.upscaled .barbutton, .upscaled {
    /* background-image: url("../img/3/barsheet.png"); */
}
.upscaled #achievements, .upscaled .fullparchment, .upscaled #achievements li, .upscaled .coin, .upscaled #coinsparks, .upscaled .achievement-sharing a, .upscaled #previous, .upscaled #next {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    /*background-image: url("../img/3/achievements.png");*/
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 100% 156%;
}


.inventoryitem-weapon1 {
    background-image: url("../img/3/Item_Sword_01.png");
}
.inventoryitem-weapon2 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/3/Item_Sword_02.png");
    background-origin: padding-box;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.inventoryitem-weapon3 {
    background-image: url("../img/3/Item_Sword_03.png");
}
.inventoryitem-weapon4 {
    background-image: url("../img/3/Item_Sword_04.png");
}
.inventoryitem-weapon5 {
    background-image: url("../img/3/Item_Sword_05.png");
}
.inventoryitem-weapon6 {
    background-image: url("../img/3/Item_Sword_06.png");
}
.inventoryitem-weapon7 {
    background-image: url("../img/3/Item_Sword_07.png");
}
.inventoryitem-weapon8 {
    background-image: url("../img/3/Item_Sword_08.png");
}
.inventoryitem-weapon9 {
    background-image: url("../img/3/Item_Sword_09.png");
}
.inventoryitem-weapon10 {
    background-image: url("../img/3/Item_Sword_10.png");
}
.inventoryitem-help {
    background-image: url("../img/3/item-helpbutton.png");
}
.inventoryitem-bombpotion {
    background-image: url("../img/3/item-bombpotion.png");
}
.inventoryitem-firespell {
    background-image: url("../img/3/item-firespell.png");
}
.inventoryitem-healspell {
    background-image: url("../img/3/item-healspell.png");
}
.inventoryitem-icespell {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/3/item-icespell.png");
    background-origin: padding-box;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 48px;
    width: 48px;
}
.inventoryitem-tornadospell {
    background-image: url("../img/3/item-tornadospell.png");
}
.inventoryitem-terrorspell {
    background-image: url("../img/3/item-terrorspell.png");
}
.inventoryitem-stunspell {
    background-image: url("../img/3/item-stunspell.png");
}
.inventoryitem-blackholespell {
    background-image: url("../img/3/item-blackholespell.png");
}
.inventoryitem-transformspell {
    background-image: url("../img/3/item-transformspell.png");
}
.inventoryitem-poisonspell {
    background-image: url("../img/3/item-poisonspell.png");
}
.inventoryitem-shieldspell {
    background-image: url("../img/3/item-shieldspell.png");
}
.inventoryitem-shortbow {
    background-image: url("../img/3/item-shortbow.png");
}
.inventoryitem-pinearrow {
    background-image: url("../img/3/item-pinearrow.png");
}
.inventoryitem-flask {
    background-image: url("../img/3/item-flask.png");
}
.inventoryitem-firepotion {
    background-image: url("../img/3/item-firepotion.png");
}
.inventoryitem-manapotion {
    background-image: url("../img/3/item-manapotion.png");
}
/* .inventoryitem-healthpotion1 {
    background-image: url("../img/3/item-healthpotion1.png");
}
.inventoryitem-healthpotion2 {
    background-image: url("../img/3/item-healthpotion2.png");
}
.inventoryitem-healthpotion3 {
    background-image: url("../img/3/item-healthpotion3.png");
}
.inventoryitem-manapotion1 {
    background-image: url("../img/3/item-manapotion1.png");
}
.inventoryitem-manapotion2 {
    background-image: url("../img/3/item-manapotion2.png");
}
.inventoryitem-manapotion3 {
    background-image: url("../img/3/item-manapotion3.png");
}
.inventoryitem-restorepotion1 {
    background-image: url("../img/3/item-restorepotion1.png");
}
.inventoryitem-restorepotion2 {
    background-image: url("../img/3/item-restorepotion2.png");
}
.inventoryitem-restorepotion3 {
    background-image: url("../img/3/item-restorepotion3.png");
}
.inventoryitem-hulkpotion1 {
    background-image: url("../img/3/item-hulkpotion1.png");
}
.inventoryitem-hulkpotion2 {
    background-image: url("../img/3/item-hulkpotion2.png");
}
.inventoryitem-hulkpotion3 {
    background-image: url("../img/3/item-hulkpotion3.png");
} */
body:after {
    content: url(../img/3/item-manapotion1.png) url("../img/3/item-manapotion2.png") url(../img/3/item-manapotion3.png)
    url("../img/3/item-healthpotion1.png") url("../img/3/item-healthpotion2.png") url(../img/3/item-healthpotion3.png)
    url(../img/3/item-restorepotion1.png) url(../img/3/item-restorepotion2.png) url(../img/3/item-restorepotion3.png)
    url(../img/3/item-hulkpotion1.png)  url(../img/3/item-hulkpotion2.png)  url(../img/3/item-hulkpotion3.png)
    url(../img/3/item-bombpotion.png) url("../img/3/Item_Sword_01.png") url("../img/3/Item_Sword_02.png") url("../img/3/Item_Sword_03.png")
    url("../img/3/Item_Sword_04.png") url("../img/3/Item_Sword_05.png") url("../img/3/Item_Sword_06.png")
    url("../img/3/Item_Sword_07.png") url("../img/3/Item_Sword_08.png") url("../img/3/Item_Sword_09.png")
    url("../img/3/Item_Sword_10.png") url("../img/3/item-firespell.png") url("../img/3/item-healspell.png")
    url("../img/3/item-icespell.png") url("../img/3/item-tornadospell.png") url("../img/3/item-stunspell.png")
    url("../img/3/item-blackholespell.png") url("../img/3/item-transformspell.png") url("../img/3/item-poisonspell.png")
    url("../img/3/item-shieldspell.png") url("../img/3/item-shortbow.png");
    display: none;
}

.cristaltitle {
    bottom: 12px;
    display: inline-block;
    position: relative;
    width: 200px;
}
.crystalstoregrid {
    display: block;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 1000px;
}
#crystalstorenotice {
    display: block;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: center;
    width: 400px;
}
.crystalstoregridtile {
    cursor: pointer;
    display: inline-block;
    height: 100px;
    width: 250px;
}
.crystalstoretileimage {
    background-repeat: no-repeat;
    background-size: 80px auto;
    display: block;
    height: 80px;
    margin-bottom: 30px;
    margin-left: 85px;
    margin-right: 85px;
    margin-top: 30px;
    width: 80px;
}
.iconcrystalblue {
    background-image: url("../img/3/item-crystalblue.png");
    display: inline-block;
    height: 48px;
    width: 48px;
}
.crystalstoretileprice {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 60px;
    margin-right: 0;
    margin-top: 20px;
    text-align: right;
    width: 70px;
}
.storenotice {
    margin-bottom: 140px;
    margin-left: 140px;
    margin-right: 140px;
    margin-top: 140px;
}
#cristalpromise {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
.cristalpromisetext {
    bottom: 12px;
    display: inline-block;
    position: relative;
    text-align: left;
    width: 800px;
}

#levelup-notification {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/3/levelup.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    bottom: -384px;
    height: 384px;
    margin-left: 528px;
    width: 384px;
}
#levelup-notification.active {
    bottom: 88px;
}


.chatArea {
    bottom: 114px;
    font-size: 15px;
    height: 12%;
}

.msgArea {
    bottom: 70px;
    font-size: 15px;
    left: 810px;
    width: 350px;
}
.friendsitem {
    font-size: 18px;
}
.pvpleaders, .expleaders {
    height: 470px;
    overflow-y: scroll;
}
#friendslist {
    max-height: 270px;
    min-height: 70px;
}
#container {
    left: 50%;
    margin-bottom: 0;
    margin-left: -735px;
    margin-right: auto;
    margin-top: -378px;
    position: absolute;
    top: 50%;
    width: 1470px;
}

#canvas {
    height: 672px;
    width: 100%;
}
#fade {
    height: 672px;
    left: 15px;
    top: 15px;
    width: 1440px;
}
#instructions {
    background-position: 0 -884px;
    color: #373737;
    height: 542px;
    margin-left: -624px;
    margin-top: -279px;
    width: 1268px;
}
#instructions h1 {
    font-size: 40px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 50px;
    text-align: center;
}
#instructions ul {
    font-size: 30px;
}
#instructions ul li {
    clear: left;
    margin-bottom: 0;
    margin-left: 70px;
    margin-right: 115px;
    margin-top: 50px;
}
#instructions li:nth-child(1) span {
    background-position: -1134px -36px;
    display: block;
    float: left;
    height: 87px;
    margin-bottom: 0;
    margin-left: 60px;
    margin-right: 30px;
    margin-top: 0;
    position: relative;
    top: -39px;
    width: 45px;
}
#instructions li:nth-child(2) span {
    background-position: -1179px -36px;
    display: block;
    float: left;
    height: 48px;
    margin-bottom: 0;
    margin-left: 60px;
    margin-right: 36px;
    margin-top: 0;
    position: relative;
    top: -9px;
    width: 39px;
}
#instructions li:nth-child(3) span {
    background-position: -1056px -48px;
    display: block;
    float: left;
    height: 48px;
    margin-bottom: 0;
    margin-left: 60px;
    margin-right: 27px;
    margin-top: 0;
    position: relative;
    top: -18px;
    width: 48px;
}
#instructions li:nth-child(4) span {
    background-position: -1008px -48px;
    display: block;
    float: left;
    height: 48px;
    margin-bottom: 0;
    margin-left: 60px;
    margin-right: 27px;
    margin-top: 0;
    position: relative;
    top: -18px;
    width: 48px;
}
#instructions li:nth-child(5) span {
    background-position: -1008px 0;
    display: block;
    float: left;
    height: 48px;
    margin-bottom: 0;
    margin-left: 60px;
    margin-right: 27px;
    margin-top: 0;
    position: relative;
    top: -18px;
    width: 48px;
}
#instructions p {
    clear: left;
    font-family: "AdvoCut";
    font-size: 20px;
    margin-top: 50px;
    text-align: center;
}
#joinidnet p, .gui_scaleable_fullscreen, .gui_scaleable_type3, .gui_scaleable_type7, .popup_back, .menuback, .fullparchment p {
    clear: left;
    font-family: "AdvoCut";
    font-size: 24px;
    margin-top: 20px;
    text-align: center;
}
/* .close {
    background: url('../img/3/close_button.png') no-repeat;
    height: 48px;
    right: -15px;
    top: -12px;
    width: 48px;
	border-radius:5px;
} */
#whatsnewlist .close {
    right: 135px;
    top: 10px;
}
#death p {
    font-size: 30px;
    margin-top: 140px;
}
#death p em {
    margin-top: 50px;
}
#respawn {
    background-position: -15px -1742px;
    height: 85px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    width: 585px;
}
#respawn:active {
    background-position: -15px -1832px;
}
#bubbles {
    pointer-events: none;
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
}
p {
    font-family: arial,sans-serif;
    font-size: 12px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 12px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 12px;
}
.bubble p {
    font-family: "AdvoCut";
    font-size: 18px;
    line-height: 24px;
}

/* #hotbar {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/3/UI-7slots.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    margin-bottom: 0;
    margin-left: 120px;
    margin-right: 3px;
    margin-top: 0;
	width: 360px;
	height: 54px;
} */

#armor, #weapon {
    background-position: -96px center;
    background-size: 288px auto;
    height: 48px;
    width: 48px;
}
#barbuttons {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/3/UI-7slots.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    margin-right: 125px;
}
.barbutton {
    float: left;
    height: 54px;
    width: 54px;
}

#precisionbutton {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/3/UI-Target-On.png"), url("../img/3/UI-Target-Off.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: auto auto;
}
#precisionbutton:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/3/UI-Target-On.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
}
#precisionbutton.active {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/3/UI-Target-Off.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
}
.gender-selection {
    margin-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 3%;
}

#expborder {
    height: 54px;
    position: relative;
    top: -54px;
    width: 336px;
}
#expborderleft {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/3/UI-Normal-EXP-Border-LeftEnd.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    float: left;
    height: 54px;
    width: 18px;
}
#expbordercenter {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/3/UI-Normal-EXP-Border-Tile.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #fff;
	font-weight:bold;
    float: left;
    font-family: "AdvoCut";
    height: 54px;
    padding-top: 7px;
    text-align: center;
    width: 280px;
	text-shadow: black -2px 2px 1px, black 2px 2px 1px;
}
#expborderright {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/3/UI-Normal-EXP-Border-RightEnd.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    float: left;
    height: 54px;
    width: 18px;
}
#msgboxcontainer {
    float: left;
    width: 350px;
}
#msgleftside {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/3/UI-Normal-Textbox-LeftEnd.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    height: 54px;
    width: 30px;
	position: absolute;
}
#msgbox {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/3/UI-Normal-Textbox-Tile.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #ffffff;
    float: left;
    font-family: "AdvoCut";
    height: 42px;
	padding: 12px 5px 0 5px;
    text-align: center;
    width: 340px;
}
#msgrightside {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/3/UI-Normal-Textbox-RightEnd.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    height: 54px;
    width: 30px;
	position: absolute;
	margin-left: 320px;
}
#credits, #death, #joinidnet, #convertcharacter {
    font-size: 30px;
    height: 546px;
    margin-left: -633px;
    margin-top: -273px;
    width: 1266px;
}

footer {
    font-size: 20px;
}
#resize-check {
    height: 3px;
}
#whatsnewlist > p > span{
	font-size: 36px;
}

#version-number {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}
.version-number {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
}
.version-date {
    font-size: 22px;
    font-weight: 100;
}
}
/*REGION IN GAME MEDIUM SCREEN*/
@media only screen and (max-width : 1470px), only screen and (max-height : 750px) {
.table-bg {
    background-attachment: fixed;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/1/loader_arena_small.jpg");
    background-origin: padding-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: pixelated;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: absolute;
    width: 100%;
}

.upscaled .barbutton, .upscaled #achievements, .upscaled .fullparchment, .upscaled #achievements li, .upscaled .coin, .upscaled #coinsparks, .upscaled .achievement-sharing a, .upscaled #previous, .upscaled #next {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    /*background-image: url("../img/2/achievements.png");*/
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 100% 156%;
}

#inspector {
    min-width: 42px;
}


#player-hotbar {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/player-hotbar.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 32px;
    -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: pixelated;
    width: 160px;
}


body:after {
    content: url(../img/2/item-manapotion1.png) url("../img/2/item-manapotion2.png") url(../img/2/item-manapotion3.png)
    url("../img/2/item-healthpotion1.png") url("../img/2/item-healthpotion2.png") url(../img/2/item-healthpotion3.png)
    url(../img/2/item-restorepotion1.png) url(../img/2/item-restorepotion2.png) url(../img/2/item-restorepotion3.png)
    url(../img/2/item-hulkpotion1.png)  url(../img/2/item-hulkpotion2.png)  url(../img/2/item-hulkpotion3.png)
    url(../img/2/item-bombpotion.png);
    display: none;
}


.inventoryitem-weapon1 {
    background-image: url("../img/2/Item_Sword_01.png");
}
.inventoryitem-weapon2 {
    background-image: url("../img/2/Item_Sword_02.png");
}
.inventoryitem-weapon3 {
    background-image: url("../img/2/Item_Sword_03.png");
}
.inventoryitem-weapon4 {
    background-image: url("../img/2/Item_Sword_04.png");
}
.inventoryitem-weapon5 {
    background-image: url("../img/2/Item_Sword_05.png");;
}
.inventoryitem-weapon6 {
    background-image: url("../img/2/Item_Sword_06.png");
}

.inventoryitem-weapon7 {
    background-image: url("../img/2/Item_Sword_07.png");
}
.inventoryitem-weapon8 {
    background-image: url("../img/2/Item_Sword_08.png");
}
.inventoryitem-weapon9 {
    background-image: url("../img/2/Item_Sword_09.png");
}
.inventoryitem-weapon10 {
    background-image: url("../img/2/Item_Sword_10.png");
}
.inventoryitem-help {
    background-image: url("../img/2/item-helpbutton.png");
}
.inventoryitem-bombpotion {
    background-image: url("../img/2/item-bombpotion.png");
}
.inventoryitem-key {
    background-image: url("../img/2/item-key.png");
}
.inventoryitem-firespell {
    background-image: url("../img/2/item-firespell.png");
}
.inventoryitem-healspell {
    background-image: url("../img/2/item-healspell.png");
}
.inventoryitem-icespell {
    background-image: url("../img/2/item-icespell.png");
}
.inventoryitem-tornadospell {
    background-image: url("../img/2/item-tornadospell.png");
}
.inventoryitem-terrorspell {
    background-image: url("../img/2/item-terrorspell.png");
}
.inventoryitem-stunspell {
    background-image: url("../img/2/item-stunspell.png");
}
.inventoryitem-blackholespell {
    background-image: url("../img/2/item-blackholespell.png");
}
.inventoryitem-transformspell {
    background-image: url("../img/2/item-transformspell.png");
}
.inventoryitem-poisonspell {
    background-image: url("../img/2/item-poisonspell.png");
}
.inventoryitem-shieldspell {
    background-image: url("../img/2/item-shieldspell.png");
}
.inventoryitem-shortbow {
    background-image: url("../img/2/item-shortbow.png");
}
.inventoryitem-pinearrow {
    background-image: url("../img/2/item-pinearrow.png");
}
.inventoryitem-flask {
    background-image: url("../img/2/item-flask.png");
}
.inventoryitem-firepotion {
    background-image: url("../img/2/item-firepotion.png");
}
.inventoryitem-manapotion {
    background-image: url("../img/2/item-manapotion.png");

}
.inventoryitem-healthpotion1 {
    background-image: url("../img/1/item-healthpotion3.png");

}
.inventoryitem-healthpotion2 {
    background-image: url("../img/1/item-healthpotion3.png");

}
.inventoryitem-healthpotion3 {
    background-image: url("../img/1/item-healthpotion3.png");

}
.inventoryitem-manapotion1 {
    background-image: url("../img/1/item-manapotion3.png");

}
.inventoryitem-manapotion2 {
    background-image: url("../img/1/item-manapotion3.png");

}
.inventoryitem-manapotion3 {
    background-image: url("../img/1/item-manapotion3.png");

}
.inventoryitem-restorepotion1 {
    background-image: url("../img/1/item-restorepotion3.png");

}
.inventoryitem-restorepotion2 {
    background-image: url("../img/1/item-restorepotion3.png");

}
.inventoryitem-restorepotion3 {
    background-image: url("../img/1/item-restorepotion3.png");

}
.inventoryitem-hulkpotion1 {
    background-image: url("../img/1/item-hulkpotion3.png");

}
.inventoryitem-hulkpotion2 {
    background-image: url("../img/1/item-hulkpotion3.png");

}
.inventoryitem-hulkpotion3 {
    background-image: url("../img/1/item-hulkpotion3.png");

}
.cristaltitle {
    bottom: 12px;
    display: inline-block;
    position: relative;
    width: 200px;
}
.crystalstoregrid {
    display: block;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 1000px;
}
#crystalstorenotice {
    display: block;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: center;
    width: 400px;
}
.crystalstoregridtile {
    cursor: pointer;
    display: inline-block;
    width: 200px;
}
.crystalstoretileimage {
    background-repeat: no-repeat;
    background-size: 60px auto;
    display: block;
    height: 60px;
    margin-bottom: 20px;
    margin-left: 70px;
    margin-right: 70px;
    margin-top: 30px;
    width: 60px;
}
.iconcrystalblue {
    background-image: url("../img/2/item-crystalblue.png");
    display: inline-block;
    height: 32px;
    width: 32px;
}
.crystalstoretileprice {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 40px;
    margin-right: 0;
    margin-top: 20px;
    text-align: right;
    width: 50px;
}
.storenotice {
    margin-bottom: 100px;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 100px;
}
#cristalpromise {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
    text-align: center;
    width: 100%;
}
.cristalpromisetext {
    bottom: 8px;
    display: inline-block;
    position: relative;
    text-align: left;
    width: 460px;
}

.chatArea {
    bottom: 76px;
    font-size: 14px;
    height: 11%;
}

.msgArea {
    bottom: 45px;
    font-size: 14px;
    left: 535px;
    max-height: 70%;
    width: 230px;
}
#friendsbonus {
    font-size: 14px;
}
#friendslist .pxadvert {
    border-bottom-color: #989fa6;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 0;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
}
.friendsitem {
    font-size: 16px;
}
.idnet-button {
    font-size: 16px;
}
.pvpleaders, .expleaders {
    height: 306px;
    overflow-y: scroll;
}
#friendslist {
    max-height: 150px;
    min-height: 70px;
}
#levelup-notification {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/levelup.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    bottom: -256px;
    height: 256px;
    margin-left: 352px;
    width: 256px;
}
#levelup-notification.active {
    bottom: 48px;
}
#container {
    left: 50%;
    margin-bottom: 0;
    margin-left: -490px;
    margin-right: auto;
    margin-top: -252px;
    position: absolute;
    top: 50%;
    width: 980px;
}

#canvas {
    height: 448px;
    width: 100%;
}
#fade {
    height: 448px;
    left: 10px;
    top: 10px;
    width: 960px;
}
#instructions {
    background-position: 0 -590px;
    color: #373737;
    height: 360px;
    margin-left: -416px;
    margin-top: -186px;
    width: 842px;
}
#instructions h1 {
    font-size: 30px;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
    text-align: center;
}
#instructions ul {
    font-size: 20px;
    margin-top: 30px;
}
#instructions ul li {
    clear: left;
    margin-bottom: 0;
    margin-left: 50px;
    margin-right: 70px;
    margin-top: 25px;
}
#instructions li:nth-child(1) span {
    background-position: -756px -24px;
    display: block;
    float: left;
    height: 58px;
    left: 90px;
    position: absolute;
    top: 60px;
    width: 30px;
}
#instructions li:nth-child(1) {
    padding-left: 90px;
}
#instructions li:nth-child(2) span {
    background-position: -786px -24px;
    display: block;
    float: left;
    height: 32px;
    margin-bottom: 0;
    margin-left: 40px;
    margin-right: 24px;
    margin-top: 0;
    position: relative;
    top: -6px;
    width: 26px;
}
#instructions li:nth-child(3) span {
    background-position: -704px -32px;
    display: block;
    float: left;
    height: 32px;
    margin-bottom: 0;
    margin-left: 40px;
    margin-right: 18px;
    margin-top: 0;
    position: relative;
    top: -12px;
    width: 32px;
}
#instructions li:nth-child(4) span {
    background-position: -672px -32px;
    display: block;
    float: left;
    height: 32px;
    margin-bottom: 0;
    margin-left: 40px;
    margin-right: 18px;
    margin-top: 0;
    position: relative;
    top: -12px;
    width: 32px;
}
#instructions li:nth-child(5) span {
    background-position: -672px 0;
    display: block;
    float: left;
    height: 32px;
    margin-bottom: 0;
    margin-left: 40px;
    margin-right: 18px;
    margin-top: 0;
    position: relative;
    top: -12px;
    width: 32px;
}
#instructions p {
    clear: left;
    font-family: "AdvoCut";
    font-size: 20px;
    margin-top: 20px;
    text-align: center;
}

#whatsnewlist .close {
    right: 90px;
    top: 0;
}
#close-legal {
    font-size: 14px;
    margin-top: 30px;
}
#respawn {
    background-position: -8px -1160px;
    height: 60px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    width: 390px;
}
#respawn:active {
    background-position: -8px -1220px;
}
#bubbles {
    height: 100%;
    pointer-events: none;
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
}
p {
    font-family: arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.bubble p {
    font-family: "AdvoCut";
    font-size: 14px;
}

#armor, #weapon {
    background-position: -64px center;
    background-size: 192px auto;
    height: 32px;
    width: 32px;
}
#barbuttons {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 80px;
}
.barbutton {
    float: left;
    height: 36px;
    width: 36px;
}
#precisionbutton {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/UI-Target-On.png"), url("../img/2/UI-Target-Off.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: auto auto;
}
#precisionbutton:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/UI-Target-On.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
}
#precisionbutton.active {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/UI-Target-Off.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
}

#expborder {
    height: 38px;
    position: relative;
    top: -38px;
}
#expborderleft {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/UI-Normal-EXP-Border-LeftEnd.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: left;
    height: 38px;
    margin-top: 0;
    width: 6px;
}
#expbordercenter {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/UI-Normal-EXP-Border-Tile.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto auto;
    color: #fff;
	font-weight: bold;
    float: left;
    font-family: "AdvoCut";
    font-size: 14px;
    height: 38px;
    padding-top: 8px;
    text-align: center;
    width: 188px;
	text-shadow: black -2px 2px 1px, black 2px 2px 1px;
}
#expborderright {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/UI-Normal-EXP-Border-RightEnd.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: left;
    height: 38px;
    margin-top: 0;
    width: 6px;
}
#msgboxcontainer {
    float: left;
    width: 245px;
}
#msgleftside {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/UI-Normal-Textbox-LeftEnd.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    float: left;
    height: 36px;
    width: 20px;
	position: absolute;
	margin-right: 225px;
}
#msgbox {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/UI-Normal-Textbox-Tile.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto auto;
    color: #ffffff;
    float: left;
    font-family: "AdvoCut";
    font-size: 14px;
    height: 29px;
    padding: 7px 5px 0 5px;
    text-align: center;
    width: 245px;
}
#msgrightside {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2/UI-Normal-Textbox-RightEnd.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    float: left;
    height: 36px;
    width: 20px;
	position: absolute;
	margin-left: 225px;
}
#credits, #death, #joinidnet, #convertcharacter {
    font-size: 20px;
    height: 364px;
    margin-left: -422px;
    margin-top: -182px;
    width: 844px;
}
footer {
    font-size: 16px;
}
#resize-check {
    height: 2px;
}
#toggle-legal, #legal-link a {
    padding-bottom: 0;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0;
}
#name-tooltip {
    font-size: 14px;
    height: 20px;
    line-height: 18px;
    margin-left: -140px;
    top: -30px;
    width: 280px;
}
#name-tooltip::after {
    bottom: -8px;
}
#whatsnewlist > p > span{
	font-size: 24px;
}
#version-number {
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}
.version-number {
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 7px;
}
.version-date {
    font-size: 16px;
    font-weight: 100;
}
#death p {
    font-size: 20px;
    margin-top: 90px;
}
#death p em {
    margin-top: 30px;
}
}
@media screen and (max-width: 640px) and (min-width: 220px) and (min-height: 110px) and (orientation: portrait) {
footer, .table-bg, #logo {
    display: none;
}
}

@media screen and (max-width: 220px), (max-height: 110px) {
    #parchment {
        display: none;
    }
    #container, .game #container {
        display: none;
    }
    #portrait {
        background-attachment: fixed;
        background-clip: border-box;
        background-color: rgba(0, 0, 0, 0);
        background-image: url("../img/1/loader_arena_small.jpg");
        background-origin: padding-box;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        height: 100%;
        position: absolute;
        padding: auto auto;

        top: 0;
        width:100%;
        z-index: 10000;
    }
    #portrait p {
        color: #eeeeee;
        font-family: "AdvoCut",sans-serif;
        font-size: 20px;
        text-align: center;
    }
    #textplace{
        width: 100%;
        height: 100%;
    }
    #rotate {
        display: none;
    }
    #resize{
        display: block;
        margin: auto auto;
    }
    .intro #toggle-legal, #toggle-legal, .intro #legal-link, #legal-link {
        display: none;
    }
    footer {
        display: none;
    }
}