#xn_category_settings {
	color: #474747;
	font-size: 12px;
	font-family: "Dotum", "Verdana", "Arial";
	float:left;
	width: 234px;
	padding: 12px;	
	background: #f8f7f7;
	border: 1px solid #b9b9b9;
}

#xn_category_settings .bg_top {
	padding-left: 10px;
}

#xn_category_settings .frame {
	width: 234px;
	float:left;
}

#xn_category_settings .title{
	padding-bottom: 5px;
	border-bottom: 1px solid #cecdd2;
	font-weight: bold;
	width: 234px;
	float:left;
}

#xn_category_settings .title span{
	display: block;
	float: left;
}

#xn_category_settings .title .close {
	float: right;
}

#xn_category_settings .content_wapper {
	padding-top: 7px;
	float:left;
	width: 234px;
}

#xn_category_settings .content_wapper .content{
	float:left;
	width: 234px;
	padding-bottom: 5px;
}


#xn_category_settings .textbox {
	border-top: 1px solid #b2b2b2;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	height: 18px;
	float: left;
	color: #6d6d6d;
	font-family: "Dotum";
	font-size: 11px;
}

#xn_category_settings .category_list {
	top: 100px;
	left: 13px;
}

#xn_category_settings .category_list_content {
	float:left;
	width: 212px;
	padding: 5px 10px;
	height: 200px;
	margin-bottom: 5px;
	border-top: 1px solid #b2b2b2;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	background: #fff;
	overflow: auto;
}

#xn_category_settings .category_list_content ul {
	list-style: none;
	float:left;
	line-height: 1.5em;
	margin:0px;
	width: 210px;
}

#xn_category_settings .category_list_content li {
	cursor: pointer;
}

#xn_category_settings .category_list_content li.selected {
	background: #99C7FF;
}

#xn_category_settings .category_list_content li[deleted] {
	display: none;
}

#xn_category_settings .category_list_content li[sepline="sepline"] {
	color: #fff;
	background: #fff url('../images/dotline.gif') repeat-x center;
}

#xn_category_settings .category_list_content li[sepline="sepline"].selected {
	color: #99C7FF;
	background: #99C7FF url('../images/dotline.gif') repeat-x center;
}

#xn_category_settings .s_btn {
	background: transparent url('../images/sbtn_left.png') no-repeat top left;
	display: block;
	float: left;
	font: normal 11px Tahoma; /* Change 13px as desired */
	line-height: 16px;
	/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 6px; /* Width of left menu image */
	text-decoration: none;
	margin-left: 3px;
	font-family: "Dotum";
}

#xn_category_settings :link.s_btn,a:visited.s_btn,a:active.s_btn {
	color: #797878; /*button text color*/
}

#xn_category_settings .s_btn span {
	background: transparent url('../images/sbtn_right.png') no-repeat top right;
	display: block;
	padding: 4px 6px 4px 0;
	/*Set 11px below to match value of 'padding-left' value above*/
}

#xn_category_settings .s_btn:hover { /* Hover state CSS */
	background-position: bottom left;
}

#xn_category_settings .s_btn:hover span { /* Hover state CSS */
	background-position: bottom right;
	color: black;
}

#xn_category_settings .gray_btn {
	position: absolute;
	top: 70px;
	width: 278px;
	left: 13px;
}

#xn_category_settings .btn_blue {
	background: transparent url('../images/blue_btn_left.png') no-repeat top left;
	display: block;
	float: left;
	font: normal 12px Tahoma; /* Change 13px as desired */
	line-height: 16px;
	/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 6px; /* Width of left menu image */
	text-decoration: none;
	margin-left: 23px;
	margin-right: 3px;
	font-family: "Dotum";
}

#xn_category_settings :link.btn_blue,a:visited.btn_blue,a:active.btn_blue {
	color: #eaf6ff; /*button text color*/
}

