@CHARSET "UTF-8";
@font-face {
    font-family: "Iran Sans";
    src: url('fonts/iransansweb.ttf') format('truetype'), url('fonts/iransansweb.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

div#popup.register,
div#popup.login,
div#popup.activation,
div#popup.serverLogin {
    width: 603px;
}

div#popup.register div#popup-top,
div#popup.register div#popup-bottom,
div#popup.activation div#popup-top,
div#popup.activation div#popup-bottom,
div#popup.login div#popup-top,
div#popup.login div#popup-bottom,
div#popup.serverLogin div#popup-top,
div#popup.serverLogin div#popup-bottom {
    width: 603px;
    height: 10px;
}

div#popup.register div#popup-top,
div#popup.login div#popup-top,
div#popup.activation div#popup-top,
div#popup.serverLogin div#popup-top {
    background-image: url(../../img/register_login/popup_top.png);
}

.ie6 div#popup.register div#popup-top,
.ie6 div#popup.login div#popup-top,
.ie6 div#popup.activation div#popup-top,
.ie6 div#popup.serverLogin div#popup-top {
    background-image: url(../../img/register_login/popup_top.gif);
}

div#popup.register div#popup-content,
div#popup.login div#popup-content,
div#popup.activation div#popup-content,
div#popup.serverLogin div#popup-content {
    width: 551px;
    padding: 16px 26px;
    min-height: 100px;
    background-image: url(../../img/register_login/popup_middle.png);
}

.ie6 div#popup.register div#popup-content,
.ie6 div#popup.login div#popup-content,
.ie6 div#popup.activation div#popup-content,
.ie6 div#popup.serverLogin div#popup-content {
    background-image: url(../../img/register_login/popup_middle.gif);
    padding-right: 0;
    padding-left: 0;
    width: 603px;
    text-align: center;
}

div#popup.register div#popup-bottom,
div#popup.login div#popup-bottom,
div#popup.activation div#popup-bottom,
div#popup.serverLogin div#popup-bottom {
    background-image: url(../../img/register_login/popup_bottom.png);
}

.ie6 div#popup.register div#popup-bottom,
.ie6 div#popup.login div#popup-bottom,
.ie6 div#popup.activation div#popup-bottom,
.ie6 div#popup.serverLogin div#popup-bottom {
    background-image: url(../../img/register_login/popup_bottom.gif);
}

div#popup.register h1,
div#popup.login h1,
div#popup.activation h1,
div#popup.serverLogin h1 {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: right;
    width: 551px;
}

div#popup.register h1.play {
    font-size: 24px;
}

div#popup.register .success,
div#popup.activation .success {
    font-weight: bold;
    color: #228B22;
}

div#popup.register .error,
div#popup.activation .error {
    font-weight: bold;
    color: #DE0000;
    font-size: 11px;
}

div#popup.register #showErrorsDiv,
div#popup.activation #showErrorsDiv,
div#popup.activation #showErrorsDivResendMail {
    padding: 10px;
}

div#popup.register .info {
    font-weight: bold;
    color: #888;
    font-size: 11px;
}

div#popup.register div.checkboxfield {
    width: 40px;
}

div#popup div.greenbox.serverListBox div.greenbox-top,
div#popup div.greenbox.serverListBox div.greenbox-bottom {
    background-color: #E5EECC;
}

div#popup div.greenbox.serverListBox div.greenbox-content {
    width: 549px;
    padding: 0 1px;
}

div#popup div.serverList {
    background-color: #E5EECC;
    position: relative;
}

.ie6 div#popup div.serverList {
    text-align: right;
}

div#popup .spacer {
    height: 5px;
}

div#popup div.currentServer,
div#popup div.classicServer {
    width: 475px;
    padding: 0 37px;
}

div#popup div.currentServer {
    padding: 0 37px;
}

div#popup div.classicServer {
    padding: 30px 37px 0;
}

div#popup div.activeServer {
    position: relative;
    zoom: 1;
    padding: 0 37px;
}

div#popup div.serverList div.activeServer div.server {
    margin-bottom: 10px;
}

div#popup div.activeServer.classicServer div.server {
    right: 13px;
    top: 3px;
}

div#popup div.currentServer div.serverBig,
div#popup div.currentServer div.serverBig a.link {
    width: 475px;
    height: 89px;
}

div#popup div.currentServer div.serverSmall,
div#popup div.currentServer div.serverSmall a.link {
    width: 236px;
    height: 69px;
}

div#popup div.classicServer div.serverBig,
div#popup div.classicServer div.serverBig a.link {
    width: 450px;
    height: 76px;
}

div#popup div.classicServer div.serverSmall,
div#popup div.classicServer div.serverSmall a.link {
    width: 223px;
    height: 58px;
}

div#popup div.currentServer div.serverBigNew {
    background-image: url(../../img/server/newBig-rtl.jpg);
}

div#popup div.currentServer div.serverBigNewSw {
    background-image: url(../../img/server/newBigSw-rtl.jpg);
}

div#popup div.currentServer div.serverBigPreRegister {
    background-image: url(../../img/server/preRegisterBig-rtl.jpg);
}

div#popup div.currentServer div.serverBigPreRegisterSw {
    background-image: url(../../img/server/preRegisterBigSw-rtl.jpg);
}

div#popup div.currentServer div.serverBigPromoted {
    background-image: url(../../img/server/promotedBig-rtl.jpg);
}

div#popup div.currentServer div.serverBigPromotedSw {
    background-image: url(../../img/server/promotedBigSw-rtl.jpg);
}

div#popup div.currentServer div.serverSmallPromoted {
    background-image: url(../../img/server/promotedSmall-rtl.jpg);
}

div#popup div.currentServer div.serverSmallPromotedSw {
    background-image: url(../../img/server/promotedSmallSw-rtl.jpg);
}

div#popup div.currentServer div.serverBigNormal {
    background-image: url(../../img/server/normalBig-rtl.jpg);
}

div#popup div.currentServer div.serverBigNormalSw {
    background-image: url(../../img/server/normalBigSw-rtl.jpg);
}

div#popup div.currentServer div.serverSmallNormal {
    background-image: url(../../img/server/normalSmall-rtl.jpg);
}

div#popup div.currentServer div.serverSmallNormalSw {
    background-image: url(../../img/server/normalSmallSw-rtl.jpg);
}

div#popup div.classicServer div.serverBigNormal {
    background-image: url(../../img/server/classicNormalBig-rtl.png);
}

div#popup div.classicServer div.serverBigNormalSw {
    background-image: url(../../img/server/classicNormalBigSw-rtl.png);
}

div#popup div.classicServer div.serverSmallNormal {
    background-image: url(../../img/server/classicNormalSmall-rtl.png);
}

div#popup div.classicServer div.serverSmallNormalSw {
    background-image: url(../../img/server/classicNormalSmallSw-rtl.png);
}

.ie6 div#popup div.classicServer div.serverBigNormal {
    background-image: url(../../img/server/classicNormalBig-rtl.gif);
}

.ie6 div#popup div.classicServer div.serverBigNormalSw {
    background-image: url(../../img/server/classicNormalBigSw-rtl.gif);
}

.ie6 div#popup div.classicServer div.serverSmallNormal {
    background-image: url(../../img/server/classicNormalSmall-rtl.gif);
}

.ie6 div#popup div.classicServer div.serverSmallNormalSw {
    background-image: url(../../img/server/classicNormalSmallSw-rtl.gif);
}

div#popup div.serverList div.server {
    position: relative;
}

div#popup div.currentServer div.server {
    margin-bottom: 9px;
}

div#popup div.classicServer div.server {
    margin-bottom: 4px;
}

div#popup div.serverList div.last {
    margin-bottom: 0;
}

div#popup div.currentServer div.serverEven,
div#popup div.classicServer div.serverEven {
    float: right;
    left: auto;
}

div#popup div.currentServer div.serverEven {
    right: -4px;
}

div#popup div.classicServer div.serverEven {
    right: 8px;
}

div#popup div.currentServer div.serverOdd,
div#popup div.classicServer div.serverOdd {
    right: auto;
}

div#popup div.currentServer div.serverOdd {
    left: 4px;
}

div#popup div.classicServer div.serverOdd {
    left: 8px;
}

div#popup div.serverList div.server div.name,
div#popup div.serverList div.server div.player,
div#popup div.serverList div.server div.start,
div#popup div.serverList div.server div.mark {
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    z-index: 0;
}

div#popup div.serverList div.server div.name {
    color: #474747;
    font-weight: bold;
    text-align: center;
}

div#popup div.classicServer div.server div.name {
    color: #FFFFFE;
}

div#popup div.serverList div.server div.player {
    font-size: 13px;
    text-align: center;
}

div#popup div.serverList div.server div.player img.playerIcon {
    width: 25px;
    height: 12px;
    background-image: url(../../img/register_login/playerIcon.gif);
    position: relative;
    top: 1px;
    margin-left: 3px;
}

div#popup div.serverList div.server div.start img.durationIcon {
    width: 27px;
    height: 13px;
    background-image: url(../../img/register_login/durationIcon-rtl.png);
    position: relative;
    top: 1px;
    margin-right: 1px;
}

.ie6 div#popup div.serverList div.server div.start img.durationIcon {
    background-image: url(../../img/register_login/durationIcon-rtl.gif);
}

div#popup div.serverList div.server div.start {
    font-size: 13px;
    text-align: center;
}

div#popup div.serverList div.server div.mark {
    color: #FFFFFE;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
}

div#popup div.currentServer div.serverBig div.name {
    font-size: 24px;
    line-height: 25px;
    width: 155px;
    height: 27px;
    top: 30px;
    right: 12px;
}

div#popup div.serverList div.serverBig div.player {
    top: 24px;
    right: 179px;
    width: 290px;
    height: 18px;
    line-height: 18px;
}

div#popup div.serverList div.serverBig div.start {
    top: 44px;
    right: 179px;
    width: 290px;
    height: 18px;
    line-height: 18px;
}

div#popup div.serverList div.serverBig div.mark {
    width: 79px;
    height: 19px;
    top: 64px;
    right: 390px;
}

div#popup div.serverList div.serverBigPreRegister div.start {
    top: 25px;
    height: 36px;
    line-height: 20px;
}

div#popup div.serverList div.serverBigPreRegister div.start span.date {
    font-weight: bold;
}

div#popup div.serverList div.serverBigPromoted div.preRegisterStart {
    top: 25px;
    height: 36px;
    line-height: 20px;
}

div#popup div.serverList div.serverBigPromoted div.preRegisterStart span.date {
    font-weight: bold;
}

div#popup div.currentServer div.serverSmall div.name {
    font-size: 18px;
    line-height: 25px;
    width: 103px;
    height: 25px;
    top: 21px;
    right: 11px;
}

div#popup div.currentServer div.serverSmall div.player {
    top: 17px;
    right: 116px;
    width: 104px;
    height: 18px;
    margin-left: 3px;
}

div#popup div.currentServer div.serverSmall div.start {
    top: 35px;
    right: 126px;
    width: 104px;
    height: 18px;
}

div#popup div.currentServer div.serverSmall div.player span.playerLabel {
    display: none;
}

div#popup div.classicServer div#classicServerTop,
div#popup div.classicServer div#classicServerTopLogin {
    width: 466px;
    height: 44px;
    padding-top: 6px;
    line-height: 20px;
    margin-right: 4px;
    background-image: url(../../img/register_login/classicServerTop.png);
    color: #fffffe;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

div#popup div.classicServer div#classicServerTopLogin {
    height: 30px;
    padding-top: 16px;
}

.ie6 div#popup div.classicServer div#classicServerTop,
.ie6 div#popup div.classicServer div#classicServerTopLogin {
    background-image: url(../../img/register_login/classicServerTop.gif);
}

div#popup div.classicServer div#classicServerTop span.classicInfo {
    font-size: 13px;
}

div#popup div.classicServer div#classicServerContent {
    width: 466px;
    margin-right: 4px;
    background-image: url(../../img/register_login/classicServerContent.png);
    background-repeat: repeat-y;
    padding-top: 3px;
    position: relative!important;
}

div#popup div.classicServer div#classicServerBottom {
    width: 466px;
    height: 10px;
    margin-right: 4px;
    background-image: url(../../img/register_login/classicServerBottom.png);
}

