@charset "UTF-8";

/* reset - do not touch here */
html,
body,
ul,
ol,
li,
form,
fieldset,
legend {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-top: 0;
}

fieldset,
a img,
img {
    border: 0;
}

legend {
    color: #000;
}

li {
    list-style: none;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th,
td {
    text-align: left;
    vertical-align: top;
    font-weight: normal;
}

input,
textarea,
select {
    font-size: 110%;
    line-height: 1.1;
}
/* /reset */

body {
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/bg.png') #000 50% 40px;
}

body,
th,
td {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 81.3%;
}

tt th,
td td,
td td th,
td td td,
td td td, th,
td td td, td {
    font-size: 100%;
}

#dev-mode {
    background-color: #014800;
}
#test-mode {
    background-color: maroon;
}
#beta-mode {
    background-color: #003148;
}

h1 {
    font-size: 1.846em;
    font-weight: normal;
    text-align: center;
    margin: 0 0 .462em 0;
    padding: 0;
}

h2 {
    font-size: 1.385em;
    margin: 1em 0 0;
    font-weight: normal;
}

a {
    color: #3a3013;
}

ul li {
    font-size: 1.077em;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/spr.png') no-repeat -419px 9px;
    padding-left: 20px;
    line-height: 1.5em;
}

#wrapper-top {
    max-width: 1262px;
    min-width: 996px;
    margin: auto;
    position: relative;
}

#wrapper-center {
    width: 995px;
    padding-top: 974px;
    margin-right: 1px;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/bdy.jpg') no-repeat 0 0;
    margin: auto;
    position: relative;
}

#side-banner {
    position: absolute;
    width: 120px;
    top: 220px;
    right: 9px;
    z-index: 9;
}

#logo {
    width: 639px;
    height: 120px;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/hd.jpg') no-repeat 0 0;
    text-indent: -4000px;
    position: absolute;
    top: 6px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}
#logo-fr3 {
    width: 639px;
    height: 120px;
    background: url('http://ihcdn3.ioimg.org/iov5/landing/head-fr3.png') no-repeat 0 0;
    text-indent: -4000px;
    position: absolute;
    top: 6px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}
.right-to-left #logo {
    width: 730px;
    height: 124px;
    background: url('http://ihcdn3.ioimg.org/iov5/landing/head-fa3.png?11') no-repeat 0 0;
}

#logo_melons {
    width: 639px;
    height: 120px;

    text-indent: -4000px;
    position: absolute;
    top: 6px;
    left: 184px;
}

#logo.ovicio {
    background-image: url('http://ihcdn3.ioimg.org/iov5/homepage/hd-mw.jpg')
}

#title {
    position: absolute;
    left: 148px;
    top: 112px;
}

#title,
#title object {
    width: 685px;
    height: 38px;
}

#imperia,
#online {
    position: absolute;
    top: 120px;
    width: 24px;
    height: 25px;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/spr.png') no-repeat 0 -71px;
}

#imperia {
    left: 111px;
}

#online {
    right: 111px;
}

#footer {
    color: #9f9785;
    text-align: right;
    font-size: .846em;
    padding: 1em 3em 1em 1em;
}

#footer a {
    color: #fba342;
    font-weight: bold;
    padding: .308em;
    text-decoration: none;
    line-height: 3.5em;
}

#footer a:hover {
    color: #f38305;
}

#footer p {
    line-height: 3em;
}

.window {
    padding: 20px;
    position: absolute;
    top: 220px;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/wnd.jpg') no-repeat #efca58;
}

.shadow {
    position: absolute;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/spr.png') no-repeat 0 0;
    top: 228px;
}


#intro {
    left: 207px;
    background-position: 0 0;
    width: 373px;
    height: 282px;
}

#intro-shadow {
    left: 214px;
    width: 419px;
    height: 328px;
}

#login {
    right: 170px;
    background-position: -413px 0;
    width: 142px;
    height: 189px;
}

#login-shadow {
    right: 160px;
    top: 231px;
    width: 182px;
    height: 229px;
}

