@charset "utf-8";

.title {
	background-image: url(../images/title_dragon.gif);
}
.bg {
	background-image: url(../images/bg_dragon.gif);
	border-bottom: 2px solid #79bdcd;
}
.category {
	background-color: #79bdcd;
}

div.clear { clear: both;}

div.box1 { width: 570px;}

p.talent_text {
	width: 560px; 
	margin: 15px 0 20px 10px;
}

table.item_added { 
	width: 500px;
	margin: 0 auto;
	border: 1px solid #cc9966;
	border-collapse: collapse;
	border-spacing: 0px;
	text-align: center;
}

table.item_added th { 
	padding: 5px;
	border-top: 0 solid #cc9966;
	border-right: 0 solid #cc9966;
	border-bottom: 1px solid #cc9966;
	border-left: 1px solid #cc9966;
	background: #cc9966;
	font-weight: bold;
	line-height: 120%;
}

table.item_added td { 
	padding: 5px;
	border-top: 0 solid #cc9966;
	border-right: 0 solid #cc9966;
	border-bottom: 1px solid #cc9966;
	border-left: 1px solid #cc9966;
}

table.item_added td p { 
	text-align: left;
}

li.talent {
	list-style-type: decimal;
	margin-bottom: 30px;
}

ol#talent {
	margin-top: 20px;
}

div#description {
	width: 570px;
	height: auto;
}
div#description div#left {
	float: left;
	width: 270px;
	height: auto;
	margin-left: 25px;
	margin-bottom: 50px;
}
	
div#description div#right {
	float: right;
	width: 260px;
	height: auto;
	padding-left: 10px;
}

div.left_box1 {
	float: left; 
	width: 255px; 
	margin: 10px 0px 30px 15px;
}

div.right_box1 {
	float: right; 
	width: 255px; 
	margin: 10px 15px 30px 0px;
}

a.setting {
	width: 255px;
	display: block;
	position: absolute;
}
a#area1 {
	height: 68px;
	margin-top: 54px;
} 
a#area2 {
	height: 20px;
	margin-top: 123px;
}

.talent_img {
	background-image: url("/guide/images/talent_sprite_img.jpg");
	background-repeat: no-repeat;
	display: block;
}
	a#img_a_1 { 
		background-position: 0 0;
		width: 254px;
		height: 434px;
		margin-bottom: 15px;
	}
	div#img_a_2 {
		background-position: -254px 0;
		width: 254px;
		height: 434px;
		margin-bottom: 15px;
	}
	a#img_a_3 {
		background-position: 0 -434px;
		width: 254px;
		height: 47px;
		float: right;
		margin-top: 10px;
	}
	a#img_a_4 {
		background-position: -285px -434px;
		width: 223px;
		height: 142px;
		float: right;
		margin: 10px 15px 30px 0;
	}
	a#img_a_5 {
		background-position: 0 -481px;
		width: 255px;
		height: 99px;
		float: right;
	}
	a#img_a_6 {
		background-position: 0 -580px;
		width: 254px;
		height: 79px;
		margin: 20px 20px 15px -4px;
	}
	a#img_a_7 {
		background-position: -254px -580px;
		width: 254px;
		height: 79px;
		margin: 30px 20px 15px -4px;
	}
	a#img_a_8 {
		background-position: 0 -659px;
		width: 254px;
		height: 78px;
		margin: 30px 20px 15px -4px;
	}
	a#img_a_9 {
		background-position: -254px -659px;
		width: 254px;
		height: 20px;
		float: right;
		margin: 30px 15px 15px -4px;
	}