div#popup div.currentServer div.worldIconNormal {
    position: relative;
    background-image: url(../../img/server/serverButton-rtl.png);
    width: 131px;
    height: 38px;
    margin-left: 10px;
}

.ie6 div#popup div.currentServer div.worldIconNormal {
    background-image: url(../../img/server/serverButton-rtl.gif);
}

div#popup div.currentServer div.worldIconNormal:hover {
    background-position: right bottom;
}

div#popup div.currentServer div.activeWorldForActivation,
div#popup div.currentServer div.activeWorldForActivation:hover {
    background-position: right center;
}

div#popup div.currentServer div.worldIconNormal div.name {
    font-size: 18px;
    line-height: 29px;
    top: 5px;
    z-index: 20;
    cursor: pointer;
}

div#popup div.classicServer div.serverBig div.name {
    font-size: 23px;
    line-height: 29px;
    width: 166px;
    height: 29px;
    top: 24px;
    right: 12px;
}

div#popup div.classicServer div.serverBig div.player {
    top: 20px;
    right: 184px;
    width: 266px;
    height: 18px;
    line-height: 18px;
}

div#popup div.classicServer div.serverBig div.start {
    top: 40px;
    right: 184px;
    width: 266px;
    height: 18px;
    line-height: 18px;
}

div#popup div.classicServer div.serverBig div.mark {
    width: 79px;
    height: 19px;
    top: 64px;
    right: 390px;
}

div#popup div.classicServer div.serverSmall div.name {
    font-size: 17px;
    line-height: 23px;
    width: 112px;
    height: 23px;
    top: 19px;
    right: 12px;
}

div#popup div.serverSmall {
    float: left;
}

div#popup div.classicServer div.serverSmall div.player {
    top: 12px;
    right: 131px;
    width: 92px;
    height: 18px;
    line-height: 18px;
}

div#popup div.classicServer div.serverSmall div.start {
    top: 30px;
    right: 131px;
    width: 92px;
    height: 18px;
    line-height: 18px;
}

div#popup div.classicServer div.serverSmall div.player span.playerLabel {
    display: none;
}

div#popup div.serverList div.server a.link {
    position: absolute;
    z-index: 20;
    background-image: url(../../img/x.gif);
}

.webkit div#popup div.serverList div.server a.link {
    position: absolute;
    display: block;
    float: right;
    z-index: 20;
    background-image: url(../../img/x.gif);
}

.webkit div#popup div.serverList div.server a.link.hide {
    display: none;
}

div#popup div.currentServer div.serverBig a.link:hover {
    background-image: url(../../img/server/bigHover-rtl.png);
}

div#popup div.currentServer div.serverSmall a.link:hover {
    background-image: url(../../img/server/smallHover-rtl.png);
}

div#popup div.classicServer div.serverBig a.link:hover {
    background-image: url(../../img/server/classicBigHover.png);
}

div#popup div.classicServer div.serverSmall a.link:hover {
    background-image: url(../../img/server/classicSmallHover.png);
}

.ie6 div#popup div.currentServer div.serverBig a.link:hover {
    background-image: url(../../img/server/bigHover-rtl.gif);
}

.ie6 div#popup div.currentServer div.serverSmall a.link:hover {
    background-image: url(../../img/server/smallHover-rtl.gif);
}

.ie6 div#popup div.classicServer div.serverBig a.link:hover {
    background-image: url(../../img/server/classicBigHover.gif);
}

.ie div#popup div.classicServer div.serverSmall a.link:hover {
    background-image: url(../../img/server/classicSmallHover.gif);
}

.ie6 div#popup.register div {
    text-align: right;
}

div#popup div.greenbox.registrationBox div.greenbox-top {
    background-color: #E5EECC;
}

div#popup div.greenbox.registrationBox div.greenbox-bottom {
    background-color: transparent;
}

div#popup div.greenbox.registrationBox div.greenbox-content {
    width: 549px;
    padding: 0 1px;
}

div#popup.register div.activeServer div#otherServerSwitch {
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
}

div#popup.register div#registerForm table {
    width: auto;
    margin: 10px 43px 0 0;
    border-collapse: collapse!important;
}

div#popup.register div#registerForm table td.spacer {
    width: 5px;
}

div#popup.register div#registerForm table th {
    white-space: nowrap;
    font-weight: normal;
    text-align: right;
}

div#popup.register div#registerForm table td {
    padding-bottom: 10px;
}

div#popup.register div#registerForm table td input.text {
    width: 175px;
}

div#popup.register div#registerForm table td div.error {
    height: 16px;
    line-height: 12px;
    margin-top: 1px;
}

div#popup.register div#registerForm table div.checkboxfield input {
    float: right;
}

div#popup.register div#registerForm table div.checkboxfield label {
    margin-right: 20px;
    display: block;
}

div#popup.register div#registerForm table td.generalTermsAndConditions,
div#popup.register div#registerForm table td.newsletter,
div#popup.register div#registerForm table td.submit {
    padding-bottom: 0;
    width: 350px;
}

div#popup.register table div.checkboxfield {
    width: 350px;
}

div#popup.register div#registerForm table td.generalTermsAndConditions div.error {
    padding-right: 20px;
}

div#popup.register div#registrationSuccess {
    display: none;
}

div#popup.register div#registerForm table td.generalTermsAndConditions {
    height: 60px;
}

div#popup.register div#registerForm a.alreadyRegistered,
div#popup.register div#registrationForm a.toRegistration {
    display: block;
    margin: 10px 43px 10px 0;
    height: 22px;
    line-height: 22px;
    font-weight: bold;
}

div#popup.register div#registerForm a.alreadyRegistered img.squareArrow,
div#popup.register div#registrationForm a.toRegistration img.squareArrow {
    width: 22px;
    height: 22px;
    float: right;
    background-image: url(../../img/arrow_btn-rtl.png);
    margin-left: 5px;
}

.ie6 div#popup.register div#registerForm a.alreadyRegistered img.squareArrow,
.ie6 div#popup.register div#registrationForm a.toRegistration img.squareArrow {
    background-image: url(../../img/arrow_btn-rtl.gif);
}

div#popup.register div.transparent-bottom div.greenbox-bottom {
    background-color: transparent;
}

div#popup.register div#successMessage .registrationSuccessful {
    background-color: #E5EECC;
    height: 22px;
    padding: 10px;
    font-weight: bold;
}

div#popup.register div#successMessage .registrationSuccessful {
    background-color: #E5EECC;
    height: 22px;
    padding: 10px;
    font-weight: bold;
}

div#popup.register .successMessage {
    background-color: #E5EECC;
    font-weight: bold;
    display: none;
}

.ie6 div#popup.activation div {
    text-align: right;
}

div#popup.activation div.greenbox {
    margin-bottom: 20px;
}

div#popup.activation div.greenbox div.greenbox-content {
    padding: 0 15px;
    width: 521px;
}

div#popup span.errormessage {
    line-height: 22px;
}

div#popup #chooseOtherServerContainer {
    padding-top: 10px;
}

div#popup #chooseOtherServerForm {
    background-color: none;
    margin-top: 12px;
    margin-right: 28px;
}

div#popup div#chooseOtherServerForm div.serverList,
div#popup div#chooseOtherServerForm div#otherServers {
    background: none;
}

.ie6 div#popup div#chooseOtherServerForm div#otherServers {
    position: relative;
}

div#popup div#chooseOtherServerForm div#otherServers {
    width: 495px;
    padding: 0;
}

div#popup #chooseOtherServerForm div.serverSmall {
    float: right;
}

div#popup.activation div#worldStartInfo {
    margin: 0 auto 20px;
    position: relative;
    width: 508px;
    height: 149px;
    background-image: url(../../img/register_login/countdownInfoBox-rtl.jpg);
}

div#popup.activation div#worldStartInfo div.countdownContent {
    position: absolute;
    right: 124px;
    top: 39px;
    width: 375px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
}

.ie6 div#popup.activation div#worldStartInfo div.countdownContent div.countdown {
    text-align: center;
}

div#popup.activation div#activationFormContainer {
    background-image: url(../../img/register_login/horseman-rtl.jpg);
    height: 120px;
    padding: 20px 15px 15px 15px;
    width: 521px;
    margin-bottom: 20px;
}

div#popup.activation div#activationFormContainer table {
    width: auto;
    margin-top: 15px;
}

div#popup.activation div#activationFormContainer table td.spacer {
    width: 5px;
}

div#popup.activation div#activationFormContainer table th {
    white-space: nowrap;
    font-weight: normal;
    text-align: right;
}

div#popup.activation div#activationFormContainer table td.activationCode {
    padding-bottom: 10px;
}

div#popup.activation div#activationFormContainer table td input.text {
    width: 175px;
}

div#popup.activation div#activationFormContainer table td div.error {
    height: 16px;
    line-height: 12px;
    margin-top: 1px;
    width: 265px;
}

div#popup.activation div#noMailReceivedForm {
    margin-top: 10px;
    margin-right: 29px;
}

div#popup.activation div#noMailReceivedForm div#activationMailResend {
    margin-bottom: 10px;
}

div#popup.activation div#noMailReceivedForm ul {
    list-style-type: none;
    list-style-position: inside;
    margin-top: 10px;
}

div#popup.activation div#noMailReceivedForm li {
    background: url(../../img/register_login/listitem.png);
    background-repeat: no-repeat;
    background-position: right 8px;
    padding: 2px 10px;
}

div#popup.activation div#noMailReceivedForm div.sendAgain {
    margin-top: 20px;
    margin-bottom: 20px;
}

div#popup.activation div#noMailReceivedForm table {
    width: auto;
}

div#popup.activation div#noMailReceivedForm table td.spacer {
    width: 5px;
}

div#popup.activation div#noMailReceivedForm table th {
    font-weight: normal;
    white-space: nowrap;
    vertical-align: top;
    text-align: right;
}

div#popup.activation div#noMailReceivedForm table td {
    vertical-align: top;
}

div#popup.activation div#noMailReceivedForm table input.text {
    width: 200px;
}

div#popup.activation div#noMailReceivedForm table td.email,
div#popup.activation div#noMailReceivedForm table td.captcha {
    padding-bottom: 10px;
}

div#popup.activation div#noMailReceivedForm table td.captcha div#recaptcha_image img {
    border: 1px solid #252525;
}

div#popup.activation div#noMailReceivedForm table td.captcha a.captchaOptions {
    font-size: 11px;
    display: block;
    margin: 5px 0 3px;
    cursor: pointer;
}

div#popup.activation div#noMailReceivedForm table td div.error {
    height: 16px;
    line-height: 12px;
    margin-top: 1px;
}

div#popup.activation div#noMailReceivedForm table td.submit {
    padding-bottom: 10px;
}

div#popup.activation div#changeEmailForm {
    margin-top: 10px;
    margin-right: 29px;
}

div#popup.activation div#mailChangedAndActivationMailResend {
    margin: 10px 0;
}

div#popup.activation div#changeEmailForm table {
    width: auto;
    margin-top: 20px;
}

div#popup.activation div#changeEmailForm table td.spacer {
    width: 5px;
}

div#popup.activation div#changeEmailForm table th {
    font-weight: normal;
    white-space: nowrap;
    vertical-align: top;
    text-align: right;
}

div#popup.activation div#changeEmailForm table td {
    vertical-align: top;
}

div#popup.activation div#changeEmailForm table input.text {
    width: 200px;
}

div#popup.activation div#changeEmailForm table td.oldEmailOrUsername,
div#popup.activation div#changeEmailForm table td.newEmail,
div#popup.activation div#changeEmailForm table td.password {
    padding-bottom: 15px;
}

div#popup.activation div#changeEmailForm table td div.error {
    height: 16px;
    line-height: 12px;
    margin-top: 1px;
}

div#popup.activation div#changeEmailForm table td.submit {
    padding-bottom: 10px;
}

div#popup h3.chooseAServer {
    margin: 0 34px 10px 0;
    font-size: 12pt;
}