#arrow-tail {
    position: absolute;
    top: -13px;
    left: 59px;
    width: 17px;
    height: 13px;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/spr.png') no-repeat -24px -71px;
}

.hanger-left,
.hanger-right {
    position: absolute;
    top: -71px;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/spr.png') no-repeat;
    width: 22px;
    height: 71px;
}

.hanger-left {
    background-position: 0 0;
    left: -5px;
}

.hanger-right {
    background-position: -22px 0;
    right: -5px;
}

.button-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
}

.button {
    display: block;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/spr.png') no-repeat;
    margin: auto;
    text-align: center;
    font-size: 1.154em;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    letter-spacing: .067em;
    border: 0 none;
    cursor: pointer;
}

#proceed-to-login,
.proceed-to-login {
    width: 108px;
    height: 31px;
    line-height: 31px;
    background-position: 0 -235px;
}

.proceed-to-reg {
    width: 236px;
    height: 38px;
    line-height: 38px;
    background-position: -108px -235px;
}

#login form {
    width: 108px;
    margin: .385em auto auto;
}

#login label {
    line-height: 1.846em;
    text-shadow: #8a4d00 0 0 10px;
    display: block;
}

#login fieldset {
    margin-bottom: .385em;
}

#login #login-user,
#login #login-pass {
    width: 106px;
}

fieldset input {
    border: 1px solid #4b3f38;
    background-color: rgba(197, 174, 141, .65);
}

#login-button-wrapper {
    margin-top: 1.308em;
    margin-bottom: 0;
}

#proceed-to-forgotten,
#proceed-to-babysit {
    text-align: center;
    display: block;
    width: 130px;
    margin:1.4em auto auto;
}

#proceed-to-babysit {
    margin:.3em auto auto;
}

/**
 * popup form styling
 */
.modal-form {
    width: 575px !important;
    overflow: hidden;
}

.modal-form.realm-choose-card {
    width: 712px !important;
}

.modal-form form {
    margin-top: 2em;
}

.modal-form .button-wrapper {
    position: relative;
    clear: both;
    bottom: 0;
    margin-top: 2em;
}

.modal-form fieldset {
    margin-bottom: 1em;
}

.modal-form label {
    float: left;
    width: 165px;
    line-height: 1.615em;
    white-space: normal;
    font-weight: bold;
}

.modal-form fieldset input {
    width: 210px;
}
#register {
    width: 400px;
    margin: auto;
}
#i-agree label {
    width: auto;
    font-weight: normal;
    height: auto;
    float: none;
}

#i-agree input {
    width: auto;
    background: none;
    border: none;
}

.hint {
    color: #505050;
}

.hint,
.inline-error {
    font-size: .769em;
    line-height: 1.75em;
    clear: both;
}

.inline-error {
    line-height: normal;
    height: 2.25em;
}

.close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 21px;
    height: 21px;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/spr.png') no-repeat 0 -96px;
    z-index: 15;
}

/**
 * popup
 */
.modal {
    position: absolute;
    top: 225px;
    left: 209px;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/w/bg.jpg') repeat #edc759;
    padding: 33px;
    z-index: 11;
    overflow: hidden;
}

.modal-corner {
    position: absolute;
    width: 42px;
    height: 42px;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/spr.png') no-repeat;
}

.corner-top-left {
    top: 0;
    left: 0;
    background-position: -86px -42px;
}

.corner-top-right {
    top: 0;
    right: 0;
    background-position: -44px -42px;
}

.corner-bottom-left {
    bottom: 0;
    left: 0;
    background-position: -86px 0;
}

.corner-bottom-right {
    bottom: 0;
    right: 0;
    background-position: -44px -0;
}

.modal-side {
    position: relative;
}

.modal-side.side-top {
    top: -33px;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/w/h.png') repeat-x 0 -28px;
}

.modal-side.side-right {
    top: 33px;
    right: -61px;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/w/v.png') repeat-y 100% 0;
}

.modal-side.side-bottom {
    left: -61px;
    top: 61px;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/w/h.png') repeat-x 0 100%;
}

