dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote, .rel {
margin: 0;
padding: 0;
}
.rel {position: relative; width: 100%;}
h1 a {
text-decoration: none;
color: #dadaff;
margin: 0;
padding: 0;
}
hr {
width: 98%;
height: 0;
border-top: 0 #38559D solid;
border-bottom: none;
border-left: none;
margin: 4px auto;
}
h1 {
font-size: 15px;
text-align: center;
background: rgba(25, 57, 136, 0.4);
padding: 3px;
color: #dadaff;
font-weight: bold;
border-top: 1px #28458D solid;
border-bottom: 1px #28458D solid;
}
h2 {
font-family: Tahoma, Verdana, sans-serif;
text-align: center;
font-weight: bold;
background: #143078;
padding: 2px;
color: #ffdd00;
border-top: 1px #10589E solid;
border-bottom: 1px #10589E solid;
margin: 10px 0 4px 0;
font-size: 9pt;
}
h3 {
color: #dadaff;
font-family: Tahoma,Verdana,sans-serif;
font-size: 8pt;
font-weight: bold;
margin: 10px 0 4px;
padding: 2px;
text-align: center;
}
.alternativeHeader {
font-family: Tahoma, Verdana, sans-serif;
font-size: 15px;
text-align: center;
padding: 3px;
color: #DADAFF;
font-weight: bold;
margin-top: 2px;
background: #143078;
border-top: 1px #0C2565 solid;
border-bottom: 1px #0C2565 solid;
}
.innerBorders, hr, .feedbackPanelINFO, .feedbackPanelERROR, .feedbackPanelCANCEL, .progressMain, .infoBlock, .lvlPanelProgress,
.lvlPanelMain, .healthPanelProgress, .gmChO, .healthPanelMain, .gmHB, .shopItemsList li, .infoPanelBlock, .itemPanel,
.trainBase, .trainDo, .highlighted, .toMainButton, .wrap .footer, .goBlock2,.goBlock3, .registerButton,
.characterHighlighted, .maillist li, .greatInfoBlock, .landingImage, .actionBlock,
.targetHitsTitle, .healthRecoveryBlock, .ownItemBase, .errorFeedback,
.cityInfoMainDiv, .myItemsBase, .nsItemsMainTable tr td, .targetWayTable,
.ccMan1, .ccMan2, .ccWoman1, .ccWoman2, .ccInfo, .ccGinSpeech, .ccGinGreen, .ccGinPaledSpeech, .ccGinBase, .mcItemImageDiv, .mcGinTable,
.roadInfoDisplay, .coolInfoBlock, .laAttack, .laDefence, .laTrade, .laFortune,
.coolInfoText, .backpackBase, .tradePartnerInfo, .lineSeparator, .cityPartsMain, .bottomMenu1, .bottomMenu2, .bottomMenu3, .bottomMenu4, .footerContainer,
.bottomMenu0, .bottomMenuSave, .bottomMenu5, .bottomMenu6, .bottomMenu7, .landingBase, .landingLogin, .forum_note li, .cnBase, .nsActionBunch,
.hntBase, .sltBase, .mgB, .mgHLB, .chFm, .invBP, .invBPH, .blrB, .breadcrumb, .hpnL, .hpnO, .hpnTable, .advTH,
.nsItemBase, .nsMyItemBase, .itItemBase, .nsSlBn, .bpBs2, .gtPO, .gtPO2, .hof, .hofB, .areHit, .areLogO, .head_stat,
.smlBlck, .hofD {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.borderRadius2, .wrap .footer, .linkList li, .infoBlock, .infoPanelBlock, .healthRecoveryBlock,
.myItemsBase, .ccInfo, .mcItemImageDiv, .roadInfoDisplay, .cityPartsMain, .footerContainer,
.bottomMenu1, .bottomMenu2, .bottomMenu3, .bottomMenu4, .bottomMenu0, .bottomMenuSave, .bottomMenu5, .bottomMenu6, .bottomMenu7,
.progressMain, .progressInner, .forum_note li, .mgB, .gdBtM, .gdBtR, .gmChO, .gmChI, .gmChIins, .blrB, .hof, .hofB, .hofD {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-o-border-radius: 2px;
}
.borderRadius5, .regisrerButton,
.shopItemsList li,
.chooseRoadMain, .chooseRoadMainDis, .blueProgressInner, .lvlPanelProgress,
.healthPanelProgress, .hpnO, .redProgressInner, .btn,
.trainBase, .trainDo, .goBlock2, .goBlock3,.maillist li, .removeMessageBtn, .respondBtn,
.pages li a, .pages2 li a, .postInputDiv input, .chat_input, .reply, .greatInfoBlock, .actionBlock,
.ownItemBase, .errorFeedback, .numberInputDiv input, .cityInfoMainDiv, .nsItemBase, .nsMyItemBase,
.targetWayTable, .ccMan1, .ccMan2, .ccWoman1, .ccWoman2, .ccGinSpeech, .ccGinGreen, .ccGinPaledSpeech, .ccGinBase,
.mcGinTable, .itItemBase, .itMain, .coolInfoBlock,
.laAttack, .laDefence, .laTrade, .laFortune, .backpackBase, .regInputDiv input, .regInputDiv textarea,
.landingBase, .landingLogin, .cnBase,
.hntBase, .sltBase, .chFm, .invBP, .invBPH, .breadcrumb, .advTH, .nsSlBn, .bpBs2, .gtPO, .gtPO2, .areHit, .gdLink {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-o-border-radius: 5px;
}
.bsBlock, .stBlock, .jAdInf, .mgB, .invC1, .invC2, .guBuRep, .mgP1 .mgP2, .shBlock, .gmHI, .mcP1, .nssRwds,
.nssH1, .nssH2, .nssH3, .nssH4, .abB, .abC1, .abC2, .btlnn, .mgHLB, .trmUI, .jAdInf2, .mcPS, .nsSlBn,
.gtPerf, .gtPerf2, .gtPerf3, .gtws, .hof, .hofB, .boAw, .trgr, .admInf, .mfcontOut, .llBase, .hofD, .arnF {
text-align: center;
width: 100%;
}
.bsb2, .shBlock, .btlnn, .trmUI, .mcPS, .taHN2, .taHN1, .gtPerf3, .gtws, .hof, .hofB, .boAw, .llBase {
margin: 10px 0;
}
.stBlock, .invC1, .invC2, .gmHI, .hpnM, .nsSlBn, .trgr, .admInf, .hofD {
margin: 4px 0;
}
.comment {
padding-left: 0;
padding-top: 11px;
}
img {
border: 0;
vertical-align: top;
}
a {
color: #2164A7;
}
body {
background: #1C377C;
background: url("icons/bg.png") repeat scroll 0 0 #1C377C;
color: #eeeeff;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
text-shadow: 0 1px 4px #000033;
}
input,textarea,select,button {
color: #012545;
background: #BCD0E5
}
input:focus,textarea:focus {
outline: none;
}
input::-moz-focus-inner,button::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
img {
vertical-align: top;
}
.wrap {
width: 100%;
max-width: 240px;
margin: 0 auto;
position: relative;
border: none;
}
.header {
position: relative;
}
.header_params, .wrap .footer, .lvlPanelMain, .healthPanelMain {
background: #132C6C;
background: -moz-linear-gradient(top, #081D52 0%, #132C6C 50%, #081D52 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#081D52), color-stop(50%,#132C6C), color-stop(100%,#081D52));
background: -webkit-linear-gradient(top, #081D52 0%, #132C6C 50%, #081D52 100%);
background: -o-linear-gradient(top, #081D52 0%, #132C6C 50%, #081D52 100%);
background: -ms-linear-gradient(top, #081D52 0%, #132C6C 50%, #081D52 100%);
background: linear-gradient(to bottom, #081D52 0%, #132C6C 50%, #081D52 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#081D52', endColorstr='#081D52',GradientType=0 );
}
.toMainButton {
background: #13275f;
background: -moz-linear-gradient(top, #1a3879 0%, #193675 40%, #13275f 60%, #13275a 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#1a3879), color-stop(40%,#193675), color-stop(60%,#13275f), color-stop(100%,#13275a));
background: -webkit-linear-gradient(top, #1a3879 0%, #193675 40%, #13275f 60%, #13275a 100%);
background: -o-linear-gradient(top, #1a3879 0%, #193675 40%, #13275f 60%, #13275a 100%);
background: -ms-linear-gradient(top, #1a3879 0%, #193675 40%, #13275f 60%, #13275a 100%);
background: linear-gradient(to bottom, #1a3879 0%, #193675 40%, #13275f 60%, #13275a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a3879', endColorstr='#13275a',GradientType=0 );
}
.wrap .footer {
border: 1px #000044 solid;
}
.header a {
color: #eeeeff;
text-decoration: none;
}
.footer a {
color: #aaaacc;
}
.wrap .header {
position: relative;
color: #E0F0FF;
}
.wrap .main {
position: relative;
z-index: 1;
width: 100%;
}
.wrap .footer {
color: #FFFFFF;
text-align: center;
}
/* &wrap */
.hidden {
font-size: 0;
line-height: 0;
width: 0;
height: 0;
opacity: 0;
position: absolute;
visibility: hidden;
display: block;
overflow: hidden;
}
.head_stat {
padding: 4px 0 0 0;
width: 100%;
margin: 0;
list-style: none;
text-align: center;
}
.head_stat li {
display: inline-block;
padding: 0 5px 3px 0;
}
.linkList, .links {
display:block;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0px;
padding-left: 0px;
font-size: 11px;
list-style: none;
}
.linkList li, .chooseRoadMain, .cityPartsMain, .chooseRoadMainDis {
display: block;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
padding: 0 !important;
width: 100%;
text-indent: 0;
margin-top: 2px;
}
.linkList li, .chooseRoadMain, .cityPartsMain, .chooseRoadMainDis, .bLink {
border-top: 1px #0F2671 solid;
border-bottom: 1px #0F2671 solid;
}
.itMain {
display: block;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
border-top: 1px #0F2671 solid;
border-bottom: 1px #0F2671 solid;
padding: 0 !important;
text-indent: 0;
margin: 4px 1%;
width: 98%;
}
.selectedItem {
background: #253f73 !important;
}
.selectedCharacterItem {
background: #253f73 !important;
}
.chooseRoadMainDis {
background: #213B7E;
}
.linkList li, .chooseRoadMain, .cityHeader, .cityPartsMain, .bLink {
background: #254B8E;
background: -moz-linear-gradient(top, #3654A0 0%, #2B4892 45%, #213B7E 55%, #1B3576 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#3654A0), color-stop(45%,#2B4892), color-stop(55%,#213B7E), color-stop(100%,#1B3576));
background: -webkit-linear-gradient(top, #3654A0 0%, #2B4892 45%, #213B7E 55%, #1B3576 100%);
background: -o-linear-gradient(top, #3654A0 0%, #2B4892 45%, #213B7E 55%, #1B3576 100%);
background: -ms-linear-gradient(top, #3654A0 0%, #2B4892 45%, #213B7E 55%, #1B3576 100%);
background: linear-gradient(to bottom, #3654A0 0%, #2B4892 45%, #213B7E 55%, #1B3576 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3654A0', endColorstr='#1B3576',GradientType=0 );
}
.linkList li:hover, .chooseRoadMain:hover, .cityPartsMain:HOVER, .bLink:hover {
background: #275B9E;
background: -moz-linear-gradient(top, #3654B0 0%, #2B48A2 45%, #213B8E 55%, #1B3586 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#3654B0), color-stop(45%,#2B48A2), color-stop(55%,#213B8E), color-stop(100%,#1B3586));
background: -webkit-linear-gradient(top, #3654B0 0%, #2B48A2 45%, #213B8E 55%, #1B3586 100%);
background: -o-linear-gradient(top, #3654B0 0%, #2B48A2 45%, #213B8E 55%, #1B3586 100%);
background: -ms-linear-gradient(top, #3654B0 0%, #2B48A2 45%, #213B8E 55%, #1B3586 100%);
background: linear-gradient(to bottom, #3654B0 0%, #2B48A2 45%, #213B8E 55%, #1B3586 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3654B0', endColorstr='#1B3586',GradientType=0 );
}
.linkList li a, .chooseRoadMain a, .itMainA, .chooseRoadMainDis a, .bLink {
text-decoration: none;
color: #eeffff;
font-weight: bold;
padding: 4px 0 5px 0;
text-indent: 7px;
width: 100%;
display: block;
}
.bLink {padding: 7px 0 5px 0;}
.roadPanelMain table {
padding: 4px 0;
}
.headerlinkList {
font-size: 12px;
list-style: none;
margin-left: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}
.headerlinkList li {
padding-top: 5px;
}
.cityHeader {
width: 100%;
border-bottom: 1px solid rgb(0, 8, 49);
border-left: 0;
border-right: 0;
border-top: 0;
font-size: 12px;
table-layout: fixed;
}
.cityImageTd {
padding:0 !important;
width: 25%;
}
.cityHeader td {
vertical-align: top;
text-align: left;
padding-left: 10px;
margin: 0;
border: 0;
}
.cityImage {
width: 100%;
min-width:64px;
height: auto;
border: 2px solid #082B85;
}
.cityPlaceName {
background: #2B4892;
vertical-align: middle !important;
font-size: 9pt !important;
padding-top: 5px;
padding-bottom: 5px;
}
.cityPlaceName a {
font-size: smaller;
}
.green {
color: #23F023;
}
.greenI {
color: #23F023 !important;
}
.grayColor {
color: #ABAABA !important;
}
.lightGreen {
color: #87FF7C;
}
.lGreen {
color: #87FF7C !important;
}
.magenta {
color: #FF60DD;
}
.lightBlue {
color: #33EEFF;
}
.red {
color: #FF1D1D;
}
.yellow {
color: #FF6600;
}
.selected {
font-weight: bold;
}
.pages, .pages2 {
list-style: none;
padding: 0;
margin: 10px 0 0 0;
}
.pages li, .pages2 li {
display: inline;
vertical-align: middle;
font-size: 13px;
}
.pages li a {
display: inline-block;
padding: 5px;
border: 1px solid #072177;
color: white;
font-size: 11pt;
text-decoration: none;
}
.pages2 li a {
display: inline-block;
padding: 3px;
border: 1px solid #072177;
color: white;
font-size: 10pt;
text-decoration: none;
}
.pages li a.arrow {
padding: 4px 7px;
}
.pages2 li a.arrow {
padding: 1px 3px;
font-size: 10pt;
}
.pages li.current a, .pages2 li.current a {
background: #7AA2CA;
color: #fff;
cursor: default;
}
.pages2 li.current a {
padding: 4px;
font-size: 11pt;
}
.textcenter {
text-align: center;
}
.landingImage {
display: block;
text-align: center;
width: 100%;
margin: 4px auto 2px auto;
background: url('../img/landing/140x75/Landing.jpg') center top no-repeat;
width: 140px;
height: 75px;
}
.landingImage img {
border: 1px solid #1E6937;
display: block;
width: 60%;
height: auto;
text-align: center;
margin: 0 auto;
}
.roadImage img {
width: 100%;
height: auto;
}
/* BUTTONS */
.btn, .removeMessageBtn, .respondBtn {
display: block;
width: 55%;
margin: 0 auto;
zoom: 1;
padding: 3px;
position: relative;
cursor: pointer;
text-align: center;
text-decoration: none;
line-height: 1em;
}
.coupledButtonL, .coupledButtonR {
display: block;
width: 45% !important;
margin: 0 2% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.coupledButtonL { float: left; }
.coupledButtonR { float: right; }
.btn.narrowBlue, .btn.blue, .btn.grey, .accBtn, .accBtnG, .tinyBtn, .tWBtn {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
border: 1px solid #174675;
-webkit-box-shadow: inset 0 -1px 0 #6492C1, inset 0 1px 0 #BCD0E5, 0 1px
2px #174675;
-moz-box-shadow: inset 0 -1px 0 #6492C1, inset 0 1px 0 #BCD0E5, 0 1px
2px #174675;
box-shadow: inset 0 -1px 0 #6492C1, inset 0 1px 0 #BCD0E5, 0 1px 2px
#174675;
}
.tWBtn2 {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
border: 1px solid #177546;
-webkit-box-shadow: inset 0 -1px 0 #64C192, inset 0 1px 0 #BCE5D0, 0 1px
2px #177546;
-moz-box-shadow: inset 0 -1px 0 #64C192, inset 0 1px 0 #BCE5D0, 0 1px
2px #177546;
box-shadow: inset 0 -1px 0 #64C192, inset 0 1px 0 #BCE5D0, 0 1px 2px
#177546;
background: #15b41e url('buts/greenButton.png') left top repeat-x;
color: white;
}
.btn.narrowBlue, .btn.blue {
background: #2164A7 url('buts/blue_narrow.png') left top repeat-x;
color: white;
}
.btn.grey {
background: #526795;
color: #C1C1C1;
}
.btn.disabled {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
background: #6faddd url('buts/87d.png') left top repeat-x;
color: #C4E2FA;
border: 1px solid #629ac0;
opacity: .6;
-webkit-box-shadow: inset 0 -1px 0 #a7d4f4, inset 0 1px 0 #a7d4f4;
-moz-box-shadow: inset 0 -1px 0 #a7d4f4, inset 0 1px 0 #a7d4f4;
box-shadow: inset 0 -1px 0 #a7d4f4, inset 0 1px 0 #a7d4f4;
}
.btn.rounded {
border-radius: 2em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-o-border-radius: 2em;
}
.btn.narrow {
padding: 6px 0 8px;
font-size: 16px;
font-weight: bold;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-o-border-radius: 8px;
}
.accBtn, .accBtnG {
padding: 6px 10px 8px;
font-size: 14px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-o-border-radius: 8px;
width: 30%;
}
.tinyBtn, .tWBtn, .tWBtn2 {
margin: 4px 0;
padding: 4px 7px 5px;
font-size: 12px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-o-border-radius: 4px;
}
.tinyBtn {
width: 33%;
}
.tWBtn {
width: 75%;
}
.tWBtn2 {
width: 85%;
}
.accBtn, .accBtnG, .tinyBtn, .tWBtn, .tWBtn2 {
display: block;
font-weight: bold;
margin: 0 auto;
cursor: pointer;
text-align: center;
text-decoration: none;
}
.accBtn {
background: #2164A7 url('buts/blue_narrow.png') left top repeat-x;
color: white;
}
.tinyBtn, .tWBtn {
background: #2164A7 url('buts/blue2x17.png') left top repeat-x;
color: white;
}
.accBtnG {
background: #7380AB url('buts/gray_narrow.png') left top repeat-x;
color: #CDCDCD;
}
.btn.big {
padding: 7px 8px 9px;
font-size: 14px;
font-weight: bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-o-border-radius: 10px;
}
.btn.medium, .removeMessageBtn, .respondBtn {
margin: 10px 5px !important;
padding: 5px 0 6px;
font-size: 14px;
font-weight: bold;
}
.btn.invite {
margin: 10px auto;
padding: 5px 0 6px;
font-size: 14px;
font-weight: bold;
}
.removeMessageBtn, .respondBtn {
color: white;
}
.removeMessageBtn {
border: 1px #920000 solid;
}
.respondBtn {
border: 1px #087C00 solid;
}
.right {
float: right;
}
.left {
float: left;
}
.clearboth {
clear:both;
}
.feedbackPanel {
width: 100%;
padding: 0 !important;
margin: 0 !important;
text-indent: 0 !important;
}
.errorFeedback {
border: 1px solid #ffffff;
text-indent: 3px;
color: white;
list-style: none outside none;
padding: 3px;
width: 100%;
margin: 2px 0 !important;
font-size: 8pt;
}
.feedbackLink {
color: #4DFF00;
margin: 0 0 0 5px;
font-weight: bold;
text-decoration: underline;
}
.feedbackLink span {
text-decoration: underline;
}
.roadDisplayInfo, li.feedbackPanelINFO, li.feedbackPanelERROR, li.feedbackPanelCANCEL {
width: 100%;
margin: 1px 0 5px 0;
text-align: center;
padding: 3px 0;
font-size: 8pt;
font-style: italic;
font-weight: bold;
}
.feedbackPanelGin {
list-style: none outside none;
}
li.feedbackPanelINFO, li.feedbackPanelCANCEL {
list-style: none outside none;
color: #00ff00;
}
.feedbackPanelCANCEL a {
color: #ABAABA !important;
}
li.feedbackPanelERROR {
list-style: none outside none;
color: #FF544D;
}
.feedbackPanel {
margin: 5px 30px 0;
padding: 0;
}
.feedbackPanel li{
margin-bottom: 3px;
}
.remark {
font-size: 11px;
color: #ABAABA;
margin-left: 5px;
}
.text {
font-size: 13px;
color: #012545;
}
.form .field label {position:absolute; }
.form .field input,
.form .field textarea {width: 100%; font-family: Tahoma; font-size: 12px;}
.field textarea {height:150px;}
.links a {padding: 0 10px 0 0;}
.newmessage .field label {width: 66px;}
.newmessage .field div {margin-left:66px;}
.timestamp {
padding: 2px 4px;
text-shadow: none;
color: #9a9aba;
float: right;
right: 2px;
top: 2px;
}
.fromAdmin, .fromAdmin a {
color: #23F023 !important;
}
.fromTech, .fromTech a {
color: #87FF7C !important;
}
.fromModer, .fromModer a {
color: #00DDFF !important;
}
.chat {padding:0;}
.chat li {list-style: none outside none; padding: 2px 3px 4px 0; border-top: 1px dashed #354797; min-height: 21px;}
.chatelement { position: relative; display: block;}
.chatelement h4 {float: left; font-size: 8pt; height: 1em; max-width: 230px; text-overflow: ellipsis; padding: 6px 4px 0 0;}
.chatelement h4 a { color: #D7DBFF; }
.chatelement .chGN {
color: #FFF158;
font-weight: bold;
font-size: 13px;
display: inline-block;
padding: 5px 4px 0 5px;
}
.chatelement span.chattext {display: inline-block; font-size: 8pt; overflow: hidden; padding: 6px 0 2px 0; text-overflow: ellipsis; margin-right: 35px;}
.reply1 {
float: left;
margin: 7px 5px 0 4px;
padding: 0;
}
.reply2 {
float: left;
margin: 1px 6px 0 4px;
padding: 0;
}
.chatelement i {clear:both;}
.reply {
float:left;
padding: 0 3px;
border: 1px solid #1E59BF;
color: #ffffff;
display: block;
text-decoration: none;
margin: 2px 3px 0 0;
cursor: pointer !important;
font-size: 8pt;
}
.chat_pages {
margin: 0 0 10px;
text-align: center;
}
.inviteinternal .field label {width: 82px;}
.inviteinternal .field div {margin-left:82px;}
.forum {padding:0;}
.forum li {list-style: none outside none; padding: 2px 3px 5px; border: 1px solid #AFCCE8;}
.forum li:nth-child(odd) {background-color:#AFCCE8;}
.forum li:nth-child(even) {}
.forum span.timestamp {background-color: #AFCCE8; border-radius: 5px; display: block; float: right; padding: 2px 4px; text-shadow: none;}
.forum li:nth-child(odd) span.timestamp {background-color:#E0F0FF;}
.forum_note {padding:0;}
.forum_note li {list-style: none outside none; padding: 0; border: 1px solid #172557; margin: 5px 0; display: block;}
.forum_note .title {background:#184285;padding: 5px 0 4px 4px; position: relative; display: block;}
.forum_note .title span.author {color: #E1E1E1; float: left; font-size: 13px; max-width: 230px; text-overflow: ellipsis; padding-right: 4px; font-weight: bold; position: relative; top: -2px;}
.forum_note .title span.timestamp {
background-color: #184285;
border-radius: 5px;
display: block;
float: right;
padding: 2px 4px;
text-shadow: none;
}
.forum_note .title span.title {display: inline; max-height: 2.2em; padding: 0 0 0 5px; text-overflow: ellipsis; color: #C1C1C1;}
.forum_note .text {padding: 2px 4px; color: #ECC8B6;}
.forum_note .etr {padding: 2px 4px; color: #00ff00;}
.forum_pages,
.rating_pages {
margin: 0 0 10px;
text-align: center;
}
.thrad img {padding-right:4px;}
.breadcrumb {
padding:4px 0 8px;
font-size: 8pt;
background: rgba(35, 67, 136, 0.5);
text-align: center;
font-weight: bold;
}
.breadcrumb a { color: #dadaff; }
.editlink {float: right; padding: 0 4px;}
.newpass {margin:10px 0;}
.newpass .field label {width: 80px; position:absolute; }
.newpass .field div {margin-left:80px;}
.ratingtable table {font-size:12px; color: white;}
.ratingtable tr {line-height: 16px;}
.ratingtable tr:nth-child(odd) {background-color:#184285;}
.ratingtable tbody td.t_name,
.ratingtable tbody td.t_count,
.ratingtable tbody td.t_trend { background-position: left center; background-repeat: no-repeat; }
.ratingtable.coins td.t_count { background-image: url("icons/coins16.png"); }
.ratingtable.experience td.t_count { background-image: url("icons/star16.png"); text-indent: 22px; }
.ratingtable.params td.t_count { background-image: url("pulledOff/equipment16.png"); text-indent: 22px; }
.ratingtable.wins td.t_count { background-image: url("pulledOff/fight16.png"); text-indent: 22px; }
.ratingtable.completedTasks td.t_count { background-image: url("pulledOff/completedTasks16.png"); text-indent: 22px; }
.ratingtable tbody td.t_trend.up { background-image: url(icons/ico-arrowup16.png); background-position: center center; }
.ratingtable tbody td.t_trend.down { background-image: url(icons/ico-arrowdw16.png); background-position: center center; }
.t_ord { padding: 5px; width: 15px; }
.t_ord .div { background: red !important; display: block; }
.t_name a { color: white; }
.online { color: #44dd00;}
.offline { color: white;}
.ratingtable tbody td.t_invite a {
color: #33ee00;
}
.chatHeaderLink {
position: relative;
margin: 0;
}
.footer_links {
font-size: 8pt;
color: #eeeeff;
padding: 5px 0;
}
.footer_links a {
font-size: 8pt !important;
}
.footer_company {
font-size: 8pt;
color: #9a9abc;
display: block;
float: left;
text-align: center;
width: 100%;
margin: 6px 0 10px 0;
}
.fc2 {
float: left;
text-align: center;
width: 100%;
margin: 6px auto 10px auto;
}
.fc2 a {
display: inline-block;
width: 50%;
font-size: 8pt;
color: #585F9D;
text-align: center;
text-decoration: none;
}
.fc2s {
text-decoration: underline;
color: #9a9abc;
}
.headerTable {
background: #234388;
}
.speechTable, .tradeRowPriceBlock, .healthRecoveryBlock, .ginTopPanelTable, .bottomMenu7 {
background: #213BAE;
background: -moz-linear-gradient(top, #3654B0 0%, #2B48A2 45%, #213B8E 55%, #1B3586 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#3654B0), color-stop(45%,#2B48A2), color-stop(55%,#213B8E), color-stop(100%,#1B3586));
background: -webkit-linear-gradient(top, #3654B0 0%, #2B48A2 45%, #213B8E 55%, #1B3586 100%);
background: -o-linear-gradient(top, #3654B0 0%, #2B48A2 45%, #213B8E 55%, #1B3586 100%);
background: -ms-linear-gradient(top, #3654B0 0%, #2B48A2 45%, #213B8E 55%, #1B3586 100%);
background: linear-gradient(to bottom, #3654B0 0%, #2B48A2 45%, #213B8E 55%, #1B3586 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3654B0', endColorstr='#1B3586',GradientType=0 );
}
.tavernCharTable {
background: #213B8E;
}
.trainDo {
background: #2D7CDC;
background: -moz-linear-gradient(top, #2D7CDC 0%, #2D7CDC 45%, #0E59B5 55%, #0C55AD 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#2D7CDC), color-stop(45%,#2D7CDC), color-stop(55%,#0E59B5), color-stop(100%,#0C55AD));
background: -webkit-linear-gradient(top, #2D7CDC 0%, #2D7CDC 45%, #0E59B5 55%, #0C55AD 100%);
background: -o-linear-gradient(top, #2D7CDC 0%, #2D7CDC 45%, #0E59B5 55%, #0C55AD 100%);
background: -ms-linear-gradient(top, #2D7CDC 0%, #2D7CDC 45%, #0E59B5 55%, #0C55AD 100%);
background: linear-gradient(to bottom, #2D7CDC 0%, #2D7CDC 45%, #0E59B5 55%, #0C55AD 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2D7CDC', endColorstr='#0C55AD',GradientType=0 );
}
.shopItemsList {
display: block;
margin: 5px 0 0 0;
padding-left: 0px;
font-size: 14px;
list-style: none;
}
.shopItemsList li, .trainBase {
display: block;
border: 1px #1F43A4 solid;
padding: 0;
margin: 4px 0;
width: 100%;
background: #132D6E;
background: -moz-linear-gradient(top, #13377E 10%, #13377E 45%, #13337E 55%, #13337E 90%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(10%,#13377E), color-stop(45%,#13377E), color-stop(55%,#13337E), color-stop(90%,#13337E));
background: -webkit-linear-gradient(top, #13377E 10%, #13377E 45%, #13337E 55%, #13337E 90%);
background: -o-linear-gradient(top, #13377E 10%, #13377E 45%, #13337E 55%, #13337E 90%);
background: -ms-linear-gradient(top, #13377E 10%, #13377E 45%, #13337E 55%, #13337E 90%);
background: linear-gradient(to bottom, #13377E 10%, #13377E 45%, #13337E 55%, #13337E 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13377E', endColorstr='#13337E',GradientType=0 );
-webkit-box-shadow: #1F43A4 0 0 5px;
-moz-box-shadow: #1F43A4 0 0 5px;
box-shadow: #1F43A4 0 0 5px;
}
.startGameSpeech {
padding: 4px 0;
font-size: 9pt;
font-style: italic;
color: #A1A9C3;
}
.speechUsual {
padding-left: 0;
padding-top: 11px;
font-size: 10pt;
font-style: italic;
color: #A1A9C3;
}
.speechTable, .ginTopPanelTable, .headerTable, .tavernCharTable {
width: 100%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
margin: 5px 0;
}
.ginTopPanelTable {
border: 2px #ffff00 solid;
}
.speechTable, .tavernCharTable {
border: 1px #3377ff solid;
}
.headerTable {
border: 1px #3377bb solid;
}
.speechTable tr td, .ginTopPanelTable tr td, .headerTable tr td, .tavernCharTable tr td {
vertical-align: top;
}
.speechText {
margin: 5px 5px;
font-size: 10pt;
}
.blueProgressInner, .actionDesc,.blueGradient {
background: #0043A6;
background: -moz-linear-gradient(top, #1A68DC 0%, #1A68DC 40%, #0043A6 60%, #0043A6 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#1A68DC), color-stop(40%,#1A68DC), color-stop(60%,#0043A6), color-stop(100%,#0043A6));
background: -webkit-linear-gradient(top, #1A68DC 0%, #1A68DC 40%, #0043A6 60%, #0043A6 100%);
background: -o-linear-gradient(top, #1A68DC 0%, #1A68DC 40%, #0043A6 60%, #0043A6 100%);
background: -ms-linear-gradient(top, #1A68DC 0%, #1A68DC 40%, #0043A6 60%, #0043A6 100%);
background: linear-gradient(to bottom, #1A68DC 0%, #1A68DC 40%, #0043A6 60%, #0043A6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A68DC', endColorstr='#0043A6',GradientType=0 );
}
.redProgressInner, .registerButton, .removeMessageBtn, .errorFeedback {
background: #F52D2D;
background: -moz-linear-gradient(top, #FF5858 0%, #F52D2D 40%, #C21B1B 60%, #C21B1B 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#FF5858), color-stop(40%,#F52D2D), color-stop(60%,#C21B1B), color-stop(100%,#C21B1B));
background: -webkit-linear-gradient(top, #FF5858 0%, #F52D2D 40%, #C21B1B 60%, #C21B1B 100%);
background: -o-linear-gradient(top, #FF5858 0%, #F52D2D 40%, #C21B1B 60%, #C21B1B 100%);
background: -ms-linear-gradient(top, #FF5858 0%, #F52D2D 40%, #C21B1B 60%, #C21B1B 100%);
background: linear-gradient(to bottom, #FF5858 0%, #F52D2D 40%, #C21B1B 60%, #C21B1B 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5858', endColorstr='#C21B1B',GradientType=0 );
}
.gmChIins {
background: #FFA826;
background: -moz-linear-gradient(top, #F8CD33 0%, #F6C820 40%, #FFA826 60%, #DC8B00 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#F8CD33), color-stop(40%,#F6C820), color-stop(60%,#FFA826), color-stop(100%,#DC8B00));
background: -webkit-linear-gradient(top, #F8CD33 0%, #F6C820 40%, #FFA826 60%, #DC8B00 100%);
background: -o-linear-gradient(top, #F8CD33 0%, #F6C820 40%, #FFA826 60%, #DC8B00 100%);
background: -ms-linear-gradient(top, #F8CD33 0%, #F6C820 40%, #FFA826 60%, #DC8B00 100%);
background: linear-gradient(to bottom, #F8CD33 0%, #F6C820 40%, #FFA826 60%, #DC8B00 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8CD33', endColorstr='#DC8B00',GradientType=0 );
}
.greenGradientBackground, .progressInner, .respondBtn, .gmChI {
background: #46B53F;
background: -moz-linear-gradient(top, #46B53F 0%, #46B53F 40%, #299624 60%, #299624 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#46B53F), color-stop(40%,#46B53F), color-stop(60%,#299624), color-stop(100%,#299624));
background: -webkit-linear-gradient(top, #46B53F 0%, #46B53F 40%, #299624 60%, #299624 100%);
background: -o-linear-gradient(top, #46B53F 0%, #46B53F 40%, #299624 60%, #299624 100%);
background: -ms-linear-gradient(top, #46B53F 0%, #46B53F 40%, #299624 60%, #299624 100%);
background: linear-gradient(to bottom, #46B53F 0%, #46B53F 40%, #299624 60%, #299624 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46B53F', endColorstr='#299624',GradientType=0 );
}
.characterHighlighted {
background: #46B53F;
background: -moz-linear-gradient(top, #46B53F 0%, #46B53F 40%, #299624 60%, #299624 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#46B53F), color-stop(40%,#46B53F), color-stop(60%,#299624), color-stop(100%,#299624));
background: -webkit-linear-gradient(top, #46B53F 0%, #46B53F 40%, #299624 60%, #299624 100%);
background: -o-linear-gradient(top, #46B53F 0%, #46B53F 40%, #299624 60%, #299624 100%);
background: -ms-linear-gradient(top, #46B53F 0%, #46B53F 40%, #299624 60%, #299624 100%);
background: linear-gradient(to bottom, #46B53F 0%, #46B53F 40%, #299624 60%, #299624 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46B53F', endColorstr='#299624',GradientType=0 );
}
.progressMain {
width: 100%;
height: 9px;
border: 1px #ffffff solid;
padding: 0;
display: block;
margin-bottom: 2px;
}
.progressInner, .blueProgressInner, .redProgressInner, .gmChI, .gmChIins {
margin: 0;
height: 100%;
display: block;
}
.infoBlock {
margin: 15px 0 5px;
padding-left: 0;
padding: 5px;
border: 1px #166BFB solid;
font-size: 8pt;
text-align: center;
}
.waitBlock {
margin: 0 0 0 5px;
}
.jWaitBlock {
margin: 10px 0 0 0;
}
.waitLabel {
color: #ABAABA;
font-size: 7pt;
}
.waitTime {
color: #FFD000;
font-size: 8pt;
}
.waitRefresh {
float: right;
margin: 0 10px 0 0;
}
.roadDest {
display: inline-block;
margin: 0 4px;
font-size: 9pt;
text-indent: 0 !important;
font-weight: bold;
color: white;
}
.destDesc {
display: block;
margin: 3px 3px !important;
color: #ABAABA !important;
font-size: 7pt;
font-weight: bold;
}
.chooseRoadTable {
width: 100%;
}
.ginTinyImg {
width: 22px;
height: auto;
float: right;
margin: -3px 3px;
}
.targetImage {
margin: 0 0 0 9px;
width: 35px;
height: auto;
}
.chooseRoadMain, .nsItemBase, .nsMyItemBase, .itItemBase, .itMain, .chooseRoadMainDis {
min-height: 50px;
}
.completedTask {
text-decoration: line-through;
}
.tavernStatus {
display: block;
margin: 1px 0 !important;
color: #ffff00 !important;
font-size: 7pt;
}
.lvlPanelMain, .healthPanelMain {
padding: 4px 4px 0 4px;
height: 25px;
border: 1px #14195E solid;
width: 50%;
text-align: center;
}
.lvlPanelMain {
display: inline-block;
float: left;
}
.healthPanelMain {
display: inline-block;
float: right;
}
.gmHB, .gmHP {
padding: 0;
margin: 5px 0 0 0;
width: 100%;
text-align: center;
}
.gmHP {
color: #ECC8B6;
font-size: 8pt;
}
.lvlPanelLeft {
display: inline;
color: #ECC8B6;
font-size: 7pt;
}
.lvlPanelProgress, .healthPanelProgress, .gtPO, .gtPO2 {
display: inline-block;
height: 8px;
margin: 0 1%;
}
.gtPO2 {
width: 50%;
}
.gmChO {
margin: 0;
height: 10px;
display: inline-block;
width: 100%;
border: 1px #7D99FF solid;
background: rgba(35, 67, 136, 0.5);
}
.lvlPanelRight, .hlthPanR {
display: inline;
color: #ECC8B6;
font-size: 7pt;
}
.lvlPanelRight, .healthPanelProgress {
visibility: hidden;
}
.healthPanelProgress {
width: 0;
}
.lvlPanelProgress {
width: 40%;
}
.lvlPanelProgress {
border: 1px #7882D9 solid;
background: #1A2157;
}
.healthPanelProgress, .gtPO, .gtPO2 {
border: 1px #0ACD65 solid;
background: #5BFFA7;
}
.hpnO {
border: 1px #0A65CD solid;
background: #5BA7FF;
}
.levelHealthBlock {
display: block;
min-height: 25px;
}
.infoPanelBlock {
width: 100%;
text-align: center;
display: block;
padding: 0;
}
.infotext {
font-size: 9pt;
color: #A1A9C3;
}
.goBlock {
text-align: center;
margin: -5px 0 10px;
}
.goBlock3, .goBlock2, .greatInfoBlock {
text-align: center;
margin: 2px 0;
padding: 6px 0;
background: rgba(35, 67, 136, 0.7);
border: 1px #38559D solid;
min-height: 45px;
width: 100%;
}
.floatLeft {
float: left;
}
.floatRight {
float: right;
}
.myParamName {
font-size: 9pt;
color: #ECC8B6;
}
.takeOffItem {
color: #ffdd00;
}
.trainBase {
width: 100%;
display: inline-block;
margin: 6px 0;
padding: 4px 0 3px 0;
border: 1px #4034C7 solid;
text-indent: 5px;
}
.trainDesc {
color: #8D90A5 !important;
font-size: 8pt;
}
.trainValue {
font-size: 9pt;
font-weight: bold;
color: #33ff00;
}
.trainPrice {
color: #ffdd00;
font-weight: bold;
}
.trainDo {
border: 1px #29246E solid;
color: white;
text-decoration: none;
font-size: 8pt;
font-weight: bold;
float: right;
display: inline-block;
margin: 0 10px 0 2px;
padding: 0 2px 1px 2px;
min-width: 33%;
text-align: center;
text-indent: 0 !important;
}
.pages li.current a, .pages2 li.current a {
background: #0088DD;
background: -moz-linear-gradient(top, #0088dd 0%, #0066dd 45%, #0011dd 55%, #4000dd 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#0088dd), color-stop(45%,#0066dd), color-stop(55%,#0011dd), color-stop(100%,#4000dd));
background: -webkit-linear-gradient(top, #0088dd 0%, #0066dd 45%, #0011dd 55%, #4000dd 100%);
background: -o-linear-gradient(top, #0088dd 0%, #0066dd 45%, #0011dd 55%, #4000dd 100%);
background: -ms-linear-gradient(top, #0088dd 0%, #0066dd 45%, #0011dd 55%, #4000dd 100%);
background: linear-gradient(to bottom, #0088dd 0%, #0066dd 45%, #0011dd 55%, #4000dd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088dd', endColorstr='#4000dd',GradientType=0 );
}
.pages li a, .pages2 li a, .reply {
background: #13329D;
background: -moz-linear-gradient(top, #2B49B2 0%, #2745B4 45%, #13329D 55%, #13329D 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#2B49B2), color-stop(45%,#2745B4), color-stop(55%,#13329D), color-stop(100%,#13329D));
background: -webkit-linear-gradient(top, #2B49B2 0%, #2745B4 45%, #13329D 55%, #13329D 100%);
background: -o-linear-gradient(top, #2B49B2 0%, #2745B4 45%, #13329D 55%, #13329D 100%);
background: -ms-linear-gradient(top, #2B49B2 0%, #2745B4 45%, #13329D 55%, #13329D 100%);
background: linear-gradient(to bottom, #2B49B2 0%, #2745B4 45%, #13329D 55%, #13329D 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2B49B2', endColorstr='#13329D',GradientType=0 );
}
.selectedItem, .selectedCharacterItem {
cursor: default !important;
}
.selectedItem a, .selectedCharacterItem a, .selectedCharacterItem, .selectedItem {
color: #aaaacc !important;
cursor: default !important;
}
.helpLinkList {
padding: 0;
}
.helpLinkList li {
list-style: none;
color: #44ff00;
text-indent: 17px;
}
.helpLinkList li a {
background: url('pulledOff/help16.png') left center no-repeat;
width: 100%;
margin: 5px 0;
color: #44ff00;
display: block;
font-size: 10pt;
}
.myCharacterMenuIcon {
margin-right: 4px;
}
.bLinkIcn {margin: 0 6px 0 1px;}
.header_params {
text-align: center;
}
.header_params_money {
display: block;
}
.header_params_player {
display: block;
}
.toMainButton, .registerButton, .characterHighlighted {
display: block;
width: 100%;
padding: 3px 0;
text-align: center;
font-size: 10pt;
color: white;
text-decoration: none !important;
margin-bottom: 2px;
}
.toMainButton {
border: 1px #000044 solid;
}
.registerButton {
border: 1px #440000 solid;
}
.characterHighlighted {
border: 1px #005500 solid;
position: relative;
font-weight: bold;
}
.chatOrMail {
visibility: hidden;
width: 0;
}
.messagesNumber {
position: absolute;
top: 1px;
left: 10px;
font-size: 8pt;
z-index: 11;
font-weight: bold;
}
.postInputDesc, .postTextareaDesc {
display: block;
text-align: left;
margin-left: 10px;
margin-top: 10px;
font-size: 9pt;
color: white;
}
.loginInputDesc {
display: block;
text-align: left;
margin-left: 19px;
margin-top: 10px;
font-size: 9pt;
color: white;
}
.postTextareaDiv textarea {
margin: 4px 0 0 10px;
width: 92%;
min-width: 92%;
max-width: 92%;
height: 160px;
min-height: 160px;
max-height: 160px;
resize: none;
border: 0;
padding: 2px 4px;
margin-bottom: 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 6px;
font-size: 10pt;
}
.postInputDiv input, .numberInputDiv input, .regInputDiv input {
height: 20px;
border: 0;
padding: 2px 4px;
margin-bottom: 0px;
font-size: 10pt;
}
.regInputDiv textarea {
border: 0;
padding: 2px 4px;
margin-bottom: 0px;
font-size: 10pt;
}
.postInputDiv input {
width: 92%;
margin: 4px 0 0 10px;
}
.regInputDiv {
text-align: center;
}
.regInputDiv input, .regInputDiv textarea {
width: 60%;
margin: 2px 0;
}
.regInputDiv textarea {
resize: none;
}
.numberInputDiv label {
font-weight: bold;
margin-left: 10px;
}
.numberInputDiv input {
width: 48%;
margin: 4px 0 0 2px;
}
.chat_input {
display: inline-block;
float: left;
margin: 0 3%;
width: 55%;
border: 0;
padding: 4px;
margin-bottom: 0px;
font-size: 11pt;
}
.postSendButton {
text-align: left;
display: block;
margin: 5px;
}
.width100pcts, .w100 {
width: 100% !important;
}
.chatSendBlock {
display: inline-block;
width: 36%;
}
.players { margin-top: 5px;}
.players tr {color: yellow; font-size: 11pt; text-decoration: none; }
.players tr td a {color: white; font-size: 11pt; text-decoration: underline; }
.players tr td a img, .players tr img { margin: 0 4px; }
.players tr td { padding: 5px 2px; }
.players tr:nth-child(odd) {background-color:#184285;}
.players tr:nth-child(even) {}
.oldEmailBlock {
margin: 5px 0 0 10px;
}
.oldEmailDesc {
color: #ECC8B6;
}
.oldEmailValue {
color: yellow;
}
.greatInfoImage {
display: inline-block;
width: 25px;
height: auto;
position: relative;
bottom: 2px;
}
.rubyInText {
position: relative;
top: 3px;
}
.greatInfoText {
display: inline-block;
font-size: 11pt;
color: #ffbb00;
}
.landingLoginText {
display: inline-block;
font-size: 11pt;
color: #35D46A;
}
.greatInfoRemark {
margin-top: 8px;
font-size: 7pt;
}
.newGameBtnBlock {
margin-top: 10px;
}
.landingFooter, .landingFooter2 {
text-align: center;
}
.landingFooter ul, .landingFooter2 ul {
margin: auto;
text-align: center;
}
.landingFooter ul li, .landingFooter2 ul li {
display: block;
background: red;
width: 40%;
}
.landingFooter {
border-top: 2px #3455D8 solid;
margin: 10px 0;
padding: 10px 0;
}
.landingFooter2 {
margin: 10px 0;
padding: 10px 0;
}
.landingAboutBlock {
margin-right: 10px;
display: block;
text-align: center;
width: 100%;
float: left;
margin: 7px 0;
}
.landingAboutLink {
color: #00ff00;
font-size: 10pt;
}
.staticListBlock {
width: 100%;
margin: 15px 0;
}
.staticListTable {
font-size: 10px;
color: white;
width: 100%;
}
.staticListTable tr { width: 100%; padding: 0; }
.staticListTable tr td { padding: 6px 6px; margin: 0; border: 0; }
.staticListTable tr td a { font-size: 13px; color: white; }
.staticListTable tr:nth-child(odd) {background-color:#184285;}
.staticSubtitle {
margin: 5px;
color: #ffff44;
font-weight: bold;
font-size: 10pt;
display: block;
}
.staticRemark {
margin: 5px;
font-size: 8pt;
display: block;
}
.postRadioDiv {
text-align: left;
text-indent: 15px;
margin: 3px 0;
}
.regRadioDiv {
text-align: center;
}
.actionBlock {
padding: 4px 0;
margin: 4px 0 0 0;
}
.targetHitsTitle {
font-size: 10pt;
color: #dadaff;
font-weight: bold;
text-align: center;
background: rgba(35, 67, 136, 0.5);
padding: 3px;
color: #eeeeff;
border-top: 1px #38559D solid;
border-bottom: 1px #38559D solid;
margin-bottom: 5px;
}
.ramarkTitle {
font-family: Tahoma, Verdana, sans-serif;
font-size: 15px;
text-align: center;
background: #143078;
padding: 2px 0;
color: #ECC8B6;
border-top: 1px #0C2565 solid;
border-bottom: 1px #0C2565 solid;
margin: 7px 0 2px 0;
}
.healthRecoveryBlock {
display: block !important;
width: 100% !important;
border: 1px #3377ff solid;
}
.healthRecoveryInfo {
padding: 4px 0;
}
.healthRecoveryInfo div {
display: block !important;
width: 100% !important;
border: none !important;
background: none !important;
}
.healthRecoveryBlockBottom {
display: block;
text-align: center;
margin: 26px 0 8px 0;
}
.healthRecoveryValue {
color: #33ff00;
font-size: 11pt;
}
.healthRecoveryRemark {
color: #8D90A5 !important;
font-size: 8pt;
}
.healthRecoveryTime {
color: #ffdd00;
font-size: 11pt;
}
.healthRecoveryRefresh {
display: block;
float: right;
margin: 0 6px 4px 0
}
.compassImageTd {
width: 11%;
min-width: 25px;
}
.separator {
height: 6px;
margin: 4px 0;
text-align: center;
width: 100%;
background: url('../img/separator2.png') center top no-repeat;
}
.separator img {
visibility: hidden;
}
.separatorInner {
height: 90%;
width: auto;
}
.cityInfoMainDiv {
margin-left: 4px;
padding: 0;
font-size: 8pt;
}
.cityInfoTitle {
text-align: center;
color: #ffdd00;
font-weight: bold;
}
.cityInfoImageTd {
padding: 0 !important;
width: 0;
}
.cityInfoCity, .cityInfoLevelNation {
margin: 4px 0 2px 2px;
color: #ABAABA;
}
.cityInfoCityDesc, .cityInfoNationDesc, .cityInfoLevelDesc, .cityInfoWhere, .cityInfoNation, .cityInfoLevel, .cityInfoCityTitle {
color: #ABAABA !important;
font-style: italic;
padding: 0;
}
.cityInfoNation, .cityInfoLevel, .cityInfoCityTitle {
font-weight: bold;
}
.nsItemBase, .nsMyItemBase, .itItemBase {
margin: 5px;
display: block;
border: 1px #0F2661 solid;
padding: 0 !important;
text-indent: 0 !important;
cursor: pointer;
background: #2E50A6;
}
.itMain {
background: #2E50A6;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
border: 1px #0F2661 solid;
}
.nsItemBase a, .nsMyItemBase a, .itItemBaseA {
text-decoration: none;
color: #eeffff;
font-weight: bold;
padding: 6px 0 8px 0;
width: 100%;
display: block;
text-align: left;
}
.nsDiscBase {
background: rgba(70, 115, 255, 0.9);
}
.nsBuyBase {
background: #2E50A6;
background: -moz-linear-gradient(top, #2E50a2 0%, #2E50A6 45%, #2E50B2 55%, #2E50B8 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#2E50a2), color-stop(45%,#2E50A6), color-stop(55%,#2E50B2), color-stop(100%,#2E50B8));
background: -webkit-linear-gradient(top, #2E50a2 0%, #2E50A6 45%, #2E50B2 55%, #2E50B8 100%);
background: -o-linear-gradient(top, #2E50a2 0%, #2E50A6 45%, #2E50B2 55%, #2E50B8 100%);
background: -ms-linear-gradient(top, #2E50a2 0%, #2E50A6 45%, #2E50B2 55%, #2E50B8 100%);
background: linear-gradient(to bottom, #2E50a2 0%, #2E50A6 45%, #2E50B2 55%, #2E50B8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2E50a2', endColorstr='#2E50B8',GradientType=0 );
}
.nsSellBase, .nsSlBn {
background: #4857BB;
background: -moz-linear-gradient(top, #4857B4 0%, #4857B6 45%, #4857C2 55%, #4857C4 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#4857B4), color-stop(45%,#4857B6), color-stop(55%,#4857C2), color-stop(100%,#4857C4));
background: -webkit-linear-gradient(top, #4857B4 0%, #4857B6 45%, #4857C2 55%, #4857C4 100%);
background: -o-linear-gradient(top, #4857B4 0%, #4857B6 45%, #4857C2 55%, #4857C4 100%);
background: -ms-linear-gradient(top, #4857B4 0%, #4857B6 45%, #4857C2 55%, #4857C4 100%);
background: linear-gradient(to bottom, #4857B4 0%, #4857B6 45%, #4857C2 55%, #4857C4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4857B4', endColorstr='#4857C4',GradientType=0 );
}
.nsImage {
margin: 0 auto !important;
height: auto;
display: block;
}
.nsTitleAndAction {
display: inline-block;
text-align: left;
padding: 0 !important;
text-indent: 0 !important;
margin: 0 !important;
width: 100%;
text-align: center;
}
.nsBuy {
display: block;
margin: 3px 0 3px 4px !important;
color: #00ff00 !important;
font-size: 7pt;
font-weight: bold;
text-decoration: underline;
}
.nsTitle {
text-indent: 0;
margin: 2px 0 0 0;
text-align: center;
padding: 0;
}
.nsTitleInner {
font-size: 8pt;
color: #ffdd00;
}
.nsQuantity {
font-size: 7pt;
color: #ABAABA;
display: block;
}
.nsDesc, .nsDescBunch {
display: block;
margin: 5px 0 4px 0 !important;
color: #ABAABA !important;
font-size: 7pt;
font-weight: bold;
text-align: center;
}
.nsDestDesc {
display: block;
margin: 3px 0 0 0 !important;
color: #ABAABA !important;
font-size: 7pt;
font-weight: bold;
text-align: center;
}
.nsAction {
text-align: left;
padding: 0;
}
.nsItemsTitle {
width: 100%;
text-align: center;
margin: 4px 0 0 0;
color: #ABAABA !important;
font-style: italic;
}
.nsItemsMainTable, .nsItemsMainTable tr {
padding: 0;
margin: 0;
width: 100%;
}
.nsItemsMainTableTrTd {
width: 50%;
margin: 0;
padding: 0;
background: #234388;
border: 1px #162F66 solid;
vertical-align: top;
}
.marginBottom10px {
margin-bottom: 10px;
}
.nsActionOff {
color: #ABAABA !important;
text-decoration: underline;
margin: 3px 0 3px 4px !important;
font-size: 7pt;
font-weight: bold;
display: block;
}
.nsActOff2 {
color: #ABAABA !important;
text-decoration: none;
margin: 3px 0 !important;
font-size: 7pt;
font-weight: bold;
display: block;
}
.mcGinTable {
width: 100%;
border: 1px #0F234B solid;
padding: 0;
margin: 4px 0 2px 0;
background: #2C568C;
}
.targetWayTable {
width: 100%;
border: 1px #132348 solid;
padding: 0;
margin: 4px 0 2px 0;
background: #3347D4;
background: -moz-linear-gradient(top, #3347F4 0%, #3347D4 70%, #3347C4 80%, #3347C4 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#3347F4), color-stop(70%,#3347D4), color-stop(80%,#3347C4), color-stop(100%,#3347C4));
background: -webkit-linear-gradient(top, #3347F4 0%, #3347D4 70%, #3347C4 80%, #3347C4 100%);
background: -o-linear-gradient(top, #3347F4 0%, #3347D4 70%, #3347C4 80%, #3347C4 100%);
background: -ms-linear-gradient(top, #3347F4 0%, #3347D4 70%, #3347C4 80%, #3347C4 100%);
background: linear-gradient(to bottom, #3347F4 0%, #3347D4 70%, #3347C4 80%, #3347C4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3347F4', endColorstr='#3347C4',GradientType=0 );
}
.targetWayTable tr, .targetWayTable tr td, .mcGinTable tr, .mcGinTable tr td {
padding: 1px 4px;
margin: 0;
vertical-align: middle;
}
.targetWayGinTd {
width: 30px;
}
.targetWayGinImg {
width: 44px;
margin: 3px;
border: 1px #2342A6 solid;
}
.chooseRoadA {
text-decoration: none;
}
.ccGinSpeech, .ginYel {
color: #ffff00;
}
.ccGinGreen {
color: #00ff00;
}
.ccGinPaledSpeech, .ginGra {
color: #ABAABA;
}
.ccGinBase {
display: inline-block
}
.ccGinSpeech, .ccGinPaledSpeech, .ccGinBase, .ccGinGreen {
margin: 4px 1%;
font-style: italic;
background: #234388;
border: 1px #162F66 solid;
padding: 5px;
text-indent: 0;
}
.ccGinFontSmall {
font-size: 7pt;
}
.ccGinFontVerySmall {
font-size: 7pt;
}
.ccGinFontBig {
font-size: 9pt;
}
.ccMainDiv {
width: 100%;
display: block;
}
.laParamImage {
width: 55%;
height: auto;
}
.ccMan1, .ccMan2, .ccWoman1, .ccWoman2 {
width: 40%;
margin: 15px 5% 0 5%;
padding: 8px 0;
text-align: center;
border: 1px #162F66 solid;
cursor: pointer;
text-decoration: none;
}
.ccMan1, .ccMan2, .ccWoman1, .ccWoman2 {
background: rgba(35, 67, 136, 0.2);
}
.laAttack, .laDefence, .laTrade, .laFortune {
width: 40%;
padding: 8px 0;
text-align: center;
border: 1px #162F66 solid;
cursor: pointer;
text-decoration: none;
display: inline-block;
text-align: center;
}
.laAttack {
margin: 5px 0.5% 5px 0;
}
.laTrade {
margin: 5px 0.5% 15px 0;
}
.laDefence {
margin: 5px 0 5px 0.5%;
}
.laFortune {
margin: 5px 0 15px 0.5%;
}
.laAttack, .laDefence, .laTrade, .laFortune, .areHit {
background: #213B7E;
background: -moz-linear-gradient(top, #3654A0 0%, #2B4892 45%, #213B7E 55%, #1B3576 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#3654A0), color-stop(45%,#2B4892), color-stop(55%,#213B7E), color-stop(100%,#1B3576));
background: -webkit-linear-gradient(top, #3654A0 0%, #2B4892 45%, #213B7E 55%, #1B3576 100%);
background: -o-linear-gradient(top, #3654A0 0%, #2B4892 45%, #213B7E 55%, #1B3576 100%);
background: -ms-linear-gradient(top, #3654A0 0%, #2B4892 45%, #213B7E 55%, #1B3576 100%);
background: linear-gradient(to bottom, #3654A0 0%, #2B4892 45%, #213B7E 55%, #1B3576 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3654A0', endColorstr='#1B3576',GradientType=0 );
}
.laBonus {
color: #00ff00;
font-weight: bold;
font-size: 8pt;
}
.ccMan1, .ccMan2 {
float: left;
display: block;
}
.ccWoman1, .ccWoman2 {
display: block;
float: right;
}
.ccParam {
display: block;
width: 100%;
}
.ccBonusWord {
color: #33dd33;
font-weight: bold;
font-size: 7pt;
}
.ccBonus {
color: #00ff00;
font-weight: bold;
font-size: 8pt;
}
.ccInfo {
margin: 1px 0;
padding-left: 0;
padding: 2px 0;
border-top: 1px #166BFB solid;
border-bottom: 1px #166BFB solid;
text-align: center;
background: #234388;
}
.ccParams {
font-style: italic;
color: #cAcAca;
font-size: 10pt;
margin-bottom: 1px;
}
.ccAttack, .ccDefence {
margin-right: 4px;
}
.ccAttack, .ccDefence, .ccHealth {
display: inline-block;
font-size: 8pt;
}
.ccGinBlock {
width: 100%;
margin: 4px 0;
text-align: center;
}
.ccGin {
max-width: 30px;
margin: 0;
padding: 0;
height: auto;
}
.mcGin {
width: 25px;
height: auto;
margin-left: 2%;
}
.margin0 {
margin: 0 !important;
}
.oppActionImageTd {
width: 32px;
text-indent: 0;
padding: 0;
}
.oppActionImage {
margin: 0 0 0 10px;
width: 32px;
height: auto;
}
.oppActionDescTd {
padding: 0;
text-indent: 2px;
}
.mcMain {
width: 100%;
text-align: center;
}
.mcCenterDiv {
width: 200px;
margin: 0 auto;
text-align: center;
position: relative;
}
.mcCharacterImage {
margin: 10px 0 5px 0;
}
.mcHeadDiv, .mcBodyDiv, .mcLeftHandDiv, .mcRightHandDiv, .mcFeetDiv {
width: 56px;
height: 54px;
position: absolute;
text-decoration: none;
}
.mcItemImageDiv {
background: rgba(35, 67, 136, 0.5);
border: 1px #162F66 solid;
display: inline-block;
}
.mcHeadDiv {
left: 10px;
top: 10px;
}
.mcBodyDiv {
left: 73px;
top: 60px;
}
.mcLeftHandDiv {
left: 10px;
top: 107px;
}
.mcRightHandDiv {
right: 10px;
top: 67px;
}
.mcFeetDiv {
right: 14px;
top: 159px;
}
.mcHeadPointer, .mcFeetPointer {
position: absolute;
text-decoration: none;
}
.mcHeadPointer {
width: 30px;
height: 21px;
left: 68px;
top: 18px;
}
.mcFeetPointer {
width: 22px;
height: 16px;
left: 109px;
top: 213px;
}
.mcItemImage {
margin: 7px 8px;
width: 40px;
height: 40px;
}
.mcItemImageSmall {
width: 40px;
height: 40px;
margin: 2px 3px;
}
.mcItemEffect {
color: #00ff00;
font-size: 7pt;
font-weight: bold;
width: 118%;
margin-left: -4px;
}
.mcArtFrEx {
color: #00ff00;
}
.mcItemTakeOff {
color: #ffff00;
}
.mcItemUnl {
color: #00ff00;
}
.mcItemTakeOff, .mcItemUnl, .mcArtFrEx {
font-size: 7pt;
font-weight: bold;
width: 100%;
cursor: pointer;
display: inline-block;
}
.sep4px {
height: 4px;
width: 100%;
}
.sep10px {
height: 10px;
width: 100%;
}
.sep16px {
height: 16px;
width: 100%;
}
.mcItemTakeOff, .mcItemUnl {
text-decoration: underline;
}
.mcHeaderImage {
display: none;
visibility: hidden;
}
.mcHeaderName {
width: 100%;
color: #ABAABA !important;
font-style: italic;
font-size: 11pt;
margin: 3px 0;
}
.fontBold {
font-weight: bold;
}
.itGreenLink {
color: #00ff00 !important;
}
.itRedLink {
color: #FF4C4C !important;
}
.itDescAndAction {
margin: 0 0 0 5px;
}
.itDesc {
color: #ABAABA;
font-size: 7pt;
margin: 0 5px 0 0;
}
.itAction {
margin: 0;
font-size: 8pt;
font-weight: bold;
text-decoration: underline;
}
.tavernCharSpeech {
margin: 3px 8px 3px 3px;
font-size: 8pt;
font-style: italic;
color: #FAFAFF;
}
.tavernCharTableImageTd {
width: 66px;
}
.tavernCharTableImage {
margin: 3px;
width: auto;
height: 60px;
border: 1px #2342A6 solid;
}
.taskItems {
display: inline;
font-size: 9pt;
color: #BABADF;
margin: 0 2px 0 0;
position: relative;
top: 10px;
}
.suItems {
display: inline;
font-size: 9pt;
color: #BABADF;
margin: 0 2px 0 0;
}
.taskItemsImg {
width: 35px;
height: auto;
margin-right: 15px;
}
.taskItemsBase {
margin: 0;
padding: 0 5px;
}
.tavernItemsTd {
width: 100%;
}
.tavernCharSpeechInner {
width: 100%;
margin: 0 0 5px 0;
padding: 0;
}
.rDisplayUsual {
color: #E9E2F8;
}
.rDisplayGray {
color: #7F7FBA;
}
.rDisplayGreat {
color: #00ff00;
}
.rDisplayDanger {
color: #ff2222;
}
.roadDisplayImage {
width: 16px;
height: auto;
margin: 0 2px;
}
.textDecNone {
text-decoration: none !important;
}
.coolInfoBlock {
text-align: center;
margin: 2px 0;
padding: 0;
background: rgba(33, 59, 137, 0.4);
}
.coolInfoText {
margin: 0;
width: 100%;
font-size: 12pt;
font-weight: bold;
color: #ffcc00;
text-align: center;
padding: 5px 0 5px 0;
background: #143078;
border-top: 1px #0C2565 solid;
border-bottom: 1px #0C2565 solid;
}
.coolInfoRemark, .coolInfoRemark2, .regInfoRemark, .coolIRR {
width: 100%;
text-align: center;
font-weight: bold;
}
.coolInfoRemark3 {
width: 60%;
text-align: center;
margin: 10px auto;
font-weight: bold;
}
.regInfoRemark {
display: block;
color: #E5EBFA;
margin: 8px 0 2px 0;
}
.coolInfoRemark, .coolInfoRemark2, .coolInfoRemark3 {
color: #D5DBAA;
}
.coolInfoRemark {
margin: 8px 0 2px 0;
}
.coolInfoRemark2 {
margin: 8px 0 8px 0;
}
.trainDivBase {
text-align: center;
width: 100%;
margin: 5px 0;
}
.backpackBase, .bpBs2 {
border: 1px #38559D solid;
margin: 4px 0;
}
.backpackBase {
display: block;
background: rgba(46, 67, 126, 0.1);
position: relative;
}
.bckpckHltd {
background: url(../img/bb.jpg) repeat;
}
.bpBs2 {
background: rgba(44, 167, 210, 0.1);
font-weight: bold;
}
.bpBs2 .bpH2 {
color: #00ff00 !important;
}
.landingBase {
background: rgba(35, 67, 136, 0.5);
border: 1px #38559D solid;
margin: 0 0 4px 0;
}
.landingLogin {
background: rgba(35, 67, 136, 0.7);
border: 1px #38559D solid;
margin: 10px 0;
padding: 10px 0;
text-align: center;
}
.bpFooter, .mcF1, .advTF {
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
margin: 0;
padding: 6px 0;
}
.bpFooter, .mcF1 {
border-top: 1px #38559D solid;
}
.advTF {
border-top: 1px #2470DF solid;
background: rgba(77, 111, 222, 0.3);
}
.bpHeader {
color: #00ff00;
}
.bpH2, .bpH3 {
color: #77FFE3;
}
.bpTitle1 {
color: #dadaff;
}
.bpTitle1, .bpFooter, .bpHeader, .bpH2, .bpH3 {
background: rgba(35, 67, 136, 0.5);
text-align: center;
font-weight: bold;
}
.bpTitle1, .bpFooter, .bpHeader, .bpH2 {
font-size: 9pt;
}
.bpH3 {
font-size: 7pt;
}
.mcF1 {
background: rgba(35, 67, 136, 0.5);
text-align: center;
font-weight: bold;
position: relative;
font-size: 8pt;
}
.mcF1 a, .ltGreen {
color: #99ff99;
}
.bpTitle1, .bpHeader, .advTT, .bpH2, .bpH3 {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
margin: 0 0 2px 0;
padding: 4px 0;
}
.bpTitle1, .bpHeader, .bpH2, .bpH3 {
border-bottom: 1px #38559D solid;
}
.advTT {
border-bottom: 1px #2470DF solid;
font-weight: bold;
font-size: 9pt;
background: rgba(77, 111, 222, 0.3);
font-size: 10pt;
}
.landingTitle {
background: rgba(35, 67, 136, 0.5);
border-bottom: 1px #38559D solid;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
padding: 3px 0;
text-align: center;
margin: 0 0 2px 0;
font-size: 10pt;
color: #dadaff;
font-weight: bold;
position: relative;
}
.jobSubtitle {
margin: 8px 0 4px 0;
}
.backpackSubtitle {
margin: 2px 0;
}
.backpackSubtitle, .jobSubtitle {
width: 100%;
text-align: center;
font-size: 9pt;
color: #Babafa;
font-weight: bold;
}
.backpackItems {
width: 100%;
padding: 1px 0 4px 0;
}
.tradePartnerInfo {
width: 100%;
background: #213B8E;
margin: 2px 0;
border-top: 1px solid #3377BC;
border-bottom: 1px #3377BC solid;
padding: 4px 0;
font-style: italic;
text-align: center;
font-size: 7pt;
font-weight: bold;
color: #bbbbdd;
}
.lineSeparator {
border-top: 2px solid #344C8D;
width: 50%;
margin: 6px 25%;
}
.deadPlayerText {
margin: 5px 5px;
font-size: 10pt;
text-align: center;
color: #ddddff;
font-style: italic;
}
.taskMoneyCount {
position: relative;
top: 10px;
}
.taskMoneyImg {
position: relative;
top: 8px;
}
.cityPartsMain {
font-weight: bold;
font-size: 8pt;
}
.cityPartsTable {
width: 100%;
padding: 0;
margin: 4px 0;
text-decoration: none;
}
.cityPartsTable tr td {
text-indent: 0;
padding: 0;
margin: 0;
}
.cityPartsImageTd {
width: 20px;
}
.cityPartsImage {
margin: 0 4px 0 6px;
width: 18px;
}
.cityParts1A {
color: white;
text-decoration: none;
}
.bottomContainer {
padding: 0 !important;
}
.footerImage {
display: none;
visibility: hidden;
width: 0;
height: 0;
}
.ftIm2 {
height: 14px;
width: auto;
display: inline;
position: relative;
top: 1px;
}
.bottomMenu3, .bottomMenu4, .bottomMenu5, .bottomMenu6, .bottomMenu7, .bottomMenu1, .bottomMenu2, .bottomMenu0, .bottomMenuSave {
padding: 5px 0;
margin: 2px 0;
text-align: center;
font-size: 9pt;
color: white;
width: 100%;
display: block;
text-align: center;
text-decoration: none;
}
.bottomMenu1, .bottomMenu2, .bottomMenu3, .bottomMenu4, .bottomMenu5 {
border: 1px #151559 solid;
background: #213B7E;
background: -moz-linear-gradient(top, #1a3879 0%, #193675 40%, #13275f 60%, #13275a 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#1a3879), color-stop(40%,#193675), color-stop(60%,#13275f), color-stop(100%,#13275a));
background: -webkit-linear-gradient(top, #1a3879 0%, #193675 40%, #13275f 60%, #13275a 100%);
background: -o-linear-gradient(top, #1a3879 0%, #193675 40%, #13275f 60%, #13275a 100%);
background: -ms-linear-gradient(top, #1a3879 0%, #193675 40%, #13275f 60%, #13275a 100%);
background: linear-gradient(to bottom, #1a3879 0%, #193675 40%, #13275f 60%, #13275a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a3879', endColorstr='#13275a',GradientType=0 );
}
.bottomMenuSave, .bottomMenu6 {
background: #293685;
background: -moz-linear-gradient(top, #2A3889 0%, #293685 40%, #23276F 60%, #23276A 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#2A3889), color-stop(40%,#293685), color-stop(60%,#23276F), color-stop(100%,#23276A));
background: -webkit-linear-gradient(top, #2A3889 0%, #293685 40%, #23276F 60%, #23276A 100%);
background: -o-linear-gradient(top, #2A3889 0%, #293685 40%, #23276F 60%, #23276A 100%);
background: -ms-linear-gradient(top, #2A3889 0%, #293685 40%, #23276F 60%, #23276A 100%);
background: linear-gradient(to bottom, #2A3889 0%, #293685 40%, #23276F 60%, #23276A 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2A3889', endColorstr='#23276A',GradientType=0 );
border: 1px #111155 solid;
}
.bottomMenu7 {
border: 1px #111155 solid;
}
.bottomMenu0 {
background: #195665;
background: -moz-linear-gradient(top, #1A5869 0%, #195665 40%, #13474F 60%, #13474A 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#1A5869), color-stop(40%,#195665), color-stop(60%,#13474F), color-stop(100%,#13474A));
background: -webkit-linear-gradient(top, #1A5869 0%, #195665 40%, #13474F 60%, #13474A 100%);
background: -o-linear-gradient(top, #1A5869 0%, #195665 40%, #13474F 60%, #13474A 100%);
background: -ms-linear-gradient(top, #1A5869 0%, #195665 40%, #13474F 60%, #13474A 100%);
background: linear-gradient(to bottom, #1A5869 0%, #195665 40%, #13474F 60%, #13474A 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A5869', endColorstr='#13474A',GradientType=0 );
border: 1px #151559 solid;
}
.footerContainer {
width: 100%;
margin: 5px 0;
text-align: center;
float: left;
}
.footerRow {
width: 100%;
text-align: center;
padding: 4px 0;
}
.footerTopRow {
width: 100%;
text-align: center;
padding: 9px 0 4px 0;
}
.ftrA {
font-size: 7pt;
}
.footerLink, .ftrA {
color: #aaaadd;
}
.footerLightLink {
color: #3DECFF;
}
.footerLightLink, .footerLink {
font-size: 8pt;
margin: 0 2px;
}
.footerComp {
display: block;
font-size: 7pt;
color: #9999cc;
margin: 7px 0;
}
.myHealthState {
padding: 5px 0;
width: 100%;
text-align: center;
font-size: 12pt;
color: #ff9900;
font-style: italic;
}
.fullBackpackInfo {
color: #FF544D;
font-weight: bold;
width: 90%;
display: block;
text-align: center;
margin: 4px auto;
}
.tavernRefresh {
position: absolute;
top: 2px;
right: 5px;
}
.posRelative {
position: relative;
}
.whiteLink {
color: white;
}
.landingRemark {
width: 80%;
font-size: 7pt;
text-align: center;
font-weight: bold;
display: block;
color: #35D46A;
margin: 6px 10%;
}
.landingStartBlock, .loginButtonBlock {
background: rgba(35, 67, 136, 0.5);
border-top: 1px #38559D solid;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
padding: 6px 0;
}
.loginButtonBlock {
margin: 10px 0 0 0;
}
.basicImageDiv {
width: 100%;
text-align: center;
}
.charImDiv {
width: 100%;
height: auto;
text-align: center;
}
.imageMan1 {
background: url('../img/character/pick/86x100/man1.jpg') center top no-repeat;
}
.imageMan2 {
background: url('../img/character/pick/86x100/man2.jpg') center top no-repeat;
}
.imageWoman1 {
background: url('../img/character/pick/86x100/woman1.jpg') center top no-repeat;
}
.imageWoman2 {
background: url('../img/character/pick/86x100/woman2.jpg') center top no-repeat;
}
.imageMan3 {
background: url('../img/character/pick/86x100/man3.jpg') center top no-repeat;
}
.imageMan4 {
background: url('../img/character/pick/86x100/man4.jpg') center top no-repeat;
}
.imageMan5 {
background: url('../img/character/pick/86x100/man5.jpg') center top no-repeat;
}
.imageMan6 {
background: url('../img/character/pick/86x100/man6.jpg') center top no-repeat;
}
.imageMan7 {
background: url('../img/character/pick/86x100/man7.jpg') center top no-repeat;
}
.imageWoman3 {
background: url('../img/character/pick/86x100/woman3.jpg') center top no-repeat;
}
.imageWoman4 {
background: url('../img/character/pick/86x100/woman4.jpg') center top no-repeat;
}
.imageWoman5 {
background: url('../img/character/pick/86x100/woman5.jpg') center top no-repeat;
}
.imageWoman6 {
background: url('../img/character/pick/86x100/woman6.jpg') center top no-repeat;
}
.imageWoman7 {
background: url('../img/character/pick/86x100/woman6.jpg') center top no-repeat;
}
.imageMan1, .imageMan2, .imageWoman1, .imageWoman2, .imageMan3, .imageMan4, .imageWoman3, .imageWoman4,
.imageMan5, .imageWoman5, .imageMan6, .imageWoman6, .imageMan7, .imageWoman7 {
width: 70px;
height: 100px;
margin: 0 auto;
}
.rImg1, .rImg2, .rImg3, .rImg4, .crrd, .charmed, .charmed2, .uPath1, .uPath2, .uPath3, .uPath4 {
display: block;
height: 119px;
width: 100%;
}
.rImg1 {
background: url('../img/roads/240/way1.jpg') center top no-repeat;
}
.rImg2 {
background: url('../img/roads/240/way2.jpg') center top no-repeat;
}
.rImg3 {
background: url('../img/roads/240/way3.jpg') center top no-repeat;
}
.rImg4 {
background: url('../img/roads/240/way4.jpg') center top no-repeat;
}
.uPath1 {
background: url('../img/roads/240/path1.jpg') center top no-repeat;
}
.uPath2 {
background: url('../img/roads/240/path2.jpg') center top no-repeat;
}
.uPath3 {
background: url('../img/roads/240/path3.jpg') center top no-repeat;
}
.uPath4 {
background: url('../img/roads/240/path4.jpg') center top no-repeat;
}
.crrd {
background: url('../img/roads/240/crossroads.jpg') center top no-repeat;
}
.hidOnSm {
visibility: hidden;
width: 0;
}
.gTbl {
margin: 0;
text-indent: 2px;
width: 100%;
}
.gTbl tbody tr td:FIRST-CHILD {
width: 50px;
}
.spid1, .spid2, .spid3, .wolf1, .wolf2, .wolf3,
.drFl1, .drFl2, .drFl3, .drFl4, .liz1, .liz2, .liz3,
.croco1, .croco2, .croco3, .croco4, .tro1, .tro2, .tro3, .cent1, .cent2,
.ent1, .ent2, .ent3, .dra1, .dra2, .dra3, .dra4, .dra5, .dra6, .daRi1, .daRi2, .daRi3,
.unicorn, .evMa, .oct1, .oct2, .oct3, .trad1, .trad2, .band1, .vill, .santa1, .santa2, .snMdn1, .snMdn2 {
width: 100%;
height: 140px;
display: block;
margin: 0;
padding: 0;
}
.rat1, .rat2, .rat3, .sImg1, .sImg2, .sImg3, .sImg4, .sImg5, .sImg6, .sImg7,
.scImg2, .scImg3, .scImg4, .scImg5, .scImg6, .huMo1, .huMo2,
.hcAnt1, .hcAnt2, .hcBug1, .hcBug2, .hcCtpd1, .hcCtpd2, .hcFish1, .hcFish2,
.hcHdr1, .hcHdr2, .hcHdr3, .hcOrc, .hcSn1, .hcSn2, .hcSn3, .hcSn4, .hcSt1,
.hcSt2, .hcTr1, .hcTr2, .hcTr3, .hcWls1, .hcWls2, .hcWrm1, .hcWrm2,
.ant2u, .bug1u, .bug2u, .fish1u, .tree1u, .tree3u, .hcScor1, .hcScor2, .hcSnk1, .hcSnk2,
.hcMnt, .tank, .portal, .portal2, .elves01, .elves02, .elves03, .elves04, .elves05, .elves06, .elves07,
.elves08, .elves09, .elves10, .elves11, .elves12, .elves13, .elves14, .elves15, .elves16,
.elves17, .elves18, .elves19, .elves19_2, .elves20, .elves21, .elves01u, .elves02u, .elves03u, .elves04u,
.elves05u, .elves06u, .elves07u, .elves08u, .elves09u, .elves10u, .centArstd, .megaMonster,
.hImg1, .hImg2, .hImg3, .hImg4, .hImg5, .hImg6, .hImg7, .hImg8,
.mImg1, .mImg2, .mImg3, .mImg4, .mImg5, .mImg6, .mImg7, .mImg8, .fountain, .prince {
width: 100%;
display: block;
margin: 0;
padding: 0;
height: 120px;
}
.mImg1 { background: url('../img/roads/240/mntn1.jpg') center top no-repeat; }
.mImg2 { background: url('../img/roads/240/mntn2.jpg') center top no-repeat; }
.mImg3 { background: url('../img/roads/240/mntn3.jpg') center top no-repeat; }
.mImg4 { background: url('../img/roads/240/mntn4.jpg') center top no-repeat; }
.mImg5 { background: url('../img/roads/240/mntn5.jpg') center top no-repeat; }
.mImg6 { background: url('../img/roads/240/mntn6.jpg') center top no-repeat; }
.mImg7 { background: url('../img/roads/240/mntn7.jpg') center top no-repeat; }
.mImg8 { background: url('../img/roads/240/mntn8.jpg') center top no-repeat; }
.hImg1 { background: url('../img/roads/240/hills1.jpg') center top no-repeat; }
.hImg2 { background: url('../img/roads/240/hills2.jpg') center top no-repeat; }
.hImg3 { background: url('../img/roads/240/hills3.jpg') center top no-repeat; }
.hImg4 { background: url('../img/roads/240/hills4.jpg') center top no-repeat; }
.hImg5 { background: url('../img/roads/240/hills5.jpg') center top no-repeat; }
.hImg6 { background: url('../img/roads/240/hills6.jpg') center top no-repeat; }
.hImg7 { background: url('../img/roads/240/hills7.jpg') center top no-repeat; }
.hImg8 { background: url('../img/roads/240/hills8.jpg') center top no-repeat; }
.sImg1 { background: url('../img/roads/240/s1.jpg') center top no-repeat; }
.sImg2 { background: url('../img/roads/240/s2.jpg') center top no-repeat; }
.sImg3 { background: url('../img/roads/240/s3.jpg') center top no-repeat; }
.sImg4 { background: url('../img/roads/240/s4.jpg') center top no-repeat; }
.sImg5 { background: url('../img/roads/240/s5.jpg') center top no-repeat; }
.sImg6 { background: url('../img/roads/240/s6.jpg') center top no-repeat; }
.sImg7 { background: url('../img/roads/240/s7.jpg') center top no-repeat; }
.scImg2 { background: url('../img/roads/240/sc/s2.jpg') center top no-repeat; }
.scImg3 { background: url('../img/roads/240/sc/s3.jpg') center top no-repeat; }
.scImg4 { background: url('../img/roads/240/sc/s4.jpg') center top no-repeat; }
.scImg5 { background: url('../img/roads/240/sc/s5.jpg') center top no-repeat; }
.scImg6 { background: url('../img/roads/240/sc/s6.jpg') center top no-repeat; }
.rat1 { background: url('../img/creatures/240/Rat_01.jpg') center top no-repeat; }
.rat2 { background: url('../img/creatures/240/Rat_02.jpg') center top no-repeat; }
.rat3 { background: url('../img/creatures/240/Rat_03.jpg') center top no-repeat; }
.spid1 { background: url('../img/creatures/240/Spider_01.jpg') center top no-repeat; }
.spid2 { background: url('../img/creatures/240/Spider_02.jpg') center top no-repeat; }
.spid3 { background: url('../img/creatures/240/Spider_03.jpg') center top no-repeat; }
.wolf1 { background: url('../img/creatures/240/Wolf_01.jpg') center top no-repeat; }
.wolf2 { background: url('../img/creatures/240/Wolf_02.jpg') center top no-repeat; }
.wolf3 { background: url('../img/creatures/240/Wolf_03.jpg') center top no-repeat; }
.trad1 { background: url('../img/creatures/240/Trader_01.jpg') center top no-repeat; }
.trad2 { background: url('../img/creatures/240/Trader_02.jpg') center top no-repeat; }
.drFl1 { background: url('../img/creatures/240/DragonFly_01.jpg') center top no-repeat; }
.drFl2 { background: url('../img/creatures/240/DragonFly_02.jpg') center top no-repeat; }
.drFl3 { background: url('../img/creatures/240/DragonFly_03.jpg') center top no-repeat; }
.drFl4 { background: url('../img/creatures/240/DragonFly_04.jpg') center top no-repeat; }
.liz1 { background: url('../img/creatures/240/Lizzard_01.jpg') center top no-repeat; }
.liz2 { background: url('../img/creatures/240/Lizzard_02.jpg') center top no-repeat; }
.liz3 { background: url('../img/creatures/240/Lizzard_03.jpg') center top no-repeat; }
.croco1 { background: url('../img/creatures/240/Crocosaur_01.jpg') center top no-repeat; }
.croco2 { background: url('../img/creatures/240/Crocosaur_02.jpg') center top no-repeat; }
.croco3 { background: url('../img/creatures/240/Crocosaur_03.jpg') center top no-repeat; }
.croco4 { background: url('../img/creatures/240/Crocosaur_04.jpg') center top no-repeat; }
.tro1 { background: url('../img/creatures/240/Troll_01.jpg') center top no-repeat; }
.tro2 { background: url('../img/creatures/240/Troll_02.jpg') center top no-repeat; }
.tro3 { background: url('../img/creatures/240/Troll_03.jpg') center top no-repeat; }
.cent1 { background: url('../img/creatures/240/Centaur_01.jpg') center top no-repeat; }
.cent2 { background: url('../img/creatures/240/Centaur_02.jpg') center top no-repeat; }
.ent1 { background: url('../img/creatures/240/Ent_01.jpg') center top no-repeat; }
.ent2 { background: url('../img/creatures/240/Ent_02.jpg') center top no-repeat; }
.ent3 { background: url('../img/creatures/240/Ent_03.jpg') center top no-repeat; }
.dra1 { background: url('../img/creatures/240/Dragon_01.jpg') center top no-repeat; }
.dra2 { background: url('../img/creatures/240/Dragon_02.jpg') center top no-repeat; }
.dra3 { background: url('../img/creatures/240/Dragon_03.jpg') center top no-repeat; }
.dra4 { background: url('../img/creatures/240/Dragon_04.jpg') center top no-repeat; }
.dra5 { background: url('../img/creatures/240/Dragon_05.jpg') center top no-repeat; }
.dra6 { background: url('../img/creatures/240/Dragon_06.jpg') center top no-repeat; }
.huMo1 { background: url('../img/creatures/240/HugeMonster_01.jpg') center top no-repeat; }
.huMo2 { background: url('../img/creatures/240/HugeMonster_02.jpg') center top no-repeat; }
.hcAnt1 { background: url('../img/creatures/240/ant_01.jpg') center top no-repeat; }
.hcAnt2 { background: url('../img/creatures/240/ant_02.jpg') center top no-repeat; }
.hcBug1 { background: url('../img/creatures/240/bug_01.jpg') center top no-repeat; }
.hcBug2 { background: url('../img/creatures/240/bug_02.jpg') center top no-repeat; }
.hcCtpd1 { background: url('../img/creatures/240/centipede_01.jpg') center top no-repeat; }
.hcCtpd2 { background: url('../img/creatures/240/centipede_02.jpg') center top no-repeat; }
.hcFish1 { background: url('../img/creatures/240/fish_01.jpg') center top no-repeat; }
.hcFish2 { background: url('../img/creatures/240/fish_02.jpg') center top no-repeat; }
.hcHdr1 { background: url('../img/creatures/240/Hydra_01.jpg') center top no-repeat; }
.hcHdr2 { background: url('../img/creatures/240/Hydra_02.jpg') center top no-repeat; }
.hcHdr3 { background: url('../img/creatures/240/Hydra_03.jpg') center top no-repeat; }
.hcOrc { background: url('../img/creatures/240/orkWithStolenChest.jpg') center top no-repeat; }
.hcSn1 { background: url('../img/creatures/240/snail_01.jpg') center top no-repeat; }
.hcSn2 { background: url('../img/creatures/240/snail_02.jpg') center top no-repeat; }
.hcSn3 { background: url('../img/creatures/240/snail_03.jpg') center top no-repeat; }
.hcSn4 { background: url('../img/creatures/240/snail_04.jpg') center top no-repeat; }
.hcSt1 { background: url('../img/creatures/240/stone_01.jpg') center top no-repeat; }
.hcSt2 { background: url('../img/creatures/240/stone_02.jpg') center top no-repeat; }
.hcTr1 { background: url('../img/creatures/240/tree_01.jpg') center top no-repeat; }
.hcTr2 { background: url('../img/creatures/240/tree_02.jpg') center top no-repeat; }
.hcTr3 { background: url('../img/creatures/240/tree_03.jpg') center top no-repeat; }
.hcWls1 { background: url('../img/creatures/240/woodlouse_01.jpg') center top no-repeat; }
.hcWls2 { background: url('../img/creatures/240/woodlouse_02.jpg') center top no-repeat; }
.hcWrm1 { background: url('../img/creatures/240/worm_01.jpg') center top no-repeat; }
.hcWrm2 { background: url('../img/creatures/240/worm_02.jpg') center top no-repeat; }
.hcScor1 { background: url('../img/creatures/240/scorpio_01.jpg') center top no-repeat; }
.hcScor2 { background: url('../img/creatures/240/scorpio_02.jpg') center top no-repeat; }
.hcSnk1 { background: url('../img/creatures/240/snake_01.jpg') center top no-repeat; }
.hcSnk2 { background: url('../img/creatures/240/snake_02.jpg') center top no-repeat; }
.hcMnt { background: url('../img/creatures/240/minotaur.jpg') center top no-repeat; }
.tank { background: url('../img/creatures/240/tank.jpg') center top no-repeat; }
.band1 { background: url('../img/creatures/240/Bandit.jpg') center top no-repeat; }
.daRi1 { background: url('../img/creatures/240/DarkRider_01.jpg') center top no-repeat; }
.daRi2 { background: url('../img/creatures/240/DarkRider_02.jpg') center top no-repeat; }
.daRi3 { background: url('../img/creatures/240/DarkRider_03.jpg') center top no-repeat; }
.oct1 { background: url('../img/creatures/240/LandOctopus_01.jpg') center top no-repeat; }
.oct2 { background: url('../img/creatures/240/LandOctopus_02.jpg') center top no-repeat; }
.oct3 { background: url('../img/creatures/240/LandOctopus_03.jpg') center top no-repeat; }
.unicorn { background: url('../img/creatures/240/GlamourUnicorn.jpg') center top no-repeat; }
.fountain { background: url('../img/creatures/240/fountain.jpg') center top no-repeat; }
.evMa { background: url('../img/creatures/240/EvilMag.jpg') center top no-repeat; }
.vill { background: url('../img/creatures/240/SavedVillagers.jpg') center top no-repeat; }
.charmed { background: url('../img/roads/240/charmed.jpg') center top no-repeat; }
.charmed2 { background: url('../img/roads/240/charmed2.jpg') center top no-repeat; }
.bug1u { background: url('../img/creatures/240/bug_01u.jpg') center top no-repeat; }
.bug2u { background: url('../img/creatures/240/bug_02u.jpg') center top no-repeat; }
.ant2u { background: url('../img/creatures/240/ant_02u.jpg') center top no-repeat; }
.fish1u { background: url('../img/creatures/240/fish_01u.jpg') center top no-repeat; }
.tree1u { background: url('../img/creatures/240/tree_01u.jpg') center top no-repeat; }
.tree3u { background: url('../img/creatures/240/tree_03u.jpg') center top no-repeat; }
.centArstd { background: url('../img/creatures/240/arrestedCentaur.jpg') center top no-repeat; }
.elves01 { background: url('../img/creatures/240/Elves_01.jpg') center top no-repeat; }
.elves02 { background: url('../img/creatures/240/Elves_02.jpg') center top no-repeat; }
.elves03 { background: url('../img/creatures/240/Elves_03.jpg') center top no-repeat; }
.elves04 { background: url('../img/creatures/240/Elves_04.jpg') center top no-repeat; }
.elves05 { background: url('../img/creatures/240/Elves_05.jpg') center top no-repeat; }
.elves06 { background: url('../img/creatures/240/Elves_06.jpg') center top no-repeat; }
.elves07 { background: url('../img/creatures/240/Elves_07.jpg') center top no-repeat; }
.elves08 { background: url('../img/creatures/240/Elves_08.jpg') center top no-repeat; }
.elves09 { background: url('../img/creatures/240/Elves_09.jpg') center top no-repeat; }
.elves10 { background: url('../img/creatures/240/Elves_10.jpg') center top no-repeat; }
.elves11 { background: url('../img/creatures/240/Elves_11.jpg') center top no-repeat; }
.elves12 { background: url('../img/creatures/240/Elves_12.jpg') center top no-repeat; }
.elves13 { background: url('../img/creatures/240/Elves_13.jpg') center top no-repeat; }
.elves14 { background: url('../img/creatures/240/Elves_14.jpg') center top no-repeat; }
.elves15 { background: url('../img/creatures/240/Elves_15.jpg') center top no-repeat; }
.elves16 { background: url('../img/creatures/240/Elves_16.jpg') center top no-repeat; }
.elves17 { background: url('../img/creatures/240/Elves_17.jpg') center top no-repeat; }
.elves18 { background: url('../img/creatures/240/Elves_18.jpg') center top no-repeat; }
.elves19 { background: url('../img/creatures/240/Elves_19.jpg') center top no-repeat; }
.elves19_2 { background: url('../img/creatures/240/Elves_19_2.jpg') center top no-repeat; }
.elves20 { background: url('../img/creatures/240/Elves_20.jpg') center top no-repeat; }
.elves21 { background: url('../img/creatures/240/Elves_21.jpg') center top no-repeat; }
.megaMonster { background: url('../img/creatures/240/MegaMonster.jpg') center top no-repeat; }
.elves01u { background: url('../img/creatures/240/Elves_01u.jpg') center top no-repeat; }
.elves02u { background: url('../img/creatures/240/Elves_02u.jpg') center top no-repeat; }
.elves03u { background: url('../img/creatures/240/Elves_03u.jpg') center top no-repeat; }
.elves04u { background: url('../img/creatures/240/Elves_04u.jpg') center top no-repeat; }
.elves05u { background: url('../img/creatures/240/Elves_05u.jpg') center top no-repeat; }
.elves06u { background: url('../img/creatures/240/Elves_06u.jpg') center top no-repeat; }
.elves07u { background: url('../img/creatures/240/Elves_07u.jpg') center top no-repeat; }
.elves08u { background: url('../img/creatures/240/Elves_08u.jpg') center top no-repeat; }
.elves09u { background: url('../img/creatures/240/Elves_09u.jpg') center top no-repeat; }
.elves10u { background: url('../img/creatures/240/Elves_10u.jpg') center top no-repeat; }
.portal { background: url('../img/roads/240/portal.jpg') center top no-repeat; }
.portal2 { background: url('../img/roads/240/portal2.jpg') center top no-repeat; }
.santa1 { background: url('../img/creatures/240/Santa_01.jpg') center top no-repeat; }
.santa2 { background: url('../img/creatures/240/Santa_02.jpg') center top no-repeat; }
.snMdn1 { background: url('../img/creatures/240/SnowMaiden_01.jpg') center top no-repeat; }
.snMdn2 { background: url('../img/creatures/240/SnowMaiden_02.jpg') center top no-repeat; }
.prince { background: url('../img/creatures/240/prince.jpg') center top no-repeat; }
.bas {
width: 100%;
text-align: center;
}
.rubyPages {
width: 100%;
margin: 8px 0;
text-align: center;
}
.twoCols {
display: inline-block !important;
margin: 0.5% !important;
width: 47% !important;
}
.rubyGift {
font-size: 7pt;
color: #64E96F;
}
.cnBase {
width: 100%;
padding: 8px 8px;
text-align: center;
background: rgba(35, 67, 136, 0.7);
border: 1px #38559D solid;
}
.cnNum {
display: inline-block;
color: #ABAABA;
}
.cnChange {
display: inline-block;
margin-left: 14px;
color: #00ff00 !important;
font-size: 9pt;
font-weight: bold;
text-decoration: underline;
}
.nsActionBunch {
display: block;
width: 100%;
text-align: center;
border-top: 1px #567AF0 solid;
background: #3A5CCA;
padding: 2px 0 6px 0 !important;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
}
.inviteSubmitDiv {
width: 100%;
display: block;
text-align: center;
}
.bankAddInfo {
width: 100%;
margin: 5px 0 12px 0;
text-align: center;
font-size: 9pt;
}
.inhGreen {
margin: 3px 0 0 0 !important;
color: #1EFF00;
font-size: 7pt;
font-weight: bold;
}
.inhNormal {
margin: 3px 0 0 0 !important;
color: #FFF23B;
font-size: 7pt;
font-weight: bold;
}
.inhGrayItalic {
margin: 3px 0 0 0 !important;
color: #ABAABA;
font-size: 8pt;
font-weight: normal;
font-style: italic;
}
.inhGray {
margin: 3px 0 0 0 !important;
color: #B9B04D;
font-size: 7pt;
font-weight: bold;
}
.diffMed { color: #6BFF5E; }
.diffHigh { color: #FCFF5E; }
.diffVeryHigh { color: #FF715E; }
.diffIncr { color: #FF4B4B; }
.hntBase, .sltBase, .invBP {
width: 100%;
display: inline-block;
text-align: center;
background: rgba(35, 67, 136, 0.8);
border: 1px #38559D solid;
margin: 4px 0;
}
.invBPH, .advTH {
position: relative;
width: 100%;
display: inline-block;
text-align: center;
border: 1px #3490FF solid;
margin: 4px 0;
}
.invBPH {
background: rgba(77, 111, 222, 0.7);
}
.advTH {
background: rgba(77, 111, 222, 0.4);
}
.asSlts {
margin: 10px auto;
text-align: center;
width: 100%;
display: block;
}
.asSC {
display: inline-block;
min-height: 54px;
width: 75px;
height: auto;
margin: 0;
padding: 0;
text-decoration: none;
}
.asBB {
width: 100%;
margin: 0 0 10px 0;
}
.artCont {
width: 100%;
margin: 0px auto 2px auto;
text-align: center;
}
.artIt {
display: inline-block;
margin: 2px 0;
width: 48px;
text-decoration: none;
}
.bSl {
display: inline-block;
margin: 2px 0;
width: 48px;
text-decoration: none;
}
.allBp {
width: 100%;
margin: 0 0 2px 0;
text-align: center;
color: #33dd55;
font-weight: bold;
display: block;
font-size: 9pt;
}
.allBpAr {
margin: 2px 5px 0 5px;
}
.ebpe {
width: 100%;
text-align: center;
padding: 4px 0;
font-size: 9pt;
font-style: italic;
color: #A1A9C3;
}
.frArt {
font-style: italic;
color: #D5DBAA;
}
.prInf, .prInfG {
width: 100%;
display: block;
text-align: center;
margin: 6px 0;
}
.prInf {
font-size: 8pt;
color: #D5DBAA;
}
.prInfG {
font-size: 8pt;
font-weight: bold;
color: #00ff00;
}
.hMeDo, .bTL {
display: block;
color: #33dd55;
font-weight: bold;
font-size: 8pt;
}
.expBp {
color: #00ff00;
font-weight: bold;
}
.hMeDo img, .bTL img {
display: none;
}
.jAdInf {
color: #AC9DAA;
font-weight: bold;
margin: 8px 0;
}
.jAdInf2 {
color: #DCCDDA;
margin: 8px 0;
font-weight: bold;
}
.mgB {
border: 1px #3377bb solid;
background: rgba(35, 67, 136, 0.7);
margin: 0;
}
.mgHLB {
border-bottom: 1px #3377bb solid;
border-left: 1px #3377bb solid;
border-right: 1px #3377bb solid;
border-top: 1px rgba(35, 67, 136, 0.7) solid;
background: rgba(35, 67, 136, 0.7);
margin: 0;
}
.mcT {
color: #dadaff;
}
.mgT, .mcT {
background: rgba(35, 67, 136, 0.5);
border-bottom: 1px #2F61B2 solid;
font-size: 10pt;
font-weight: bold;
padding: 2px 0 4px 0;
margin: 3px 0;
}
.mgT {
color: #8EBAFF;
}
.mgL {
margin: 10px 0;
color: #7F7FBA;
font-size: 9pt;
font-weight: normal;
font-style: italic;
}
.mgL1, .mgL2 {
margin: 10px 0;
font-size: 8pt;
color: #7F7FBA;
font-weight: bold;
}
.mgL3 {
margin: 10px 0;
padding: 0 4px;
font-size: 8pt;
color: #7F7FBA;
font-weight: bold;
}
.mgC {
margin: 4px 0;
padding: 2px 5px;
font-weight: bold;
color: #DBDAEA;
}
.gldTbl {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}
.gldTbl tr {
background: rgba(35, 67, 136, 0.2);
}
.gldTbl tr:nth-child(odd) {
background: rgba(35, 67, 136, 0.7);
}
.gldTbl tr:HOVER {
background: #24418B;
}
.gldTbl td {
}
.gldTblTd1 {
padding: 7px;
width: 35px;
}
.gldTblTd2 {
padding: 0;
}
.gldTblA {
display: inline-block;
width: 100%;
height: 48px;
text-decoration: none;
}
.gdTlN {
display: inline-block;
color: #8EBAFF;
font-size: 9pt;
margin: 6px 0 1px 0;
}
.gdTlP {
display: inline-block;
color: #88A8D6;
font-size: 10pt;
}
.gdTlE1, .gdTlE2 {
color: #ABABDA;
}
.frmMod {
color: #ABABDA;
text-align: center;
width: 100%;
}
.frmLN{
color:#7da2ff;
}
.chFm {
margin: 0;
text-align: center;
padding: 12px 0;
background: rgba(35, 67, 136, 0.7);
border: 1px #38559D solid;
}
.chtMod {
display: block;
color: #ABABDA;
margin: 0 0 0 20px;
}
.drpGld {
text-align: center;
display: block;
color: #ff0000;
margin: 20px auto;
width: 140px;
}
.confBck {
text-align: center;
display: block;
font-size: 12pt;
color: #00ff00;
margin: 12px 0;
}
.gdBtM, .gdBtR {
margin: 0 2px;
width: 30%;
border: 0;
padding: 2px;
}
.gdBtI {
margin-right: 5%;
}
.gdBtCont {
margin-bottom: 10px;
display: inline-block;
}
.tdnone {
text-decoration: none;
}
.invC1 {
color: #8EBAFF;
font-size: 10pt;
font-weight: bold;
}
.invC2 {
color: #ABABDA;
}
.invC1 a {
color: #8EBAFF;
}
.gdRb {
margin-left: 10px;
}
.guBuRep {
margin: 0;
}
.guBuItB {
border-bottom: 1px dashed #354797;
margin-bottom: 10px;
}
.guBuItN, .guPlN {
font-size: 14pt;
font-weight: bold;
color: #8EBAFF;
}
.guBuItRd {
color: #00ff00;
font-size: 11pt;
font-weight: bold;
}
.guBuItN, .guBuItD, .guBuItC, .guBuItRd, .guBuItP, .guBuItL {
margin: 5px 0;
}
.guBuItD, .guBuItP {
font-size: 10pt;
font-weight: bold;
color: #8EBAFF;
}
.guBuItC, .guBuItL, .guPlS {
color: #ABABDA;
font-style: italic;
}
.guPlI, .guPlS {
margin: 5px 0;
}
.guPlI span {
font-size: 14pt;
color: #8EBAFF;
font-weight: bold;
position: relative;
top: 10px;
margin-left: 5px;
}
.gPlImg {
width: 20px;
height: 20px;
}
.mgP1 {
color: #8EBAFF;
font-weight: bold;
}
.mgP2 span {
position: relative;
top: 5px;
color: #8EBAFF;
font-weight: bold;
}
.mgP2Sp {
margin-left: 15px;
}
.mgP1, .mgP2 {
margin: 8px 0;
}
.gBnsImg {
margin-left: 8px;
}
.ghbfl img, .ghbfr img, .ghimg{
margin: 4px 5px;
}
.ghbfl {
float: left;
}
.ghbfr {
float: right;
}
.gmHI {
color: #7F7FBA;
font-size: 9pt;
font-style: italic;
}
.mpDctr {
margin: 5px 0;
width: 100%;
text-align: left;
}
.mpDctr img {
width: 40px;
height: auto;
margin-left: 10px;
}
.mpDctr span {
display: inline-block;
}
.taBl, .taBlH {
margin: 10px auto;
width: 80%;
color: #A8C4FF;
}
.taBlW {
margin: 10px auto;
color: #FCC93D;
font-weight: bold;
font-size: 11pt;
}
.taBlH {
font-weight: bold;
font-size: 10pt;
}
.hlpl {
color: #7F7FBA;
font-size: 9pt;
}
.gbcb {
position: absolute;
top: 4px;
right: 4px;
width: 18px;
height: 18px;
}
.coolIRR {
margin: 10px 0;
color: #ff4444;
}
.hmp {
margin: 0 6px;
}
.blrB {
background: rgba(35, 67, 136, 0.5);
border: 1px #38559D solid;
margin: 2px 0;
text-align: center;
}
.blrC1 {
color: #dadaff;
font-weight: bold;
margin: 8px 0;
font-size: 8pt;
}
.blrC2 {
color: #23F023;
font-size: 8pt;
font-weight: bold;
margin: 8px 0;
}
.blrC3 {
color: #FFD033;
font-size: 8pt;
font-weight: bold;
margin: 8px 0;
}
.sgtpM {
margin: 2px 0 0 2px;
}
.fphb {
text-decoration: none !important;
width: 100%;
display: inline-block;
}
.nsOldP {
text-decoration: line-through;
color: #ABAABA;
}
.cnC1 {
color: #23F023;
font-size: 9pt;
font-weight: bold;
margin: 8px 0;
}
.mcI {
margin-left: 10px;
}
.mcP1, .mcHl1, .mcHl2 {
font-weight: bold;
color: #dadaff;
margin: 5px 0;
font-size: 8pt;
}
.mcSP {
display: inline-block;
margin: 3px 0;
padding: 0;
}
.mcSP2 {
color: #cfcfff;
font-size: 8pt;
margin: 5px 0 8px 0;
}
.nssRwds {
margin: 8px 0;
}
.nssH3 {
margin: 6px 0;
font-weight: bold;
color: #cfcfff;
font-size: 8pt;
}
.nssH2 {
margin: 4px 0;
color: #ABAABA;
font-size: 8pt;
}
.nssH4 {
margin: 4px 0;
font-weight: bold;
color: #81A9FF;
font-size: 8pt;
}
.nssV {
color: #81FF8D;
}
.nss240c {
width: 100%;
margin: 8px auto;
text-align: center;
}
.mcSP3, .mcSP4 {
color: #cfcfff;
font-size: 8pt;
display: inline-block;
}
.mcSP3 {
margin: 0 0 0 4px;
}
.mcSP4 {
margin: 0 4px 0 0;
}
.mcSP0 {
width: 100%;
text-align: left;
}
.mcSP4 {
float: right;
}
.gBnsImg2 {
width: 14px;
height: 14px;
}
.nssRwd {
margin: 4px 0;
}
.abB {
margin: 12px 0;
}
.abC1 {
font-size: 8pt;
color: #92FFB3;
margin: 2px 0;
font-weight: bold;
}
.abC2 {
font-size: 8pt;
color: #AC9DAA;
}
.ltlGnDiv {
margin: 5px 0;
width: 100%;
text-align: left;
}
.ltlGnDiv img {
width: 30px;
height: auto;
padding: 0;
margin: 0 0 0 10px;
}
.ltlGnDiv span {
width: 50%;
display: inline-block;
}
.hpnO {
width: 42%;
display: inline-block;
height: 8px;
margin: 0 1%;
}
.hpnTable {
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid #3377BB;
border-right: 1px solid #3377BB;
border-left: 1px solid #3377BB;
border-bottom: 1px #2F4AA2 solid;
background: none repeat scroll 0 0 rgba(35, 67, 136, 0.6);
}
.hpnTable, .hpnTable tr, .hpnTable tr td {
margin: 0;
padding: 0;
border-spacing: 0;
vertical-align: top;
}
.hpnL {
border: 1px solid #3377BB;
border-right: 2px solid #3377BB;
}
.hpnT1 {
color: #BBBAE4;
background: rgba(35, 67, 136, 0.5);
border-bottom: 1px #2F4AA2 solid;
font-size: 8pt;
font-weight: bold;
padding: 2px 0 2px 2px;
margin: 0;
}
.hpnM {
width: 100%;
text-align: left;
font-weight: bold;
color: #dadaff;
font-size: 8pt;
padding: 4px 0;
text-indent: 2px;
}
.hpnP {
color: #ABAABA;
background: rgba(35, 67, 136, 0.5);
font-size: 11pt;
font-weight: bold;
margin: 0;
padding: 0;
}
.hpnH {
width: 14px;
height: 14px;
padding: 0 0 0 5px;
margin: 0;
}
.hpnD {
float: left;
width: 30px;
color: #bbbbee;
}
.hpnC {
color: #bbbbee;
font-size: 7pt;
}
.hpnImageTd {
width: 100px;
}
.hpnL {
width: 100px;
}
.mcHl1, .mcHl2 {
text-align: left;
width: 100%;
margin: 0;
padding: 4px 0;
text-indent: 10px;
}
.hpnTable {
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
-o-border-radius: 2px 2px 0 0;
}
.mgHLB {
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
-o-border-radius: 0 0 2px 2px;
}
.hpnPrm {
display: inline-block;
}
.hpnPrmH {
visibility: hidden;
display: block;
height: 0;
}
.trmUI {
color: #00ff00;
font-size: 14pt;
font-weight: bold;
}
.mcPS {
color: #00ff00;
font-weight: bold;
}
.taHN3 {
width: 80%;
margin: 10px auto;
}
.taHN1, .taHN3 {
font-weight: bold;
font-size: 9pt;
color: #45FF48;
}
.taHN2 {
font-size: 8pt;
color: #C7CBFF;
}
.gBnsSp {
margin: 2px 4px;
display: inline-block;
}
.suBl {
margin: 10px 0 0 0;
}
.suIm {
position: relative;
bottom: 2px;
margin-left: 2px;
}
.suFr {
position: relative;
bottom: 10px;
}
.nsSlBn {
padding: 0;
border: 1px #2470DF solid;
display: block;
text-decoration: none;
}
.nsSlBnI {
width: 25px;
height: 25px;
margin: 0 4px;
}
.nsSlBnT, .nsSlBnF {
font-weight: bold;
font-size: 9pt;
background: rgba(77, 111, 222, 0.4);
padding: 4px 0;
text-align: center;
width: 100%;
}
.nsSlBnT {
border-bottom: 1px #2470BB solid;
font-size: 10pt;
color: #FFDD00;
}
.nsSlBnF {
border-top: 1px #2470BB solid;
color: #00ff00;
font-size: 8pt;
font-weight: bold;
}
.nsSlBnF img {
position: relative;
bottom: 2px;
}
.nsSlBnIt {
width: 80%;
margin: 10px 10%;
text-align: center;
}
.nsSlBnIt span {
margin-top: 10px;
color: #9FFFBC;
font-size: 8pt;
font-weight: bold;
position: relative;
top: 2px;
}
.nsSlG {
color: #00ff00;
text-decoration: underline;
}
.nsSlGry {
color: #9FFFBC;
}
.shT2 {
position: relative;
top: 2px;
}
.edrM {
color: #00ff00;
font-weight: bold;
margin: 5px 0;
}
.fn {
display: inline-block;
width: 100%;
text-align: center;
}
.gtPerf, .gtPerf2 {
margin: 5px 0;
}
.gtPerf a, .gtPerf {
color: #cfcfff;
font-weight: bold;
font-size: 8pt;
}
.gtPerf3 {
font-size: 10pt;
}
.gtPerf2, .gtPerf3 {
color: #C7CBFF;
}
.gtPO {
width: 50%;
}
.gtPP {
font-size: 8pt;
color: #C7CBFF;
display: inline-block;
}
.gtws, .gtws a {
color: #C7CBFF;
}
.gtws {
font-size: 8pt;
}
.hof {
display: block;
padding: 20px 0;
color: #C7CBFF;
font-size: 16pt;
border: 1px #38559D solid;
background: rgba(35, 67, 136, 0.4);
text-decoration: underline;
}
.hofB, .hofD {
display: block;
border: 1px #38559D solid;
background: rgba(35, 67, 136, 0.4);
background: url(../img/bb.jpg) repeat;
}
.hofB {
padding: 20px 0;
}
.hofB span {
color: #00ff00;
font-size: 16pt;
}
.hofC {
font-size: 9pt;
color: #C7CBFF;
}
.hofC2 {
font-size: 10pt;
color: #C7FFCB;
}
.hofC3 {
font-size: 10pt;
color: #A7EBFF;
}
.boAw {
color: #33ff33;
font-weight: bold;
font-size: 9pt;
}
.invGrBl {
color: #615EA8;
}
.trgr {
color: #585F9D;
width: 100%;
display: inline-block;
}
.mfcont {
width: 100%;
float: left;
}
.map4 {
visibility: visible;
}
.map4d {
width: auto;
display: inline-block;
text-decoration: underline;
}
.map5 {
visibility: hidden;
margin: 0 !important;
}
.map5d {
width: 0;
display: inline-block;
text-decoration: underline;
}
.map6 {
visibility: hidden;
margin: 0;
}
.map6d {
width: 0;
display: inline-block;
text-decoration: underline;
}
.map7 {
visibility: hidden;
margin: 0;
}
.map7d {
width: 0;
display: inline-block;
text-decoration: underline;
}
.map8 {
visibility: hidden;
margin: 0;
}
.map8d {
width: 0;
display: inline-block;
text-decoration: underline;
}
.admInf {
color: #C7CBFF;
font-size: 10pt;
padding: 4px 0;
}
.admN {
color: #C7CBFF;
position: relative;
top: -2px;
}
/* Arena news panel styles, do not move them to arena.css, they should be available from any page */
.arInvD {
color: #C7CBFF;
margin: 5px 0;
font-weight: normal;
font-size: 11pt;
}
.arInvP1, .arInvP2 {
font-size: 8pt;
margin: 5px 0;
}
.arInvP1, .pale {
color: #979BFF;
font-weight: normal;
}
.arInvP2 {
font-weight: bold;
color: #C7FBFF;
}
.arInvWho {
color: #C7EBFF;
font-weight: bold;
}
.campLink {
display: inline-block;
width: 100%;
text-align: center;
margin: 4px 0 0 0;
text-decoration: none;
}
.campDesc0 {
font-size: 8pt;
}
.campDesc1 {
color: #65E3F3;
}
.campDesc2 {
color: #5aFF5a;
}
.campDet {
color: #F2C878;
text-decoration: underline;
font-size: 7pt;
}
/* mymail footer fix*/
.b-foot {
text-shadow: none;
}
.oHeadStat {
display: inline-block;
width: 16px;
height: 16px;
margin: 0 2px 0 0;
padding: 0;
}
.mfcontOut {
float: left;
margin-bottom: 4px;
}
.mfcontOut a {
color: #758AC7;
font-size: 9pt;
}
.llRef {
color: #DEC7AC;
margin: 5px auto;
font-size: 10pt;
width: 80%;
display: block;
}
.okLogo {
width: 0;
height: 0;
}
.wideBtn2 {
width: 70%
}
.smlCont {
width: 100%;
text-align: center;
}
.smlBlck {
text-decoration: none;
padding: 5px 0;
display: inline-block;
width: 34%;
text-align: left;
}
.smlBlck span {
color: #dfdfff;
font-size: 9pt;
margin: 0 5px;
}
.gftTp1, .gftBtm1, .gftBtm2 {
padding: 5px 0;
font-size: 11pt;
font-weigh: bold;
color: #dfdfff;
background: rgba(35, 67, 136, 0.5);
}
.gftTp1 {
border-bottom: 1px #28458D solid;
}
.gftBtm1, .gftBtm2 {
border-top: 1px #28458D solid;
}
.hofD {
position: relative;
}
.stGD {
color: #A5F3FF;
font-size: 9pt;
}
.gdLogo {
width: 16px;
height: 16px;
margin: 1px 3px 1px 1px;
}
.gdLink {
border: 1px #28458D solid;
padding: 4px 6px 5px 6px;
color: #aaaadd;
text-decoration: none;
font-weight: bold;
background: rgba(35, 67, 136, 0.5);
font-size: 8pt;
}
.rstTask {
margin: 0 0 8px 0;
text-align: center;
}
.rstTask a {
color: #AAAAEE;
font-weight: bold;
font-size: 8pt;
}
.holi1, .holi5 {
background: rgba(35, 67, 136, 0.4);
text-align: center;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
}
.holi1 {
background: url(../img/bb.jpg) repeat;
}
.holi2 {
margin: 15px 0;
color: #00E1FF;
font-size: 12pt;
}
.holi3 {
padding: 0 0 10px 0;
}
.holi4 {
padding: 0 0 4px 0;
color: #ffffff;
text-align: center;
}
.holi5 {
color: #C7CBFF;
margin: 4px 0;
padding: 6px 0 10px 0;
border-top: 1px #38559D solid;
font-size: 8pt;
}
.holi5 a {
color: #C7CBFF;
}
.rfrsh {
position: absolute;
color: #beb5e7;
text-decoration: underline;
font-size: 7pt;
top: 10px;
right: 54px;
font-weight: normal;
}
.fs12 { font-size: 12pt; }
.block {display: block;}
.ptr {cursor: pointer;}
.m1 {margin: 2px 0;}
.f1 {font-size: 11px;}
.votingOption{
text-decoration:none;
width:100%;
display:inline-block;
padding: 3px 0 5px 0;
}
.votingOption:hover{
background-color: #24418B !important;
}
.circle {
display:inline-block;
width: 16px;
height: 16px;
background: url("icons/vopt16.png");
position: relative;
top: 3px;
}
.votingBar{
display:inline-block;
width:85%;
height: 18px;
}
.votingBar div{
float: left;
display:inline-block;
height: 18px;
width:0%;
margin-top: 5px;
}
.votingProgress{
position:relative;
background-color:#508beb !important;
}
.votingEmpty{
background-color: #24418B !important;
}
.offrBtn{
width:55%;
}
.cmpBlI {
padding: 3px 7px !important;
}
.nwYrTree{background:url('../img/hldGifts/tree126.png');width:126px;height:162px;}
.hldBox{background:url('../img/hldGifts/72.png');width:72px;height:72px;}
.hldOpBx{background:url('../img/hldGifts/72o.png');width:72px;height:72px;}
.mbl2col { width: 49% !important; display: inline-block !important; min-width: 49% !important;}
.mbl2col > a > table > tbody > tr > td > img { margin-left: 0px }
.xslTiny {
background: inherit !important;
text-align: center;
text-decoration: underline;
font-size: 14px;
color: #8a9152 !important;
margin-bottom: 16px;
display:block;
border-top: none !important;
border-bottom: none !important;
}
.xslTiny > a > table > tbody > tr > td > img { display:none }
.xslTiny > a > table > tbody > tr > td > span { font-size: 13px !important;
text-decoration: underline !important; color: #7F7FBA; padding-right: 20px; }