button,
button:hover,
button:focus {
    background-color: transparent;
    border: 0 solid transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-size: 11px;
    line-height: 15px;
    white-space: nowrap;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

button.disabled {
    cursor: default;
}

.ie6 button,
.ie6 button:hover,
.ie6 button:focus {
    border: 1px ridge;
}

.ie6 button.disabled {
    cursor: default;
}

button .btl,
button .btc,
button .btr,
button .bml,
button .bmc,
button .bmr,
button .bbl,
button .bbc,
button .bbr {
    background-color: transparent;
    background-position: left top;
}

button .btc,
button .bmc,
button .bbc {
    margin-right: 3px;
    margin-left: 3px;
    width: auto;
}

button .btl {
    background-repeat: no-repeat;
}

button .btc {
    background-repeat: repeat-x;
}

button .btr {
    background-position: right top;
    background-repeat: no-repeat;
}

button .bml {
    background-repeat: repeat-y;
}

button .bmc {
    background-repeat: repeat;
}

button .bmr {
    background-position: right top;
    background-repeat: repeat-y;
}

button .bbl,
button .bbc {
    background-position: left bottom;
}

button .bbl {
    background-repeat: no-repeat;
}

button .bbc {
    background-repeat: repeat-x;
}

button .bbr {
    background-position: right bottom;
    background-repeat: no-repeat;
}

button .button-container {
    position: relative;
    padding: 5px 20px;
}

.gecko button .button-container,
.safari button .button-container {
    margin: -1px -3px;
}

.ie7 button .button-container {
    padding: 5px 7px;
}

.ie6 button .button-container {
    color: #000;
}

button.small .button-container {
    padding: 3px 15px;
    margin-top: -2px;
}

.ie button.small .button-container {
    margin-top: -1px;
}

button .button-contents {
    position: relative;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    line-height: 15px;
}

.ie6 button .button-contents {
    position: static;
}

button.small .button-contents {
    color: #FFF;
    font-weight: normal;
    font-size: 9px;
    line-height: 12px;
    margin-top: 0;
    line-height: 10px;
}

.webkit.chrome button.small .button-contents,
.ie button.small .button-contents {
    margin-top: 0;
    height: 10px;
    overflow: hidden;
}

button .button-position,
button .btl,
button .btc,
button .btr,
button .bml,
button .bmc,
button .bmr,
button .bbl,
button .bbc,
button .bbr {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

.ie6 button .button-position {
    display: none;
}

button .bml {
    top: 3px;
    bottom: 3px;
    top: 10px;
    bottom: 10px;
}

button .btc,
button .bmc,
button .bbc {
    margin-right: 10px;
    margin-left: 10px;
    width: auto;
}

button.small .bml {
    top: 3px;
    bottom: 3px;
}

button.small .btc,
button.small .bmc,
button.small .bbc {
    margin-right: 5px;
    margin-left: 5px;
    width: auto;
}

button .btl,
button .bbl,
button .btr,
button .bbr,
button .btc {
    background-image: url(../../img/round/button/green/sprite.png);
}

button .btc {
    background-position: -12px -25px;
}

button:hover .btl,
button:hover .bbl,
button:hover .btr,
button:hover .bbr,
button:hover .btc {
    background-image: url(../../img/round/button/green/sprite-hover.png);
}

button:hover .btc {
    background-position: -12px -25px;
}

.ie6 button {
    background-image: url(../../img/round/button/green/ieButton.png);
    background-repeat: repeat;
    width: auto;
    overflow: visible;
}

.ie6 button:hover {
    background-image: url(../../img/round/button/green/ieButton-hover.png);
    background-repeat: repeat;
}

button.gray .btc {
    background-position: 0 0;
}

button.gray .btl {
    background-image: url(../../img/round/button/gray/tl.png);
}

button.gray:hover .btl {
    background-image: url(../../img/round/button/gray/tl-hover.png);
}

button.gray .btc {
    background-image: url(../../img/round/button/gray/tc.png);
}

button.gray:hover .btc {
    background-image: url(../../img/round/button/gray/tc-hover.png);
}

button.gray .btr {
    background-image: url(../../img/round/button/gray/tr.png);
}

button.gray:hover .btr {
    background-image: url(../../img/round/button/gray/tr-hover.png);
}

button.gray .bml {
    background-image: url(../../img/round/button/gray/ml.png);
}

button.gray:hover .bml {
    background-image: url(../../img/round/button/gray/ml-hover.png);
}

button.gray .bmc {
    background-image: url(../../img/round/button/gray/mc.png);
}

button.gray:hover .bmc {
    background-image: url(../../img/round/button/gray/mc-hover.png);
}

button.gray .bmr {
    background-image: url(../../img/round/button/gray/mr.png);
}

button.gray:hover .bmr {
    background-image: url(../../img/round/button/gray/mr-hover.png);
}

button.gray .bbl {
    background-image: url(../../img/round/button/gray/bl.png);
}

button.gray:hover .bbl {
    background-image: url(../../img/round/button/gray/bl-hover.png);
}

button.gray .bbc {
    background-image: url(../../img/round/button/gray/bc.png);
}

button.gray:hover .bbc {
    background-image: url(../../img/round/button/gray/bc-hover.png);
}

button.gray .bbr {
    background-image: url(../../img/round/button/gray/br.png);
}

button.gray:hover .bbr {
    background-image: url(../../img/round/button/gray/br-hover.png);
}

.ie6 button.gray {
    background-image: url(../../img/round/button/gray/mc.png);
    background-repeat: repeat;
}

.ie6 button.gray:hover {
    background-image: url(../../img/round/button/gray/mc-hover.png);
    background-repeat: repeat;
}

button.disabled .btc {
    background-position: 0 0;
}

button.disabled .btl {
    background-image: url(../../img/round/button/disabled/tl.png);
}

button.disabled .btc {
    background-image: url(../../img/round/button/disabled/tc.png);
}

button.disabled .btr {
    background-image: url(../../img/round/button/disabled/tr.png);
}

button.disabled .bml {
    background-image: url(../../img/round/button/disabled/ml.png);
}

button.disabled .bmc {
    background-image: url(../../img/round/button/disabled/mc.png);
}

button.disabled .bmr {
    background-image: url(../../img/round/button/disabled/mr.png);
}

button.disabled .bbl {
    background-image: url(../../img/round/button/disabled/bl.png);
}

button.disabled .bbc {
    background-image: url(../../img/round/button/disabled/bc.png);
}

button.disabled .bbr {
    background-image: url(../../img/round/button/disabled/br.png);
}

.ie6 button.disabled {
    background-image: url(../../img/round/button/disabled/mc.png);
    background-repeat: repeat;
}

button.small .btc {
    background-position: 0 0;
}

button.small .btl {
    background-image: url(../../img/round/button/green-small/tl.png);
}

button.small:hover .btl {
    background-image: url(../../img/round/button/green-small/tl-hover.png);
}

button.small .btc {
    background-image: url(../../img/round/button/green-small/tc.png);
}

button.small:hover .btc {
    background-image: url(../../img/round/button/green-small/tc-hover.png);
}

button.small .btr {
    background-image: url(../../img/round/button/green-small/tr.png);
}

button.small:hover .btr {
    background-image: url(../../img/round/button/green-small/tr-hover.png);
}

button.small .bml {
    background-image: url(../../img/round/button/green-small/ml.png);
}

button.small:hover .bml {
    background-image: url(../../img/round/button/green-small/ml-hover.png);
}

button.small .bmc {
    background-image: url(../../img/round/button/green-small/mc.png);
}

button.small:hover .bmc {
    background-image: url(../../img/round/button/green-small/mc-hover.png);
}

button.small .bmr {
    background-image: url(../../img/round/button/green-small/mr.png);
}

button.small:hover .bmr {
    background-image: url(../../img/round/button/green-small/mr-hover.png);
}

button.small .bbl {
    background-image: url(../../img/round/button/green-small/bl.png);
}

button.small:hover .bbl {
    background-image: url(../../img/round/button/green-small/bl-hover.png);
}

button.small .bbc {
    background-image: url(../../img/round/button/green-small/bc.png);
}

button.small:hover .bbc {
    background-image: url(../../img/round/button/green-small/bc-hover.png);
}

button.small .bbr {
    background-image: url(../../img/round/button/green-small/br.png);
}

button.small:hover .bbr {
    background-image: url(../../img/round/button/green-small/br-hover.png);
}

.ie6 button.small {
    background-image: url(../../img/round/button/green-small/mc.png);
    background-repeat: repeat;
}

.ie6 button.small:hover {
    background-image: url(../../img/round/button/green-small/mc-hover.png);
    background-repeat: repeat;
}

button.small.gray .btl {
    background-image: url(../../img/round/button/gray-small/tl.png);
}

button.small.gray:hover .btl {
    background-image: url(../../img/round/button/gray-small/tl-hover.png);
}

button.small.gray .btc {
    background-image: url(../../img/round/button/gray-small/tc.png);
}

button.small.gray:hover .btc {
    background-image: url(../../img/round/button/gray-small/tc-hover.png);
}

button.small.gray .btr {
    background-image: url(../../img/round/button/gray-small/tr.png);
}

button.small.gray:hover .btr {
    background-image: url(../../img/round/button/gray-small/tr-hover.png);
}

button.small.gray .bml {
    background-image: url(../../img/round/button/gray-small/ml.png);
}

button.small.gray:hover .bml {
    background-image: url(../../img/round/button/gray-small/ml-hover.png);
}

button.small.gray .bmc {
    background-image: url(../../img/round/button/gray-small/mc.png);
}

button.small.gray:hover .bmc {
    background-image: url(../../img/round/button/gray-small/mc-hover.png);
}

button.small.gray .bmr {
    background-image: url(../../img/round/button/gray-small/mr.png);
}

button.small.gray:hover .bmr {
    background-image: url(../../img/round/button/gray-small/mr-hover.png);
}

button.small.gray .bbl {
    background-image: url(../../img/round/button/gray-small/bl.png);
}

button.small.gray:hover .bbl {
    background-image: url(../../img/round/button/gray-small/bl-hover.png);
}

button.small.gray .bbc {
    background-image: url(../../img/round/button/gray-small/bc.png);
}

button.small.gray:hover .bbc {
    background-image: url(../../img/round/button/gray-small/bc-hover.png);
}

button.small.gray .bbr {
    background-image: url(../../img/round/button/gray-small/br.png);
}

button.small.gray:hover .bbr {
    background-image: url(../../img/round/button/gray-small/br-hover.png);
}

.ie6 button.small.gray {
    background-image: url(../../img/round/button/gray-small/mc.png);
    background-repeat: repeat;
}

.ie6 button.small.gray:hover {
    background-image: url(../../img/round/button/gray-small/mc-hover.png);
    background-repeat: repeat;
}

button.icon {
    width: 24px;
    height: 24px;
    background-image: url(../../img/round/button/buttonSmall-rtl.png);
}

button.icon:hover {
    background-position: right -34px;
}

button.icon.disabled:hover {
    background-position: right top;
}

button.icon img {
    position: relative;
}

.gecko button.icon img {
    top: -1px;
}

button {
    color: red;
}

img.smiley {
    width: 19px;
    height: 16px;
    background-image: url(../../img/f/smileys.gif);
}

img.aha {
    background-position: 0 0;
}

img.angry {
    background-position: -22px 0;
}

img.cool {
    background-position: -44px 0;
}

img.cry {
    background-position: -66px 0;
}

img.cute {
    background-position: -88px 0;
}

img.depressed {
    background-position: -110px 0;
}

img.eek {
    background-position: -132px 0;
}

img.ehem {
    background-position: -154px 0;
}

img.emotional {
    background-position: -176px 0;
}

img.grin {
    background-position: -198px 0;
}

img.happy {
    background-position: -220px 0;
}

img.hit {
    background-position: -242px 0;
}

img.hmm {
    background-position: -264px 0;
}

img.hmpf {
    background-position: -286px 0;
}

img.hrhr {
    background-position: -308px 0;
}

img.huh {
    background-position: -330px 0;
}

img.lazy {
    background-position: -352px 0;
}

img.love {
    background-position: -374px 0;
}

img.nocomment {
    background-position: -396px 0;
}

img.noemotion {
    background-position: -418px 0;
}

img.notamused {
    background-position: -440px 0;
}

img.pout {
    background-position: -462px 0;
}

img.redface {
    background-position: -484px 0;
}

img.rolleyes {
    background-position: -506px 0;
}

img.sad {
    background-position: -528px 0;
}

img.shy {
    background-position: -550px 0;
}

img.smile {
    background-position: -572px 0;
}

img.tongue {
    background-position: -594px 0;
}

img.veryangry {
    background-position: -616px 0;
}

img.veryhappy {
    background-position: -638px 0;
}

img.wink {
    background-position: -660px 0;
}

#top-nav-menu img.cooperationLogo {
    height: 43px;
    right: 8px;
    position: absolute;
    top: 0;
    width: 188px;
    z-index: 2;
}

#imprint img.youthprotection {
    background-image: url(../../img/imprint/youthprotection.gif);
    width: 209px;
    height: 19px;
}