.modal-side.side-left {
    left: -33px;
    top: -61px;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/w/v.png') repeat-y -27px 0;
}

.modal-content {
    position: relative;
    left: 20px;
    margin-right: -27px;
}

#gallery {
    position: absolute;
    height: 221px;
    width: 100%;
    top: 740px;
}

.error {
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/spr.png') no-repeat 382px -115px;
    color: maroon;
}

.error input {
    border-color: maroon;
}

.accepted {
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/spr.png') no-repeat 360px -135px;
}

.waiting {
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/waiting.gif') no-repeat 382px 3px;
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: #000;
    opacity: .8;
    display: none;
    cursor: pointer;
}

#hori-bar {
    height: 30px;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/hb.png') repeat-x;
}

#hori-bar-content {
    width: 996px;
    margin: auto;
    position: relative;
}

#io-games-teaser {
    height: 30px;
    width: 257px;
    margin: 0 auto;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/spr.png') no-repeat 0 -284px;
    position: relative;
    left: 32px;
}

.pretty-select {
    width: 130px;
    height: 17px;
    position: absolute;
    top: -24px;
}

#io-langs {
    left: 45px;
    z-index: 9;
}

#io-games {
    width: 160px;
    right: 45px;
    z-index: 9;
}

/* Drop menu start */
.SelectArea {
    width: 130px;
    line-height: 17px;
    height: 17px;
    cursor: pointer;
}
#io-games .SelectArea {
    width: 155px;
}

.SelectText {
    float: left;
    height: 17px;
    width: 113px;
    line-height: 17px;
}

#io-games .SelectText {
    width: 138px;
}

.SelectText div {
    margin-top: 1px;
}

.SelectButtonOpen,
.SelectButtonClosed {
    width: 17px;
    height: 17px;
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/spr.png') no-repeat;
    float: right;
}

.SelectButtonOpen {
    background-position: -390px -16px;
}

.SelectButtonClosed {
    background-position: -390px 0;
}

.mLangs {
    background: transparent url('http://ihcdn3.ioimg.org/iov5/gui/flags.png?5') no-repeat;
    height: 16px;
    line-height: 16px;
    padding-left: 22px;
}

.OptionsDivInvisible,
.OptionsDivVisible {
    border: 1px solid #5e5d5d;
    width: 128px;
    z-index: 9;
    display: none
}

#io-games .OptionsDivInvisible,
#io-games .OptionsDivVisible {
    width: 153px;
}

.OptionsDivVisible ul {
    overflow: auto;
    overflow-x: hidden;
}

.OptionsDivVisible ul li {
    line-height: 16px;
    display: block;
    padding: 0;
    width: 100%;
    background: none;
}

.OptionsDivVisible a {
    color: #000;
    text-decoration: none;
    display: block;
    font-size: .857em;
    background-color: #b4b2b2;
}

.OptionsDivVisible a:hover {
    color: #fff;
    background-color: #fe7f03;
}

.op_BG {background-position:2px 0 !important}
.op_EN {background-position:2px -14px !important}
.op_IT {background-position:2px -28px !important}
.op_ES {background-position:2px -42px !important}
.op_FR {background-position:2px -56px !important}
.op_PL {background-position:2px -70px !important}
.op_NL {background-position:2px -84px !important}
.op_PT {background-position:2px -98px !important}
.op_TR {background-position:2px -112px !important}
.op_MK {background-position:2px -126px !important}
.op_RO {background-position:2px -140px !important}
.op_RU {background-position:2px -154px !important}
.op_CZ {background-position:2px -168px !important}
.op_PH {background-position:2px -182px !important}
.op_RS {background-position:2px -196px !important}
.op_GR {background-position:2px -210px !important}
.op_HU {background-position:2px -224px !important}
.op_HR {background-position:2px -238px !important}
.op_LT {background-position:2px -252px !important}
.op_DE {background-position:2px -266px !important}
.op_AE {background-position:2px -280px !important}
.op_SK {background-position:2px -294px !important}
.op_UA {background-position:2px -308px !important}
.op_ID {background-position:2px -322px !important}
.op_BR {background-position:2px -336px !important}
.op_IL {background-position:2px -490px !important}
.op_AZ {background-position:2px -392px !important}
/* Drop menu end */

