/** font **/
.arial						{ font-family:arial; }

.size10					{ font-size:10px; }
.size11					{ font-size:11px; }
.size12					{ font-size:12px; }
.size14					{ font-size:14px; }
.size16					{ font-size:16px; }
.size18					{ font-size:18px; }
.size40					{ font-size:40px; }

.red						{ color:#f63941; }
.blue						{ color:#569ffd; }
.cyan						{ color:#00b2c0; }
.orange					{ color:#FF7700; }
.green					{ color:#7d9500; }
.black					{ color:#333; }
.white					{ color:#FFFFFF; }
.gray						{ color:#888; }

.normal					{ font-weight:normal; }
.bold						{ font-weight:bold; }

.u_line					{ text-decoration:underline; }
.th_line					{ text-decoration:line-through; }

.clb						{ clear:both; }

.gap_s					{ letter-spacing:-1px; }
.gap_normal			{ letter-spacing:normal; }

.var						{ color:#ddd;font-size:11px; }

.member					{ font-weight:bold; }
.guest					{ font-weight:normal; }





/************************************************* checkbox, radio button ************************************************/
/* 
 * The state classes are a little bit complex, because of the doubble class bug in IE6
 * The state class looks like this:
 * 
 * .ui-radio-state[-checked][-disabled][-hover] or .ui-checkbox-state[-checked][-disabled][-hover]
 * 
 * Examples:
 * 
 * .ui-radio-state-checked (simply checked) 
 * .ui-radio-state-checked-hover (checked and hovered/focused)
 * .ui-radio-state-hover (unchecked and hovered/focused)
 * 
 */
.ui-helper-hidden-accessible {
	position: absolute;
	left: -999em;
}

.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover {
	color: #999;
}
span.ui-checkbox {
	display: inline-block;
	width: 12px;
	height: 14px;
	margin-right:3px;
	background: url('../images/icon_checkbox.png') 0 -40px no-repeat;
	vertical-align:middle;
}

span.ui-radio {
	display: inline-block;
	width: 12px;
	height: 14px;
	margin-right:3px;
	background: url('../images/icon_checkbox.png') 0 -200px no-repeat;
	vertical-align:middle;
}

span.ui-helper-hidden {
	display: none;
}

span.ui-checkbox-state-hover {
	background-position: 0 -120px;
}

span.ui-radio-state-hover {
	background-position: 0 -240px;
}

span.ui-checkbox-state-checked {
	background-position: 0 0;
}

span.ui-checkbox-state-checked-hover {
	background-position: 0 -80px;
}
span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked {
	background-position: 0 -160px;
}


span.ui-radio-state-checked-hover {
	background-position: 0 -240px;
}



/************************************************* selectbox ************************************************/
.selectBox {
	display:inline-block;
	position:relative;
	margin-right:7px;
	text-align:left;
	background:url('../images/select.png') no-repeat 0 0;
}
/* setting the width and height of the SELECT element to match the replacing graphics */
.select {
	position:relative;
	z-index:9;
	/*width:120px !important;*/
	height:21px !important;
	overflow:hidden;
	line-height:21px;
}

/* dynamically created SPAN, placed below the SELECT */
span.select {
	position:absolute;
	left:1px;
	width:100%;
	height:21px;
	line-height:21px;
	text-indent:3px;
	background:url('../images/select.png') no-repeat right 0;
	cursor:pointer;
	z-index:1;
}

.selectBox2 {
	display:inline-block;
	position:relative;
	text-align:left;
	background:url('../images/select_b.png') no-repeat 0 0;
}

.select2 {
	position:relative;
	z-index:9;
	/*width:120px !important;*/
	height:25px !important;
	overflow:hidden;
	line-height:21px;
}

span.select2 {
	position:absolute;
	left:1px;
	width:100%;
	height:25px;
	line-height:25px;
	text-indent:3px;
	background:url('../images/select_b.png') no-repeat right 0;
	cursor:pointer;
	z-index:1;
}



/***** popup common *****/
.bg_c										{ background:#eee; }

#h1_p									{ height:45px;padding:0 10px;font-weight:bold;color:#FFFFFF;line-height:40px;background:url('../images/bg_p.gif') repeat-x; }
#h1_p img								{ vertical-align:middle; }
#h2_p									{ height:39px;padding:0 10px;font-weight:bold;color:#424959;line-height:39px;border-bottom:solid 1px #a3afbc;background:#ecf0f9; }
#h2_p img								{ vertical-align:middle; }

#pWrap									{ margin:10px;border:solid 1px #aaa;background:#FFFFFF; }

.p_ul										{ margin:0 0 10px 0;padding:0;list-style:none; }
.p_ul li									{ position:relative;display:block;padding:6px 10px;text-align:left;color:#666;border-bottom:solid 1px #eee; }
.p_ul li img								{ vertical-align:middle; }
.p_ul li.last								{ background:#f6f6f6; }

.p_ul li label							{ display:block;position:absolute;top:12px;left:15px;z-index:999; }
.p_ul li .kcaptcha					{ width:80px;height:auto;margin-right:10px;vertical-align:middle; }
.p_ul li .label							{ display:inline-block;width:80px;padding-left:18px;color:#333;font-weight:bold;background:url('../images/icon_chk_b.gif') no-repeat 5px 3px; }
.p_ul li .point							{ position:absolute;display:block;width:60px;height:25px;right:10px;top:6px;text-align:right; }
.p_ul li .input							{ position:relative;height:14px;padding:4px;border:solid 1px #DDD; }
.p_ul li .file								{ position:relative;height:20px;padding:4px;border:solid 1px #DDD; }
.p_ul li .textarea						{ padding:2px;border:solid 1px #DDD; }
.p_ul li .content						{ width:98%;overflow-y:scroll;padding:2px;border:solid 1px #DDD; }


.p_txt										{ margin:10px;padding:9px 14px;font-size:11px;color:#888;letter-spacing:-1px;border:solid 1px #DDD;background:#f6f6f6; }

.p_paging								{ height:40px;text-align:center; }
.p_paging a,
.p_paging img,
.p_paging span						{ vertical-align:top; }
.p_paging strong						{ display:inline-block;width:20px;height:20px;margin:0 4px;padding:0;overflow:hidden;color:#FFFFFF;text-align:center;line-height:20px;background:#569ffd;border:solid 1px #569ffd; }
.p_paging a							{ display:inline-block;width:20px;height:20px;margin:0 4px;padding:0;overflow:hidden;color:#666;text-align:center;line-height:20px;border:solid 1px #DDD; }
.p_paging a:hover					{ color:#FFFFFF;background:#569ffd; }
.p_paging a.p_start					{ line-height:999px;background:url('../images/btn_page.gif') no-repeat 0 -60px #F6F6F6; }
.p_paging a.p_prev					{ line-height:999px;background:url('../images/btn_page.gif') no-repeat 0 -40px #F6F6F6; }
.p_paging a.p_next					{ line-height:999px;background:url('../images/btn_page.gif') no-repeat 0 -20px #F6F6F6; }
.p_paging a.p_end					{ line-height:999px;background:url('../images/btn_page.gif') no-repeat 0 0 #F6F6F6; }

.p_btnArea								{ height:50px;text-align:center; }
.p_btnArea input,
.p_btnArea img						{ vertical-align:middle; }

.p_btn_close							{ height:40px;text-align:center; }
.p_btn									{ display:inline-block;height:23px;padding:0 6px;line-height:23px;border:solid 1px #AAA;background:#FFFFFF; }

.p_copy									{ height:40px;font-family:arial;font-size:11px;color:#999;text-align:center; }

.p_type									{ width:100%;margin-bottom:10px;table-layout:fixed;border-collapse:collapse; }
.p_type th								{ padding:6px 10px 6px 10px;text-align:left;color:#666;border-bottom:solid 1px #DDD;/*border-right:solid 1px #EEE;*/font-weight:normal;background:#f6f6f6; }
.p_type th a							{ display:inlne-block;padding-right:10px;text-decoration:underline;background:url('../images/arrow_down.gif') no-repeat right 50%; }
.p_type th a.none					{ background:none; }
.p_type th img	 						{ vertical-align:middle; }
.p_type th.center						{ text-align:center; }
.p_type th.del							{ text-align:center;background:#7ebbff; }
.p_type td								{ padding:6px 10px 6px 10px;text-align:left;border-bottom:solid 1px #eee/*;border-right:solid 1px #EEE;*/ }
.p_type td a							{ /*color:#569ffd;*/ }
.p_type td input,
.p_type td select,
.p_type td img,
.p_type td span						{ vertical-align:middle; }
.p_type td.center						{ text-align:center; }
.p_type td.del							{ width:20px;text-align:center;background:#7ebbff; }

.p_tab									{ height:34px;padding:9px;list-style:none; }
.p_tab li									{ display:inline-block;float:left; }
.p_tab li a								{ display:block;width:80px;height:33px;margin-right:-1px;padding-left:5px;font-size:11px;letter-spacing:-1px;line-height:33px;border:solid 1px #ddd;background:#EEE; }
.p_tab li a.on							{ height:34px;font-weight:bold;border-bottom:none;background:#FFFFFF; }
.p_tab li a img							{ vertical-align:middle; }