#imprint img.privacy {
    background-image: url(../../img/imprint/privacy.gif);
    width: 159px;
    height: 19px;
}

#imprint p {
    margin-bottom: 2ex;
}

#imprint h4.subtitle {
    margin-bottom: 2ex;
}

html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
b,
u,
i,
center,
ol,
ul,
li,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background-color: transparent;
    background-position: right top;
    background-repeat: no-repeat;
}

ol,
ul {
    list-style: none;
}

body {
    height: 100%;
    font-family: "B Homa";
    font-size: 13px;
    background-color: #9fb777;
    direction: rtl;
}

#backgroundLeft {
    position: absolute;
    z-index: 1;
    right: 0;
    width: 50%;
    min-height: 960px;
    background: #022438be;
    background-size: cover;
}

#backgroundRight {
    position: absolute;
    z-index: 1;
    left: 0;
    width: 50%;
    min-height: 960px;
    background: #022438be;
    background-size: cover;
}

#background {
    position: relative;
    z-index: 2;
    min-height: 960px;
    background: transparent url(../../../../img/boxo/centralback-min.png) center 66px no-repeat;
    background-position: top;
    background-size: cover;
}

#background_frame {
    position: relative;
    z-index: 2;
    min-height: 960px;
    background: #022438be;
}

.clear {
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.hide {
    display: none;
}

#navigation-wrapper {
    height: 72px;
    background-image: url(../../img/nav-bg.png);
    background-repeat: repeat-x;
}

.ie6 #navigation-wrapper {
    background-image: url(../../img/nav-bg.gif);
    width: 100%;
    position: relative;
}

#content-container,
#navigation-container,
#footer-container {
    width: 980px;
    margin: 0 auto;
    clear: both;
}

#content-container {
    margin-top: 0px;
}

.ie6 #content-container {
    position: relative;
}

#content-menu {
    width: 204px;
    float: right;
    margin-right: 6px;
}

.ie6 #content-menu {
    position: relative;
}

#country_select {
    height: 23px;
}

#top-nav {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    height: 43px;
}

#top-nav-menu {
    float: right;
    text-align: left;
    width: 750px;
    position: relative;
}

#logo {
    position: absolute;
    right: 10px;
    top: 48px;
}

#logo img.logo {
    background-image: url(../../img/logo.jpg);
    width: 221px;
    height: 79px;
}

.ie6 #logo {
    width: 221px;
    height: 79px;
}

#top-nav-login {
    position: relative;
    float: left;
    width: 220px;
    height: 43px;
}

ul#top-navigation {
    margin-right: 233px;
    list-style-type: none;
    padding: 0;
    list-style-position: outside;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    float: right;
    width: 458px;
}

.ie6 ul#top-navigation {
    margin-right: 0;
    right: 233px;
}

ul#top-navigation li {
    float: right;
    position: relative;
    height: 43px;
    text-align: center;
    margin-left: 1px;
}

.ie6 ul#top-navigation li {
    min-width: 20px;
    width: auto!important;
    width: 20px;
    white-space: nowrap;
    background-image: url(../../img/top_nav_bg.gif);
    background-repeat: repeat-x;
}

ul#top-navigation li a {
    color: #7e7e7e;
    text-decoration: none;
    display: block;
    height: 29px;
    padding: 14px 10px 0 10px;
    background-image: url(../../img/top_nav_bg.png);
    background-repeat: repeat-x;
    cursor: pointer;
}

ul#top-navigation li a:hover {
    text-decoration: none;
    background: none;
}

#login {
    position: relative;
    top: 8px;
    right: 70px;
    height: 35px;
}

#statistics {
    position: relative;
    min-height: 80px;
    background-image: url(../../img/stat_bg.png);
    background-repeat: repeat-y;
    padding: 10px 25px 15px 15px;
    color: #393939;
    line-height: 18px;
    margin-bottom: 12px;
}

.ie6 #statistics {
    background-image: url(../../img/stat_bg.gif);
    width: 164px;
}

#stat-top {
    position: absolute;
    right: 0;
    top: -2px;
    background-image: url(../../img/stat_top.png);
    z-index: 11;
    width: 204px;
    height: 50px;
}

.ie6 #stat-top {
    background-image: url(../../img/stat_top.gif);
}

#stat_bottom {
    position: absolute;
    right: 0;
    bottom: -5px;
    background-image: url(../../img/stat_bottom.png);
    z-index: 11;
    width: 204px;
    height: 61px;
}

.ie6 #stat_bottom {
    background-image: url(../../img/stat_bottom.gif);
}

#statistics .stat {
    float: right;
}

#statistics .type {
    min-width: 100px;
}

.ie6 #statistics .type {
    min-width: 100px;
    width: auto!important;
    width: 100px;
}

#statistics .value {
    font-weight: bold;
}

#news,
#fb-widget,
#shop,
#gameRating {
    float: right;
    clear: both;
    width: 202px;
    color: #fff;
    line-height: 16px;
    margin-bottom: 10px;
}

#gameRating img.logo {
    float: right;
    margin: 0 0 10px 10px;
}

#news-head,
#fb-widget-head,
#gameRatingHead {
    width: 202px;
    height: 6px;
    background-image: url(../../img/news_bg.png);
    background-position: 0 0;
}

.ie6 #news-head,
.ie6 #fb-widget-head,
.ie6 #gameRatingHead {
    font-size: 0;
    background-image: url(../../img/news_bg.gif);
}

#news-content,
#fb-widget-content,
#gameRatingContent {
    width: 182px;
    background-image: url(../../img/wit_bg.png);
    background-repeat: repeat;
    padding: 5px 10px;
    float: right;
}

.ie6 #news-content,
.ie6 #fb-widget-content,
.ie6 #gameRatingContent {
    background-image: url(../../img/wit_bg.gif);
}

#fb-container {
    border: none;
    overflow: hidden;
    width: 182px;
    height: 260px;
    background: #fff;
}

.news-items {
    margin-top: 12px;
}

.news-divider {
    height: 1px;
    background: url(../../img/divider.gif) repeat-x;
    margin-top: 12px;
}

.news-items span {
    display: block;
}

.news-items div {
    font-size: 12px;
    margin-top: 5px;
}

#news-bottom,
#fb-widget-bottom,
#gameRatingBottom {
    background-image: url(../../img/news_bg.png);
    width: 202px;
    background-position: 0 -6px;
    float: right;
    height: 6px;
}

.ie6 #news-bottom,
.ie6 #fb-widget-bottom,
.ie6 #gameRatingBottom {
    background-image: url(../../img/news_bg.gif);
}

#content-main {
    background-color: #c3ffe887;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.ie6 #content-main {
    position: relative;
}

#wit {
    width: 95%;
    position: relative;
}

#wit-top,
#wit-bottom {
    width: 614px;
    height: 10px;
}

.ie6 #wit-top {
    font-size: 0;
}

#wit-content {
    padding: 20px 20px 10px 140px;
    color: #000;
    ;
    overflow: hidden;
}

#wit-content.with-button {
    padding-top: 0;
    min-height: 782px;
}

#wit-content .wit-info {
    margin-top: 12px;
    height: 96px;
    overflow: hidden;
    width: 422px;
}

#wit-content.with-button .wit-info {
    height: 25px;
}

.playnow {
    white-space: nowrap;
}

.playnow-arrow {
    height: 53px;
    min-width: 220px;
    position: absolute;
    top: -25px;
    left: 130px;
    z-index: 10;
}

.ie6 .playnow-arrow {
    min-width: 220px;
    width: auto!important;
    width: 220px;
}

.playnow-arrow .playnow-bg {
    height: 53px;
    width: 50%;
    margin-right: 90px;
    position: absolute;
    z-index: -2;
    background-image: url(../../img/play_now_r.png);
    background-repeat: repeat-x;
}

.ie6 .playnow-arrow .playnow-bg {
    background-image: url(../../img/play_now_r.gif);
}

.playnow-arrow .playnow-right {
    height: 53px;
    position: absolute;
    right: -30px;
    z-index: -1;
    top: 0;
    width: 122px;
    background-image: url(../../img/play_now-rtl.png);
    background-position: right top;
}

.playnow-arrow .playnow-left {
    height: 53px;
    position: absolute;
    left: -52px;
    top: 0;
    z-index: -1;
    width: 180px;
    background-image: url(../../img/play_now-rtl.png);
    background-position: left top;
}

.ie6 .playnow-arrow .playnow-right,
.ie6 .playnow-arrow .playnow-left {
    background-image: url(../../img/play_now-rtl.gif);
}

.playnow-button {
    width: 400px;
    height: 45px;
    overflow: hidden;
    margin-top: 10px;
}

.playnow-button h1.play {
    margin-top: 7px;
    margin-right: 40px;
    font-size: 24px;
    height: 38px;
}

.ie7 .playnow-button h1.play {
    margin-top: 0;
    margin-left: 5px;
}

.ie8 .playnow-button h1.play,
.ie9 .playnow-button h1.play {
    margin-top: 8px;
}

.playnow-button .playnow-start,
.playnow-button .playnow-end {
    background-image: url(../../img/play_now_button-rtl.png);
    height: 45px;
}

.playnow-button .playnow-start {
    background-position: right 0;
    max-width: 390px;
    padding-end: 10px;
    float: right;
}

.playnow-button:hover .playnow-start {
    background-position: right -45px;
}

.playnow-button .playnow-end {
    background-position: left 0;
    width: 10px;
    float: right;
}

.playnow-button:hover .playnow-end {
    background-position: left -45px;
}

button.fixedSizeBigButton {
    width: 267px;
    background-image: url("../../img/button_big-rtl.png")!important;
    height: 45px;
}

.ie6 button.fixedSizeBigButton {
    width: 267px;
    background-image: url("../../img/button_big-rtl.gif")!important;
    height: 45px;
}

button.fixedSizeBigButton div.bigButtonText {
    font-size: 24px;
    margin-top: -1px;
    text-align: center;
}

button.fixedSizeBigButton div.bigButtonText {
    font-size: 24px;
    text-align: center;
    height: 45px;
    line-height: 41px;
}

.presto button.fixedSizeBigButton div.bigButtonText,
.ie button.fixedSizeBigButton div.bigButtonText {
    margin-top: 1px;
}

.ie6 button.fixedSizeBigButton div.bigButtonText {
    display: inline;
}

#stage {
    width: 482px;
    right: 13px;
    bottom: 16px;
    height: 239px;
    position: absolute;
    z-index: 50;
}

.ie6 #stage {
    bottom: 21px;
}

#frame {
    width: 468px;
    height: 225px;
    position: absolute;
    right: 8px;
    z-index: 52;
    top: 8px;
}

#stage-nav {
    width: 137px;
    height: 199px;
    left: 11px;
    top: 16px;
    position: absolute;
    z-index: 59;
}

#stage-nav .b0 {
    background-image: url(../../img/stage/new_world_small-rtl.png);
}

.ie6 #stage-nav .b0 {
    background-image: url(../../img/stage/new_world_small-rtl.png);
}

#stage-nav .b1 {
    background-image: url(../../img/stage/feature_small-rtl.png);
}

.ie6 #stage-nav .b1 {
    background-image: url(../../img/stage/feature_small-rtl.png);
}

#stage-nav .b2 {
    background-image: url(../../img/stage/community_small-rtl.png);
}

.ie6 #stage-nav .b2 {
    background-image: url(../../img/stage/community_small-rtl.png);
}

ul#buttons li,
ul#buttons-click li {
    width: 137px;
    height: 66px;
    cursor: pointer;
}

