.calculator .selector { text-align: center; padding: 15px 0; border-top: 1px solid #331e11; border-bottom: 1px solid #331e11; background: url("../images/selector-bg.png") 0 0 repeat; }
.calculator .icon-selector a { display: inline-block; opacity: .3;margin:0 10px; }
.calculator .icon-selector a:hover,.calculator .icon-selector a.tab-active { opacity: 1; }
.calculator .icon-selector a.tab-active .icon-frame, .calculator .icon-selector a:hover .icon-frame { border-color: #FFD200; }
.calculator .icon-selector a .icon-frame { vertical-align: top; }
.calculator .icon-selector a.tab-active .icon-frame .glare { width: 56px; height: 56px; display: block; background: url("../images/icon-glare.png") 0 0 no-repeat; }
.calculator .container { padding: 25px; position: relative; }
.talent-calculator { min-height: 500px; margin: 0 auto; position: relative; }
.talent-calculator.loading { background: url("../../images/loaders/canvas-loader.gif") 50% 50% no-repeat; }
.select-class { width: 400px; margin: 50px auto; border-top-color: #70432a; top: -30px; }
/* tree header */
.talentcalc-tree-header { height: 40px; margin-top: 4px; margin-bottom: 8px; }
.talentcalc-tree-header .name { float: left; height: 32px; line-height: 32px; }
.talentcalc-tree-header .icon { float: left; margin-right: 12px; }
.talentcalc-tree-header .icon-frame-treeheader { display: block; width: 32px; height: 32px; position: relative;  }
.talentcalc-tree-header .icon-frame-treeheader img { display: block; width: 26px; height: 26px; padding: 3px 0 0 3px; }
.talentcalc-tree-header .icon-frame-treeheader .frame { position: absolute; left: -9px; top: -9px; width: 50px; height: 50px; background: url("../images/tree-icon-frame.png") left top no-repeat; }
.talentcalc-tree-header .name { font-size: 16px; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ie6 .talentcalc-tree-header .icon-frame-treeheader .frame{background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v8/main/images/tree-icon-frame.png', sizingMethod='crop');}

/* layout */
.talentcalc { position: relative; }
.talentcalc-tree-wrapper { float: left; width: 228px; margin: 40px; position: relative; }
/* tree */
.talentcalc-tree {width: 228px; height: 440px; position: relative; background: #331E11;background-repeat:no-repeat; border: 1px solid #E65D08; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; opacity:.5;filter: alpha(opacity=50);}
.talentcalc-tree-wrapper:hover .talentcalc-tree{ border: 1px solid #EFC9A0;opacity:1;filter: alpha(opacity=100);}
.ie6 .talentcalc-tree{filter: alpha(opacity=100);}
/* cells */
.talentcalc-cells-wrapper { position: absolute; left: 3px; top: 0px; }
.ie6 .talentcalc-cells-wrapper { top: 2px; }
.talentcalc-cell { position: absolute; width: 56px; height: 56px; }
.talentcalc-cell .icon { position: absolute; left: 10px; top: 5px; width: 32px; height: 32px; /* border: 1px solid #c7a200; ie6bug*/ }
.talentcalc-cell .icon .frame { position: absolute; left: -7px; top: -7px; width: 46px; height: 46px; background: url("../images/icon-frame.png") no-repeat; }
.ie6 .talentcalc-cell .icon .frame{background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v8/main/images/icon-frame.png', sizingMethod='crop');}
.talentcalc-cell a.interact { position: absolute; left: 6px; top: 3px; width: 35px; height: 35px; cursor: pointer; }
.talentcalc-cell a.interact .hover { display: block; width: 34px; height: 34px; margin: 2px 0 0 4px; }
.talentcalc-cell a.interact:hover .hover { background-color: rgba(255, 255, 255, 0.2); }
.ie .talentcalc-cell a.interact .hover {background-color:#000;filter: alpha(opacity=50);}
.ie .talentcalc-cell a.interact:hover .hover{background:none;}

.ie67 .select-class {top: 0px}
.select-class .arrow-top { left: 175px; }
.modal-brown .modal-inner{ font-size: 23px; padding: 30px; text-align: center; color: #efe3d2; }
.ie6 .calculator .selector {background:#000;}
.ie6 .calculator .icon-selector a {margin: 0px 5px }
.ie .calculator .icon-selector a {filter: alpha(opacity=30)}
.ie .calculator .icon-selector a:hover,.ie .calculator .icon-selector a.tab-active {filter: alpha(opacity=100); }
.ie .talentcalc {zoom: 1}
.ie8 .talentcalc-tree-wrapper {margin-bottom: 15px}
.ie6 .talentcalc-tree-wrapper { margin-right: 21px; }