@charset "utf-8";
/* CSS Document */
table.formTable_JQ {
	margin-top:12px;
	margin-left:8px;
	}
table.formTable_JQ th {
	padding-right:1em;
	text-align:right;
	font-weight:normal;
	padding:5px;
	width:80px;
	}
table.formTable_JQ td {
	padding:5px;
	}
table.formTable_JQ caption {
	text-align:left;
	}
	
/* Help Icon */
#cp_help_img{
	width:16px;
	height:8px;
	display:inline-block;
	background-image:url(IMGBOX_JQ.gif);
	background-repeat:no-repeat;
}
.cp_help_e{
	background-position:-30px -30px;
}
.cp_help_s{
	background-position:-30px -20px;
}

/* LevelUp Button Action Images */
.cp_point_uplv1_JQ, .cp_point_uplv2_JQ{
	width:46px;
	height:22px;
	display:inline-block;
	background-image:url(IMGBOX_JQ.gif);
	background-repeat:no-repeat;
}
.cp_point_uplv1_JQ{
	background-position:-50px -1px;
}
.cp_point_uplv2_JQ{
	background-position:-50px -24px;
}

/* need point */
.cp_point_np_JQ{
	color:#06C;
}
/* current point */
.cp_point_cp_JQ{
	color:#39C;
}

/* the first help text */
.cp_point_h1_JQ{
	font-size:10px;
	color:#999;
}

#cp_point{
	margin-left:40px;
}
/* title float left */
.cp_point_tfl_JQ{
	float:left;
}
/* -------------------- common block ------------------------- */
.cp_point_cl_JQ, .cp_point_cm_JQ, .cp_point_cr_JQ{
	width:6px;
	height:5px;
	background-image:url(IMGBOX_JQ.gif);
	text-indent:-999em;
	float:left;
	margin-top:5px;
}
/**
 * opacity 透明度。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。 
 * finishopacity 是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。 
 * style    指定透明区域的形状特征：0 代表统一形状，1 代表线形，2 代表放射状，3 代表矩形 
 * startx   渐变透明效果开始处的 X坐标。 
 * starty   渐变透明效果开始处的 Y坐标。 
 * finishx  渐变透明效果结束处的 X坐标。 
 * finishy  渐变透明效果结束处的 Y坐标。
 */
/* common left */
.cp_point_cl_JQ{
	background-repeat: no-repeat;
	filter:alpha(opacity=100,style=1,finishopacity=100,startx=0,finishx=100);
}
/* common middle */
.cp_point_cm_JQ{
	background-repeat: repeat-x;
	filter:alpha(opacity=100,style=1,finishopacity=0,startx=0,finishx=100);
}
/* common right */
.cp_point_cr_JQ{
	background-repeat: no-repeat;
	filter:alpha(opacity=0,style=1,finishopacity=0,startx=0,finishx=100);
}

/** ************************************
 * d - diary
 * p - publish
 * n - notice
 * a - album
 */
#cp_point_dl_JQ{background-position:-1px -1px;}
#cp_point_pl_JQ{background-position:-43px -1px;}
#cp_point_nl_JQ{background-position:-71px -1px;}
#cp_point_sl_JQ{background-position:-15px -1px;}
#cp_point_vl_JQ{background-position:-57px -1px;}
#cp_point_ol_JQ{background-position:-29px -1px;}
#cp_point_rl_JQ{background-position:-85px -1px;}

#cp_point_dm_JQ{background-image:url(line_m.gif);/*background-position:-8px -1px;*/}
#cp_point_pm_JQ{background-image:url(line4_m.gif);}
#cp_point_nm_JQ{background-image:url(line6_m.gif);}
#cp_point_sm_JQ{background-image:url(line2_m.gif);}
#cp_point_vm_JQ{background-image:url(line5_m.gif);}
#cp_point_om_JQ{background-image:url(line3_m.gif);}
#cp_point_rm_JQ{background-image:url(line7_m.gif);}

#cp_point_dr_JQ{background-position:-8px -1px;}
#cp_point_pr_JQ{background-position:-50px -11px;}
#cp_point_nr_JQ{background-position:-78px -1px;}
#cp_point_sr_JQ{background-position:-22px -1px;}
#cp_point_vr_JQ{background-position:-64px -1px;}
#cp_point_or_JQ{background-position:-36px -1px;}
#cp_point_rr_JQ{background-position:-92px -1px;}

/** ************************************
 * Level Icon
 * 
 */
.LV_JQ{	
	width:30px;
	height:30px;
	background-image:url(IMGBOX_JQ.gif);
	text-indent:-999em;
	float:left;
	background-repeat: no-repeat;
}
.LVs_JQ{
	width:16px;
	height:16px;
	background-image:url(IMGBOX_JQ.gif);
	background-repeat:no-repeat;
	display:inline-block;
	vertical-align:middle;
}
#LV1{background-position:-100px -1px;}
#LV1s{background-position:-100px -35px}
#LV3{background-position:-132px -1px;}
#LV3s{background-position:-132px -35px}
#LV9{background-position:-164px -1px;}
#LV9s{background-position:-164px -35px}