.stage-content {
    position: absolute;
    width: 331px;
    height: 213px;
    right: 4px;
    top: 4px;
    z-index: 52;
    display: none;
    line-height: 20px;
    overflow: hidden;
}

.stage-content0 {
    background-image: url(../../img/stage/new_world-rtl.jpg);
}

.stage-content1 {
    background-image: url(../../img/stage/feature-rtl.jpg);
}

.stage-content2 {
    background-image: url(../../img/stage/community-rtl.jpg);
}

.stage-content h3 {
    font-size: 16px;
    font-weight: bold;
    display: inline;
    line-height: 21px;
}

.stage-content .bbArrow {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    background-image: url(../../img/arrow_btn-rtl.png);
}

.ie6 .stage-content .bbArrow {
    background-image: url(../../img/arrow_btn-rtl.gif);
}

.stage-links {
    position: absolute;
    width: 331px;
    height: 213px;
    right: 4px;
    top: 4px;
    z-index: 55;
}

.stage-link {
    width: 100%;
    height: 100%;
    display: none;
}

.stage-links .shown {
    display: block;
}

.ticker-con {
    display: table;
    height: 48px;
    max-height: 48px;
    width: 290px;
    position: absolute;
    overflow: hidden;
    bottom: 8px;
    right: 10px;
}

.ticker-wrap {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    #position: absolute;
    #top: 50%;
}

.ticker {
    position: relative;
    color: #000;
    #position: relative;
    #top: -50%;
}

#ticker-tp {
    width: 25px;
    height: 12px;
    vertical-align: middle;
    margin-left: 8px;
    margin-right: 3px;
    background-image: url(../../img/ticker.gif);
    background-position: right top;
}

#ticker-ap {
    width: 17px;
    height: 12px;
    vertical-align: middle;
    margin-left: 8px;
    margin-right: 20px;
    background-image: url(../../img/ticker.gif);
    background-position: left top;
}

#tvbox-preview-infobox {
    position: absolute;
    right: 100px;
    top: 100px;
    padding: 10px;
    border: solid red 1px;
    background-color: #ffdada;
    font-size: 16px;
}

#stage-bg {
    position: absolute;
    width: 329px;
    height: 211px;
    z-index: 51;
    right: 15px;
    top: 15px;
}

#stage-nav-click {
    left: 2px;
    width: 137px;
    position: absolute;
    top: 11px;
    z-index: 56;
}

.stage-arrow {
    background-image: url(../../img/tvbox/arrow-rtl.png);
    position: absolute;
    width: 27px;
    height: 67px;
    z-index: 53;
    display: block;
    right: 303px;
}

.ie6 .stage-arrow {
    background-image: url(../../img/tvbox/arrow-rtl.gif);
}

.stage-arrow-0 {
    top: 11px;
}

.stage-arrow-1 {
    top: 76px;
}

.stage-arrow-2 {
    top: 143px;
}

#stage-fg {
    position: absolute;
    background-image: url(../../img/tvbox/tvBox_overlay-rtl.png);
    width: 459px;
    height: 223px;
    z-index: 54;
    right: 9px;
    top: 9px;
}

.ie6 #stage-fg {
    background-image: url(../../img/tvbox/tvBox_overlay-rtl.gif);
}

#moreabttravian {
    margin-top: 8px;
    clear: both;
    width: 514px;
    height: 83px;
    position: relative;
}

#find-out-more {
    width: 514px;
    height: 83px;
    position: relative;
}

#strip-head {
    color: #fff;
    font-weight: bold;
    right: 20px;
    top: 12px;
    position: absolute;
    width: 95px;
    height: 58px;
    right: 18px;
}

#strip-head div {
    height: 58px;
    display: table-cell;
    vertical-align: middle;
}

ul#strips {
    position: absolute;
    right: 142px;
    top: 11px;
}

.ie6 ul#strips {
    top: 5px;
    width: 354px;
    height: 58px;
}

ul#strips li {
    width: 59px;
    height: 58px;
    float: right;
    display: inline;
    padding: 0;
    cursor: pointer;
}

ul#strips li.act0,
ul#strips li.act1,
ul#strips li.act2,
ul#strips li.act3,
ul#strips li.act4,
ul#strips li.act5 {
    background-image: url(../../img/strip/find_out_more_sprite-rtl.png);
}

.ie6 ul#strips li.act0,
.ie6 ul#strips li.act1,
.ie6 ul#strips li.act2,
.ie6 ul#strips li.act3,
.ie6 ul#strips li.act4,
.ie6 ul#strips li.act5 {
    background-image: url(../../img/strip/find_out_more_sprite-rtl.gif);
}

ul#strips li.act0 {
    background-position: 0 0;
}

ul#strips li.act1 {
    background-position: 0 -100px;
}

ul#strips li.act2 {
    background-position: 0 -200px;
}

ul#strips li.act3 {
    background-position: 0 -300px;
}

ul#strips li.act4 {
    background-position: 0 -400px;
}

ul#strips li.act5 {
    background-position: 0 -500px;
}

.details {
    width: 410px;
    min-height: 164px;
    display: none;
    float: right;
    background-image: url(../../img/strip/strips-rtl.png);
    background-repeat: repeat-y;
    z-index: 99;
}

.ie6 .details {
    background-image: url(../../img/strip/strips-rtl.gif);
}

.details-top {
    width: 410px;
    height: 20px;
    background-image: url(../../img/strip/strip_bg-rtl.png);
    background-position: 0 0;
    position: absolute;
    right: 0;
    top: -10px;
}

.ie6 .details-top {
    background-image: url(../../img/strip/strip_bg-rtl.gif);
}

.details-l-top,
.details-l-bottom {
    position: absolute;
    width: 14px;
    right: 0;
}

.details-r-top,
.details-r-bottom {
    position: absolute;
    width: 20px;
    left: 0;
}

.details-l-top,
.details-r-top {
    height: 63px;
    top: 10px;
}

.details-l-bottom,
.details-r-bottom {
    height: 77px;
    bottom: 10px;
}

.details-l-top {
    background-position: 0 -20px;
}

.details-l-bottom {
    background-position: 0 -87px;
}

.details-r-top {
    background-position: -390px -20px;
}

.details-r-bottom {
    background-position: -390px -87px;
}

.details-body {
    text-align: right;
    padding: 10px 20px 10px 20px;
    clear: both;
    float: right;
    width: 360px;
}

.details-body-l {
    float: right;
    display: inline;
    margin-top: 3px;
}

#strip-c1 {
    background-image: url(../../img/strip/01_Ressources-rtl.jpg);
    width: 145px;
    height: 133px;
}

#strip-c2 {
    background-image: url(../../img/strip/02_Builings-rtl.jpg);
    width: 145px;
    height: 133px;
}

#strip-c3 {
    background-image: url(../../img/strip/03_Map-rtl.jpg);
    width: 145px;
    height: 133px;
}

#strip-c4 {
    background-image: url(../../img/strip/04_Statistics-rtl.jpg);
    width: 145px;
    height: 133px;
}

#strip-c5 {
    background-image: url(../../img/strip/05_Reports-rtl.jpg);
    width: 145px;
    height: 133px;
}

#strip-c6 {
    background-image: url(../../img/strip/06_Messages-rtl.jpg);
    width: 145px;
    height: 133px;
}

.details-body-r {
    float: left;
    width: 193px;
    display: inline;
}

.details-bottom {
    width: 410px;
    height: 26px;
    background-image: url(../../img/strip/strip_bg-rtl.png);
    background-position: 0 -164px;
    position: absolute;
    right: 0;
    bottom: -16px;
}

.ie6 .details-bottom {
    background-image: url(../../img/strip/strip_bg-rtl.gif);
}

#ssc-bg {
    position: relative;
    width: 704px;
    height: 350px;
}

#ss-container {
    position: absolute;
    width: 704px;
    height: 350px;
    margin-top: 1px;
    right: -15px;
    z-index: 10;
}

#ss-head {
    min-width: 120px;
    height: 36px;
    padding-right: 40px;
    padding-top: 6px;
    position: absolute;
    z-index: 8;
    color: #fff;
    right: 125px;
    top: 90px;
}

.ie6 #ss-head {
    top: 85px;
}

#ss-head-right {
    width: 80px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

#ss-head-left {
    width: 100px;
    height: 36px;
    position: absolute;
    left: -72px;
    top: 0;
    z-index: 9;
}

#g-widget {
    width: 690px;
    float: right;
    margin-top: 180px;
    margin-right: 24px;
}

.ie6 #g-widget {
    margin-top: 172px;
    margin-right: 9px;
}

#gallery {
    width: 576px;
    float: right;
    position: relative;
    overflow: hidden;
    height: 138px;
}

#g-items {
    right: 0;
    width: 2000em;
    position: absolute;
    clear: both;
}

#g-items img {
    margin-left: 13px!important;
    float: right;
    cursor: pointer;
    width: 183px;
    height: 136px;
}

#g-widget a.browse {
    display: block;
    width: 33px;
    height: 32px;
    float: right;
    margin-top: 48px;
    cursor: pointer;
}

#g-widget a.prev {
    margin-right: 6px;
    background-image: url(../../img/btn_round_prev-rtl.png);
}

.ie6 #g-widget a.prev {
    background-image: url(../../img/btn_round_prev-rtl.gif);
}

#g-widget a.prev:hover {
    background-position: right bottom;
}

#g-widget a.next {
    margin-left: 6px;
    margin-right: 5px;
    background-image: url(../../img/btn_round_next-rtl.png);
}

.ie6 #g-widget a.next {
    background-image: url(../../img/btn_round_next-rtl.gif);
}

#g-widget a.next:hover {
    background-position: right bottom;
}

#g-widget a.disabled {
    visibility: hidden!important;
}

#preview_container {
    width: 647px;
    float: right;
    display: block;
    position: absolute;
    z-index: 102;
    display: none;
}

#preview_stage {
    width: 635px;
}

#p-top {
    background-image: url(../../img/gallery/ss_top-rtl.png);
    width: 647px;
    height: 132px;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
}

.ie6 #p-top {
    background-image: url(../../img/gallery/ss_top-rtl.gif);
}

#p-bg {
    background: url(../../img/gallery/ss_bg.gif) right top repeat-y;
    width: 647px;
    position: absolute;
    right: 0;
    top: 132px;
    left: 0;
    bottom: 11px;
}

.ie6 #p-bg {
    background-image: none;
}

#p-bottom {
    background-image: url(../../img/gallery/ss_bottom.png);
    width: 647px;
    height: 11px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
}

.ie6 #p-bottom {
    background-image: url(../../img/gallery/ss_bottom.gif);
    bottom: 2px;
}

#p-content {
    margin-top: 135px;
    z-index: 103;
    position: relative;
}

.ie6 #p-content {
    background-image: url(../../img/gallery/ss_bg.gif);
    background-repeat: repeat-y;
    margin-top: 132px;
    margin-bottom: 17px;
    width: 647px;
}

#preview_img {
    width: 520px;
    float: right;
    position: relative;
    overflow: hidden;
    height: 397px;
    border: 1px solid #e5e5e5;
}

#preview_items {
    width: 2000em;
    position: absolute;
    clear: both;
}

.ie6 #preview_items {
    height: 397px;
}

#preview_items img {
    float: right;
    margin-left: 5px!important;
}

.ie6 #preview_items img {
    height: 397px;
}

#preview_stage {
    position: relative;
}

#preview_stage a.browse {
    display: block;
    width: 31px;
    height: 49px;
    float: right;
    margin-top: 150px;
    cursor: pointer;
}

#preview_stage a.prev {
    margin-right: 16px;
    background-image: url(../../img/arrow_next-rtl.png);
}

.ie6 #preview_stage a.prev {
    background-image: url(../../img/arrow_next-rtl.gif);
}

#preview_stage a.prev:hover {
    background-position: right bottom;
}

#preview_stage a.next {
    margin-left: 16px;
    margin-right: 13px;
    background-image: url(../../img/arrow_prev-rtl.png);
}

.ie6 #preview_stage a.next {
    margin-right: 7px;
    background-image: url(../../img/arrow_prev-rtl.gif);
}

#preview_stage a.next:hover {
    background-position: right bottom;
}

#preview_stage a.disabled {
    visibility: hidden!important;
}

