@CHARSET "utf-8";
.ba_blank{
	margin:0px;
	padding:0px;
}
.div_tooltip{
	background: url("../images/bg_1.gif") repeat-x left top #FFFFFF;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 6;
	visibility: hidden;
}
.pos_global, .img_s01, .img_s02{
	position: relative;
	top: 0px;
	left: 0px;
}
.ifm_s01, .ifm_s01X{
	border:1px solid Silver;
	border-top:1px solid Silver;
	border-left:0px solid Silver;
}
.ifm_s01X{
	display:block;	
}

/**
 * ALL FONT FAMILY AND FONT COLOR EXTENDS ft_default
 */
.ft_default, .ft_global, .sel_s01, .sel_s01X, .txf_s02, .txf_s02FL, .txf_s03, .txf_s03FL, .span_s02, .ta_dbd,
.ft_global01, .ft_global01X, .ft_global02, .ft_global03, .ft_global03X, .ft_global03XN, .ft_global04,
.ft_global05, .ft_global06, .tip_s01, .ft_global06X{
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	color:#000000;
}

.ft_global, .sel_s01, .sel_s01X, .txf_s02, .txf_s02FL, .txf_s03, .txf_s03FL, .span_s02, .ta_dbd{
	font-size:12px;
	line-height:12pt;
}
.ft_global01{
	font-size:10px;
	line-height:14pt;
	font-weight:bolder;
}
.ft_global01X{
	font-size:10px;
	line-height:14pt;
	font-weight:bolder;
	display:block;
}
.ft_global02{
	font-size:14px;
	line-height:16pt;
	font-weight:bolder;
	font-style:italic;
}
.ft_global03, .ft_global03X, .ft_global03XN{
	font-size:12px;
	line-height:14pt;
}
.ft_global03X, .ft_global03XN{
	font-weight:bolder;
}
.ft_global04{
	font-size:10px;
	line-height:12pt;
}
.ft_global05{
	font-size:6pt;
	line-height:6pt;
}
.ft_global06, .tip_s01{
	font-size:9pt;
}
.ft_global06X{
	font-size:9pt;
	font-weight:bolder;
}

/**
 * TemplateTemplate(only for image height: transparent zero 4px + content 11px, total 15px ):
 * <span class="ft_imgTxt01"><img src="..." alt="..." />...</span>
 * For: IE7, Firefox2.0
 */
.ft_imgTxt01{ /* for small title with image, exp:  */
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:11px;
	line-height:14pt;
	font-weight:bolder;
	color:#000000;
	vertical-align:2px;
}
.ft_imgTxt01 img{
	border:0px;
	float:left;
	padding-right:2px;
}

/**
 * Template(only for image height: transparent zero 4px + content 15px, total 19px ): 
 * <span class="ft_imgTxt02"><img src="..." /><a>...</a></span>
 * For: IE7, Firefox2.0
 */
.ft_imgTxt02{ /* for home-page tab */
}
.ft_imgTxt02 img{
	border:0px;
	padding-right:2px;
}
.ft_imgTxt02 a{
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:12px;
	line-height:14pt;
	font-weight:bolder;
	vertical-align:3px;
}

/**
 * TemplateTemplate(only for image height: transparent zero 4px + content 11px + bottom transparent 1px, total 16px ):
 * <span class="ft_imgTxt03"><img src="..." alt="..." />...</span>
 * For: IE7, Firefox2.0
 */
.ft_imgTxt03{ /* for small title with image, exp:  */
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:11px;
	line-height:14pt;
	font-weight:bolder;
	color:#000000;
	vertical-align:0px;
}
.ft_imgTxt03 img{
	border:0px;
	float:left;
	padding-right:2px;
}

.ft_youhave_number{
	font-weight:bolder; font-size:12px; font-family:"arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
}

.sp_style01{
	text-decoration:underline;
}
.sp_style02{
	text-decoration:none;
}

