.crystal table.buttons { margin:0 0 12px 0; }
.crystal table.buttons td { padding:2px; width:25%; }
.crystal table.buttons .button { width:100%; font-size:110%; }

.exchange { padding-top: 0 !ie7;}
.exchange .welcome { position: relative; background: #fbe19f; height: 270px; margin-bottom: 60px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; behavior:url("/@/behaviors/PIE.htc");}
.exchange .welcome h5 { color: #a67953; font-weight: normal; font-size: 11px; margin: 5px 0; }
.exchange .welcome .bg { display: block; position: absolute; bottom: -10px; left: 0; width: 100%; height: 158px; background: url('../images/loc/exchange/bg.png') no-repeat bottom center;}
.exchange .welcome .pers { display: block; position: absolute; bottom: -55px; left: -10px; height: 263px; width: 151px;  background: url('../images/loc/exchange/izzy.png') no-repeat bottom center; }
.exchange .welcome .container { width: 310px; padding: 17px 5px 5px 5px; position: absolute; left: 50%; margin-left: -164px; }
.exchange .welcome .hint { width: 130px; position: absolute; right: -149px; top: 39px; text-align: left; font-size: 11px; color: #ab6a33;}
.exchange .welcome .crystals-container { height: 60px; margin: 0 -3px; }

.exchange .welcome .wrapper { cursor: pointer; float: left; margin: 0 2px; height: 39px; width: 39px; border: 1px solid #e5c26b; background: #fef0d1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 8px 2px #F1D186;-webkit-box-shadow: 0px 0px 8px 2px #F1D186;box-shadow: 0px 0px 8px 2px #F1D186; behavior:url("/@/behaviors/PIE.htc"); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAnCAYAAAAl15mhAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADxSURBVHjaPMbLTsIAAETR+f8/Ap8YJRqJBg1GI0R8kbSUAqWtcTFz3XlWR/gX/Iv+k58V+Vmh9N+k/0bpv0j/hdJ/kv4Tpfsg3QdK9066d5RuSbolSvtG2jeUdkHaBUo7J+0c5fBKDq8ohxdyeEFpnknzjNI8keYJpZmRZoayfyT7R5T9A9k/oOymZDdF3t3j3T3y9g5v75C3E7ydINe3uL5Frm9wfYNcX+P6Gnkzxpsx8uYKb66Qq0tcXSJXF7i6QK5GuBohr8/x+hx5fYbXZ8jlKS5PkcsTXJ4gl8e4PEYuj3B5hFwMcTFELga4GPA3AOKZJBaia9+XAAAAAElFTkSuQmCC);}
.exchange .welcome .wrapper.chosen { background: #f6dc9d; -moz-box-shadow: inset 0px 2px 1px 0px #EEC66D; -webkit-box-shadow: inset 0px 2px 1px 0px #EEC66D; box-shadow: inset 0px 2px 1px 0px #EEC66D; behavior:url("/@/behaviors/PIE.htc"); }
.exchange .welcome .wrapper .crystal-thumb { width: 39px;height: 39px;display: block; }
.exchange .welcome .wrapper .crystal-thumb i { margin-top: 5px; }
.exchange .welcome .wrapper .amount { padding: 0px 4px; margin-top: 2px; display: inline-block; display: block !ie7; color: #ab6a33; font-size: 10px; background: #f9e9c0;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior:url("/@/behaviors/PIE.htc"); }

.exchange .welcome .exchange-container { background: #ffeab5; margin-top: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior:url("/@/behaviors/PIE.htc");}
.exchange .welcome .exchange-container .actions { text-align: center; border-top: 2px solid #fbe19f; padding: 6px; }
.exchange .welcome .change-area { height: 89px; position: relative; }
.exchange .welcome #crystal-left { position: absolute; top: 12px; left: 43px; }
.exchange .welcome #crystal-right	{ position: absolute; top: 12px; right: 43px; }
.exchange .welcome .change-area .arrows { display: block; position: absolute; left:50%; top: 14px; height: 41px; width: 56px; margin-left: -28px;background: url('../images/decor/exchange-sprite.png') -43px 0; }
.exchange .welcome .change-area .wrapper.empty { border: none; height: 43px; width: 43px; background: url('../images/decor/exchange-sprite.png') 0 0; -moz-box-shadow:none; -webkit-box-shadow: none;box-shadow:none;behavior:url("/@/behaviors/PIE.htc");}
.exchange .welcome .change-area .wrapper .crystal-thumb i { margin-top: 7px; }
.exchange .welcome .change-area .wrapper .amount { font-family: Arial; font-size: 13px; font-weight: bold; margin-top: 8px; display: inline-block; display: block !ie7; color: #ab6a33; background: none; }
.exchange .welcome .change-area input { display: none;}
.exchange .welcome .change-area .slider { display: none;}
.exchange .welcome .change-area .wrapper.empty span { display: none !important; }

.exchange .welcome .change-area .wrapper { height: 43px; width: 43px; -moz-box-shadow:none; -webkit-box-shadow: none;box-shadow:none;behavior:url("/@/behaviors/PIE.htc"); background: #fef3db; }
.exchange .welcome .change-area .wrapper span { display: block; }

.exchange .welcome .change-area.active .amount { display: none;}
.exchange .welcome .change-area.active input { font-family: Arial; font-weight: bold; display: block; margin: 7px 0 0 0;border: 1px solid #d2b366;width: 42px;text-align: center;padding: 0; -moz-box-shadow: inset 0px 2px 1px 0px #fdf1d4; -webkit-box-shadow: inset 0px 2px 1px 0px #fdf1d4; box-shadow: inset 0px 2px 1px 0px #fdf1d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;behavior:url("/@/behaviors/PIE.htc");}
.exchange .welcome .change-area.active input:focus { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;behavior:url("/@/behaviors/PIE.htc");}
.exchange .welcome .change-area.active .arrows { display: none;}
.exchange .welcome .change-area.active .slider { display: block;}

.exchange .welcome .change-area .wrapper.purple .amount,
.exchange .welcome .change-area .wrapper.purple input { color:#6d12a7; }
.exchange .welcome .change-area .wrapper.green .amount,
.exchange .welcome .change-area .wrapper.green input { color:#11a025; }
.exchange .welcome .change-area .wrapper.azure .amount,
.exchange .welcome .change-area .wrapper.azure input { color:#0aa7bc; }
.exchange .welcome .change-area .wrapper.blue .amount,
.exchange .welcome .change-area .wrapper.blue input { color:#1941c9; }
.exchange .welcome .change-area .wrapper.pink .amount,
.exchange .welcome .change-area .wrapper.pink input { color:#cc0b5f; }
.exchange .welcome .change-area .wrapper.red .amount,
.exchange .welcome .change-area .wrapper.red input { color:#ce5333; }
.exchange .welcome .change-area .wrapper.yellow .amount,
.exchange .welcome .change-area .wrapper.yellow input { color:#dbb501; }
.exchange .welcome .change-area #slider { display: none;}
.exchange .welcome .change-area .ui-widget-content { background: none; }
.exchange .welcome .change-area .ui-state-default { background: none; }
.exchange .welcome .change-area.active #slider { display: block; width: 110px; left: 50%; margin-left: -55px; position: absolute; top: 28px; height: 7px; border: 1px solid #e8c876;background: #fefcf8;-moz-box-shadow: inset 0px 2px 8px -1px #EDD094; -webkit-box-shadow: inset 0px 2px 8px -1px #EDD094; box-shadow: inset 0px 2px 8px -1px #EDD094; behavior:url("/@/behaviors/PIE.htc");}
.exchange .welcome .change-area.active #slider a { display: block; position: absolute; width: 12px; height: 12px; margin-left: -7px; margin-top: -3px; background: #faca54; border: 1px solid #cf9a18;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0px 2px 1px 0px #fdf1d4; -webkit-box-shadow: inset 0px 2px 1px 0px #fdf1d4; box-shadow: inset 0px 2px 1px 0px #fdf1d4; behavior:url("/@/behaviors/PIE.htc");}
.exchange .welcome .change-area .btn { position: absolute; left: 50%;  top: 46px; cursor: pointer; margin: 0 2px; height: 19px; width: 19px;border: 1px solid #e5c26b;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;behavior:url("/@/behaviors/PIE.htc"); background: #fef3db; }
.exchange .welcome #crystals-to-left { margin-left:-52px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAA6SURBVHjaYvj//z/D////GVZnGf+HsWF8JgYGBoY12Sb/YTSMzcDAwMCEzEEHTCFTzzDikmTAZydgAAieMeNc02MYAAAAAElFTkSuQmCC) center center no-repeat;}
.exchange .welcome #crystals-equal { margin-left:-10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAFCAYAAACTphZWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAA/SURBVHjaYvj//z/D6izj/////2eAYVx8pjXZJv8ZGBgYYDQ6QJZnwiaBi4+iOGTqGUZ8fAZS3AwAAAD//wMAqmpOqTXd6vkAAAAASUVORK5CYII=) center center no-repeat;}
.exchange .welcome #crystals-to-right { margin-left: 32px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAA4SURBVHjaYlidZfz/////DDCMzGdigII12Sb/12Sb/IexGRgYEJLoYE22yX+ckiFTzzAy4LMTMAB/fzHjH6wT6AAAAABJRU5ErkJggg==) center center no-repeat;}




.wrapper {
    width: 500px;
    height: 170px;
    margin: 30px 30px;
    
   }
.arrow-wrapper {
    width: 24px;
    height: 170px;
    position: relative;
}
.arrow-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 0; 
    height: 0; 
    border-top: 85px solid transparent;
    border-bottom: 85px solid transparent;
    border-left: 12px solid #fbe19f;
}
.arrow-small-wrapper {
  height: 108px;
  width: 8px;
  margin-top: 20px;
  margin-left:3px;  
 position: absolute;
    top: 12px;
    left: 5px;    
}
.block-small {
   position: absolute;
    top: 0;
    left: -8px;  
    width: 8px; 
    height: 108px; 
    background: white;
}
.arrow-small {
   position: absolute;
    top: 0;
    left: 0;  
    width: 0; 
    height: 0; 
    border-top: 54px solid transparent;
    border-bottom: 54px solid transparent;
    border-left: 8px solid white;
}





.amulet {}

.amulet table.crystals,
.amulet .amulets-list { margin-bottom: 11px; }
.amulet .amulets-list dl.vtabs dd { padding: 2px 43px 6px; background: #FBE19F; }
.amulet .amulets-list .jcarousel-clip { overflow: hidden; }
.amulet .amulets-list .arrow-left-2 { position: absolute; top: 47px; left: -11px; }
.amulet .amulets-list .arrow-right-2 { position: absolute; top: 47px; right: -11px; }
.amulet .amulets-list .object-thumbs { height: 84px; overflow-y: hidden; }

.amulet dl.vtabs dt.active div { background-position: 0 -220px; padding-left: 0; }
.amulet dl.vtabs dt.active div div { padding-left: 10px; background-position: 100% -160px; }

.amulet dl.vtabs dd { min-height: 68px; padding: 6px; }

.amulet dl.vtabs .crystal-thumbs {}
.amulet dl.vtabs .crystal-thumbs .ul-wrapper { width: 490px; overflow: auto;overflow-y: hidden; position: relative; }
.amulet dl.vtabs .crystal-thumbs .ul-wrapper ul { display: inline-block; /*width: 490px; */height: 70px; margin: 0; padding: 0; white-space: nowrap; }
.amulet dl.vtabs .crystal-thumbs .ul-wrapper ul li { position: relative; display: block; margin-right: 2px; border: 2px solid #fcdaa4; height: 64px; width: 64px; background:url(../images/ico/slots.png) 0 0 no-repeat; display: inline-block;  *display: inline;  *zoom: 1;  float: none;}
.amulet dl.vtabs .crystal-thumbs .ul-wrapper ul li.empty img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; filter: alpha(opacity=55); -moz-opacity: 0.55; -khtml-opacity: 0.55;  opacity: 0.55; behavior:url("/@/behaviors/PIE.htc");}
.amulet dl.vtabs .crystal-thumbs .amount { padding: 0 3px; color: #ab6a33; position: absolute; bottom: 1px; right: 1px; background: #ffce6f; color: #ab6a33; font-size: 10px; -webkit-border-top-left-radius: 3px;-moz-border-radius-topleft: 3px;border-top-left-radius: 3px; behavior:url("/@/behaviors/PIE.htc"); }
.amulet dl.vtabs .crystal-thumbs .hint { float: right; width: 115px; text-align: right; font-size: 11px; font-family: Tahoma, Arial; margin: 6px; }

.amulet .block-rounded.actions { padding: 6px; background: #faca55; text-align: center; }
.amulet .block-rounded.actions .button-wrapper { margin-right: 9px; background: white; padding: 3px 5px; padding: 2px 0px 2px 4px !ie7; display: inline-block; display: inline !ie7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior:url("/@/behaviors/PIE.htc"); }
.amulet.amulet-new .block-rounded.actions { margin-top: -15px; }
.amulet.amulet-new .block-rounded.actions .tlc,
.amulet.amulet-new .block-rounded.actions .trc { display: none; }

.amulet .block-rounded.upgrade-steps { height: 230px; background: none; }
.amulet .block-rounded.upgrade-steps .step { background: #fff; width: 152px; padding-left: 30px; height: 190px; position: absolute; top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; filter: alpha(opacity=55); -moz-opacity: 0.55; -khtml-opacity: 0.55;  opacity: 0.55; behavior:url("/@/behaviors/PIE.htc"); }
.amulet .block-rounded.upgrade-steps .jcarousel-item-1 > div { padding-left: 0; width: 182px; }
/*.amulet .block-rounded.upgrade-steps .step.step1 { width: 155px; left: 0; }
.amulet .block-rounded.upgrade-steps .step.step2 { width: 170px; left: 155px; }
.amulet .block-rounded.upgrade-steps .step.step3 { width: 160px; left: 325px; }
.amulet .block-rounded.upgrade-steps .step.step4 { width: 168px; left: 485px; }*/
.amulet .block-rounded.upgrade-steps .step.done,
.amulet .block-rounded.upgrade-steps .step.ready { background: #fbe19f;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1;  opacity: 1; behavior:url("/@/behaviors/PIE.htc"); }
.amulet .block-rounded.upgrade-steps .step img { margin-top: 20px; /*display: block;*/ }
.amulet .block-rounded.upgrade-steps .step.ready img { margin-top: 18px; }
.amulet .block-rounded.upgrade-steps .step > button,
.amulet .block-rounded.upgrade-steps .step > div { margin-top: 6px;  }
.amulet .block-rounded.upgrade-steps .step .name span { padding: 1px 5px; color: #a9783a; background: #fffdf7; font-size: 11px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior:url("/@/behaviors/PIE.htc"); }
.amulet .block-rounded.upgrade-steps .step .status b { font-size: 11px; color: #ab6a33; }
.amulet .block-rounded.upgrade-steps .step .status,
.amulet .block-rounded.upgrade-steps .step button,
.amulet .block-rounded.upgrade-steps .step .price { display: none; }
.amulet .block-rounded.upgrade-steps .step.ready .status,
.amulet .block-rounded.upgrade-steps .step.done .status,
.amulet .block-rounded.upgrade-steps .step.ready .price,
.amulet .block-rounded.upgrade-steps .step.done .price { display: block; }
.amulet .block-rounded.upgrade-steps .step.ready button,
.amulet .block-rounded.upgrade-steps .step.done button { display: inline-block; display inline !ie7; }
.amulet .block-rounded.upgrade-steps .step .arrow { height: 169px; width: 17px; position: absolute; top: 17px; z-index: 1; right: -16px; background: url('../images/decor/crystal-step-arrow.png') -17px 0 no-repeat; }
.amulet .block-rounded.upgrade-steps .step.ready .arrow,
.amulet .block-rounded.upgrade-steps .step.done .arrow { background-position: 0 0; }

.amulet .block-rounded.pump { height: 380px; position: relative;  }
.amulet.amulet-new .block-rounded.pump { height: 240px; padding-bottom: 17px; }

.amulet .block-rounded.pump .stats-left { position: absolute; top: 10px; left: 14px;  }
.amulet .block-rounded.pump .stats-right { position: absolute; top: 10px; right: 4px;  }

.amulet .block-rounded.pump .stat { width: 170px; height: 46px; color: #724927; font-size: 11px; }
.amulet .block-rounded.pump .stat * { cursor: default;}
.amulet .block-rounded.pump .stat.hover,
.amulet .block-rounded.pump .stat:hover { background: #fff5dd !important; }
.amulet .block-rounded.pump .stat .name { margin: 3px 0 2px 5px; }
.amulet .block-rounded.pump .stat .progressbar { height: 10px; width: 145px; min-width: 100% !ie7; background: #ffefc8; margin: 0 0 2px 4px; padding: 0; overflow: hidden; }
.amulet.amulet-new .block-rounded.pump .stat .progressbar { height: 19px; width: 100px; background: url('../images/loc/amulet/bar.png') 0px 0px no-repeat; position: relative; }
.amulet .block-rounded.pump .stat .progressbar span { height: 10px; display:block; float: left; }
.amulet.amulet-new .block-rounded.pump .stat .progressbar span { height: 19px; display:block; float: left; }
.amulet .block-rounded.pump .stat .progressbar .main { background: #cc884e; }
.amulet .block-rounded.pump .stat .progressbar .main-extra { background: #724927; }
.amulet .block-rounded.pump .stat .progressbar .hint { display: none;float: right;margin-right: 2px;margin-top: -2px;margin-top: -3px !ie7; padding: 0; }
.amulet .block-rounded.pump .stat.hover  .progressbar .hint,
.amulet .block-rounded.pump .stat:hover .progressbar .hint { display: block; }
.amulet.amulet-new .block-rounded.pump .stat .price { display: none; }
.amulet.amulet-new .block-rounded.pump .stat .progressbar .percent-wrapper { position: relative; }
.amulet.amulet-new .block-rounded.pump .stat .progressbar .hovering-background { position: absolute;top: 0;left: 0;bottom: 0;background: url("../images/loc/amulet/bar.png") 0px -19px;}
.amulet.amulet-new .block-rounded.pump .stat.hover .progressbar .hovering-background,
.amulet.amulet-new .block-rounded.pump .stat:hover .progressbar .hovering-background { background-position: 0px -38px;}

.amulet .block-rounded.pump .stat .price { margin: 2px 0 0 4px; }
.amulet .block-rounded.pump .stat .price .bonus { color: #f02121; }
.amulet .block-rounded.pump .stat .price .crystal i { margin: -4px 4px 0 0px; }

.amulet.amulet-new .block-rounded.pump .stat b.bonus { color: #030822; }

.amulet.amulet-new .block-rounded.pump .stat .bonus .curr-upgrade { color: #ffefc8; padding: 0px 9px 0px 3px;
    background: 90% 4px no-repeat;
    background-image: url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAA5SURBVHjabMjBCQAgEMTA3FVgN/b/02q0g/gQQcF8dhlUVBzN8xOA2b03HG3DVVJqPFJqJJ++uAYAZJYZaN6PVBsAAAAASUVORK5CYII=");
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
    border-radius: 9px;}
.amulet.amulet-new .block-rounded.pump .stat.health .bonus .curr-upgrade { background-color: #39be19; }
.amulet .block-rounded.pump .stat.health .progressbar .bonus { background: #8ef959; }
.amulet .block-rounded.pump .stat.health .progressbar .bonus .hint { color: #53a928; }
.amulet .block-rounded.pump .stat.health .progressbar .bonus-extra { background: #53a928; }
.amulet.amulet-new .block-rounded.pump .stat.strength .bonus .curr-upgrade { background-color: #f072a1; }
.amulet .block-rounded.pump .stat.strength .progressbar .bonus { background: #fe84b6; }
.amulet .block-rounded.pump .stat.strength .progressbar .bonus .hint {  color: #c13870; }
.amulet .block-rounded.pump .stat.strength .progressbar .bonus-extra { background: #c13870; }
.amulet.amulet-new .block-rounded.pump .stat.dexterity .bonus .curr-upgrade { background-color: #5b9df3; }
.amulet .block-rounded.pump .stat.dexterity .progressbar .bonus { background: #a8cbff; }
.amulet .block-rounded.pump .stat.dexterity .progressbar .bonus .hint { color: #4275c1; }
.amulet .block-rounded.pump .stat.dexterity .progressbar .bonus-extra { background: #4275c1; }
.amulet.amulet-new .block-rounded.pump .stat.resistance .bonus .curr-upgrade { background-color: #e8ac00; }
.amulet .block-rounded.pump .stat.resistance .progressbar .bonus { background: #FDE952; }
.amulet .block-rounded.pump .stat.resistance .progressbar .bonus .hint { color: #caa820; }
.amulet .block-rounded.pump .stat.resistance .progressbar .bonus-extra { background: #caa820; }
.amulet.amulet-new .block-rounded.pump .stat.charism .bonus .curr-upgrade { background-color: #ce5afb; }
.amulet .block-rounded.pump .stat.charism .progressbar .bonus { background: #e393ff; }
.amulet .block-rounded.pump .stat.charism .progressbar .bonus .hint { color: #9542b2; }
.amulet .block-rounded.pump .stat.charism .progressbar .bonus-extra { background: #9542b2; }
.amulet.amulet-new .block-rounded.pump .stat.attention .bonus .curr-upgrade { background-color: #4ed7d5; }
.amulet .block-rounded.pump .stat.attention .progressbar .bonus { background: #a4eeef; }
.amulet .block-rounded.pump .stat.attention .progressbar .bonus .hint { color: #3d9596; }
.amulet .block-rounded.pump .stat.attention .progressbar .bonus-extra { background: #3d9596; }
.amulet.amulet-new .block-rounded.pump .stat.intuition .bonus .curr-upgrade { background-color: #f45152; }
.amulet .block-rounded.pump .stat.intuition .progressbar .bonus { background: #ff676e; }
.amulet .block-rounded.pump .stat.intuition .progressbar .bonus .hint{ color: #ce1d25; }
.amulet .block-rounded.pump .stat.intuition .progressbar .bonus-extra { background: #ce1d25; }

.amulet .block-rounded.pump .constructor { width: 278px; height: 233px; margin: 0 auto; position: relative; text-align: center; }
.amulet .block-rounded.pump .constructor .slot { width: 52px; height: 37px; position: absolute;  }
.amulet .block-rounded.pump .constructor .slot .round { position: absolute; top: 10px; left: 0; background: url('../images/loc/amulet/slot.png') 0 0 no-repeat; width: 52px; height: 52px; display: block;  }
.amulet .block-rounded.pump .constructor .slot .amount { position: absolute; top: 33px; left: 0; width: 52px; height: 20px; display: block; font-size: 15px; text-align: center; font-family: 'Trebushet MS', Arial; font-weight: bold; }
.amulet .block-rounded.pump .constructor .slot .button { position: absolute; top: 51px; left: 14px; cursor: pointer; width: 24px; height: 24px; background: url('../images/loc/amulet/slot.png') 0 -52px no-repeat; display: block; font-size: 21px; text-align: center; font-family: 'Trebushet MS', Arial; font-weight: normal; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; }
.amulet .block-rounded.pump .constructor .slot .button:active { top: 52px; }
.amulet .block-rounded.pump .constructor .slot .button.plus, .amulet .block-rounded.pump .constructor .slot .button.minus { top: 27px; }
.amulet .block-rounded.pump .constructor .slot .button.plus:active, .amulet .block-rounded.pump .constructor .slot .button.minus:active { top: 28px; }
.amulet .block-rounded.pump .constructor .slot .button.plus:hover, .amulet .block-rounded.pump .constructor .slot .button.minus:hover { color: #ff0000; }
.amulet .block-rounded.pump .constructor .slot .button.plus { left: 37px; line-height: 24px; }
.amulet .block-rounded.pump .constructor .slot .button.minus { left: -9px; line-height: 26px; }
.amulet .block-rounded.pump .constructor .slot .crystal { position: absolute; top: 0; left: 14px; width: 25px; height: 33px; background: url('../images/loc/amulet/crystal.png') 0 0 no-repeat; display: block; }

.amulet .block-rounded.pump .constructor .slot.health { top: 10px; left: 0; color: #007a1a; }
.amulet .block-rounded.pump .constructor .slot.health .round { background-color: #78f03d; }
.amulet .block-rounded.pump .constructor .slot.health .crystal { background-position: -1px 0; }

.amulet .block-rounded.pump .constructor .slot.strength { top: 61px; left: 38px; color: #9e1649; }
.amulet .block-rounded.pump .constructor .slot.strength .round { background-color: #ec689c; }
.amulet .block-rounded.pump .constructor .slot.strength .crystal { background-position: -53px 0; }

.amulet .block-rounded.pump .constructor .slot.dexterity { top: 110px; left: 77px; color: #1846c1; }
.amulet .block-rounded.pump .constructor .slot.dexterity .round { background-color: #83b5fe; }
.amulet .block-rounded.pump .constructor .slot.dexterity .crystal { background-position: -79px 0; }

.amulet .block-rounded.pump .constructor .slot.resistance { top: 159px; left: 115px; color: #a35100; }
.amulet .block-rounded.pump .constructor .slot.resistance .round { background-color: #f4cb39; }
.amulet .block-rounded.pump .constructor .slot.resistance .crystal { background-position: -26px 0; }

.amulet .block-rounded.pump .constructor .slot.charism { top: 110px; right: 73px; color: #8c26c6; }
.amulet .block-rounded.pump .constructor .slot.charism .round { background-color: #cf5bf6; }
.amulet .block-rounded.pump .constructor .slot.charism .crystal { background-position: -157px 0; }

.amulet .block-rounded.pump .constructor .slot.attention { top: 61px; right: 33px; color: #0a93a8; }
.amulet .block-rounded.pump .constructor .slot.attention .round { background-color: #8be3e5; }
.amulet .block-rounded.pump .constructor .slot.attention .crystal { background-position: -132px 0; }

.amulet .block-rounded.pump .constructor .slot.intuition { top: 10px; right: -5px; color: #970d0d; }
.amulet .block-rounded.pump .constructor .slot.intuition .round { background-color: #f94d53; }
.amulet .block-rounded.pump .constructor .slot.intuition .crystal { background-position: -106px 0; }

.amulet .block-rounded.pump .constructor .container { text-align: center; width: 153px; height: 118px; position: absolute; top: 16px; left: 63px; background: url('../images/loc/amulet/slot2.png')  0 0 no-repeat;  }
.amulet .block-rounded.pump .constructor .container img { margin-top: 13px; margin-left: 4px; }
.amulet .block-rounded.pump .constructor .container .hover { display: none; width: 153px; height: 118px; position: absolute; top: 0; left: 1px; background: url('../images/loc/amulet/slot2.png')  0 -107px no-repeat; }
.amulet .block-rounded.pump .constructor .container .hover * { cursor: default; }
.amulet .block-rounded.pump .constructor .container .hover .header { margin-top: -10px; line-height: 11px; background: #ffba12; width: 90px;position: absolute;top: 5px;left: 50%;height: 13px;margin: 0 0 0 -45px;padding: 0;font-size: 11px;color: #AB6A33; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior:url("/@/behaviors/PIE.htc"); }
.amulet .block-rounded.pump .constructor .container .hover .price { margin-top: 20px; }
.amulet .block-rounded.pump .constructor .container .hover .info { margin-top: 4px; font-weight: bold; color: #ab6a33; font-size: 11px; width: 65px; }
.amulet .block-rounded.pump .constructor .container:hover .hover { display: block;   }
.amulet .block-rounded.pump .constructor .container .button { z-index: 1; color: #693012; position: absolute; top: 91px; left: 64px; cursor: pointer; width: 21px;text-align: left;padding-left: 8px; height: 28px; background: url('../images/loc/amulet/slot.png') -24px -52px no-repeat; display: block; font-size: 21px; font-family: 'Trebushet MS', Arial; font-weight: normal; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; }
.amulet .block-rounded.pump .constructor .container .button.empty { height: 0px;width: 44px;background: url('../images/loc/amulet/empty-main-plus.png');top: 82px;left: 53px; overflow: hidden; padding-top: 48px;}
.amulet .block-rounded.pump .constructor .container .button:active { top: 92px; }
.amulet .block-rounded.pump .constructor .container .button.empty:active { top: 82px; }
.amulet .block-rounded.pump .constructor .container:hover .button { background-position: -24px -81px; }
.amulet .block-rounded.pump .constructor .container:hover .button.empty { background-position: 0px 0px; }

.amulet .block-rounded.pump .constructor .progress-wrapper {  width: 143px; height: 90px; position: absolute; top: 26px; left: 68px; background: url('../images/loc/amulet/slot2.png') #fff5dd right top no-repeat; }
.amulet .block-rounded.pump .constructor .progress { text-align: left;  position: absolute; bottom: 0; left: 0; width: 100%; max-height: 96px  !important; background: url('../images/loc/amulet/slot2.png') #efc152 right bottom no-repeat; }

.amulet .block-rounded.pump .constructor .name { text-align: center; color: #ab6a33; font-size: 11px; border-bottom: 1px dashed #ab6a33; cursor: pointer; display: inline-block; display: inline !ie7; }


.amulet.amulet-new .amulet-capacity { position: absolute;bottom: 16px;left: 13px;color: #724927;font-size: 90%;padding: 4px 8px 8px 8px;background: #FFEFC8;line-height: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
/*.amulet.amulet-new .amulet-capacity .label .num { color: #3d77d8; }*/
.amulet.amulet-new .amulet-capacity .bar,
.amulet.amulet-new .amulet-capacity .bar div{ background:url(../images/ico/bar.gif) 0 0 no-repeat; zoom:1; }
.amulet.amulet-new .amulet-capacity .bar { height:7px; padding-left:1px; position:relative; background-position:0 -40px; }
.amulet.amulet-new .amulet-capacity .bar div { height:7px; width:100%; background-position:100% 0; }
.amulet.amulet-new .amulet-capacity .bar div.percent  { height:7px; min-width:0px; -width:1px; background-position:100% -40px; float:left; }
.amulet.amulet-new .amulet-capacity .bar div.percent2  { height:7px; min-width:0px; -width:1px; background-position:100% -100px; float:left; }
.amulet.amulet-new .amulet-capacity .bar div.percent3  { height:7px; min-width:0px; -width:1px; background-position:100% -120px; float:left; }

.amulet.amulet-new .disassemble-amulet { position: absolute;right: 13px;bottom: 16px;width: 156px;font-size: 90%; }
.amulet.amulet-new .disassemble-amulet p { margin: 5px 0; }
.amulet.amulet-new .disassemble-amulet .button-wrapper { margin-left: 3px; }
.amulet.amulet-new .disassemble-amulet .dashedlink { font-weight: bold; font-size: 110%; }

.amulet.amulet-new .polydisassemble { }
.amulet.amulet-new .polydisassemble .amulet-capacity { bottom: auto; left: auto; top: 0; right: 0; top: 167px; right: 13px; }
.amulet.amulet-new .block-rounded.pump .disassemble-amulets { padding: 0 80px; }
.amulet.amulet-new .block-rounded.pump .disassemble-amulets h3 { display: none; text-align: center; }
.amulet.amulet-new .block-rounded.pump .dashedlink { display: inline; }
.amulet.amulet-new .block-rounded.pump.polydisassemble { height: 330px; padding-bottom: 0; }
.amulet.amulet-new .block-rounded.pump.polydisassemble h3 { display: block; padding-top: 3px; }
.amulet.amulet-new .block-rounded.pump.polydisassemble .dashedlink { display: none; }
.amulet.amulet-new .block-rounded.pump.polydisassemble .disassemble-amulet { position: relative; display: inline; zoom: 1; display: inline-block; text-align: center; width: 49%; margin-top: 16px; }

.upgrade-steps .hint { margin: 4px 0; font-size:11px;}


/* amulet-produce */
.amulet .amulet-produce { position:relative; padding:0 0 2px 0; background: #FBE19F; }
.amulet .amulet-produce h3 {  padding: 5px 0 0 0; }
.amulet .amulet-produce .amulet-accordion { padding:0; overflow:hidden; }
.amulet .amulet-produce .jcarousel-clip { position: relative !ie7; width: 648px !ie7; overflow: hidden !ie7; }
.amulet .amulet-produce ul { width:100%; padding:0; margin:0; }
.amulet .amulet-produce ul li { width:182px; padding:0; margin:0; text-align:center; position:relative; min-height:190px; }
.amulet .amulet-produce ul li.locked .hover-area {display:none;  position:absolute; top:0; bottom:0; left:0; right:0; background:#fbe6af; position:absolute; z-index:3; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.amulet .amulet-produce ul li.locked .hover-area { display:block; }
.amulet .amulet-produce ul li img { background:url(../images/decor/128-light.png); }
.amulet .amulet-produce ul li .name { font-size:11px; color:#975D17; text-align:center;  position:relative; z-index:3; margin-top:-20px; margin-bottom:5px; }
.amulet .amulet-produce ul li .name b { padding:1px 4px; background:#fff; font-weight:normal; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; opacity: 0.9; text-decoration:none; cursor:default; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  behavior:url("/@/behaviors/PIE.htc"); }
.amulet .amulet-produce ul li .price { margin-bottom: 7px; }
.amulet .amulet-produce ul li .button .c { padding:0 2px; }
.amulet .amulet-produce ul li .button .c span.tugriki,
.amulet .amulet-produce ul li .button .c span.ruda,
.amulet .amulet-produce ul li .button .c span.med,
.amulet .amulet-produce ul li .button .c span.neft { font-size:10px; font-weight:normal; }
.amulet .amulet-produce .arrow-left-2 { position:absolute; z-index:5; left:-14px; top:50%; margin:-16px 0 0 0; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.amulet .amulet-produce .arrow-right-2 { position:absolute; z-index:5; right:-13px; top:50%; margin:-16px 0 0 0;  -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.amulet .amulet-produce .icon-locked { position:absolute; left:50%; top:64px; margin:-22px 0 0 -22px; z-index:4; }

/* instruction */
.crystal .welcome .instruction {
  font-weight: bold;
  color: #EDEFF0;
  margin: 0;
  list-style-type: none;
  left: 0;
  top: 0;
  min-height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-bottom:12px;
}
.crystal .welcome .instruction ul {
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
  list-style-type: none;
}
.crystal .welcome .instruction ul li {
  font-size: 11px;
  float: left;
  width: 116px;
  padding: 15px 14px 15px 40px;
  position: relative;
  height:54px;
}
.crystal .welcome .instruction ul li.step1 { width:166px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
.crystal .welcome .instruction ul li.step3 { width:170px; }
.crystal .welcome .instruction ul li.step3 { width:154px; float:right; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; }
.crystal .welcome .instruction ul li.current { background:#d24c56; }
.crystal .welcome .instruction ul li b.numeric {
  color: #962d6f;
  position: absolute;
  left: 10px;
  top: 10px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAE1SURBVHjavJbBRwRhGIefmViWJfYUS0SnWGITXWNPS0T0T3Tq3DX9H506dCkiEnWKlLKnsocVJWJTOkSXp8sc1pqZ3Xbn6+E7fu/j/YbfbyKVHMpAE1gH6kANmAG6wDtwCZwCZ3lDUNNOWd1We45GR93MmJUqWUgujcO5Wh0maapfTkZHncuS1NUPi+FBnR6UVCZ4oiyOBiV7hqGpEqlV4AmoUDy3wFIMbAQSADSAegysEZZWDCwGljQih+RKEd8lJjyl/5B8x0mihqQbA1eBJfcxcBJYckwSZL1AsXKhEgOfwG6gLXb6m7GktgveYj+tT+bVt4IEN0mFpzZjQ32dUNBWa8M6fla9G1Nw0L9BngR1St1Sn//wPKtZfyvRCPm4ArSAZaAKlIAf4AW4Bg6Bx7wBvwMApTp1YzvA5NIAAAAASUVORK5CYII=") 0 0 no-repeat;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
}
.crystal .welcome .instruction ul li a,
.crystal .welcome .instruction ul li a:link,
.crystal .welcome .instruction ul li a:visited { color:#fff; }

.crystal .welcome .instruction { background:#b82b36; }
.crystal .welcome .instruction ul li { font-size:13px; width:168px; font-weight:normal; }
.crystal .welcome .instruction .numeric { color:#b82b36; font-size:11px; top:-4px; }
.crystal .welcome .instruction .amulet-reward { color:#ffd730; font-weight:normal; }
.crystal .welcome .instruction .dashedlink { color:#fff; border-color:#fff; }
.crystal .welcome .instruction .helppop { color:#652e00; position:absolute; left:-192px; top:81px; width:585px; padding:15px; z-index:5; border:3px solid #b82b36; background:#fff; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
.crystal .welcome .instruction .helppop .helppop-tail { 
	top:-10px; left:221px;
	position:absolute; width:15px; height:10px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY2ODQ1QkYzM0UzMjExRTI4NkY0QjAyNEM1M0RGOTg3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY2ODQ1QkY0M0UzMjExRTI4NkY0QjAyNEM1M0RGOTg3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjY4NDVCRjEzRTMyMTFFMjg2RjRCMDI0QzUzREY5ODciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjY4NDVCRjIzRTMyMTFFMjg2RjRCMDI0QzUzREY5ODciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Sz7gNAAAAlElEQVR42mLcoW3GgAOoArENEB8B4tvYFDDh0NgLxLeAeB6U7iVWM0hhEZpYETYDGP///w/n7NQxR9EoHejD8HT9FmT1fe5XThZj2IxNo05zLZhGdgFUHUIzLo0ggM8ARmBo49SIDK7UNmN4gTlGTHonIY0gIOZkz/Dj+QuGzzduwYQsmYjRCAPoXmAiViM2AwACDADVuzv/lr9v5gAAAABJRU5ErkJggg==") 0 0 no-repeat;
 }
.crystal .welcome .instruction .helppop .warning { padding:2px 5px; margin-left:-5px; background:#fff0ce; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.crystal .welcome .instruction .notations { font-size:1px; margin-top:-20px; }
.crystal .welcome .instruction .notations .notation { position:relative; font-size:11px; /*height:50px;*/ margin:15px 3px 13px 0; width:126px; padding:8px 0 0 60px; vertical-align:top; display:inline-block; //display:inline; zoom:1; }
.crystal .welcome .instruction .notations .notation .thumb { position:absolute; top:0; left:0; width:51px; height:51px; }
.crystal .welcome .instruction .notations .notation .caption { font-weight:bold; font-size:13px; }

.crystal .upgrade-by-drops {  }
.crystal .upgrade-by-drops .container { background: #f7c35d; height: 72px; margin: 30px -2px 7px -2px; position: relative; }
.crystal .upgrade-by-drops .drops-img { float: left; margin: 14px 7px 0 7px; }
.crystal .upgrade-by-drops  p { font-size: 11px; color: #8d5701; float: left; }
.crystal .upgrade-by-drops .p-left { margin: 10px 2px; line-height: 13px; }
.crystal .upgrade-by-drops .p-right { margin: 16px 0; line-height: 13px; }
.crystal .upgrade-by-drops .control { float: left; width: 250px; height: 72px; font-size: 11px; color: #8d5701; position: relative; margin: 0 14px; }
.crystal .upgrade-by-drops .minus-icon { position: absolute; top: 18px; left: 7px; 
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
.crystal .upgrade-by-drops .plus-icon { position: absolute; top: 18px; right: 7px; 
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
.crystal .upgrade-by-drops .control-panel { margin: 0 40px; }
.crystal .upgrade-by-drops .label { margin: 6px 0 4px 0; height: 12px; }
.crystal .upgrade-by-drops .label b { float: left; }
.crystal .upgrade-by-drops .label span { float: right; }
.crystal .upgrade-by-drops .bar,
.crystal .upgrade-by-drops .bar div{ background:url(../images/ico/bar.gif) 0 0 no-repeat; zoom:1; }
.crystal .upgrade-by-drops .bar { height:7px; padding-left:1px; position:relative; background-position:0 -40px; }
.crystal .upgrade-by-drops .bar div { height:7px; width:100%; background-position:100% 0; }
.crystal .upgrade-by-drops .bar div.percent  { height:7px; min-width:0px; -width:1px; background-position:100% -40px; float:left; }
.crystal .upgrade-by-drops .input-wrapper { color: #002693; font-weight: bold; margin: 4px 0 2px 0; }
.crystal .upgrade-by-drops .input-wrapper input { width: 48px; height: 16px; color: #002693; font-weight: bold; padding: 0 3px; text-align: right; }
.crystal .upgrade-by-drops .require { margin: 2px -24px; }
