#wrapper .category { margin-left: 0; }
#choose-class { padding: 80px 0; text-align: center; font-size: 40px; }
.tc-tooltip { min-width: 200px; }

/* layout */
.header{color:#CECECE;}
.calculator { padding: 0 21px 0 19px; }
.calculator-head { padding: 25px 0; }
.calculator-head .category { padding: 0 40px 30px 40px !important; margin: 0 !important; }
.calculator-head .class-selector { width: 875px; margin: 0 auto; padding: 35px 0; text-align: center; background: url("../image/wodtf/class-selector.jpg") 0 0 no-repeat; }
.calculator-head .class-selector a { display: inline-block; margin-right: 10px; margin-top: 1px; }
.calculator-head .class-selector.picked a { opacity: .25; }
.calculator-head .class-selector a:hover,
.calculator-head .class-selector a.tab-selected { opacity: 1; }
.calculator-head .class-selector a:hover .icon-frame,
.calculator-head .class-selector a.tab-selected .icon-frame { border: 1px solid #b67000; }
.calculator-head .class-selector a.tab-selected .icon-frame .glare { display: block; height: 56px; width: 56px; -moz-box-shadow: 0 0 8px #fff inset; -webkit-box-shadow: 0 0 8px #fff inset; box-shadow: 0 0 8px #fff inset; }
.calculator-head .class-selector a.tab-disabled,
.calculator-head .class-selector a.tab-disabled:hover { cursor: default !important; opacity: .25; }
.calculator-head .class-selector a.tab-disabled .icon-frame,
.calculator-head .class-selector a.tab-disabled:hover .icon-frame { cursor: default !important; border-color: #434445; }

.calculator-foot { padding: 40px; }
.calculator-foot .notice { background: #1d1008 url("../image/wodtf/alert_img.png") 10px 10px no-repeat;
	padding: 20px 20px 20px 85px; color: #d3ac6b; font-size: 13px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }

/* calculator */
.talent-calculator { }
.talent-calculator-header { padding: 0 40px 25px 40px; }
.talent-calculator-header .header { font: normal 32px "Palatino Linotype", "Georgia", "Times", serif; }
.talent-calculator .top,
.talent-calculator .bottom { width: 100%; height: 20px; position: absolute; left: 0; }
.talent-calculator .help-tip { margin-bottom: 15px; color: #a2a1a1; }
.talent-calculator .help-tip .header { margin-bottom: 5px; }
.talent-calculator .reset { text-align: center; margin-top: 15px; }
.talent-calculator .reset button{margin:0 6px;}
.talent-calculator-inner { padding: 40px; position: relative; background: url("../image/wodtf/calc-bg.jpg") 0 0 repeat-y; }
.talent-calculator .top { top: -15px; background: url("../image/wodtf/calc-top.png") 0 0 no-repeat; }
.talent-calculator .bottom { bottom: -15px; background: url("../image/wodtf/calc-bot.png") 0 0 no-repeat; }
.talent-calculator .disclaimer { padding: 10px 10px 10px 50px; color: #F5EBD1; border: 1px solid #251d13; margin: 30px 0; background: #000 url("http://www.sinaimg.cn/gm/ol/wow/wod/tf/image/alert_icon.png") 15px 13px no-repeat;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.talent-calculator .cell { display: block; margin: 1px; /*border: 1px solid #000;*/ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.talent-calculator .cell:hover {/*background-color:#cdcdcd;*/ color:#333;}
.talent-calculator .cell .icon-frame { vertical-align: middle; margin-right: 5px; }
.talent-calculator .cell .name { vertical-align: middle; display: inline-block; line-height: 150%; }
.talent-calculator .cell .name .level { display: block; }
.talent-calculator .cell:hover { /*border-color: #b67000; -moz-box-shadow: 0 0 8px #b67000 inset; -webkit-box-shadow: 0 0 8px #b67000 inset; box-shadow: 0 0 8px #b67000 inset;*/ }
.talent-calculator .cell.cell-selected { color: #333; background: #cdcdcd; border-color: #ce5209; /*-moz-box-shadow: 0 0 8px #ce5209 inset; -webkit-box-shadow: 0 0 8px #ce5209 inset; box-shadow: 0 0 8px #ce5209 inset; */}
.talent-calculator .cell.cell-selected:hover { background: #cdcdcd; border-color: #f2752c; /*-moz-box-shadow: 0 0 8px #f2752c inset; -webkit-box-shadow: 0 0 8px #f2752c inset; box-shadow: 0 0 8px #f2752c inset; */}
.talent-calculator .cell.cell-disabled { opacity: .25; }
.talent-calculator .cell.cell-disabled:hover { background: #141414; border-color: #b6b6b6; -moz-box-shadow: 0 0 8px #b6b6b6 inset; -webkit-box-shadow: 0 0 8px #b6b6b6 inset; box-shadow: 0 0 8px #b6b6b6 inset; }

.talent-calculator .pet-cell { display: block; margin: 1px; border: 1px solid #000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.talent-calculator .pet-cell .icon-frame { vertical-align: middle; margin-right: 5px; }
.talent-calculator .pet-cell .name { vertical-align: middle; display: inline-block; line-height: 210%; }
.talent-calculator .pet-cell .name .level { display: block; }
.talent-calculator .pet-cell:hover { border-color: #b67000; -moz-box-shadow: 0 0 8px #b67000 inset; -webkit-box-shadow: 0 0 8px #b67000 inset; box-shadow: 0 0 8px #b67000 inset; }
.talent-calculator .pet-cell.pet-cell-selected { color: #fff; background: #5b2200; border-color: #ce5209; -moz-box-shadow: 0 0 8px #ce5209 inset; -webkit-box-shadow: 0 0 8px #ce5209 inset; box-shadow: 0 0 8px #ce5209 inset; }
.talent-calculator .pet-cell.pet-cell-selected:hover { background: #732b00; border-color: #f2752c; -moz-box-shadow: 0 0 8px #f2752c inset; -webkit-box-shadow: 0 0 8px #f2752c inset; box-shadow: 0 0 8px #f2752c inset; }
.talent-calculator .pet-cell.pet-cell-disabled { opacity: .25; }
.talent-calculator .pet-cell.pet-cell-disabled:hover { background: #141414; border-color: #b6b6b6; -moz-box-shadow: 0 0 8px #b6b6b6 inset; -webkit-box-shadow: 0 0 8px #b6b6b6 inset; box-shadow: 0 0 8px #b6b6b6 inset; }
.talent-calculator .specs { float: left; width: 300px; }
.talent-calculator .specs .spec { display: block; position: relative; background: #e4e4e4; margin-bottom: 10px; border: 1px solid #d9d8d8; /*-moz-box-shadow: 0 0 4px #000; -webkit-box-shadow: 0 0 4px #000; box-shadow: 0 0 4px #000;*/ }
.talent-calculator .specs .spec .cell { padding: 7px 10px 5px 10px; position: relative; }
.talent-calculator .specs .spec .cell .name { color: #333; font-size: 16px; padding-left: 25px; background: url("http://www.sinaimg.cn/gm/ol/wow/wod/tf/image/mop_arrows.gif") 0 8px no-repeat; }
.talent-calculator .specs .spec .cell .desc { color: #333; padding: 5px 55px 5px 0; display: block; line-height: 125%; height:66px; font-size:11px; margin: 0 !important; }
.talent-calculator .specs .spec .cell .icon-frame { position: absolute; margin: 0; top: 5px; right: 5px; overflow: visible; }
.talent-calculator .specs .spec .cell.cell-selected .name { color: #333; }
.talent-calculator .specs .spec .cell:hover .name { color: #333; }
.talent-calculator .specs.compact .spells { display: block; }
.talent-calculator .specs.compact .spec .cell .desc,
.talent-calculator .specs.compact .spec .cell .icon-frame { display: none; }
.talent-calculator .specs .spec.spec-selected { border-color: #491d03; }
.talent-calculator .specs .spec.spec-selected .cell { padding: 13px 10px; }
.talent-calculator .specs .spec.spec-selected .cell .name { background-position: 0 -84px; }
.talent-calculator .specs .spec.spec-selected .cell .icon-frame { display: block; }
.talent-calculator .specs .role { width: 16px; height: 16px; display: block; position: absolute; bottom: 0; left: 0; background: #000 url("http://www.sinaimg.cn/gm/ol/wow/wod/tf/image/roles.png") no-repeat;
	border: 1px solid #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.talent-calculator .specs .role.dps { }
.talent-calculator .specs .role.healing { background-position: -16px 0; }
.talent-calculator .specs .role.tank { background-position: -32px 0; }

.talent-calculator .pet-specs { margin-top:20px }
.talent-calculator .pet-specs { float: left; width: 300px; }
.talent-calculator .pet-specs .pet-spec { display: block; position: relative; background: #000; margin-bottom: 10px; border: 1px solid #251d13; -moz-box-shadow: 0 0 4px #000; -webkit-box-shadow: 0 0 4px #000; box-shadow: 0 0 4px #000; }
.talent-calculator .pet-specs .pet-spec .pet-cell { padding: 7px 10px 5px 10px; position: relative; }
.talent-calculator .pet-specs .pet-spec .pet-cell .name { color: #ff9c00; font-size: 16px; padding-left: 25px; background: url("http://www.sinaimg.cn/gm/ol/wow/wod/tf/image/mop_arrows.gif") 0 8px no-repeat; height:37px }
.talent-calculator .pet-specs .pet-spec .pet-cell .desc { color: #d0ae82; padding: 5px 55px 5px 0; display: block; line-height: 125%; margin: 0 !important; }
.talent-calculator .pet-specs .pet-spec .pet-cell .icon-frame { position: absolute; margin: 0; top: 5px; right: 5px; overflow: visible; }
.talent-calculator .pet-specs .pet-spec .pet-cell.cell-selected .name { color: #fff; }
.talent-calculator .pet-specs .pet-spec .pet-cell:hover .name { color: #fff; }
.talent-calculator .pet-specs.pet-compact .pet-spells { display: block; }
.talent-calculator .pet-specs.pet-compact .pet-spec .pet-cell .desc,
.talent-calculator .pet-specs.pet-compact .pet-spec .pet-cell .icon-frame { display: none; }
.talent-calculator .pet-specs .pet-spec.pet-spec-selected { border-color: #491d03; }
.talent-calculator .pet-specs .pet-spec.pet-spec-selected .pet-cell {  }
.talent-calculator .pet-specs .pet-spec.pet-spec-selected .pet-cell .name { background-position: 0 -80px; }
.talent-calculator .pet-specs .pet-spec.pet-spec-selected .pet-cell .icon-frame { display: block; }
.talent-calculator .pet-specs .role { width: 16px; height: 16px; display: block; position: absolute; bottom: 0; left: 0; background: #000 url("http://www.sinaimg.cn/gm/ol/wow/wod/tf/image/roles.png") no-repeat;
	border: 1px solid #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.talent-calculator .pet-specs .role.dps { }
.talent-calculator .pet-specs .role.healing { background-position: -16px 0; }
.talent-calculator .pet-specs .role.tank { background-position: -32px 0; }
.talent-calculator .pet-specs .pet-filters { display:none }
.talent-calculator .spells { display: none; }
.talent-calculator .spells .scroller { height: 180px; overflow-y: auto; overflow-x: hidden; margin: 1px; }
.talent-calculator .spells .filters { color: #333; font-weight: normal; padding: 5px; border-bottom: 1px solid #491d03; }
.talent-calculator .spells .filters a { margin: 0 3px; }
.talent-calculator .spells .filters a.filter-active { font-weight: bold; color: #333; }
.talent-calculator .spells table { width: 100%; }
.talent-calculator .spells table tr { cursor: help; }
.talent-calculator .spells table td { padding: 3px 5px; }
.talent-calculator .spells table td span span { color: #160000; }
.talent-calculator .spells table .item-link { white-space: normal; }
.talent-calculator .spells table .row1 { background: #fff; }
.talent-calculator .spells table .col-level { width: 35px; text-align: center; }

.talent-calculator .pet-spells { display: none; }
.talent-calculator .pet-spells .scroller { max-height: 140px; overflow-y: auto; overflow-x: hidden; margin: 1px; }
.talent-calculator .pet-spells .filters { color: #333; font-weight: normal; padding: 5px; border-bottom: 1px solid #491d03; }
.talent-calculator .pet-spells .filters a { margin: 0 3px; }
.talent-calculator .pet-spells .filters a.filter-active { font-weight: bold; color: #fff; }
.talent-calculator .pet-spells table { width: 100%; }
.talent-calculator .pet-spells table tr { cursor: help; }
.talent-calculator .pet-spells table td { padding: 3px 5px; }
.talent-calculator .pet-spells table td span span { color: #160000; }
.talent-calculator .pet-spells table .item-link { white-space: normal; }
.talent-calculator .pet-spells table .row1 { background: #1b150e; }
.talent-calculator .pet-spells table .col-level { width: 35px; text-align: center; }
.talent-calculator .talents { float: right; width: 550px; }
.talent-calculator .talents .required-level { float: right; color: #C3C3C3; font-size: 14px; /* margin-top: 6px;*/ }
.talent-calculator .talents .required-level span { color: #3c2013;display:inline-block;background-color:#e4e4e4;width:60px;height:30px;line-height:30px;text-align:center;margin-left:20px; }
.talent-calculator .talents .tier { border: 1px solid #d9d8d8; margin-bottom: 10px; height: 52px; background: #e4e4e4; display: block; clear: both; -moz-box-shadow: 0 0 4px #000; -webkit-box-shadow: 0 0 4px #000; box-shadow: 0 0 4px #000; }
.talent-calculator .talents .tier li { float: left; border-left: 1px solid #d9d8d8; }
.talent-calculator .talents .tier li.unlocks { border: 0; width: 50px; text-align: center; color: #a2a1a1; font: normal 20px/52px "Palatino Linotype", "Georgia", "Times", serif; }
.talent-calculator .talents .tier li.talent { width: 165px; overflow: hidden; }
.talent-calculator .talents .cell { padding: 4px; }
.talent-calculator .talents .cell .name { width: 95px; }

.talent-calculator .sharing { display: none;padding-top: 10px; text-align: right; }
/*.talent-calculator .sharing span { margin-left: 10px; height: 20px; display: inline-block; vertical-align: middle; }
.talent-calculator .sharing .social a { width: 20px; height: 20px; display: inline-block; vertical-align: top; margin-left: 3px; background: url("../image/wow/static/images/social.png") 0 0 no-repeat; }

/** for Druid Spec **/
#talent-calculator-11 .desc { height:33px }
#talent-calculator-11 .spec-0 .desc { height:38px }
#talent-calculator-11 .spells .scroller { height: 128px; }

/*glyphs*/
.talentcalc-glyphs { margin-top:30px }
.talentcalc-glyphs .header  { margin-bottom:15px}
.talentcalc-glyphs ul { clear:both; background-color:#e4e4e4; border: 1px solid #d9d8d8; margin-bottom: 10px; height:40px; }
.talentcalc-glyphs ul .close { background: url("http://www.sinaimg.cn/gm/ol/wow/wod/tf/image/cross_small.gif") no-repeat scroll center top transparent; float: right; height: 12px; margin-top: 6px;  width: 20px; padding:0px;}
.talentcalc-glyphs li { display:block; float:left; width:30%; }
.talentcalc-glyphs li a { padding:9px;  }
.talentcalc-glyphs .glyph-title { width:6%; padding:8px; color:#a2a1a1; font-size:14px }
.talentcalc-glyphs .glyph { border-left: 1px solid #d9d8d8; color:#333 !important;}
.talentcalc-glyphs .glyph:hover{  color:#333 !important;}
.talentcalc-glyphs .glyph-chosen .name { display:inline-block; width:95px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.talentcalc-glyphselector { height: 453px; width: 580px; top: 600px; left:350px; position: absolute; z-index:1}
.talentcalc-glyphselector .scroller { height: 451px; overflow: auto; background: #f2f2f2; }
.talentcalc-glyphselector .modal-brown .arrow {  }
.talentcalc-glyphselector ul li { clear: both; white-space: nowrap; overflow: hidden; }
.talentcalc-glyphselector ul li:nth-child(odd) { background: #e4e4e4; }
.talentcalc-glyphselector ul li a { display: block; padding: 5px; line-height: 20px; height: 20px; color: #fef092; clear: both; }
.talentcalc-glyphselector ul li a:hover { background: #ece3d5; }
.talentcalc-glyphselector ul li .icon-frame { float: left; margin-right: 5px; }
.talentcalc-glyphselector ul li .description { font-size: 11px; display: block; width: 70%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#333;}
.talentcalc-glyphselector ul li .name { display: block; width: 25%; color: #3c2013; float: left; font-weight: bold; overflow: hidden;  padding-right: 5px; width: 24%; white-space: nowrap; text-overflow: ellipsis; }
.talent-calculator .sharing .social a.twitter { background-position: -20px 0; }
.talent-calculator .sharing .social a.twitter:hover { background-position: -20px -20px; }
.talent-calculator .sharing .social a.me2day { background-position: -60px 0; }
.talent-calculator .sharing .social a.me2day:hover { background-position: -60px -20px; }
.talent-calculator .sharing .social a.weibo { background-position: -100px 0; }
.talent-calculator .sharing .social a.weibo:hover { background-position: -100px -20px; }

.pandaria-sub.talent-calculator .wrapper-top { background: url("../image/wodtf/bg-sub-top.jpg") no-repeat scroll 50% top transparent; }
.pandaria-sub .wrapper-bottom { background: url("../image/wodtf/bg-sub-bottom.jpg") no-repeat scroll 50% bottom transparent; }
#incense { visibility: hidden; }

/* custom */






a{color:#333;}
body{color:#333 !important;}

.modal-brown{background-color:#bfbfbf;border:0 none;}
.modal-brown .modal-inner{border:1px solid #acacac;}

.ui-button.button1{width:180px;height:40px;text-align:center;background:url(http://www.sinaimg.cn/gm/ol/wow/wod/tf/image/button_1.png) 0 0 repeat-x;color:#fff;}
.ui-button.button1:hover{background:url(http://www.sinaimg.cn/gm/ol/wow/wod/tf/image/button_1.png) 0 -41px repeat-x;color:#fff;}
.ui-button.button1.reset-button.disabled{background:url(http://www.sinaimg.cn/gm/ol/wow/wod/tf/image/button_1.png) 0 -82px repeat-x;color:#fff;}
.ui-button.button1.reset-button span{background:none;display:inline;color:#fff;}
.ui-button.button1{width:180px;height:40px;text-align:center;}
.ui-button.button1 span{background:none;display:inline;color:#fff;}