#notice {
    color: maroon;
    margin-bottom: 1.5em;
}

#already-registered {
    margin-top: 1em;
    text-align: center;
}

#already-registered a {
    font-weight: bold;
    color: #060;
    text-decoration: underline;
}


/**
 * login cards and rows
 */
.realm-form {
    margin-top: 0 !important;
    position: relative;
}

.list-type-row .realm-list-item {
    margin: auto;
    width: 475px;
}

.list-type-row .realm-name,
.list-type-row .realm-elapsed-days {
    line-height: 31px;
}

.list-type-row .realm-name {
    width: 40%;
}

.list-type-row .realm-elapsed-days {
    width: 30%;
    padding-right: 10%;
}

.list-type-row .realm-form.inactive {
    display: block !important;
}

/** cards **/
.realm-speed.speed-,
.realm-speed.speed-1,
.realm-form.inactive {
    display: none !important;
}

.list-type-card {
    text-align: center;
    font-family: arial, helvetica, verdana, sans-serif;
    cursor: default;
}

.list-type-card .realm-form,
.realm-list-item img,
.realm-list-item div,
.realm-list-item em,
.realm-button,
.realm-dogears a {
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/card-v2.png') 0 0 no-repeat transparent;
}

.register-realm .realm-form {
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/card-v2-register.png') 0 0 no-repeat transparent;
}

.realm-consolidated-list-card {
    display: inline-block;
    position: relative;
    width: 182px;
    height: 242px;
    margin-top: 2em;
    margin-left: 25px;
    margin-right: 30px;
}

.realm-consolidated-list-card form {
    position: absolute;
    left: 0;
    top: 0;
}

.realm-dogears {
    position: absolute;
    right: -20px;
    top: 33px;
}

.realm-dogears li,
.realm-dogears li a {
    display: block;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    font-size: 1.077em;
    font-weight: bold;
}

.realm-dogears li a {
    width: 22px;
    padding-right: 1px;
    padding-left: 3px;
}

.me a,
.me a.active {
    background-position: -364px 0;
}
.me a.inactive {
    background-position: -390px 0;
}

.sitter-1 a.active {
    background-position: -364px -25px;
}

.sitter-1 a,
.sitter-1 a.inactive {
    background-position: -390px -25px;
}

.sitters-1.sitter-1 a.active,
.sitter-2 a.active {
    background-position: -364px -50px;
}

.sitters-1.sitter-1 a,
.sitters-1.sitter-1 a.inactive,
.sitter-2 a,
.sitter-2 a.inactive {
    background-position: -390px -50px;
}

.realm-consolidated-list-card,
.realm-consolidated-list-card input,
.sitter a.active {
    color: #522809;
}

.realm-list-item h3,
.sitter a {
    color: #ebdaae;
}

.list-type-card .realm-form {
    display: inline-block;
    width: 168px;
    height: 242px;
    padding-left: 11px;
    padding-right: 3px;
}

.list-type-card .realm-form {
    display: block;
}


.realm-list-item img,
.realm-list-item div,
.realm-list-item em {
    position: absolute;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: left;
}

.realm-list-item h3 {
    padding: 0;
    margin: 0;
    height: 34px;
    line-height: 35px;
    text-align: center;
    font-size: 1.308em;
}

.realm-list-item img,
.realm-list-item em {
    width: 80px;
    height: 80px;
    left: 11px;
    top: 57px;
}

.realm-list-item .realm-avatar {
    z-index: 100;
    background-image: none;
    background-color: #fff;
    overflow: hidden;
}

.realm-list-item em {
    position: absolute;
    display: none;
    z-index: 110;
}

.realm-list-item .badge {
    display: block;
    background-position: -424px -76px;
}

