.talContainer, .talCalcContainer, .petTalCalcContainer { width: 700px; position:relative; background: none }
.talContainer { height: 659px; padding: 33px 0 0 0 }
.talentFrame { width: 700px; padding: 0px; background: none }
.talCalcContainer { height: 659px; margin:0 auto;  padding: 19px 0 0 0 }
.petTalCalcContainer { height: 402px; padding:20px 0 0 0 ; }
.petTalCalcContainer .talentFrame { width: 210px; margin-left:164px }

.calcInfo { margin:0 auto 0; height: 22px; padding: 12px 100px 10px 100px; border: 1px solid #75601c; border-left: none; border-right: none; color: #FFF; }
.calcInfo span.ptsHolder { margin: 0 30px 0 0; }
.calcInfo #pointsLeft { margin-right: 12px }
.calcInfoLeft { float: left; display: block }
.calcInfo a.petBeastMastery { display: block; float: left; width: 19px; height: 17px; line-height: 17px; background: url('http://users.atw.hu/lordsofdestiny/images/talents/button-beastmaster2.gif') no-repeat 0 0; position: relative; top: 1px; font-size: 11px; text-align: center; color: #00ff00; text-decoration: none }
.calcInfo a.petBeastMastery:hover { background-position: 0 -17px }
.calcInfo a.petBeastMastery-on { color: red !important; background-position: 0 -34px !important }

/* TODO: Add nice 1px #75601c border to the talent trees, will require updating the background image */
.talContainer .talentTree { margin-left:12px;width: 210px; height: 569px; padding: 5px 0 0 0; display: block; float: left; background-repeat:no-repeat;border: 1px solid #75601c }
.petTalCalcContainer .talentTree { height: 314px; }
.talContainer .talentTree .tier { height: 52px; width: 210px;  position:relative; }
.talContainer .talentTree .talent { position:absolute; display: block; height: 42px; width: 46px; background-position: 2px 2px; background-repeat:no-repeat; }
.talContainer .talentTree .talentHolder { width: 44px; height: 39px; padding: 2px 0 0 2px; background: url('http://users.atw.hu/lordsofdestiny/images/talents/talent-wrap-small.gif') no-repeat 0 50%;  }
.talContainer .talentTree .tier .talentHover { background: url('http://users.atw.hu/lordsofdestiny/images/talents/talent-hover.png') 0 0 no-repeat; float: left; height: 30px; width: 30px; }
.talContainer .talentTree .tier .talentHover:hover { background-position: 0 100%; }
/* different select states */
.talContainer .talentTree .disabled { background-position: 0 0 !important; }
.talContainer .talentTree .talentMax { background-position: 0 100% !important;  }

.talContainer .talentTree .disabled .rankCtr { color: #FFF !important; }
.talContainer .talentTree .talentMax .rankCtr { color: #FFD100 !important; }
.talContainer .talentTree .rankCtr { color: #1AFF1A; }

.talContainer .talentTree .col0 { top: 0; left: 10px;  }
.talContainer .talentTree .col1 { top: 0; left: 60px;  }
.talContainer .talentTree .col2 { top: 0; left: 110px;  }
.talContainer .talentTree .col3 { top: 0; left: 160px;  }

.talContainer .rankCtr {color: #FFF; width: 15px; font-size: 11px; position:absolute; bottom: 1px; right: 4px; }
.talContainer .requiredArrow { display: block; position: absolute; z-index: 100; }

.talContainer .vArrow { background: url('http://users.atw.hu/lordsofdestiny/images/talents/arrow-down.gif') 0 100% no-repeat; }
.talContainer .hArrow { background: url('http://users.atw.hu/lordsofdestiny/images/talents/arrow-vertical.gif') 0 100% no-repeat; }
.talContainer .plain { background-image: url('http://users.atw.hu/lordsofdestiny/images/talents/arrow-plain.gif'); }
.talContainer .arrowLeft { background-position: 0 0; }
.talContainer .arrowRight { background-position: 100% 0; }
.talContainer .disabledArrow { background-position: 100% 100%; }
.talContainer .disabledArrowL { background-position: 0 100% !important; }

.talContainer .talentTreeInfo {background: #2F2F2F; margin: 4px 0px 0 0px; line-height: 21px; padding: 5px 10px 0 10px; height: 25px; overflow: hidden; white-space: nowrap;border: 1px solid #75601c;  }

/* Reset/Export button */
.resetExportHolder, .resetExportPetHolder {margin: 0 auto;margin-top:5px; clear: both; position:relative; top: 50px;}
/*.reload{margin:2px 0 0 15px;}*/

.subtleResetButton { cursor:pointer; float: right; text-decoration: none !important; margin: 0 3px 0 0; display: block; height: 22px; padding: 0 0 0 7px; background: url('http://users.atw.hu/lordsofdestiny/images/button-blue-left.gif') 0 0 no-repeat;}
.subtleResetButton span { cursor:pointer; float: left; display: block; height: 21px; padding: 1px 10px 0 5px; }