.ta_s01{
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:12px;
	color:#000000;
	text-decoration:none;
}
.ta_s02{
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:10px;
	line-height:12pt;
	color:#000000;
}
.ta_s03 td{
	height:20px;
	width:80px;
	font-size:12px;
	line-height:14pt;
	text-align:center;	
}
/** for admin table. */
.ta_s04{
	border-top:1px solid #D7A8A6;
	border-right:1px solid #3e3e3e;
	border-bottom:1px solid #3e3e3e;
	border-left:1px solid #D7A8A6;
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:12px;
	line-height:14pt;
	color:#000000;
}
.ta_s04Title
{font-weight:bolder;}
.ta_s04 tr td
{border-top:1px solid #F7F8F6; border-right:1px solid #333333; border-bottom:1px solid #333333; border-left:1px solid #F7F8F6}

.ta_s05{
	border-top:1px solid #D7A8A6;
	border-right:1px solid #3e3e3e;
	border-bottom:0px solid #3e3e3e;
	border-left:1px solid #D7A8A6;
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:12px;
	line-height:14pt;
	color:#000000;
}
.ta_s05Title
{font-weight:bolder;}
.ta_s05 tr td
{border-top:1px solid #F7F8F6; border-right:1px solid #333333; border-bottom:1px solid #333333; border-left:1px solid #F7F8F6}

.ta_s06{
	border-top:0px solid #D7A8A6;
	border-right:1px solid #3e3e3e;
	border-bottom:0px solid #3e3e3e;
	border-left:1px solid #D7A8A6;
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:12px;
	line-height:14pt;
	color:#000000;
}
.ta_s06Title
{font-weight:bolder;}
.ta_s06 tr td
{border-top:1px solid #F7F8F6; border-right:1px solid #333333; border-bottom:1px solid #333333; border-left:1px solid #F7F8F6}

.ta_dbd
{border:1px solid #636363}
.tr_dbd1
{background: #54B4FF}
.tr_dbd2
{background: #54B4FF url("../image/application/monitor/dbd2.png") top left repeat-x;}
.tr_dbd3
{background: #54B4FF url("../image/application/monitor/dbd3.png") bottom left repeat-x;}

.td_AL, .nowrapAL, .nowrapTL
{text-align:left;}

.td_AC, .nowrapAC, .td_s04, .td_s05, .td_s06, .nowrapTC, .td_s08, .td_s09
{text-align:center;}

.td_AR, .nowrapAR, .td_s07, .nowrapTR
{text-align:right;}

.nowrapTL
{text-align:left;}

.nowrapTC
{text-align:center;}

.nowrapTR
{text-align:right;}

.td_nowrap, .nowrap, .nowrapAL, .nowrapAC, .nowrapAR, .ft_global03XN, .td_s07, .nowrapTL, .nowrapTC, .nowrapTR
{white-space:nowrap}

.td_s01{
	height:8px;
	width:8px;
	font-size:6px;
	line-height:6pt;
	border:1px solid #FFFFFF;
	border-right:1px solid #636563;
	border-bottom:1px solid #636563;
}
.td_s02{
	height:8px;
	width:8px;
	font-size:6px;
	line-height:6pt;
	border:1px solid #FF0000;
	border-right:1px solid #FF0000;
	border-bottom:1px solid #FF0000;
}
.td_s03{
	height:8px;
	width:8px;
	font-size:6px;
	line-height:6pt;
	border:1px solid #FFFFFF;
	border-right:1px solid #636563;
	border-bottom:1px solid #636563;
}
.td_s04
{width:40px}

.td_s05
{width:30px}

.td_s06 /* usually for user name */
{width:80px}

.td_s07 /* usually for user name */
{width:15%}

.td_s08
{width:60px}

.td_s09
{width:30px}

.td_s10
{width:160px}


.td_s06
{/*border-right:1px inset #9c9c9c;border-bottom:1px inset #9c9c9c;*/}
.td_s06_right
{/*border-bottom:1px inset #9c9c9c;*/}

.tip_s01
{}

.ft_s01{
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:12px;
	font-weight:bold;
}
.ft_s02{
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:12px;
}
.ft_s03{
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:11px;
	color:#FFFFFF;
	white-space:nowrap;
}
.ft_s04{
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:10px;
	color:#000000;
}

/**
 * Using it if the sub elements not have any link.
 * template:
 * <input type="checkbox" /><span class="forms_txts01">demo</span>
 */
.forms_txts01{
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:12px;
	line-height:12pt;
	color:#000000;
	position:relative;
	top:-2px;
}
/**
 * Using it if the sub elements have any link.
 * template:
 * <input type="checkbox" /><span class="forms_txts01_link"><a>demo</a></span>
 */
.forms_txts01_link{ /* for link */
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:12px;
	line-height:12pt;
	color:#000000;
	position:relative;
	top:-2px;
}
/** style: border. See forms_txts01 */
.forms_txts02{
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:12px;
	font-weight:bolder;
	line-height:12pt;
	color:#000000;
	position:relative;
	top:-2px;
}
/** style: border. See forms_txts01_link */
.forms_txts02_link{
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:12px;
	font-weight:bolder;
	line-height:12pt;
	color:#000000;
	position:relative;
	top:-2px;
}
/** style: small. See forms_txts01 */
.forms_txts03{ /* small, using it if the sub elements not have any link. */
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:10px;
	line-height:12pt;
	color:#000000;
	position:relative;
	top:-3px;
}
/** style: small. See forms_txts01_link */
.forms_txts03_link{ /* small, for link */
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:10px;
	line-height:12pt;
	color:#000000;
	position:relative;
	top:-3px;
}
.forms_blank{
	margin:0px;
	padding:0px;	
}


.rel_checkbox01{
	display:inline;
}
.rel_checkbox02{ /* for checkbox */
	margin:0px;
	padding:0px;
	display:inline;
}
.rel_checkbox03{ /* for checkbox's text */
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:12px;
	line-height:12pt;
	position:relative;
	top:-2px;
	color:#000000;
	display:inline;
}
.hr_gray01{
	background:url("../image/as_hr_gray.png") repeat-x center center;
	background-color:#FFFFFF;
}

.txf_s01{
	width:75pt; height:13pt; font-size:12px; border:1px solid #316D94;
}
.txf_s02, .txf_s02FL
{width:100px}

.txf_s02FL
{float:left}

.txf_s03, .txf_s03FL
{width:200px}

.txf_s03FL
{float:left}


#rel_liul01{
	margin-top:0px;
	margin-left:0px;
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:10px;
	line-height:10px;
}
#rel_liul01 ul{
	margin:0px 0px;
	padding:0px;
}
#rel_liul01 ul li{
	list-style:none;
}

/**
 * Template (only for image height 16px):
 * <div class="rel_liul02">
 *   <ul>
 *     <li><img src="..." alt="..." /><a>...</a></li>
 *     <li>..
 *   </ul>
 * </div>
 * For: IE7, Firefox2.0
 */
.rel_liul02 ul{
	margin:0px;
	padding:0px;
}
.rel_liul02 ul li{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}
.rel_liul02 ul li a{ /* for small title with image in li element.  */
	font-family:"verdana", "arial", "helvetica", "sans-serif", "\5fae\8edf\6b63\9ed1\9ad4", "\5fae\8f6f\96c5\9ed1";
	font-size:12px;
	line-height:14pt;
	color:#333333;
	vertical-align:4px;
}
.rel_liul02 ul li img{
	border:0px;
	padding-right:2px;
}


/**
 * Template (only for text):
 * <ul class="rel_liul03">
 *   <li><a>...</a>text</li>
 *   <li>..
 * </ul>
 * For: IE7, Firefox2.0
 */
.rel_liul03
{margin:0px; padding:0px;}

.rel_liul03
{list-style:none;}

.rel_liul03 li
{width:auto; overflow:visible;}

.div_s01{
	margin-left:15px;
}


.img_s01
{display:block;}

.sel_s01
{width:200px}

.sel_s01X
{display:block;width:200px}

.span_s01
{cursor:pointer;text-decoration:underline;color:blue}

.span_s02
{cursor:pointer;text-decoration:underline;}

.span_s03
{width:100%}

.taskDraft {
	color:green;
}