/*table icon*/
table.item_added a.icon_img {
	background-image: url("/guide/images/talent_icon_sprite_img.jpg");
	background-repeat: no-repeat;
	display: block;
	width: 32px;
	height: 32px;
}
	table.item_added a#table_a_1  { background-position: 0 0;}
	
	table.item_added a#table_b_1  { background-position: -32px 0;}
	table.item_added a#table_b_2  { background-position: -64px 0;}
	table.item_added a#table_b_3  { background-position: -96px 0;}
	table.item_added a#table_b_4  { background-position: 0 -32px;}
	table.item_added a#table_b_5  { background-position: -32px -32px;}
	table.item_added a#table_b_6  { background-position: -64px -32px;}
	table.item_added a#table_b_7  { background-position: -96px -32px;}
	table.item_added a#table_b_8  { background-position: 0 -64px;}
	table.item_added a#table_b_9  { background-position: -32px -64px;}
	table.item_added a#table_b_10 { background-position: -64px -64px;}
	table.item_added a#table_b_11 { background-position: -96px -64px;}
	
	table.item_added a#table_c_1  { background-position: 0 -96px;}
	
	table.item_added a#table_d_1  { background-position: -32px -96px;}
	table.item_added a#table_d_2  { background-position: -32px -96px;}
	table.item_added a#table_d_3  { background-position: 0 -32px;}
	table.item_added a#table_d_4  { background-position: -32px -32px;}
	table.item_added a#table_d_5  { background-position: 0 -32px;}
	table.item_added a#table_d_6  { background-position: -32px -32px;}
	table.item_added a#table_d_7  { background-position: -64px -32px;}
	table.item_added a#table_d_8  { background-position: -96px -32px;}
	table.item_added a#table_d_9  { background-position: -32px -64px;}
	table.item_added a#table_d_10 { background-position: -64px -96px;}
	table.item_added a#table_d_11 { background-position: -96px -96px;}
	
	table.item_added a#table_e_1  { background-position: 0 -128px;}
	
	table.item_added a#table_f_1  { background-position: -32px -96px;}
	table.item_added a#table_f_2  { background-position: -32px -96px;}
	table.item_added a#table_f_3  { background-position: 0 -32px;}
	table.item_added a#table_f_4  { background-position: -32px -32px;}
	table.item_added a#table_f_5  { background-position: 0 -32px;}
	table.item_added a#table_f_6  { background-position: -32px -32px;}
	table.item_added a#table_f_7  { background-position: -64px -32px;}
	table.item_added a#table_f_8  { background-position: -96px -32px;}
	table.item_added a#table_f_9  { background-position: -32px -64px;}
	table.item_added a#table_f_10 { background-position: -64px -96px;}
	table.item_added a#table_f_11 { background-position: -96px -96px;}
	
	table.item_added a#table_g_1  { background-position: -32px -128px;}
	
	table.item_added a#table_h_1  { background-position: -32px -96px;}
	table.item_added a#table_h_2  { background-position: -32px -96px;}
	table.item_added a#table_h_3  { background-position: -64px -128px;}
	table.item_added a#table_h_4  { background-position: -32px -32px;}
	table.item_added a#table_h_5  { background-position: -96px -128px;}
	table.item_added a#table_h_6  { background-position: 0 -32px;}
	table.item_added a#table_h_7  { background-position: -64px -32px;}
	table.item_added a#table_h_8  { background-position: -96px -32px;}
	table.item_added a#table_h_9  { background-position: -32px -64px;}
	table.item_added a#table_h_10 { background-position: -64px -96px;}
	table.item_added a#table_h_11 { background-position: -96px -96px;}
	
div.smallmenu { margin: 10px 0 15px 20px;}

div#table_menu { 
	text-align:center;
	margin: 10px 0 15px 0;
}

/*Beast Scramble*/
div#beast_scramble {
	overflow: hidden;
}

@media screen { 
    div#preloader { 
        position: absolute; 
        left: -9999px; 
        top: -9999px; 
    } 
    div#preloader img { 
        display: block; 
    } 
} 
@media print { 
    div#preloader, 
    div#preloader img { 
        visibility: hidden; 
        display: none; 
    } 
}

div#beast_scramble a.beast_scramble_img { 
	background-image: url("/guide/images/beast_scramble_sprite_img.jpg");
	background-repeat: no-repeat;
	display: block;
	font-size: 0; /*for IE*/
}
	div#beast_scramble a#ring_icon {
		background-position: -280px -214px;
		width: 56px;
		height: 56px;
	}
	div#beast_scramble a#ss1 { 
		background-position: 0 0;
		width: 200px;
		height: 200px;
		float: left;
		margin: 0 12px 10px 22px;
	}
	
	div#beast_scramble a#ss2 {
		background-position: 0 -334px;
		width: 225px;
		height: 150px;
		float: left;
		margin-left: 10px;
		margin-bottom: 30px;
	}
	div#beast_scramble a#ss3 {
		background-position: -200px 0;
		width: 200px;
		height: 149px;
		float: left;
		margin: 0 0 20px 22px;
	}
	div#beast_scramble a#ss4 {
		background-position: -200px -149px;
		width: 200px;
		height: 65px;
		float: left;
		margin: 0 0 20px 22px;
	}
	div#beast_scramble a#ss5 {
		background-position: 0 -214px;
		width: 280px;
		height: 120px;
		float: left;
		margin: 30px 5px 10px 5px;
	}
	div#beast_scramble a#ss6 {
		background-position: -225px -334px;
		width: 125px;
		height: 65px;
		float: left;
		margin-left: 50px;
	}
	div#beast_scramble a#ss7 {
		background-position: 0 -484px;
		width: 200px;
		height: 150px;
		float: left;
		margin: 30px 20px 0 20px;
	}
	div#beast_scramble a#ss8 {
		background-position: -200px -484px;
		width: 200px;
		height: 150px;
		margin: 20px auto;
	}
	div#beast_scramble a#ss9 {
		background-position: -400px 0;
		width: 260px;
		height: 260px;
		float: left;
		margin-left: 10px;
	}
	div#beast_scramble a#ss10 {
		background-position: -400px -260px;
		width: 287px;
		height: 260px;
		float: right;
		margin-left: 10px;
	}
	