#prev_head {
    text-align: center;
}

#prev_head h3 {
    font-size: 18px;
    margin: 20px 50px 20px 50px;
    color: #498843;
}

#prev_desc {
    margin: 18px 62px 18px 0;
    width: 520px;
}

a.close {
    position: absolute;
    cursor: pointer;
    z-index: 102;
    left: 8px;
    top: 120px;
    width: 18px;
    height: 18px;
    background-image: url(../../img/close-rtl.gif);
}

.ie6 a.close {
    z-index: 110;
}

a.close:hover {
    background-position: right bottom;
}

#popup {
    width: 716px;
    position: absolute;
    display: none;
    z-index: 102;
}

#popup #popup-top {
    width: 716px;
    height: 27px;
    background-image: url(../../img/popup_top.png);
    position: relative;
    float: left;
    text-align: right;
}

.ie6 #popup #popup-top {
    background-image: url(../../img/popup_top.gif);
}

#popup #popup-top a.pclose {
    position: absolute;
    cursor: pointer;
    left: 8px;
    top: 12px;
    width: 18px;
    height: 18px;
    background-image: url(../../img/close-rtl.gif);
}

#popup #popup-top a.pclose:hover {
    background-position: right bottom;
}

#popup #popup-content {
    width: 670px;
    float: left;
    background-image: url(../../img/popup_bg.png);
    background-repeat: repeat-y;
    text-align: right;
    padding: 0 23px 15px 23px;
}

.ie6 #popup #popup-content {
    background-image: url(../../img/popup_bg.gif);
    position: relative;
    width: 603px;
    z-index: -1;
}

.ie6 #popup #popup-content #thanksForYourRegistration {
    width: 551px;
    position: relative;
}

#popup #popup-bottom {
    width: 716px;
    height: 10px;
    background-image: url(../../img/popup_bottom.png);
    clear: both;
    float: left;
    text-align: right;
}

.ie6 #popup #popup-bottom {
    background-image: url(../../img/popup_bottom.gif);
}

#popup .switchClosed {
    background-image: url(../../img/t3AreaTop.png);
}

.ie6 #popup .switchClosed {
    background-image: url(../../img/t3AreaTop.gif);
}

#popup .switchOpened {
    background-image: url(../../img/t3AreaTop_opened.png);
}

.ie6 #popup .switchOpened {
    background-image: url(../../img/t3AreaTop_opened.gif);
}

#popup .openedClosedSwitch .switch {
    background-repeat: no-repeat;
    background-position: right center;
    padding: 8px 40px 8px 0;
}

#popup .switchOpened .switch {
    background-image: url(../../img/opened.png);
}

.ie6 #popup .switchOpened .switch {
    background-image: url(../../img/opened.gif);
}

#popup .switchClosed .switch {
    background-image: url(../../img/closed.png);
}

.ie6 #popup .switchClosed .switch {
    background-image: url(../../img/closed.gif);
}

.games {
    width: 665px;
    float: right;
    color: #252525;
}

.games-img {
    width: 150px;
    height: 100px;
    clear: right;
    float: right;
}

.games-details {
    width: 505px;
    clear: left;
    float: left;
}

.games-details p {
    padding: 6px 0 10px 0;
}

.games-divider {
    width: 665px;
    height: 28px;
    float: right;
    clear: both;
    background-image: url(../../img/divider-large.png);
    background-position: center center;
    background-repeat: repeat-x;
}

.ie6 .games-divider {
    background-image: url(../../img/divider-large.gif);
}

#travian {
    background: url(../../img/mg/travian.jpg) right top no-repeat;
}

#wewaii {
    background: url(../../img/mg/wewaii.jpg) right top no-repeat;
}

#travians {
    background: url(../../img/mg/travians.jpg) right top no-repeat;
}

#imperion {
    background: url(../../img/mg/imperion.jpg) right top no-repeat;
}

#goalunited {
    background: url(../../img/mg/goalunited.jpg) right top no-repeat;
}

#ballersunited {
    background: url(../../img/mg/ballersunited.jpg) right top no-repeat;
}

#miramagia {
    background: url(../../img/mg/miramagia.jpg) right top no-repeat;
}

#gtour {
    width: 665px;
    float: right;
    color: #252525;
    position: relative;
}

div#gtour img.slide {
    width: 319px;
    height: 218px;
}

#gtour .col2row {
    width: 665px;
    float: right;
    clear: both;
    margin-top: 8px;
}

#gtour .col2rowround {
    width: 645px;
    float: right;
    clear: both;
    margin-top: 8px;
    min-height: 22px;
    padding: 8px 10px;
    background: #f0f0f0;
    position: relative;
}

#gtour .col2row-text,
#gtour .col3row-button {
    width: 645px;
    line-height: 18px;
    padding: 10px;
    clear: both;
}

#gtour .col3row-button {
    margin-top: 50px;
    height: 31px;
    text-align: center;
}

.grey,
.orange {
    font-size: 15px;
    font-weight: bold;
}

.orange {
    color: #f7a024;
}

#gtour .col1,
#gtour .col2 {
    width: 320px;
    height: 218px;
}

#gtour .col1 {
    float: right;
    text-align: right;
}

#gtour .col2 {
    float: left;
    text-align: left;
}

#gtour .colArrow {
    position: absolute;
    background-image: url(../../img/gametour_arrow-rtl.png);
    width: 88px;
    height: 36px;
    right: 270px;
    top: 64px;
}

.ie6 #gtour .colArrow {
    background-image: url(../../img/gametour_arrow-rtl.gif);
}

#gtour .col1round,
#gtour .col2round {
    width: 300px;
    min-height: 22px;
    padding: 8px 10px 4px 10px;
    background: #f0f0f0;
    position: relative;
}

#gtour .col1round {
    float: right;
}

#gtour .col2round {
    float: left;
}

#gtour ol {
    list-style-type: decimal;
    padding-right: 20px;
    color: #498843;
    font-weight: bold;
}

#gtour ol li div {
    font-weight: normal;
    color: #252525;
    display: inline;
}

#gtour a.browse {
    display: block;
    position: absolute;
    width: 33px;
    height: 51px;
    cursor: pointer;
}

#gtour a.prev {
    right: 10px;
    bottom: 6px;
    background-image: url(../../img/arrow_prev-rtl.png);
}

.ie6 #gtour a.prev {
    background-image: url(../../img/arrow_prev-rtl.gif);
}

#gtour a.prev:hover {
    background-position: right bottom;
}

#gtour a.next {
    left: 10px;
    bottom: 6px;
    background-image: url(../../img/arrow_next-rtl.png);
}

.ie6 #gtour a.next {
    background-image: url(../../img/arrow_next-rtl.gif);
}

#gtour a.next:hover {
    background-position: right bottom;
}

#gtour a.disabled {
    visibility: hidden!important;
}

#gtour a.browsetxt {
    display: block;
    position: absolute;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
}

#gtour a.prevtxt {
    right: 50px;
    bottom: 24px;
    color: #441515;
    text-decoration: none;
}

#gtour a.prevtxt:hover {
    color: #252525;
    text-decoration: none;
}

#gtour a.prevtxt:active {
    color: #441515;
    text-decoration: none;
}

#gtour a.nexttxt {
    left: 50px;
    bottom: 24px;
    color: #441515;
    text-decoration: none;
}

#gtour a.nexttxt:hover {
    color: #252525;
    text-decoration: none;
}

#gtour a.nexttxt:active {
    color: #441515;
    text-decoration: none;
}

#gtour a.disabled {
    visibility: hidden!important;
}

.links {
    width: 665px;
    color: #252525;
}

.links ul {
    margin-top: 21px;
}

.links ul li {
    color: #959595;
    background-image: url(../../img/links-rtl.gif);
    background-position: right 2px;
    padding-right: 11px;
    position: relative;
    margin-bottom: 25px;
}

g.links ul li a {
    color: #441515;
    text-decoration: none;
    font-weight: bold;
}

.links ul li a:hover {
    color: #498843;
    text-decoration: none;
    font-weight: bold;
}

.links ul li div {
    color: #393939;
    margin-right: -11px;
}

.links ul li.last {
    margin-bottom: 0;
}

#rules {
    height: 500px;
    overflow: auto;
}

#rules ul li {
    padding-right: 10px;
    margin-top: 10px;
}

#rules ul li ul li {
    margin-top: 5px;
    list-style-type: circle;
    margin-right: 30px;
}

#support {
    color: #252525;
    width: 665px;
}

.support-row {
    position: relative;
    background: #f0f0f0;
    padding: 12px;
    margin-bottom: 12px;
    width: 641px;
}

a.support-head {
    padding: 8px 42px 0 0;
    height: 25px;
    margin-bottom: 3px;
    background-image: url(../../img/support-rtl.png);
    display: block;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    color: #252525;
}

.ie6 a.support-head {
    background-image: url(../../img/support-rtl.gif);
}

a.support-head:hover {
    color: #666;
    background-position: right bottom;
}

#footer-container {
    clear: both;
}

.ie6 #footer-container {
    position: relative;
}

#footer {
    float: right;
    margin: 50px 0 20px 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 11px;
    padding-top: 10px;
    background-image: url(../../img/footer_bg.png);
    background-position: center top;
}

.ie6 #footer {
    background-image: url(../../img/footer_bg.gif);
}

a.flink {
    text-decoration: none;
    color: #fff;
    font-weight: normal;
}

a.flink:hover {
    text-decoration: underline;
    color: #fff;
    font-weight: normal;
}

a.flink:active {
    text-decoration: underline;
    color: #fff;
    font-weight: normal;
}

h3.news,
h3.pop,
h3.ss {
    font-size: 18px;
}

h3.stat {
    font-size: 16px;
    margin-bottom: 8px;
}

h3.stage {
    font-size: 16px;
    margin-bottom: 4px;
}

h1.wit {
    font-size: 20px;
    width: 510px;
}

h1.play {
    font-size: 25px;
    margin-top: 8px;
    max-width: 430px;
    overflow: hidden;
}

.ie7 h1.play {
    padding-top: 8px;
}

h3.mg,
h3.gt,
h3.support {
    font-size: 15px;
}

h3.gt {
    margin-bottom: 6px;
}

.bold {
    font-weight: bold;
}

.green {
    color: #9fbb49;
}

.popgreen {
    color: #498843;
    margin-bottom: 18px;
}

.white {
    color: #fff;
}

.grey {
    color: #393939;
}

.small {
    font-size: 9px;
}

.shown {
    display: block;
}

.hidden {
    display: none;
}

#overlaybg {
    display: none;
    position: fixed;
    _position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    background: #666;
    z-index: 101;
}

.loading,
#loading {
    text-align: center;
    background: url(../../img/loading.gif) center center no-repeat;
    width: 100%;
    height: 200px;
}

.btn-green {
    height: 25px;
    position: relative;
}

.btn-green-l,
.btn-green-r,
.btn-green-c {
    height: 25px;
    float: right;
}

.btn-green-l,
.btn-green-r,
.btn-green-c {
    background-image: url(../../img/green-btn.png);
}

.ie6 .btn-green-l,
.ie6 .btn-green-r,
.ie6 .btn-green-c {
    background-image: url(../../img/green-btn.gif);
}

.btn-green-l,
.btn-green-r {
    width: 11px;
    margin-top: 1px;
}

.btn-green-c {
    margin: -1px;
    height: 27px;
    background-position: right bottom;
    background-repeat: repeat-x;
    padding: 6px 5px 0;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
}

.btn-green-l {
    background-position: right top;
}

.btn-green-r {
    background-position: left top;
}

a.npage {
    text-decoration: none;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
}

a.npage:hover {
    text-decoration: none;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
}

a.play {
    text-decoration: none;
    color: #fff;
}

a.play:hover {
    text-decoration: none;
    color: #fceed5;
}

a.tlink {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

a.tlink:hover {
    text-decoration: none;
    color: #393939;
    font-weight: bold;
}

a.npage:active {
    text-decoration: none;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
}

a.more {
    color: #441515;
    text-decoration: none;
    font-weight: normal;
}

a.more:hover {
    color: #498843;
    text-decoration: none;
    font-weight: normal;
}

a {
    color: #441515;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #498843;
    text-decoration: none;
    font-weight: bold;
}

#flags {
    text-align: left;
}