#xn_category_settings .btn_blue .btn_blue_right {
	background: transparent url('../images/blue_btn_right.png') no-repeat top right;
	display: block;
	padding: 4px 6px 4px 0;
	/*Set 11px below to match value of 'padding-left' value above*/
}

#xn_category_settings .btn_blue:hover { /* Hover state CSS */
	background-position: bottom left;
}

#xn_category_settings .btn_blue:hover .btn_blue_right { /* Hover state CSS */
	background-position: bottom right;
	color: #fff;
}

#xn_category_settings .btn_blue .btn_blue_right .icon_cheak{
	background: transparent url('../images/icon_cheak.gif') no-repeat;
	padding-left: 12px;
}

#xn_category_settings .normal_btn {
	background: transparent url('../images/btn_left.png') no-repeat top left;
	display: block;
	float: left;
	font: normal 12px Tahoma; /* Change 13px as desired */
	line-height: 16px;
	/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 6px; /* Width of left menu image */
	text-decoration: none;
	margin-right: 3px;
}

#xn_category_settings :link.normal_btn,a:visited.normal_btn,a:active.normal_btn {
	color: #494949; /*button text color*/
}

#xn_category_settings .normal_btn .normal_btn_right {
	background: transparent url('../images/btn_right.png') no-repeat top right;
	display: block;
	padding: 4px 6px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
	color: #646464;
}

#xn_category_settings .normal_btn:hover { /* Hover state CSS */
	background-position: bottom left;
}

#xn_category_settings .normal_btn:hover .normal_btn_right { /* Hover state CSS */
	background-position: bottom right;
	color: black;
}

#xn_category_settings .normal_btn .normal_btn_right .icon_pluse{
	background: transparent url('../images/icon_pluse.gif') no-repeat 0px -2px;
	padding-left: 12px;
}

#xn_category_settings .normal_btn .normal_btn_right .icon_cancel{
	background: transparent url('../images/icon_cancel.gif') no-repeat 0px -2px;
	padding-left: 12px;
}

#xn_category_settings .normal_btn .normal_btn_right .icon_cancel2{
	background: transparent url('../images/icon_cancel2.gif') no-repeat 0px -2px;
	padding-left: 12px;
}

#xn_category_settings .normal_btn .normal_btn_right .icon_up{
	background: transparent url('../images/icon_up.gif') no-repeat 0px 2px;
	padding: 2px 4px;
}

#xn_category_settings .normal_btn .normal_btn_right .icon_down{
	background: transparent url('../images/icon_down.gif') no-repeat 0px 0px;
	padding: 2px 4px;
}

#xn_category_settings .normal_btn .normal_btn_right .icon_left{
	background: transparent url('../images/icon_left.gif') no-repeat 0px 0px;
	padding: 2px 4px;
}

#xn_category_settings .normal_btn .normal_btn_right .icon_right{
	background: transparent url('../images/icon_right.gif') no-repeat -1px 0px;
	padding: 2px 4px;
}

#xn_category_settings .red_btn {
	background: transparent url('../images/red_btn_left.png') no-repeat top left;
	display: block;
	float: left;
	font: normal 12px Tahoma; /* Change 13px as desired */
	line-height: 16px;
	/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 6px; /* Width of left menu image */
	text-decoration: none;
	margin-right: 3px;
}

#xn_category_settings :link.red_btn,a:visited.red_btn,a:active.red_btn {
	color: #fbe6e6; /*button text color*/
}

#xn_category_settings .red_btn .red_btn_right {
	background: transparent url('../images/red_btn_right.png') no-repeat top right;
	display: block;
	padding: 4px 6px 4px 0;
	color: #fbe6e6;
	/*Set 11px below to match value of 'padding-left' value above*/
}

#xn_category_settings .red_btn:hover { /* Hover state CSS */
	background-position: bottom left;
}

#xn_category_settings .red_btn:hover .red_btn_right { /* Hover state CSS */
	background-position: bottom right;
	color: #fbe6e6;
}