div#beast_scramble p.text { 
	width: 540px;
	margin: 10px auto;
}

div#beast_scramble div.smallmenu { margin-left: 2px; }

div#beast_scramble p.blue, li.blue { 
	font-size: 12px;
	color: #0000FF; 
}

div#beast_scramble div.setting { margin-left: -10px; }

div#beast_scramble div.subtitle_l { margin: 15px 0 20px 0;}

table.bs_table { 
	width: 550px;
	margin: 20px auto;
	border: 1px solid #003300;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align: center;
}

table.bs_table th { 
	padding: 5px;
	border-top: 0 solid #003300;
	border-right: 0 solid #003300;
	border-bottom: 1px solid #003300;
	border-left: 1px solid #003300;
	background: #6D8918;
	font-weight: 700;
	line-height: 120%;
	color: #FFFFFF;
}

table.bs_table td { 
	padding: 5px;
	border-top: 0 solid #003300;
	border-right: 0 solid #003300;
	border-bottom: 1px solid #003300;
	border-left: 1px solid #003300;
	text-align: center;
}

/*pet third*/
table.fusion_card { 
	width: 550px;
	margin: 0 auto;
	border: 1px solid #336699;
	border-collapse: collapse;
	border-spacing: 0px;
	text-align: center;
}
table.fusion_card th { 
	padding: 3px;
	border-top: 0 solid #336699;
	border-right: 0 solid #336699;
	border-bottom: 1px solid #336699;
	border-left: 1px solid #336699;
	background:#CCFFFF;
	font-weight: bold;
	line-height: 120%;
	color:#999999;
}
table.fusion_card td { 
	padding: 3px;
	border-top: 0 solid #336699;
	border-right: 0 solid #336699;
	border-bottom: 1px solid #336699;
	border-left: 1px solid #336699;
}

.margin_l20 {
margin:0 0 0 20px;
}
.margin_l25 {
margin:0 0 0 25px;
}

ol.hidden_husion li {
list-style-type:decimal; margin:0 0 0 20px;
}

a.pet_skill_btn {
background-image: url(../guide/images/pet_skill_btn.jpg);
display:block;
height:66px;
margin:0 auto;
width:320px;
}
a#3rd_order_btn { background-position: 0 0; }
a#view_ultimate_btn { background-position: 0 -65px; }

/*ULTIMATE PETS*/
table.ultimate_condition { 
	width: 550px;
	margin: 0 auto;
	border: 1px solid #336699;
	border-collapse: collapse;
	border-spacing: 0px;
	text-align: center;
}
table.ultimate_condition th { 
	padding:5px 1px;
	border-top: 0 solid #336699;
	border-right: 0 solid #336699;
	border-bottom: 1px solid #336699;
	border-left: 1px solid #336699;
	background:#CCFFFF;
	font-weight: bold;
	line-height: 120%;
	color:#999999;
}
table.ultimate_condition td { 
	padding:5px 1px;
	border-top: 0 solid #336699;
	border-right: 0 solid #336699;
	border-bottom: 1px solid #336699;
	border-left: 1px solid #336699;
}

table.ultimate_condition td p {
	text-align: left;
	margin-left: 5px;
}

.color_red {
	color:#FF0000;
}
.color_orange {
	color:#FF6600;
}

/*Ultimate Pet 100803 Added*/
/*******************************************/
a.ultimate_img {
	height: 0;
	background-image: url("/guide/images/petskill_guide_ultimate_sprite.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	overflow: hidden;
}

a.sp_ultimate_icon {
	width: 64px;
	padding-top: 64px;
	background-position: -318px -368px;
	margin: 0 auto;
}

a.evolution_order {
	float: left;
	width: 318px;
	padding-top: 466px;
	background-position: 0 0;
	margin: 30px 0 0 10px;
}

div#ss_box {
	float: right;
	width: 230px;
	margin-right: 10px;
}

a.evolution_ss01{
	width: 230px;
	padding-top: 184px;
	background-position: -318px 0;
	margin: 33px auto 15px auto;
}

a.evolution_ss02{
	width: 230px;
	padding-top: 184px;
	background-position: -318px -184px;
	margin: 0 auto;
}