#region_select {
    color: white;
    font-size: 10px;
    text-transform: uppercase;
    width: 120px;
    background-color: #a7a5a6;
    color: #000;
    border: 0;
    padding: 1px 0;
    padding-right: 4px;
    margin-left: 15px;
    position: relative;
    top: -2px;
}

#flags div {
    display: inline;
}

#flag_box img {
    margin-top: 7px;
    height: 11px;
    width: 16px;
    background-image: url(../../img/flags/country_sprite.png);
}

.ie6 #flag_box img {
    background-image: url(../../img/flags/country_sprite.gif);
}

#flag_box a {
    margin: 4px;
}

.flag_ad {
    background-position: 0 0;
}

.flag_ae {
    background-position: -16px 0;
}

.flag_arabia {
    background-position: -3968px 0;
}

.flag_af {
    background-position: -32px 0;
}

.flag_ag {
    background-position: -48px 0;
}

.flag_ai {
    background-position: -64px 0;
}

.flag_al {
    background-position: -80px 0;
}

.flag_am {
    background-position: -96px 0;
}

.flag_an {
    background-position: -112px 0;
}

.flag_ao {
    background-position: -128px 0;
}

.flag_ar {
    background-position: -144px 0;
}

.flag_as {
    background-position: -160px 0;
}

.flag_at {
    background-position: -176px 0;
}

.flag_au {
    background-position: -192px 0;
}

.flag_aw {
    background-position: -208px 0;
}

.flag_ax {
    background-position: -224px 0;
}

.flag_az {
    background-position: -240px 0;
}

.flag_ba {
    background-position: -256px 0;
}

.flag_bb {
    background-position: -272px 0;
}

.flag_bd {
    background-position: -288px 0;
}

.flag_be {
    background-position: -304px 0;
}

.flag_bf {
    background-position: -320px 0;
}

.flag_bg {
    background-position: -336px 0;
}

.flag_bh {
    background-position: -352px 0;
}

.flag_bi {
    background-position: -368px 0;
}

.flag_bj {
    background-position: -384px 0;
}

.flag_bm {
    background-position: -400px 0;
}

.flag_bn {
    background-position: -416px 0;
}

.flag_bo {
    background-position: -432px 0;
}

.flag_br {
    background-position: -448px 0;
}

.flag_bs {
    background-position: -464px 0;
}

.flag_bt {
    background-position: -480px 0;
}

.flag_bv {
    background-position: -496px 0;
}

.flag_bw {
    background-position: -512px 0;
}

.flag_by {
    background-position: -528px 0;
}

.flag_bz {
    background-position: -544px 0;
}

.flag_ca {
    background-position: -560px 0;
}

.flag_catalonia {
    background-position: -576px 0;
}

.flag_cc {
    background-position: -592px 0;
}

.flag_cd {
    background-position: -608px 0;
}

.flag_cf {
    background-position: -624px 0;
}

.flag_cg {
    background-position: -640px 0;
}

.flag_ch {
    background-position: -656px 0;
}

.flag_ci {
    background-position: -672px 0;
}

.flag_ck {
    background-position: -688px 0;
}

.flag_cl {
    background-position: -704px 0;
}

.flag_cm {
    background-position: -720px 0;
}

.flag_cn {
    background-position: -736px 0;
}

.flag_co {
    background-position: -752px 0;
}

.flag_cr {
    background-position: -768px 0;
}

.flag_cs {
    background-position: -784px 0;
}

.flag_cu {
    background-position: -800px 0;
}

.flag_cv {
    background-position: -816px 0;
}

.flag_cx {
    background-position: -832px 0;
}

.flag_cy {
    background-position: -848px 0;
}

.flag_cz {
    background-position: -864px 0;
}

.flag_de {
    background-position: -880px 0;
}

.flag_dj {
    background-position: -896px 0;
}

.flag_dk {
    background-position: -912px 0;
}

.flag_dm {
    background-position: -928px 0;
}

.flag_do {
    background-position: -944px 0;
}

.flag_dz {
    background-position: -960px 0;
}

.flag_ec {
    background-position: -976px 0;
}

.flag_ee {
    background-position: -992px 0;
}

.flag_eg {
    background-position: -1008px 0;
}

.flag_eh {
    background-position: -1024px 0;
}

.flag_en {
    background-position: -1040px 0;
}

.flag_er {
    background-position: -1056px 0;
}

.flag_es,
.flag_net {
    background-position: -1072px 0;
}

.flag_et {
    background-position: -1088px 0;
}

.flag_europeanunion {
    background-position: -1104px 0;
}

.flag_fam {
    background-position: -1120px 0;
}

.flag_fi {
    background-position: -1136px 0;
}

.flag_fj {
    background-position: -1152px 0;
}

.flag_fk {
    background-position: -1168px 0;
}

.flag_fm {
    background-position: -1184px 0;
}

.flag_fo {
    background-position: -1200px 0;
}

.flag_fr {
    background-position: -1216px 0;
}

.flag_ga {
    background-position: -1232px 0;
}

.flag_uk,
.flag_gb {
    background-position: -1248px 0;
}

.flag_gd {
    background-position: -1264px 0;
}

.flag_ge {
    background-position: -1280px 0;
}

.flag_gf {
    background-position: -1296px 0;
}

.flag_gh {
    background-position: -1312px 0;
}

.flag_gi {
    background-position: -1328px 0;
}

.flag_gl {
    background-position: -1344px 0;
}

.flag_gm {
    background-position: -1360px 0;
}

.flag_gn {
    background-position: -1376px 0;
}

.flag_gp {
    background-position: -1392px 0;
}

.flag_gq {
    background-position: -1408px 0;
}

.flag_gr {
    background-position: -1424px 0;
}

.flag_gs {
    background-position: -1440px 0;
}

.flag_gt {
    background-position: -1456px 0;
}

.flag_gu {
    background-position: -1472px 0;
}

.flag_gw {
    background-position: -1488px 0;
}

.flag_gy {
    background-position: -1504px 0;
}

.flag_hk {
    background-position: -1520px 0;
}

.flag_hm {
    background-position: -1536px 0;
}

.flag_hn {
    background-position: -1552px 0;
}

.flag_hr {
    background-position: -1568px 0;
}

.flag_ht {
    background-position: -1584px 0;
}

.flag_hu {
    background-position: -1600px 0;
}

.flag_id {
    background-position: -1616px 0;
}

.flag_ie {
    background-position: -1632px 0;
}

.flag_il {
    background-position: -1648px 0;
}

.flag_in {
    background-position: -1664px 0;
}

.flag_io {
    background-position: -1680px 0;
}

.flag_iq {
    background-position: -1696px 0;
}

.flag_ir {
    background-position: -1712px 0;
}

.flag_is {
    background-position: -1728px 0;
}

.flag_it {
    background-position: -1744px 0;
}

.flag_jm {
    background-position: -1760px 0;
}

.flag_jo {
    background-position: -1776px 0;
}

.flag_jp {
    background-position: -1792px 0;
}

.flag_ke {
    background-position: -1808px 0;
}

.flag_kg {
    background-position: -1824px 0;
}

.flag_kh {
    background-position: -1840px 0;
}

.flag_ki {
    background-position: -1856px 0;
}

.flag_km {
    background-position: -1872px 0;
}

.flag_kn {
    background-position: -1888px 0;
}

.flag_kp {
    background-position: -1904px 0;
}

.flag_kr {
    background-position: -1920px 0;
}

.flag_kw {
    background-position: -1936px 0;
}

.flag_ky {
    background-position: -1952px 0;
}

.flag_kz {
    background-position: -1968px 0;
}

.flag_la {
    background-position: -1984px 0;
}

.flag_lb {
    background-position: -2000px 0;
}

.flag_lc {
    background-position: -2016px 0;
}

.flag_li {
    background-position: -2032px 0;
}

.flag_lk {
    background-position: -2048px 0;
}

.flag_lr {
    background-position: -2064px 0;
}

.flag_ls {
    background-position: -2080px 0;
}

.flag_lt {
    background-position: -2096px 0;
}

.flag_lu {
    background-position: -2112px 0;
}

.flag_lv {
    background-position: -2128px 0;
}

.flag_ly {
    background-position: -2144px 0;
}

.flag_ma {
    background-position: -2160px 0;
}

.flag_mc {
    background-position: -2176px 0;
}

.flag_md {
    background-position: -2192px 0;
}

.flag_me {
    background-position: -2208px 0;
}

.flag_mg {
    background-position: -2224px 0;
}

.flag_mh {
    background-position: -2240px 0;
}

.flag_mk {
    background-position: -2256px 0;
}

.flag_ml {
    background-position: -2272px 0;
}

.flag_mm {
    background-position: -2288px 0;
}

.flag_mn {
    background-position: -2304px 0;
}

.flag_mo {
    background-position: -2320px 0;
}

.flag_mp {
    background-position: -2336px 0;
}

.flag_mq {
    background-position: -2352px 0;
}

.flag_mr {
    background-position: -2368px 0;
}

.flag_ms {
    background-position: -2384px 0;
}

.flag_mt {
    background-position: -2400px 0;
}

.flag_mu {
    background-position: -2416px 0;
}

.flag_mv {
    background-position: -2432px 0;
}

.flag_mw {
    background-position: -2448px 0;
}

.flag_mx {
    background-position: -2464px 0;
}

.flag_my {
    background-position: -2480px 0;
}

.flag_mz {
    background-position: -2496px 0;
}

.flag_na {
    background-position: -2512px 0;
}

.flag_nc {
    background-position: -2528px 0;
}

.flag_ne {
    background-position: -2544px 0;
}

.flag_nf {
    background-position: -2560px 0;
}

.flag_ng {
    background-position: -2576px 0;
}

.flag_ni {
    background-position: -2592px 0;
}

.flag_nl {
    background-position: -2608px 0;
}

.flag_no {
    background-position: -2624px 0;
}

.flag_np {
    background-position: -2640px 0;
}

.flag_nr {
    background-position: -2656px 0;
}

.flag_nu {
    background-position: -2672px 0;
}

.flag_nz {
    background-position: -2688px 0;
}

.flag_om {
    background-position: -2704px 0;
}

.flag_pa {
    background-position: -2720px 0;
}

.flag_pe {
    background-position: -2736px 0;
}

.flag_pf {
    background-position: -2752px 0;
}

.flag_pg {
    background-position: -2768px 0;
}

.flag_ph {
    background-position: -2784px 0;
}

.flag_pk {
    background-position: -2800px 0;
}

.flag_pl {
    background-position: -2816px 0;
}

.flag_pm {
    background-position: -2832px 0;
}

.flag_pn {
    background-position: -2848px 0;
}

.flag_pr {
    background-position: -2864px 0;
}

.flag_ps {
    background-position: -2880px 0;
}

.flag_pt {
    background-position: -2896px 0;
}

.flag_pw {
    background-position: -2912px 0;
}

.flag_py {
    background-position: -2928px 0;
}

.flag_qa {
    background-position: -2944px 0;
}

.flag_re {
    background-position: -2960px 0;
}

.flag_ro {
    background-position: -2976px 0;
}

.flag_rs {
    background-position: -2992px 0;
}

.flag_ru {
    background-position: -3008px 0;
}

.flag_rw {
    background-position: -3024px 0;
}

.flag_sa {
    background-position: -3040px 0;
}

.flag_sb {
    background-position: -3056px 0;
}

.flag_sc {
    background-position: -3072px 0;
}

.flag_scotland {
    background-position: -3088px 0;
}

.flag_sd {
    background-position: -3104px 0;
}

.flag_se {
    background-position: -3120px 0;
}

.flag_sg {
    background-position: -3136px 0;
}

.flag_sh {
    background-position: -3152px 0;
}

.flag_si {
    background-position: -3168px 0;
}

.flag_sj {
    background-position: -3184px 0;
}

.flag_sk {
    background-position: -3200px 0;
}

.flag_sl {
    background-position: -3216px 0;
}

.flag_sm {
    background-position: -3232px 0;
}

.flag_sn {
    background-position: -3248px 0;
}

.flag_so {
    background-position: -3264px 0;
}

.flag_sr {
    background-position: -3280px 0;
}