.realm-list-item .badge img {
    display: block;
    width: 36px;
    height: 36px;
    left: 22px;
    top: 22px;
    background-color: transparent;
}

.realm-list-item img.modded{background-position: -11px -57px}
.realm-list-item img.blocked{background-position: -46px -57px}
.realm-list-item img.banned{background-position: -11px -92px}
.realm-list-item img.silenced{background-position: -46px -92px}

.realm-speed {
    background-position: -504px -76px !important;
    height: 50px;
    width: 42px;
    padding-right: 8px;
    padding-left: 2px;
    font-weight: bold;
    text-align: center !important;
    line-height: 38px;
    left: 75px;
    bottom: 82px;
    z-index: 120;
    background-color: silver;
}

.register-realm .realm-speed {
    left: 128px;
}

.realm-names {
    line-height: 18px;
    background-position: -468px 0 !important;
    padding-left: 20px;
    background-repeat: no-repeat;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 15px;
    top: 152px;
    font-size: .846em;
}

.realm-offline-progress,
.realm-offline-bar,
.realm-offline-bar-tooltip {
    width: 10px;
}

.realm-offline-bar,
.realm-offline-bar-tooltip {
    background-image: none !important;
    height: 144px;
}

.realm-offline-bar {
    right: 19px;
    bottom: 36px;
    overflow: hidden;
}

.realm-offline-bar-tooltip {
    position: absolute;
    z-index: 120;
    padding: 10px 5px;
    right: 14px;
    bottom: 26px;
}

.realm-offline-progress {
    left: 0;
    bottom: 0;
    position: absolute;
}

.realm-offline-progress.one-does-not-simply-walk-into-mordor {
    background-position: -364px -76px;
}

.realm-offline-progress.you-shall-not-pass {
    background-position: -374px -76px;
}

.realm-offline-progress.run-you-fools {
    background-position: -384px -76px;
}

.realm-button {
    width: 110px;
    height: 28px;
    line-height: 28px;
    letter-spacing: normal;
    position: absolute;
    left: 0;
    bottom: 20px;
    font-family: inherit;
    background-position: 0 100%;
    border: 0 none;
    font-weight: bold;
}

.register-realm .realm-button {
    width: 152px;
    /*background: url('http://ihcdn3.ioimg.org/iov5/homepage/card-v2-register.png') 0 100% no-repeat transparent !important;*/
    background: url('http://ihcdn3.ioimg.org/iov5/homepage/card-v2-register.png') 0 100% no-repeat transparent;
}

span.realm-button {
    background-position: -110px 100%;
    color: #acacac;
    cursor: default;
}

strong.realm-button {
    background-image: none;
    width: 130px;
    font-weight: normal;
    left: 15px;
    height: auto;
    line-height: normal;
}

/** inactive form */
.realm-finished .realm-form {
    background-position: -182px 0;
    color: white;
}

.realm-finished .realm-list-item .badge {
    background-position: -424px -156px;
}

.realm-finished .realm-list-item img.modded{background-position: -193px -57px}
.realm-finished .realm-list-item img.blocked{background-position: -228px -57px}
.realm-finished .realm-list-item img.banned{background-position: -193px -92px}
.realm-finished .realm-list-item img.silenced{background-position: -228px -92px}

.realm-finished .realm-names {
    background-position: -468px -36px !important;
}

.realm-finished .realm-offline-progress.one-does-not-simply-walk-into-mordor {
    background-position: -394px -76px;
}

.realm-finished .realm-offline-progress.you-shall-not-pass {
    background-position: -404px -76px;
}

.realm-finished .realm-offline-progress.run-you-fools {
    background-position: -414px -76px;
}

.realm-finished .realm-button {
    background-position: -220px 100%;
    color: white;
}
.realm-finished span.realm-button {
    background-position: -330px 100%;
    color: white;
}

.realm-consolidated-list-row.realm-finished .realm-form {
    color: #777;
}

.realm-finished .me a,
.realm-finished .me a.active {
    background-position: -416px 0;
}
.realm-finished .me a.inactive {
    background-position: -442px 0;
}

