#talent_container, #tc_bar {
	font-size: 12px;
	font-family: Arial, "PMingLiU", "新細明體", "LiHei Pro", Helvetica, sans-serif;
	background: #000;
	color: #fff;
}

#talent_container a, #tc_bar a {
	color: #fff;
}

#talent_container {
	position: relative;
	width: 876px;
	margin: 0 auto;
	font-size: 12px;
	font-family: Arial, "PMingLiU", "新細明體", "LiHei Pro", Helvetica, sans-serif;
}

#tc_bar {
	width: 876px;
	margin: 5px auto;
}

#talent_tree1_box, #talent_tree2_box, #talent_tree3_box {
	position: relative;
	width: 290px;
	float: left;
	border: 1px solid #ff0;
}

#talent_tree1, #talent_tree2, #talent_tree3 {
	width: 260px;
	height: 715px;
	margin: 0 auto;
}

#talent_tree1_bar, #talent_tree2_bar, #talent_tree3_bar {
	padding: 3px;
}

.talent_cell {
	position: relative;
	width: 56px;
	height: 54px;
	float: left;
	margin: 2px 0;
	padding: 6px 0 1px 9px;
	visibility: hidden;
}

.talent_img {
	position: relative;
	width: 43px;
	height: 45px;
	top: 2px;
	left: 2px;
}

.talent_box {
	z-index: 1;
	position: absolute;
	width: 56px;
	height: 54px;
	top: 6px;
	left: 9px;
	background: url(../images/talents/border.gif);
}

.talent_text {
	z-index: 2;
	position: absolute;
	right: 5px;
	bottom: 1px;
}

.talent_available .talent_box {
	background-position: -56px 0;
}

.talent_available .talent_text {
	color: #0f0;
}

.talent_disable .talent_text {
	display: none;
}

.talent_full .talent_box {
	background-position: -112px 0;
}

.talent_full .talent_text {
	color: #ffd100;
}

.talent_available .img_ava, .talent_full .img_ava, .talent_disable .img_dis {
	display: block;
}

.talent_available .img_dis, .talent_full .img_dis, .talent_disable .img_ava {
	display: none;
}

.talent_tooltip {
	z-index: 99999;
	width: 350px;
	background: #000;
	border: 1px solid #fff;
	visibility: hidden;
	padding: 5px;
}

.tooltip_general {
	position: absolute;
	top: 33px;
	left: 65px;
}

.tooltip_right {
	position: absolute;
	top: 33px;
	right: 65px;
}

.tooltip_bottom {
	position: absolute;
	bottom: 33px;
	left: 65px;
}

.tooltip_right_bottom {
	position: absolute;
	bottom: 33px;
	right: 65px;
}

.talent_arrow {
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0;
}

.arrow_down_1, .arrow_down_2, .arrow_down_3, .arrow_down_4 {
	position: absolute;
	top: 53px;
	left: 22px;
}

.arrow_left_1 {
	position: absolute;
	top: 20px;
	right: -12px;
}

.arrow_right_1 {
	position: absolute;
	top: 20px;
	left: 54px;
}

.arrow_down_left_1, .arrow_down_left_2 {
	position: absolute;
	top: 25px;
	right: -12px;
}

.arrow_down_right_1, .arrow_down_right_2 {
	position: absolute;
	top: 25px;
	left: 54px;
}

.arrow_down_1 {
	width: 21px; height: 25px;
	background: url(../images/talents/arrows/down_1.gif);
}

.arrow_down_2 {
	width: 21px; height: 90px;
	background: url(../images/talents/arrows/down_2.gif);
}

.arrow_down_3 {
	width: 21px; height: 156px;
	background: url(../images/talents/arrows/down_3.gif);
}

.arrow_down_4 {
	width: 21px; height: 221px;
	background: url(../images/talents/arrows/down_4.gif);
}

.arrow_left_1 {
	width: 25px; height: 21px;
	background: url(../images/talents/arrows/across_left.gif);
}

.arrow_right_1 {
	width: 25px; height: 21px;
	background: url(../images/talents/arrows/across_right.gif);
}

.arrow_down_left_1 {
	width: 53px; height: 51px;
	background: url(../images/talents/arrows/down_left.gif);
}

.arrow_down_right_1 {
	width: 53px; height: 51px;
	background: url(../images/talents/arrows/down_right.gif);
}

.arrow_down_left_2 {
	width: 53px; height: 116px;
	background: url(../images/talents/arrows/down_left_2.gif);
}

.arrow_down_right_2 {
	width: 53px; height: 116px;
	background: url(../images/talents/arrows/down_right_2.gif);
}

.arrow_green .arrow_down_1, .arrow_green .arrow_down_2, .arrow_green .arrow_down_3, .arrow_green .arrow_down_4 {
	background-position: -21px 0;
}

.arrow_yellow .arrow_down_1, .arrow_yellow .arrow_down_2, .arrow_yellow .arrow_down_3, .arrow_yellow .arrow_down_4 {
	background-position: -42px 0;
}

.arrow_green .arrow_left_1, .arrow_green .arrow_right_1 {
	background-position: 0 -21px;
}

.arrow_yellow .arrow_left_1, .arrow_yellow .arrow_right_1 {
	background-position: 0 -42px;
}

.arrow_green .arrow_down_left_1, .arrow_green .arrow_down_right_1, .arrow_green .arrow_down_left_2, .arrow_green .arrow_down_right_2 {
	background-position: -53px 0;
}

.arrow_yellow .arrow_down_left_1, .arrow_yellow .arrow_down_right_1, .arrow_yellow .arrow_down_left_2, .arrow_yellow .arrow_down_right_2 {
	background-position: -106px 0;
}