.search-class { font-weight: normal; }
.search-class-icon { vertical-align: middle; padding: 0px 4px 4px 0px; }
.search-class-row { float: left; padding: 4px 15px 0px 4px; }
.search-class-row a{ color: #ffffff; text-decoration: none; }
.search-class-row a:hover{ text-decoration: underline; }
.skill-calc-intro {  }
.skill-calc-intro-buttons { padding-top: 8px; text-align: right; font-weight: bold; }
.mouse-image { vertical-align: middle; padding: 0px 8px; }
.class-icon { height: 19px; width: 19px; padding-right: 4px; float: left; }
.class-name { float: left; }
.class-name img { vertical-align: middle; padding: 0px 4px 4px 0px; }
.class-sp { float: right; padding: 1px 4px 0px 0px; }
.class-sp a{ color: #fff; }
.skill-tree-title { padding: 4px 4px 0px 4px; background: #374146; border: 2px solid #51555D; border-radius: 7px; -moz-border-radius: 7px; color: #fff; }
.skill-tree-title img{  }
.skill-tree { padding: 3px 0px; }
.skill-tree-box { }
.skill-tree-box div{ height: 65px; width: 89px; }
.skill-tree-icon { position: relative; color: #fff; }
.skill-tree-icon img { padding: 16px 0px 0px 18px; opacity: 0.5; filter: alpha(opacity=50); }
.skill-tree-icon .currentpoints { position: absolute; top: 13px; left: 54px; height: 22px; width: 18px; text-align: center; background: url(/images/skill_current_line.png) bottom repeat-x; opacity: 0.5; filter: alpha(opacity=50); }
.skill-tree-icon .maxpoints { position: absolute; top: 33px; left: 54px; height: 22px; width: 18px; text-align: center; opacity: 0.5; filter: alpha(opacity=50); }
.skill-tree-icon-active { position: relative;  color: #fff; }
.skill-tree-icon-active img { padding: 16px 0px 0px 18px; }
.skill-tree-icon-active .currentpoints { position: absolute; top: 13px; left: 54px; height: 22px; width: 18px; text-align: center; background: url(/images/skill_current_line.png) bottom repeat-x; }
.skill-tree-icon-active .maxpoints { position: absolute; top: 33px; left: 54px; height: 22px; width: 18px; text-align: center; }
.skill-tree-icon-background-red { background: url(/images/red_big_inactive.png) no-repeat; }
.skill-tree-icon-background-blue { background: url(/images/blue_big_inactive.png) no-repeat; }
.skill-tree-icon-background-green { background: url(/images/green_big_inactive.png) no-repeat; }
.skill-tree-icon-background-orange { background: url(/images/orange_big_inactive.png) no-repeat; }
.skill-tree-icon-background-purple { background: url(/images/purple_big_inactive.png) no-repeat; }
.skill-tree-icon-background-grey { background: url(/images/grey_big_inactive.png) no-repeat; }
.skill-tree-icon-background-yellow { background: url(/images/yellow_big_inactive.png) no-repeat; }
.arrow-hookright { background: url(/images/arrow_hook_full_big_inactive.png) no-repeat; }
.arrow-hookright-begin { background: url(/images/arrow_right_part_big_inactive.png) no-repeat; }
.arrow-down { background: url(/images/arrow_down_full_big_inactive.png) no-repeat; }
.arrow-down-begin { background: url(/images/arrow_down_part_big_inactive.png) no-repeat; }
.arrow-tip { background: url(/images/arrow_tip_big_inactive.png) no-repeat; }
.skill-tree-icon-background-red-active { background: url(/images/red_big_active.png) no-repeat; }
.skill-tree-icon-background-blue-active { background: url(/images/blue_big_active.png) no-repeat; }
.skill-tree-icon-background-green-active { background: url(/images/green_big_active.png) no-repeat; }
.skill-tree-icon-background-orange-active { background: url(/images/orange_big_active.png) no-repeat; }
.skill-tree-icon-background-purple-active { background: url(/images/purple_big_active.png) no-repeat; }
.skill-tree-icon-background-grey-active { background: url(/images/grey_big_active.png) no-repeat; }
.skill-tree-icon-background-yellow-active { background: url(/images/yellow_big_active.png) no-repeat; }
.arrow-hookright-active { background: url(/images/arrow_hook_full_big.png) no-repeat; }
.arrow-hookright-begin-active { background: url(/images/arrow_right_part_big.png) no-repeat; }
.arrow-down-active { background: url(/images/arrow_down_full_big.png) no-repeat; }
.arrow-down-begin-active { background: url(/images/arrow_down_part_big.png) no-repeat; }
.arrow-tip-active { background: url(/images/arrow_tip_big.png) no-repeat; }
.release { width: 100%; font-size: 8pt; color: #222; padding-top: 8px; }
.class-tree { float: left; padding-top: 16px; }
.sp-remaining { width: 466px; text-align: right; float: right; padding: 0px 4px; }
.master-class-tree { float: right; padding: 16px 0px 0px 25px; position: relative; }
.glow-active { background: url(/images/glow_big.png); }
.infobox { -webkit-box-shadow: 0 0 5px #ededed; -moz-box-shadow: 0 0 5px #ededed; box-shadow: 0 0 5px #ededed; width: 250px; color: #000; font-size: 10pt; border-radius: 4px; -moz-border-radius: 4px; background: url(/images/75p_white.png) repeat; }
.infobox td { padding: 8px; }
.t-t { font-weight: bold; font-size: 11pt; padding-bottom: 4px; }
.t-e { padding-bottom: 12px; white-space: nowrap;  }
.t-y { opacity: 0.65; filter: alpha(opacity=65); }
.t-p img{ padding: 8px 4px 0px 0px; height: 20px; width: 20px; opacity: 0.95; filter: alpha(opacity=95); }