.flag_st {
    background-position: -3296px 0;
}

.flag_sv {
    background-position: -3312px 0;
}

.flag_sy {
    background-position: -3328px 0;
}

.flag_sz {
    background-position: -3344px 0;
}

.flag_tc {
    background-position: -3360px 0;
}

.flag_td {
    background-position: -3376px 0;
}

.flag_tf {
    background-position: -3392px 0;
}

.flag_tg {
    background-position: -3408px 0;
}

.flag_asia {
    background-position: -3424px 0;
}

.flag_tj {
    background-position: -3440px 0;
}

.flag_tk {
    background-position: -3456px 0;
}

.flag_tl {
    background-position: -3472px 0;
}

.flag_tm {
    background-position: -3488px 0;
}

.flag_tn {
    background-position: -3504px 0;
}

.flag_to {
    background-position: -3520px 0;
}

.flag_tr {
    background-position: -3536px 0;
}

.flag_tt {
    background-position: -3552px 0;
}

.flag_tv {
    background-position: -3568px 0;
}

.flag_tw {
    background-position: -3584px 0;
}

.flag_tz {
    background-position: -3600px 0;
}

.flag_ua {
    background-position: -3616px 0;
}

.flag_ug {
    background-position: -3632px 0;
}

.flag_um {
    background-position: -3648px 0;
}

.flag_us {
    background-position: -3664px 0;
}

.flag_uy {
    background-position: -3680px 0;
}

.flag_uz {
    background-position: -3696px 0;
}

.flag_va {
    background-position: -3712px 0;
}

.flag_vc {
    background-position: -3728px 0;
}

.flag_ve {
    background-position: -3744px 0;
}

.flag_vg {
    background-position: -3760px 0;
}

.flag_vi {
    background-position: -3776px 0;
}

.flag_vn {
    background-position: -3792px 0;
}

.flag_vu {
    background-position: -3808px 0;
}

.flag_wales {
    background-position: -3824px 0;
}

.flag_wf {
    background-position: -3840px 0;
}

.flag_ws {
    background-position: -3856px 0;
}

.flag_ye {
    background-position: -3872px 0;
}

.flag_yt {
    background-position: -3888px 0;
}

.flag_za {
    background-position: -3904px 0;
}

.flag_zm {
    background-position: -3920px 0;
}

.flag_zw {
    background-position: -3936px 0;
}

.flag_com {
    background-position: -3952px 0;
}

#shop {
    background-image: url(../../img/shop-rtl.gif);
    height: 141px;
    position: relative;
}

#shop .article {
    position: absolute;
    right: 7px;
    top: 16px;
    width: 90px;
    height: 45px;
    line-height: 21px;
    overflow: hidden;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

#shop .link {
    position: absolute;
    right: 7px;
    top: 105px;
    width: 190px;
    overflow: hidden;
    white-space: nowrap;
}

#shop .link .ticker-btn {
    margin-left: 0;
}

#shop .link .tlink {
    color: #569640;
}

#frame-content {
    width: 454px;
    padding: 20px 20px 10px 140px;
    color: #fff;
    overflow: hidden;
}

#gold-top {
    height: 8px;
    background-image: url(../../img/gold_top.png);
    position: relative;
}

#gold-bottom {
    height: 8px;
    background-image: url(../../img/gold_bottom.png);
}

#gold {
    min-height: 395px;
    width: 614px;
    background-image: url(../../img/gold_middle.png);
    background-repeat: repeat-y;
    position: relative;
}

body.ie6 #gold {
    margin-top: -9px;
}

body.ie6 #gold-top {
    background-image: url(../../img/gold_top.gif);
}

body.ie6 #gold {
    background-image: url(../../img/gold_middle.gif);
}

body.ie6 #gold-bottom {
    background-image: url(../../img/gold_bottom.gif);
}

div.greenbox {
    width: 551px;
    position: relative;
}

div.greenbox div.greenbox-top,
div.greenbox div.greenbox-content,
div.greenbox div.greenbox-bottom {
    float: right;
}

div.greenbox div.greenbox-top,
div.greenbox div.greenbox-bottom {
    height: 10px;
    width: 551px;
}

.ie6 div.greenbox div.greenbox-top,
.ie6 div.greenbox div.greenbox-bottom {
    font-size: 0;
}

div.greenbox div.greenbox-top {
    background-image: url(../../img/greenbox/greenbox-top.png);
}

.ie6 div.greenbox div.greenbox-top {
    background-image: url(../../img/greenbox/greenbox-top.gif);
}

div.greenbox div.greenbox-content {
    min-height: 10px;
    width: 551px;
    padding: 0;
    background-repeat: repeat-y;
    background-image: url(../../img/greenbox/greenbox-middle.png);
}

.ie6 div.greenbox div.greenbox-content {
    background-image: url(../../img/greenbox/greenbox-middle.gif);
}

div.greenbox div.greenbox-bottom {
    background-image: url(../../img/greenbox/greenbox-bottom.png);
}

.ie6 div.greenbox div.greenbox-bottom {
    background-image: url(../../img/greenbox/greenbox-bottom.gif);
}

div.greenbox.greenBackground div.greenbox-top,
div.greenbox.greenBackground div.greenbox-content,
div.greenbox.greenBackground div.greenbox-bottom {
    background-color: #E5EECC;
}

input.text,
select {
    border: 1px solid #441515;
    padding: 1px 2px;
    margin: 0;
    font-size: 11px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    background-color: #F8F8F8;
}

textarea {
    border: 1px solid #441515;
    padding: 0;
    margin: 0;
    line-height: 16px;
    font-size: 13px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    background-color: #F8F8F8;
}

body.ie input.radio,
body.gecko input.radio,
body.webkit input.radio,
body.ie input.check,
body.gecko input.check,
body.webkit input.check {
    margin: 0;
    padding: 0;
    width: 13px;
    height: 13px;
}

div#popup div.switchButton {
    height: 24px;
    line-height: 24px;
    padding-left: 13px;
    font-weight: bold;
    cursor: pointer;
}

div#popup div.switchButton img.roundArrow.closed,
div#popup div.switchButton img.roundArrow.closed:hover,
div#popup div.switchButton img.roundArrow.closed:active,
div#popup div.switchButton img.roundArrow.opened,
div#popup div.switchButton img.roundArrow.opened:hover,
div#popup div.switchButton img.roundArrow.opened:active {
    width: 18px;
    height: 24px;
    background-image: url(../../img/register_login/opened-rtl.png);
    float: right;
    margin: 3px 0 0 5px;
}

div#popup div.switchButton img.roundArrow.closed,
div#popup div.switchButton img.roundArrow.closed:hover,
div#popup div.switchButton img.roundArrow.closed:active {
    background-image: url(../../img/register_login/closed-rtl.png);
}

div#popup div.switchButton img.roundArrow.closed:hover,
div#popup div.switchButton img.roundArrow.opened:hover {
    background-position: 0 -28px;
}

div#popup div.switchButton img.roundArrow.closed:active,
div#popup div.switchButton img.roundArrow.opened:active {
    background-position: 0 -56px;
}

.ie6 div#popup div.switchButton img.roundArrow.opened {
    background-image: url(../../img/register_login/opened-rtl.gif);
}

.ie6 div#popup div.switchButton img.roundArrow.closed {
    background-image: url(../../img/register_login/closed-rtl.gif);
}

div#popup div.switchButton img.open {
    background-position: 0 -28px;
}

#stimeContainer {
    position: relative;
    font-size: 10px;
    top: 43px;
    left: 0;
    width: auto;
    background: yellow;
}

.ie6 #stimeContainer {
    top: 0;
}

.stime {
    position: absolute;
    color: #FFF;
    font-size: 10px;
    height: 22px;
    left: 0;
    margin-left: 15px;
}

.stime .content {
    padding: 3px 20px 0 5px;
    background-position: right 3px;
    margin: 0 5px 0 0;
    height: 22px;
    position: relative;
    white-space: nowrap;
}

.ie6 .stime .content {
    float: left;
    background-position: left top;
    margin-right: 3px;
    padding-top: 0;
    padding-right: 0;
    padding-left: 7px!important;
}

.ie6 .stime .content .icn {
    padding-right: 20px;
    background-position: right 3px;
}

.ie6 .stime .content span {
    height: 22px;
    line-height: 20px;
    display: inline-block;
}

.stime.debug .content {
    padding: 3px 5px 0 5px;
}

.ie6 .stime.debug .content {
    padding: 0;
}

.stime .content-background-l,
.stime .content-background-r {
    background-image: url(../../img/stime.png);
}

.ie6 .stime .content,
.ie6 .stime .content-background-r {
    background-image: url("../../img/stime.gif");
}

.stime .content-background-l {
    background-position: left top;
    left: 0;
    right: 7px;
    position: absolute;
    top: 0;
    height: 22px;
}

.ie6 .stime .content-background-l {
    display: none;
}

.stime .content-background-r {
    position: absolute;
    top: 0;
    width: 7px;
    height: 22px;
    right: 0;
    background-position: right top;
}

div#gallery img.screen1 {
    background-image: url(s/img1.png);
}

div#gallery img.screen2 {
    background-image: url(s/img2.png);
}

div#gallery img.screen3 {
    background-image: url(s/img3.png);
}

div#gallery img.screen4 {
    background-image: url(s/img4.png);
}

div#gallery img.screen5 {
    background-image: url(s/img5.png);
}

div#gallery img.screen6 {
    background-image: url(s/img6.png);
}

div#gallery img.screen7 {
    background-image: url(s/img7.png);
}

div#gallery img.screen8 {
    background-image: url(s/img8.png);
}

div#preview_items img.screenBig1 {
    background-image: url(s/ss/s1.jpg);
}

div#preview_items img.screenBig2 {
    background-image: url(s/ss/s2.jpg);
}

div#preview_items img.screenBig3 {
    background-image: url(s/ss/s3.jpg);
}

div#preview_items img.screenBig4 {
    background-image: url(s/ss/s4.jpg);
}

div#preview_items img.screenBig5 {
    background-image: url(s/ss/s5.jpg);
}

div#preview_items img.screenBig6 {
    background-image: url(s/ss/s6.jpg);
}

div#preview_items img.screenBig7 {
    background-image: url(s/ss/s7.jpg);
}

div#preview_items img.screenBig8 {
    background-image: url(s/ss/s8.jpg);
}

div#gtour img.slide1_1 {
    background-image: url(tut/slide1_1.jpg);
}

div#gtour img.slide1_2 {
    background-image: url(tut/slide1_2.jpg);
}

div#gtour img.slide2_1 {
    background-image: url(tut/slide2_1.jpg);
}

div#gtour img.slide2_2 {
    background-image: url(tut/slide2_2.jpg);
}

div#gtour img.slide3_1 {
    background-image: url(tut/slide3_1.jpg);
}

div#gtour img.slide3_2 {
    background-image: url(tut/slide3_2.jpg);
}

div#gtour img.slide4 {
    background-image: url(tut/slide4.jpg);
    width: 664px;
}

div#gtour img.slide5 {
    background-image: url(tut/slide5.gif);
    width: 609px;
    height: 100px;
}

div#gameRating img.logo {
    background-image: url(esra.png);
    width: 59px;
    height: 67px;
}

.tribeImage {
    width: 83px;
    height: 83px;
    border: 1px solid #C0C0C0;
}

.tribeImage.romans {
    background-image: url(../../img/tribe/romans-rtl.jpg);
}

.tribeImage.teutons {
    background-image: url(../../img/tribe/teutons-rtl.jpg);
}

.tribeImage.gauls {
    background-image: url(../../img/tribe/gauls-rtl.jpg);
}


/* Style for medals-box-type2 */

#medals-box-type2 {
    background-color: #f9f9f9;
    border: 2px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
}

#medals-box-type2 .medals-title {
    color: #333;
    font-size: 18px;
    margin-bottom: 10px;
}

#medals-box-type2 .medals-details {
    color: #666;
    font-size: 16px;
}

#medals-box-type2 .medals-details p {
    margin: 5px 0;
}


/* Style for the table */

.medals-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.medals-table th,
.medals-table td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.medals-table th {
    background-color: #f2f2f2;
}

.medals-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

.medals-table tbody tr:hover {
    background-color: #f2f2f2;
}