.realm-finished .sitter-1 a.active {
    background-position: -416px -25px;
}

.realm-finished .sitter-1 a,
.realm-finished .sitter-1 a.inactive {
    background-position: -442px -25px;
}

.realm-finished .sitters-1.sitter-1 a.active,
.realm-finished .sitter-2 a.active {
    background-position: -416px -50px;
}

.realm-finished .sitters-1.sitter-1 a,
.realm-finished .sitters-1.sitter-1 a.inactive,
.realm-finished .sitter-2 a,
.realm-finished .sitter-2 a.inactive {
    background-position: -442px -50px;
}

.realm-choose h2 {
    clear: both;
    text-align: center;
}

.realm-register-intro {
    left: 6px;
    top: 52px;
    height:90px;
    width: 140px;
    overflow: hidden;
    font-size: 1.385em;
    background-image: none !important;
    position: absolute;
}

.realm-register-intro td {
    margin: 0;
    padding: 0;
    text-align: center;
    height: 90px;
    vertical-align: middle;
}

/**
 * / login cards and rows
 */


.fp {
    position: absolute;
    width: 30px;
    height: 30px;
}

#kopach1 {
    background: transparent url('http://ihcdn3.ioimg.org/iov5/homepage/animations/1lined/32col/digging_shovel_ne.png') 0 0 no-repeat;
    right: 140px;
    top: 500px;
}

#kopach2 {
    background: transparent url('http://ihcdn3.ioimg.org/iov5/homepage/animations/1lined/32col/digging_shovel_ne.png') 0 0 no-repeat;
    right: 145px;
    top: 530px;
}

#kopach3 {
    background: transparent url('http://ihcdn3.ioimg.org/iov5/homepage/animations/1lined/32col/digging_shovel_ne.png') 0 0 no-repeat;
    right: 70px;
    top: 525px;
}
#horse {
    background: transparent url('http://ihcdn3.ioimg.org/iov5/homepage/animations/1lined/32col/horse_standing_se.png') 0 0 no-repeat;
    left: 43px;
    top: 293px;
}
#horse2 {
    background: transparent url('http://ihcdn3.ioimg.org/iov5/homepage/animations/1lined/32col/horse_standing_se.png') 0 0 no-repeat;
    left: 20px;
    top: 350px;
}
#horse3 {
    background: transparent url('http://ihcdn3.ioimg.org/iov5/homepage/animations/1lined/32col/horse_eating_se.png') 0 0 no-repeat;
    right: 115px;
    top: 380px;
}
#duelVillager {
    background: transparent url('http://ihcdn3.ioimg.org/iov5/homepage/animations/1lined/32col/duelling_soldier_ne.png') 0 0 no-repeat;
    left: 297px;
    top: 563px;
}
#duelSoldier {
    background: transparent url('http://ihcdn3.ioimg.org/iov5/homepage/animations/1lined/32col/duelling_soldier_se.png') 0 0 no-repeat;
    left: 125px;
    top: 730px;
}
#woodcutter1 {
    background: transparent url('http://ihcdn3.ioimg.org/iov5/homepage/animations/1lined/32col/cutting_wood_ne.png') 0 0 no-repeat;
    left: 118px;
    top: 210px;
}
#woodcutter2 {
    background: transparent url('http://ihcdn3.ioimg.org/iov5/homepage/animations/1lined/32col/cutting_wood_ne.png') 0 0 no-repeat;
    left: 75px;
    top: 220px;
}
#woodchopping1 {
    background: transparent url('http://ihcdn3.ioimg.org/iov5/homepage/animations/1lined/32col/chopping_wood_nw.png') 0 0 no-repeat;
    left: 125px;
    top: 339px;
}

#takeBonus {
    display: block;
    text-align: center;
}

#inp1,
#inp2,
#inp3,
#inp4 {
    width: 1.538em;
    text-align: center;
    font-weight: bold;
}

#takeBonus #proceed-to-login {
    margin-top: 13px;
    margin-bottom: 8px;
}

.numeral {
    text-align: right;
}