/*! open-dev-blog 2015-10-07 11:27:54 */

.skillSelector{float:right;width:500px;border:3px solid #000;box-shadow:2px 2px 2px #000;margin:20px;position:relative}
.skillSelector .skillBox{visibility:hidden;float:left;width:100px;height:100px;margin:9px;border:1px solid #000;text-align:center}
.skillDiv .skillBox{display:none}
.skillSelector .skillBox[draggable=false]{opacity:.4;-webkit-user-select:none}
.skillSelector .ability[draggable=false]{-webkit-user-select:none;opacity:.7}
.skillSelector .abilities,.skillDiv .abilities{display:none}
.skillwheelContainer{margin:20px;margin-left:53px}
.skillTitleContainer{display:flex;justify-content:space-around;align-items:center;width:165px;height:40px;text-align:center;float:left;padding:10px;padding-left:75px;margin:10px 0 -10px 25px;background-image:url(images/skill_title_bg.png)}
.iconSelected{width:80px;height:80px;float:left;margin:-60px 0 0 25px;background-image:url(images/skillwheel_icon_frame.png);background-size:80px}
#iconContent,.ability.large{width:64px;height:64px;background-size:1024px;background-image:url(images/spriteSheet_abilities.png);background-position:100px;margin:8px}.ability.large{margin:auto}
.skillTrash{float:right;width:200px;height:200px;border:3px solid #000;box-shadow:2px 2px 2px #000;margin:20px;background-image:url(https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/trash-512.png);background-size:200px 200px}
.skillwheelBG{-webkit-filter:brightness(90%);border-radius:50%;background-image:url(images/skillWheelBG2.png);background-repeat:no-repeat;width:600px;height:600px;background-size:600px 600px;position:relative}
.skillContainer{width:400px;height:400px;background-size:800px 800px;position:relative;float:left}
.skillContainer .rankDiv p{color:#fff;text-align:center}
.skillwheelBG .skills>div:not(.ability),.skillwheelBG .skills div[class*=description],.skillwheelBG .skills div[class*=toolTip]{color:#fff;position:absolute;left:0;top:0;margin:0;text-align:center;float:left;display:none}
.skills .rankDiv,.skills .rankDiv .hoverGlow{position:absolute;display:block;cursor:pointer;background-image:url(images/skillwheel_spritesheet.png);background-position:1000px 1000px;background-size:800px;-webkit-filter:brightness(70%)}
.skills .rankDiv .hoverGlow,.skills .rankDiv .lockedLogo{position:absolute;-webkit-filter:brightness(110%);background-image:url(images/skillwheel_spritesheet.png);background-size:600px;pointer-events:none}
.skills .rankDiv .lockedLogo{background-size:500px;background-position:0 -250px;position:relative;margin:auto;width:28px;height:40px;margin-top:-5px}
.descriptionContent{margin:-10px 0 0}
.SkillPoints{margin:35px 0 0}
.skillwheelButton{width:192px;height:40px;background-image:url(images/skillwheel_spritesheet.png);background-position:0 -473px;background-size:800px;padding:5px;margin:1px;cursor:pointer;text-align:center;box-shadow:1px 1px 5px 1px #000;border:0;color:#fff;font:normal normal 13px/16px OptimaLT,Arial,Helvetica,sans-serif}
.skillwheelButton.disabled{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray;pointer-events:none}.fullSkillwheelBox{width:952px;height:640px;background-image:url(images/skillWheel_full_bg.png)}.skillwheelDescriptionContainer{background-image:url(images/skillWheel_description_bg.png);background-repeat:no-repeat;float:left;width:205px;height:330px;padding:25px;margin:0 0 0 24px}.showAllContainer{position:absolute;top:30px;left:550px;display:flex;align-items:center}.showAllContainer p{white-space:nowrap;margin:0}.showAllCheckBox{width:35px;height:35px;-webkit-user-select:none;background-image:url(images/skillwheel_spritesheet.png);background-position:-310px -410px;background-size:800px;cursor:pointer;margin:0 5px 0 0}.showAllCheckBox.active{background-position:-350px -410px}span.skillPointsLeft{padding:7px;background:-webkit-linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.2),rgba(0,0,0,.2),rgba(0,0,0,.2),rgba(0,0,0,.7));background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.25),rgba(0,0,0,.25),rgba(0,0,0,.25),rgba(0,0,0,.7));box-shadow:0 0 3px 1px rgba(0,0,0,.7)}.skillwheelButton p{-webkit-user-select:none;margin:6px}.skillwheelButton:hover{background-position:0 -626px}.skillwheelButton.down{background-position:0 -545px}.skills .rankDiv[data-rank="1"] .hoverGlow{background-position:0 0}.skills .rankDiv[data-rank="2"] .hoverGlow{background-position:-225px 0}.skills .rankDiv[data-rank="3"] .hoverGlow{background-position:-400px 0}.skills .rankDiv[data-rank="1"],.skills div .rankDiv.buyable[data-rank="1"]{background-position:0 -300px}.skills .rankDiv[data-rank="2"],.skills div .rankDiv.buyable[data-rank="2"]{background-position:-225px -285px}.skills .rankDiv[data-rank="3"],.skills div .rankDiv.buyable[data-rank="3"]{background-position:-400px -270px}.skills .rankDiv.locked{-webkit-filter:brightness(100%)}.skills .rankDiv.buyable{-webkit-filter:brightness(100%)}.skills .overlay,.skills .abilityOverlay{background-size:600px;background-image:url(images/skillwheel_spritesheet.png);display:block;position:absolute}.skills .rankDiv.selected[data-rank="1"] .overlay{background-position:0 -200px}.skills .rankDiv.selected[data-rank="2"] .overlay{background-position:-225px -190px}.skills .rankDiv.selected[data-rank="3"] .overlay{background-position:-400px -180px}.skills .rankDiv.locked[data-rank="1"]{background-position:0 -100px}.skills .rankDiv.locked[data-rank="2"]{background-position:-225px -95px}.skills .rankDiv.locked[data-rank="3"]{background-position:-400px -90px}.skillwheelBG .skills div p{margin:-10px 0 0 0;white-space:nowrap;-webkit-filter:brightness(100%)}.ability.locked{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray;opacity:.7;border-radius:50%}.UnitPageContent .skills .tip{z-index:99;padding:16px;background:#37221a;border:1px solid #24130b}.UnitPageContent .skills .tip:after,.UnitPageContent .skills .tip:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.UnitPageContent .skills .tip:after{border-color:rgba(55,34,26,0);border-top-color:#37221a;border-width:17px;margin-left:-17px}.UnitPageContent .skills .tip:before{border-color:rgba(36,19,11,0);border-top-color:#24130b;border-width:16px;margin-left:-16px}.UnitPageContent .skills .tip h5{margin:0;color:#d8a270}.UnitPageContent .skills .tip span{color:#8d8989!important;text-align:left;margin:25px}