﻿@charset "utf-8";
/* CSS Document */

html, body {
	/*font-family:"MS Sans Serif", sans-serif, serif;*/
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: Tahoma, 'Microsoft Sans serif';
	font-size:12px;
	padding:0px;
	margin:0px;
	color:#333;
	height:100%;
}
body legend {
	font-size:13px;
	font-weight:600;
	color:#108f34;
	/*background-color:#f1f8fc;
	border:solid 1px #aaaaaa;*/
}
h1 {
	padding-bottom   : 10px;
	text-align       : center;
}

h2 {
	margin-top       : 0px;
	margin-bottom    : 8px;
}

p {
	margin           : 0px;
	padding          : 0px;
	line-height      : 1.5em;
}
#main{
	color:#FFFFFF;
	width:100%;
	height:100%;
}
#top_bar{
	height:25px;
	width:100%;
	/*background:url(../images/bg_top.gif) repeat-x;
	background:url(../images/green_background.jpeg) repeat-x;
	background:url(../images/green_background_2.jpeg) repeat-x;*/
	background-color:#108f34;
}
#Header{
	width:100%;
	height:25px;
    /*background: url(../images/bar_header.gif) repeat-x left top;*/
	/*background: url(../images/green_background_2.jpeg) repeat-x left top;*/
}
#fieldResultFree{
	height:100px !important;
}
.header_top{
	/*background: url(../images/bg_header_top.gif) no-repeat left;*/
	background: url(../images/green_background_2.jpeg) repeat-x left top;
	height:75px;
}
.header_bottom
{
	background: url(../images/shareholder_left.png) no-repeat left top;
	/*background: url(../images/OOOntitled-2.gif) no-repeat left top;
	background: url(../images/bg_header_bottom.gif) no-repeat left top;*/
	height:auto !important;	
	/*padding-left:200px;*/
	text-align:right;
}
.header_bar{
	height:27px;
	/*background-color:#108f34;*/
	vertical-align:top;
}
.header_bar_none{
	height:1px;
	/*border-bottom:solid 1px #108f34;*/
}
.br_space{	height:5px;	}
.Logo{
	width:0;
	height:75px;
}
.LogoLeft{
	float:left; margin:0; padding-left:9px; border:0px; padding-top:0px;
}
#MenuBar{
	width:100%;
	height:auto !important;
}
#Customer
{
	/*background: url(../images/green_background_2.jpeg) no-repeat right;*/
	/*background: url(../images/bg_customer_logo.gif) no-repeat right;*/
	width:50%;
	height:75px;
}
.Customer_Logo{
	height:54px;
	padding-right:2px;
}
.CustomerLogoIMG{
	float:right; margin:0;  height:50px; padding-right:10px;
}
.Customer_Text{
	height:19px;
	font-size:12px;
	font-weight:600;
	color:#666666;
	text-align:right;
	padding-right:5px;
	padding-bottom:2px;
}
.bg_header
{
	/*background: url(../images/bg_header.gif) repeat-x left top;*/
	background: url(../images/green_background_2.jpeg) repeat-x left top;
	width:100%;
	height:178px;
}
.red_alert{
	font-size:12px;
	color:#FF0000;
	padding-left:2px;
	padding-right:2px;
}
.menu{
	padding-top:5px;
	height:auto !important;
	width:auto !important;
}
.menu_space{
	width:195px;
}
.menu_td{
	min-width:400px !important;
	height:auto !important;
	vertical-align:top;
	float:right;
}
.btn_menu{
	width:74px;
	height:28px;
	cursor:pointer;
	float:left;
	position:relative;
	top:7px;
}
.approve{	background: url(../images/btn_approve.png) no-repeat;	}
.approve:hover {	background: url(../images/btn_approve_hover.png) no-repeat;	}
.approve_active{	background: url(../images/btn_approve_hover.png) no-repeat;	}
.approve_none{	background: url(../images/btn_approve_none.png) no-repeat;	}
.approve_none:hover{	background: url(../images/btn_approve_hover.png) no-repeat;	}
.setting{	background: url(../images/btn_setting.png) no-repeat;	}
.setting:hover{	background: url(../images/btn_setting_hover.png) no-repeat;	}
.setting_active{	background: url(../images/btn_setting_hover.png) no-repeat;	}
.setting_none{	background: url(../images/btn_setting_none.png) no-repeat;	}
.setting_none:hover{	background: url(../images/btn_setting_hover.png) no-repeat;	}
.hrm{	background: url(../images/btn_hrm.png) no-repeat;}
.hrm:hover{	background: url(../images/btn_hrm_hover.png) no-repeat;	}
.hrm_active{	background: url(../images/btn_hrm_hover.png) no-repeat;	}
.hrm_none{	background: url(../images/btn_hrm_none.png) no-repeat;	}
.hrm_none:hover{	background: url(../images/btn_hrm_hover.png) no-repeat;	}
.ess{	background: url(../images/btn_ess.png) no-repeat;	}
.ess:hover{	background: url(../images/btn_ess_hover.png) no-repeat;	}
.ess_active{	background: url(../images/btn_ess_hover.png) no-repeat;	}
.ess_none{	background: url(../images/btn_ess_none.png) no-repeat;	}
.ess_none:hover{	background: url(../images/btn_ess_hover.png) no-repeat;	}
.welfare{	background: url(../images/btn_welfare.png) no-repeat;	}
.welfare:hover{	background: url(../images/btn_welfare_hover.png) no-repeat;	}
.welfare_active{	background: url(../images/btn_welfare_hover.png) no-repeat;	}
.welfare_none{	background: url(../images/btn_welfare_none.png) no-repeat;	}
.welfare_none:hover{	background: url(../images/btn_welfare_hover.png) no-repeat;	}
.hrd{	background: url(../images/btn_hrd.png) no-repeat;	}
.hrd:hover{	background: url(../images/btn_hrd_hover.png) no-repeat;	}
.hrd_active{	background: url(../images/btn_hrd_hover.png) no-repeat;	}
.hrd_none{	background: url(../images/btn_hrd_none.png) no-repeat;	}
.hrd_none:hover{	background: url(../images/btn_hrd_hover.png) no-repeat;	}
.eis{	background: url(../images/btn_eis.png) no-repeat;	}
.eis:hover{	background: url(../images/btn_eis_hover.png) no-repeat;	}
.eis_active{	background: url(../images/btn_eis_hover.png) no-repeat;	}
.eis_none{	background: url(../images/btn_eis_none.png) no-repeat;	}
.eis_none:hover{	background: url(../images/btn_eis_hover.png) no-repeat;	}
.sub_Module{
	width:100%;
	margin:auto !important;
	font-size:12px;
	padding-top:6px;
}
.sub_Module span {
	display: block;
	position: relative;
	top:0px;
	padding-left: 0px;
	width:auto !important;
}
.sub_Setting a {
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	color:#666666;
	text-decoration:none;
}
.sub_Setting a:hover {
	color:#551a8b;
	text-decoration:underline;
}
.sub_SettingActive a{
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	color:#551a8b;
	font-weight:600;
	text-decoration:none;
}
.sub_HRM a {
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	color:#666666;
	text-decoration:none;
}
.sub_HRM a:hover {
	color:#d200d2;
	text-decoration:underline;
}
.sub_HRMActive a{
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	color:#d200d2;
	font-weight:600;
	text-decoration:none;
}
.sub_ESS a {
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	color:#666666;
	text-decoration:none;
}
.sub_ESS a:hover {
	color:#0000cd;
	text-decoration:underline;
}
.sub_ESSActive a{
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	color:#0000cd;
	font-weight:600;
	text-decoration:none;
}
.sub_Welfare a {
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	color:#666666;
	text-decoration:none;
}
.sub_Welfare a:hover {
	color:#009900;
	text-decoration:underline;
}
.sub_WelfareActive a{
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	color:#009900;
	font-weight:600;
	text-decoration:none;
}
.sub_HRD a {
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	color:#666666;
	text-decoration:none;
}
.sub_HRD a:hover {
	color:#ff0000;
	text-decoration:underline;
}
.sub_HRDActive a{
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	color:#ff0000;
	font-weight:600;
	text-decoration:none;
}
.sub_EIS a {
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	color:#666666;
	text-decoration:none;
}
.sub_EIS a:hover {
	color:#a2d208;
	text-decoration:underline;
}
.sub_EISActive a{
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	color:#a2d208;
	font-weight:600;
	text-decoration:none;
}
.menu_icon{
	height:auto;
	width:auto;
	border:none;
	vertical-align:top;
}
#icons_bar{
	width:100%;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:solid 1px #CCCCCC;
}
.tbl_icons{
	width:90%;
	padding-left:10px;
	font-size:12px;
}
.level1{
	padding-right:25px;
	color:#ec1c24;
	vertical-align:middle !important;
	padding-left:6px;
}
.level2{
	padding-right:25px;
	vertical-align:text-top !important;
}
.group_menu{background: url(../images/icons/group_menu.png) no-repeat center top; height:20px; width:16px;}

.iconsNULL{height:20px; width:16px;}
.iconsI{background: url(../images/icons/ico_predefine.png) no-repeat center top; height:20px; width:16px;}
.iconsI-lev2{background: url(../images/icons/ico_predefine.png) no-repeat 20px top; height:20px;}
.iconsII{background: url(../images/icons/ico_process.png) no-repeat center top; height:20px; width:16px;}
.iconsII-lev2{background: url(../images/icons/ico_process.png) no-repeat 20px top; height:20px;}
.iconsIII{background: url(../images/icons/ico_inquiry.png) no-repeat center top; height:20px; width:16px;}
.iconsIII-lev2{background: url(../images/icons/ico_inquiry.png) no-repeat 20px top; height:20px;}
.iconsIV{background: url(../images/icons/ico_report.png) no-repeat center top; height:20px; width:16px;}
.iconsIV-lev2{background: url(../images/icons/ico_report.png) no-repeat 20px top; height:20px;}
.iconsV{background: url(../images/icons/ico_tools.png) no-repeat center top; height:20px; width:16px;}
.iconsV-lev2{background: url(../images/icons/ico_tools.png) no-repeat 20px top; height:20px;}
.iconsVI{background: url(../images/icons/ico_help.png) no-repeat center top; height:20px; width:16px;}
.iconsVI-lev2{background: url(../images/icons/ico_help.png) no-repeat 20px top; height:20px;}
.ico-txt {
	color:#666666;
	text-decoration:none;
	padding-left:6px;
	/*white-space:nowrap;*/
}
.ico-txt a{
	color:#666666;
	text-decoration:none;
	/*white-space:nowrap;*/
}
.ico-txt a:hover{
	color:#ec1c24;
	text-decoration:underline;
}
.home{
	vertical-align:top;
	width:0px !important;
	float:left;
	padding-left:5px !important;
	padding-right:64px !important;
	padding-top:60px !important;
	
}
.btn{
	width:35px;
	height:29px;
}
.btn_space{
	width:15px !important;
	height:29px;
}
.user_info{
	vertical-align:top;
	text-align:right;
	padding-top:14px;
	padding-right:10px;
	width:300px !important;
}
.blog_info{
	padding:5px 3px 3px 3px;
	background-color:#f9f9f9;
	border:solid 1px #cbcbcb;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	height:100% !important;
	width:300px !important;
}
#home{
	cursor:pointer;
}

#company{
	cursor:pointer;
}
#logout{
	padding-right:5px;
}
.ModuleTop{
	background: url(../images/bg_menu_top.gif) no-repeat left top;
	padding-top:10px;
	padding-bottom:10px;

}
.ModuleIMG{
	width:100px;
	/*border:solid 1px #8304be;*/
	padding-top:5px;
}
.profileIMG{
	width:80px;
	border:double #8304be;
	padding-top:5px;
}
.profileLabel{
	font-size:12px;
	font-weight:600;
	height:20px;
	color:#108f34;
	text-align:right;
	vertical-align:text-top;
	padding-right:2px;
	white-space:nowrap;
	font-family:Tahoma, Microsoft Sans serif ;
}
.ProfileDetail{
	font-size:12px;
	color:#666666;
	text-align:left;
	vertical-align:text-top;
	padding-left:2px;
	white-space:nowrap;
	font-family:Tahoma, Microsoft Sans serif ;
	
}

.profileLabel-front{
	font-size:12px;
	font-weight:600;
	height:20px;
	color:#f3f5f2;
	text-align:right;
	vertical-align:text-top;
	padding-right:2px;
	white-space:nowrap;
	font-family:Tahoma, Microsoft Sans serif ;
}

.ProfileDetail-front{
	font-size:12px;
	/*color:#666666;*/
	color:Yellow;
	text-align:left;
	vertical-align:text-top;
	padding-left:2px;
	white-space:nowrap;
	font-family:Tahoma, Microsoft Sans serif;
	
}

.profileLabel-front-right{
	font-size:12px;
	font-weight:600;
	height:20px;
	color:#f3f5f2;
	text-align:right;
	vertical-align:text-top;
	padding-right:2px;
	white-space:nowrap;
	font-family:Tahoma, Microsoft Sans serif ;
	
}

.ProfileDetail-front-right{
	font-size:12px;
	font-weight:600;
	color:#FFFF00;
	text-align:left;
	vertical-align:text-top;
	padding-left:2px;
	white-space:nowrap;
	font-family:Tahoma, Microsoft Sans serif !important;
	
	
}
.header-page-list{
	font-size:12px;
	font-weight:600;
	color:#666666;
	text-align:left;
	vertical-align:text-top;
	padding-left:2px;
	white-space:nowrap;
	font-family:Tahoma, Microsoft Sans serif !important;
	
	
}
.pLA{
	font-size:12px;
	font-weight:600;
	height:30px;
	color:#108f34;
	text-align:right;
	vertical-align:text-top;
	padding-right:2px;
	white-space:nowrap
}
.pDA{
	font-size:12px;
	color:#666666;
	text-align:left;
	vertical-align:text-top;
	padding-left:2px;
	white-space:nowrap
}
.ProfileTime{
	height:20px;
	font-size:12px;
	text-align:right;
	vertical-align:text-top;
	vertical-align:middle;
	padding-right:0px;
	white-space:nowrap;
	color:#000000;
}
.profileSpace{
	width:17px;
}
.module{
	height:100px;
	width:auto;
}
.module_home{
	height:auto;
	width:160px;
	vertical-align:middle;
	table-layout:fixed;
}
.module_txt{
	height:auto;
	text-align:right;
	vertical-align:bottom;
	padding-bottom:3px;
	font-style:italic;
	font-weight:bold;
	font-size:22px;
	color:#1604fe;
	white-space:nowrap;
}
.module_none{
	vertical-align:text-top;
	text-align:center;
	width:100px;
	font-size:12px;
	color:#000;
}
.module_none a{
	color:#666666;
	text-decoration:none;
}
.module_none a:hover{
	color:#108f34;
	text-decoration:underline;
}
.company_txt{
	height:auto;
	text-align:left;
	vertical-align:top;
	padding-top:0px;
	font-style:italic;
	font-size:20px;
	font-weight:600;
	color:#1604fe;
	white-space:nowrap;
	table-layout:fixed;
}
.system_txt{
	height:auto;
	text-align:right;
	vertical-align:top;
	padding-right:2px;
	font-style:italic;
	font-size:20px;
	color:#1604fe;
	white-space:nowrap;
	table-layout:fixed;
}
.system_txt img{
	height:auto;
	vertical-align:bottom;
	padding-bottom:5px;
}
.serverTime{
	height:auto;
	text-align:right;
	vertical-align:top;
	padding-right:2px;
	font-style:italic;
	font-size:14px;
	color:#1604fe;
	white-space:nowrap;
	table-layout:fixed;
}
.serverTime img{
	height:auto;
	vertical-align:bottom;
	padding-bottom:3px;
}
#footer{
	width: 100%;
	height: 20px;
	font-size:12px;
	font-weight:600;
	vertical-align:top;
	padding-top:6px;
	color:#b5b5b5;
	text-align:center;
	border-top:solid 3px #b5b5b5;
}
.footer{
	width: 100%;
	color:#b5b5b5;
	font-size:12px;
	text-align:center;
	padding-bottom:5px;
	vertical-align:top;
}
.footer a{
	color:#b5b5b5;
	text-decoration:none;
	padding-left:7px;
	padding-right:7px;
}
.footer a:hover{
	color:#108f34;
	text-decoration:underline;
}
.section {
	/*background: url(../images/bg_section.gif) repeat-x left;*/
	/*background-color:#e3dcf5;*/
	background-color:#afeeee;
	height:25px; 
	/*border:solid 1px #876fa9;*/
	border:solid 1px #5f9ea0;
	cursor:pointer;
}
.section-ir {
	/*background: url(../images/bg_section.gif) repeat-x left;*/
	/*background-color:#e3dcf5;*/
	background-color:#6495ED;
	height:30px; 
	/*border:solid 1px #876fa9;*/
	border:none 0px #5f9ea0;
	cursor:pointer;
}

.sectionHead {
	/*background: url(../images/bg_section.gif) repeat-x left;*/
	/*background-color:#e3dcf5;*/
	background-color:#afeeee;
	height:40px; 
	/*border:solid 1px #876fa9;*/
	border:solid 1px #5f9ea0;
	cursor:pointer;
}
.sectionHead-ir {
	/*background: url(../images/bg_section.gif) repeat-x left;*/
	/*background-color:#e3dcf5;*/
	background-color:#6495ED;
	height:40px; 
	/*border:solid 1px #876fa9;*/
	border:none 1px #5f9ea0;
	cursor:pointer;
	height: 60px;
}
.section1 {
	/*background: url(../images/bg_section.gif) repeat-x left;
	background-color:#e3dcf5;
	height:25px; 
	border:solid 1px #876fa9;*/
	background-color:#afeeee;
	height:25px; 
	/*border:solid 1px #876fa9;*/
	border:solid 1px #5f9ea0;
	cursor:pointer;
}
.section2 {
	/*background: url(../images/bg_section.gif) repeat-x left;*/
	background-color:#e2e2e2;
	height:30px; 
	padding-left:5px;
	cursor:pointer;
}
.section2 img{
	padding-right:5px;
	width:15px;
	height:15px;
	vertical-align:middle;
}
.section2Header {
	font-size:12px;
	color:#ec1c24;
	height:25px;
}
.section3 {
	/*background: url(../images/bg_section.gif) repeat-x left;*/
	background-color:#a4a4a4;
	height:30px; 
	padding-left:5px;
	cursor:pointer;
}
.section3 img{
	padding-right:5px;
	width:15px;
	height:15px;
	vertical-align:middle;
}
.section3Header {
	font-size:12px;
	color:#000000;
	height:25px;
}
.section4 {
	background-color:#e3dcf5;
	height:25px; 
	border:solid 1px #876fa9;
	cursor:pointer;
	font-size:13px;
	font-weight:500;
	color:#4e0a8e;
	vertical-align:middle;
	width:100%;
}
.tbl_Section4 {
	width:100% !important;
}
.txtSection{
	position:relative;
	top:-7px;
}
.imgSection{
	position:relative;
	top:-1px;
	width:25px;
}
.section_bar{
	font-size:14px;
	text-align:left;
	color:#330000;
	padding-top:2px;
	padding-left:5px;
	padding-right:2px;
	vertical-align:middle;
}
.section img{
	padding-right:5px;
	width:15px;
	height:15px;
	vertical-align:middle;
}
.tbl_section {
	padding-top:10px;
}

.dashBlogTop{
	width:100%;
	height:auto;
	vertical-align:top;
}
.dashBlogBottom{
	width:100%;
	height:150px;
	vertical-align:top;
}
.dashLabelHd-center{
	font-size:12px;
	font-weight:600;
	text-align:center;
	color:#108f34;
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
}
.dashLabelHd-new-center{
	font-size:18px;
	font-weight:600;
	text-align:center;
	color:black;
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
}
.dashLabelHd-center-new{
	font-size:20px;
	font-weight:600;
	text-align:left;
	color:White;
	padding-top:2px;
	padding-left:0px;
	padding-right:5px;
	vertical-align:middle;
	font-family: 'Tahoma';
}
.dashLabelHd-center-new-as{
	font-size:20px;
	font-weight:600;
	text-align:left;
	color:black;
	padding-top:2px;
	padding-left:0px;
	padding-right:5px;
	vertical-align:middle;
	font-family: 'Tahoma';
}
.dashLabelHd{
	font-size:12px;
	font-weight:600;
	text-align:left;
	color:#108f34;
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
}
.dashlabelhd-new-left{
	font-size:20px;
	font-weight:600;
	text-align:left;
	color:black;
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
	font-family: 'Tahoma';
}
.dashlabelhd-new-right{
	font-size:35px;
	font-weight:600;
	text-align:right;
	color:black;
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
	font-family: 'Tahoma';
}
.tbl_dashForm{
	height:auto;
}
.dashLabel {
	font-size:12px;
	color:#000000;
	text-align:left;
	height:18px; 
	padding-left:5px;
	vertical-align:middle;
	white-space:nowrap;
}
.dashHeader {
	font-size:12px;
	font-weight:500;
	color:#4a266d;
	text-align:center;
	height:auto; 
	vertical-align:middle;
	line-height:25px;
}
.dashDetail {
	font-size:12px;
	color:#6f6f6f;
	text-align:left;
	height:18px; 
	vertical-align:middle;
	text-decoration:none;
}
.dashDetail a {
	font-size:12px;
	color:#6f6f6f;
	text-align:left;
	height:18px; 
	vertical-align:middle;
	text-decoration:none;
}
.dashDetail a:hover {
	color:#108f34;
}
.dashColumn{
	font-size:12px;
	text-align:center;
	padding-right:5px;
	padding-left:5px;
	height:25px;
	white-space:nowrap;
	color:#000000;
	background-color:#e2e2e2;
}
.dashRowHeader{
	font-size:12px;
	font-weight:600;
	text-align:center;
	padding-right:5px;
	padding-left:5px;
	height:25px;
	white-space:nowrap;
	color:#108f34;
	background-color:#FFFFFF;
}
.dashRow0 td {
	font-size:12px;
	color:#666666;
	background-color:#FFFFFF;
	height:20px;
	padding-left:5px;
	padding-right:5px;
}
.dashRow0 td>span.dashLink:hover {
	font-size:12px;
	color:#108f34;
	text-decoration:underline;
	cursor:pointer;
}
.dashRow1 td {
	font-size:12px;
	color:#666666;
	background-color:#eeeaf3;
	height:20px;
	padding-left:5px;
	padding-right:5px;
}
.dashRow1 td>span.dashLink:hover {
	font-size:12px;
	color:#108f34;
	text-decoration:underline;
	cursor:pointer;
}
.FormSearch {
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	font-size: 12px;
	color: #000000;
	height:20px;
	padding:0px;
}
.inputTime {
	border: 1px solid #ad9bc7;
	background-color:#FFFFFF;
	font-size: 12px;
	color: #5454fb;
	height:20px;
	padding:0px;
	text-align:center;
}
.inputCenter {
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	font-size: 12px;
	color: #000000;
	height:20px;
	padding:0px;
	text-align:center;
}
.inputRed {
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	font-size: 12px;
	color: #FF0000;
	height:20px;
	padding:0px;
	text-align:center;
}
.FormIMG {
	text-align:center;
	width:40px;
}
.FormLabel {
	font-size:12px;
	color:#333333;
	text-align:left;
	height:18px; 
	padding-left:5px;
	vertical-align:middle;
	white-space:nowrap;
}
.FormDetail {
	font-size:12px;
	color:#000000;
	text-align:left;
	height:18px; 
	padding-left:5px;
	vertical-align:middle;
}
.FormDetail img {
	padding-right:10px;
	vertical-align:bottom;
}
.FormCalendar{
	text-align:center;
}
.FormDetail a {
	font-size:12px;
	color:#000000;
	text-decoration:none;
}
.FormDetail a:hover {
	font-size:12px;
	color:#000000;
	text-decoration:underline;
}
.OrgHeader {
	font-size:12px;
	font-weight:600;
	color:#666666;
	text-align:left;
	height:20px; 
	padding-left:5px;
	padding-top:6px;
	vertical-align:middle;
	white-space:nowrap;
}
.OrgSubHeader {
	background: url(../images/icons/OrgSubOrange.png) no-repeat left 3px;
	font-size:12px;
	color:#e2690b;
	text-align:left;
	height:20px; 
	padding-left:15px;
}
.Org {
	text-align:left;
	vertical-align:top;
	padding-left:5px;
}
.OrgSub {
	background: url(../images/icons/OrgSubRed.png) no-repeat 20px 3px;
	text-align:left;
	padding-left:35px;
	vertical-align:top;
}
.OrgDownload {
	width:80px;
	text-align:right;
	vertical-align:top;
}
.OrgDownload a {
	font-size:12px;
	color:#989898;
	text-decoration:none;
}
.OrgDownload a:hover {
	color:#6a6a6a;
	text-decoration:underline;
}
.OrgDetail {
	font-size:12px;
	color:#666666;
}
.OrgDetail:hover {
	font-size:12px;
	color:#ec1c24;
	text-decoration:underline;
	cursor:pointer;
}
.OrgDate {
	font-size:12px;
	color:#e2690b;
}
.OrgDateBlue {
	font-size:12px;
	color:#0000FF;
}
.OrgDateRed {
	font-size:12px;
	color:#ec1c24;
}
.OrgMore {
	font-size:12px;
	color:#ec1c24;
	font-weight:600;
	padding-right:5px;
}
.OrgMore:hover {
	font-size:12px;
	color:#666666;
	text-decoration:underline;
	cursor:pointer;
}
.OrgLabel {
	font-size:12px;
	color:#e2690b;
	text-align:right;
	height:22px; 
	padding-right:5px;
	padding-top:6px;
	vertical-align:middle;
	white-space:nowrap;
}
.OrgDetail2 {
	font-size:12px;
	color:#666666;
	text-align:left;
	height:20px; 
	padding-left:5px;
	padding-top:6px;
	vertical-align:middle;
	white-space:nowrap;
}
.OrgSelect  {
	border: 1px solid #FFFFFF;
	width: auto;
	height:24px;
	overflow: hidden;
	/*background: url(../images/icons/new_arrow.png) no-repeat right #c4b9d7;*/
	background-color:#c4b9d7;
	padding:3px 5px 3px 5px;
}
.field_set{
	background-color:#f9f9f9;
	border:solid 1px #cbcbcb;
	padding-left:0;
	padding-right:0;
}
.field_set1{
	background-color:#f9f9f9;
	border:solid 1px #927eae;
}
.field_search_on{
	background: url(../images/down_search.png) no-repeat 0px;
	padding-left:18px;
	cursor:pointer;
}
.field_search_off{
	background: url(../images/right_search.png) no-repeat 0px;
	padding-left:18px;
	cursor:pointer;
}
.blog_field_set{
	background-color:#f9f9f9;
	border:none;
}
.blog_table{
	padding:5px 3px 3px 3px;
	background-color:#f9f9f9;
	border:solid 1px #cbcbcb;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	height:100% !important;
}
.blog_legend{
	font-size:14px;
	font-weight:500;
	color:#ec1c24;
}
.alert_legend{
	font-size:14px;
	font-weight:500;
	color:#0000FF;
}
.alertHeader {
	background: url(../images/icons/alert_header_folder.png) no-repeat 5px 5px;
	font-size:12px;
	font-weight:600;
	color:#0000FF;
	text-align:left;
	height:20px; 
	padding-left:32px;
	padding-top:6px;
	vertical-align:middle;
	white-space:nowrap;
}
.alerts {
	background: url(../images/icons/alert_header_folder.png) no-repeat 5px 5px #e3dcf5;
	font-size:12px;
	font-weight:600;
	color:#0000FF;
	text-align:left;
	height:20px; 
	padding-left:32px;
	padding-top:6px;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
}
.alertsTop {
	background: url(../images/icons/alert_header_folder.png) no-repeat 5px 5px #e3dcf5;
	font-size:12px;
	font-weight:600;
	color:#0000FF;
	text-align:left;
	height:20px; 
	padding-left:32px;
	padding-top:6px;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
	border-left:solid 1px #108f34;
	border-top:solid 1px #108f34;
	border-right:solid 1px #108f34;
}
.alertsBottom {
	background: url(../images/icons/alert_header_folder.png) no-repeat 5px 5px #e3dcf5;
	font-size:12px;
	font-weight:600;
	color:#0000FF;
	text-align:left;
	height:20px; 
	padding-left:32px;
	padding-top:6px;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
	border:solid 1px #108f34;
}

.alert_day{
	float:right;
	padding-right:20px;
	font-size:12px;
	font-weight:600;
	color:#0000FF;
}
.waiting {
	background: url(../images/icons/waiting_header_folder.png) no-repeat 5px 5px #e3dcf5;
	font-size:12px;
	font-weight:600;
	color:#e2690b;
	text-align:left;
	height:20px; 
	padding-left:32px;
	padding-top:6px;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
}
.waiting_day{
	float:right;
	padding-right:20px;
	font-size:12px;
	font-weight:600;
	color:#e2690b;
}
.waiting_legend{
	font-size:14px;
	font-weight:500;
	color:#e2690b;
}
.waitingHeader {
	background: url(../images/icons/waiting_header_folder.png) no-repeat 5px 5px;
	font-size:12px;
	font-weight:600;
	color:#e2690b;
	text-align:left;
	height:20px; 
	padding-left:32px;
	padding-top:6px;
	vertical-align:middle;
	white-space:nowrap;
}
.blog_news{
	padding:5px 10px 0px 10px;
	vertical-align:top;
}
.tbl_blogs{
	width:100%;
	vertical-align:top;
	border-bottom:dashed 1px #CCCCCC;
}

.tbl_form{
	background-color:#FFFFFF;
	height:auto;
}
.tbl_form_search{
	min-width:940px;
	width:auto;
}
.siteMap{
	background: url(../images/bg_sitemap.gif) repeat-x center top;
}
.bgWelfare{
	background: url(../images/bg_welfare.png) no-repeat center top;
	height:400px;
}
.bgESS{
	background: url(../images/bg_ESS.png) no-repeat center top;
	height:400px;
}

.MenuTimeDashboard{
	font-size:12px;
	color:#666666;
	text-align:right;
	vertical-align:bottom;
	white-space:nowrap;
	width:240px !important;
}
.MenuTime{
	font-size:12px;
	background:#108f34;
	color:#FFFFFF;
	text-align:right;
	vertical-align:middle;
	white-space:nowrap;
	width:305px !important;
	padding-right:5px;
}
.tblsiteMap{
	height:20px;
	width:100%;
}
.siteTxt{
	font-size:14px;
	color:#666666;
	text-align:left;
	white-space:nowrap;
}
.siteTxt img{
	vertical-align:bottom;
	padding-left:5px;
	padding-right:10px;
}
.treeMenu{
	font-size:12px;
	color:#666666;
	text-align:left;
	white-space:nowrap;
	vertical-align:top;
	width:250px !important;
}
.treeHeader{
	/*background-color:#e3dcf5;*/
	background-color:#afeeee;
	/*background:url(../images/green_background.jpeg) repeat-x;*/
	height:16px; 
	/*border:solid 1px #876fa9;*/	
	color:#666666;
	border:solid 1px #5f9ea0;
	padding:5px;
}
.treeHeader img{
	position:relative;
	top:5px;
	padding-left:3px;
	padding-right:3px;
}
.txtHeader {
	background: url(../images/icons/OrgSubBlue.png) no-repeat 15px 10px;
	font-size:12px;
	color:#0033FF;
	text-align:left;
	height:20px; 
	padding-left:25px;
	padding-top:6px;
	vertical-align:middle;
	white-space:nowrap;
}
.txtHeaderGray {
	background: url(../images/icons/OrgSubGray.png) no-repeat 15px 10px;
	font-size:12px;
	color:#828282;
	text-align:left;
	height:20px; 
	padding-left:25px;
	padding-top:6px;
	vertical-align:middle;
	white-space:nowrap;
}
.txtHeaderRed {
	background: url(../images/icons/OrgSubRed.png) no-repeat 15px 10px;
	font-size:12px;
	color:#ec1c24;
	text-align:left;
	height:20px; 
	padding-left:25px;
	padding-top:6px;
	vertical-align:middle;
	white-space:nowrap;
}
.txtHeaderBlue {
	font-size:12px;
	color:#0033FF;
	text-align:left;
	height:20px; 
	padding-left:25px;
	padding-top:6px;
	vertical-align:middle;
	white-space:nowrap;
}
.txtTitleBlue {
	font-size:12px;
	color:#0033FF;
	background-color:#f9f9f9;
	text-align:left;
	height:20px; 
	padding-left:25px;
	padding-top:6px;
	vertical-align:middle;
	white-space:nowrap;
}
.siteLabel{
	font-size:15px;
	font-weight:600;
	color:#1604fe;
	height:20px;
	width:auto;
	text-align:left;
	background:none;
	border:none;
}
.SearchTable {
	font-size:13px;
	color:#0066FF;
	width:auto;
	background-color:#FFFFFF;
	border:solid 1px #aaaaaa;
}
.SearchTxt{
	font-size:16px;
	font-weight:400;
	color:#1604fe;
	height:35px;
	text-align:left;
	padding-left:5px;
}
.SearchIMG {
	text-align:center;
}
.SearchLabel {
	font-size:12px;
	font-weight:600;
	color:#666666;
	text-align:right;
	height:25px; 
	padding-right:5px;
	vertical-align:middle;
	white-space:nowrap;
}
.SearchDetail {
	font-size:11px;
	color:#000000;
	text-align:left;
	padding-left:5px;
	vertical-align:middle;
}
.SearchDetail img {
	padding-right:10px;
	vertical-align:middle;
}
.SearchCalendar{
	text-align:center;
}
.SearchDetail a {
	font-size:11px;
	color:#000000;
	text-decoration:none;
}
.SearchDetail a:hover {
	font-size:11px;
	color:#000000;
	text-decoration:underline;
}
.SearchBar {
	height:23px; 
	border:solid 1px #aaaaaa;
	cursor:pointer;
	text-align:left;
	padding-left:5px;
	color:#000000;
}
.FooterBar {
	height:21px; 
	border:solid 1px #eae9e9;
	cursor:pointer;
}
.description{
	font-size:12px;
	font-weight:500;
	color:#0000FF;
	padding-right:10px;
	padding-left:10px;
	background-color:#FFFFFF;
}
.numberResult{
	font-size:12px;
	font-weight:500;
	color:#FF0000;
}
.columnHeader {
	font-size:14px;
	font-weight:bold;
	color:#000000;
	background-color:#d3d4d4;
	text-align:center;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;	
}
.row0 td {
	font-size:12px;
	color:#000000;
	background-color:#FFFFFF;
	height:20px;
	padding-left:5px;
	padding-right:5px;
}

.row1 td {
	font-size:12px;
	color:#000000;
	background-color:#eeeaf3;
	height:20px;
	padding-left:5px;
	padding-right:5px;
}
.rowNowrap0 td {
	font-size:12px;
	color:#000000;
	background-color:#FFFFFF;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
}
.rowNowrap1 td {
	font-size:12px;
	color:#000000;
	background-color:#eeeaf3;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
}
.rowViolet0 td {
	font-size:12px;
	color:#000000;
	background-color:#FFFFFF;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
}
.rowViolet1 td {
	font-size:12px;
	color:#000000;
	background-color:#eeeaf3;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
}
.row0Blue td {
	font-size:12px;
	color:#0000FF;
	background-color:#FFFFFF;
	height:20px;
	padding-left:5px;
	padding-right:5px;
}
.row1Blue td {
	font-size:12px;
	color:#0000FF;
	background-color:#eeeaf3;
	height:20px;
	padding-left:5px;
	padding-right:5px;
}
.row0Red td {
	font-size:12px;
	color:#FF0000;
	background-color:#FFFFFF;
	height:20px;
	padding-left:5px;
	padding-right:5px;
}
.row1Red td {
	font-size:12px;
	color:#FF0000;
	background-color:#eeeaf3;
	height:20px;
	padding-left:5px;
	padding-right:5px;
}
.rowTotal td {
	font-size:12px;
	color:#000000;
	background-color:#e6b9b8;
	height:20px;
	padding-left:5px;
	padding-right:5px;
}
.rowTotalAll td {
	font-size:12px;
	color:#FFFFFF;
	background-color:#ec1c24;
	height:20px;
	padding-left:5px;
	padding-right:5px;
}
.rowYellowtxtRED td {
	font-size:12px;
	color:#FF0000;
	background-color:#FFFF00;
	height:20px;
	padding-left:5px;
	padding-right:5px;
}
.rowYellowtxtBLACK td {
	font-size:12px;
	color:#000000;
	background-color:#FFFF00;
	height:20px;
	padding-left:5px;
	padding-right:5px;
}
.rowGroup td {
	font-size:12px;
	color:#3333cc;
	background-color:#e6b9b8;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	cursor:pointer;
}
.rowGroup td:hover{
	text-decoration:underline;
}
.rowGroupNotLink td {
	font-size:12px;
	color:#3333cc;
	background-color:#e6b9b8;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
}
.note td {
	font-size:12px;
	color:#3333cc;
	background-color:#e6b9b8;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
}
.btnAdd{
	background:url(../images/icons/add.gif) no-repeat left;
}
.frmHeader{
	font-size:12px;
	font-weight:600;
	text-align:center;
	height:30px;
	white-space:nowrap;
	padding-right:5px;
	padding-left:5px;
	color:#108f34;
	/*background:url(../images/bg_frmHeader.gif) repeat-x left;*/
}
.frmHeaderLeft{
	font-size:12px;
	text-align:left;
	height:30px;
	white-space:nowrap;
	padding-right:5px;
	padding-left:5px;
	color:#FFFFFF;
	background-color:#a4a4a4;
	/*background:url(../images/bg_frmHeader.gif) repeat-x left;*/
}
.frmHeaderBlue{
	font-size:12px;
	text-align:left;
	padding-left:5px;
	height:30px;
	white-space:nowrap;
	color:#ec1c24;
	background-color:#e2e2e2;
}
.frmHeaderBrown{
	font-size:12px;
	text-align:left;
	padding-left:5px;
	height:30px;
	white-space:nowrap;
	color:#000000;
	background-color:#e2e2e2;
}
.frmLabel-font-left{
	font-size:12px;
	text-align:left;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:#108f34;
	background-color:#FFFFFF;
}
.frmLabel-font-left-ir{
	font-size:12px;
	text-align:left;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:black;
	background-color:#FFFFFF;
}
.frmLabel-span-center{
	font-size:10px;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:#108f34;
	 
}
.frmLabel-span-new-center{
	font-size:18px;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:black;
	font-family: 'Tahoma';
	 
}
.frmLabel{
	font-size:12px;
	text-align:right;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:#108f34;
	background-color:#FFFFFF;
}
.frmLabelTextMultiLine
{
	vertical-align: text-top;
	font-size:12px;
	text-align:right;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:#108f34;
	background-color:#FFFFFF;
}
.frmLabel-Left{
	font-size:18px;
	text-align:left;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:#108f34;
	background-color:#FFFFFF;
}
.frmLabel-Left-customize{
	font-size:18px;
	text-align:left;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:black;
	background-color:#FFFFFF;
}
.frmLabel-right{
	font-size:18px;
	text-align:right;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:#108f34;
	background-color:#FFFFFF;
}

.frmLabel-center-head
{
	
	font-size:20px;
	text-align:center;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:black;
	background-color:#FFFFFF;
	font-family: 'Tahoma';	
}
.frmLabel-center-head-agenda-content
{
	
	font-size:18px;
	text-align:center;
	padding-right:5px ;
	height:25px;
	/*white-space:nowrap;*/
	color:Black;
	background-color:#FFFFFF;
	font-family: 'Tahoma';		
}
.frmLabel-center-result{
	font-size:18px;
	text-align:left;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:black;
	background-color:#FFFFFF;
	font-family: 'Tahoma';
}
.frmLabel-center-result-time{
	font-size:12px;
	text-align:left;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:black;
	background-color:#FFFFFF;
	font-family: 'Tahoma';
}
.frmLabel-center-right{
	font-size:14px;
	text-align:right;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:black;
	background-color:#FFFFFF;
	font-family: 'Tahoma';
}
.frmLabel-center-head-agenda{
	font-size:18px;
	text-align:center;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	/*color:#108f34;*/
	/*background-color:#FFFFFF;*/
	background: #6495ED;
	color: White;
	font-family: 'Tahoma';font-size: 25px;
	font-weight: bolder;
}
.frmLabel-center{
	font-size:18px;
	text-align:center;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:#108f34;
	background-color:#FFFFFF;

}
.frmLabel-font-center{
	font-size:18px;
	text-align:center;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	/*color:#108f34;*/
	/*background-color:#FFFFFF;*/
	background: white;
	color: black;
	font-family: 'Tahoma';font-size: 30px;
	font-weight: bolder;
}
.frmLabel-font-center-normal{
	font-size:18px;
	text-align:center;
	padding-right:5px;
	height:18px;
	white-space:nowrap;
	/*color:#108f34;*/
	/*background-color:#FFFFFF;*/
	color: black;
	font-family: 'Tahoma';font-size: 22px;
	font-weight: bolder;
}
.frmLabel-font-center-head{
	font-size:18px;
	text-align:center;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	/*color:#108f34;*/
	/*background-color:#FFFFFF;*/
	background: #6495ED;
	color: White;
	font-family: 'Tahoma';font-size: 25px;
	font-weight: bolder;
}
.frmLabel-grid-left{
	font-size:18px;
	text-align:left;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	/*color:#108f34;
	background-color:#FFFFFF;*/
	background: white;
	color: black;
	font-family: 'Tahoma';font-size: 30px;
	font-weight: bolder;
}
.frmLabel-grid-right{
	font-size:18px;
	text-align:right;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	/*color:#108f34;
	background-color:#FFFFFF;*/
	background: white;
	color: black;
	font-family: 'Tahoma';font-size: 30px;
	font-weight: bolder;
}
 
 .frmLabel-grid-right-head{
	font-size:18px;
	text-align:right;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	/*color:#108f34;
	background-color:#FFFFFF;*/
	background: #6495ED;
	color: White;
	font-family: 'Tahoma';font-size: 25px;
	font-weight: bolder;
}

.frmLabel-grid-center{
	font-size:18px;
	text-align:center;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:#108f34;
	background-color:#FFFFFF;
}
.frmLabel-none-backgroud{
	font-size:12px;
	text-align:right;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:#108f34;
 
}
.frmLabelTextMultiLine
{
	vertical-align: text-top;
	font-size:12px;
	text-align:right;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:#108f34;
	background-color:#FFFFFF;
}
.frmTabAjax{
	font-size:12px;
	text-align:left;
	padding-right:5px;
	height:25px;
	white-space:nowrap;
	color:#108f34;
	background-color:#FFFFFF;
}
.frmLabelTextArea{
	font-size:12px;
	text-align:right;
	padding-right:5px;
	vertical-align:text-top;
	height:50px;
	white-space:nowrap;
	color:#108f34;
	background-color:#FFFFFF;
}
.frmBuiding{
	padding-right:5px;
	height:265px !important;
	width:180px !important;
	background-color:#FFFFFF;
}
.frmMap{
	padding-right:5px;
	height:auto !important;
	width:auto !important;
	background-color:#FFFFFF;
}
.frmAddress {
	width: 90%;
	padding: 3px;
	background-color:#fdfbfb;
	font-size: 13px;
	color: #333333;
	height:45px;
}
.frmText img{
	vertical-align:middle;
	border:solid 1px #ad9bc7;
}
.frmText{
	height:25px;
	font-size:12px;
	color:#666666;
	text-align:left;
	padding-left:5px;
	background-color:#FFFFFF;
}
.frmText-center{
	height:25px;
	font-size:12px;
	color:#666666;
	text-align:center;
	padding-left:5px;
	background-color:#FFFFFF;
}
.frmText-font-customize{
	height:25px;
	font-size:30px;
	color:black;
	text-align:left;
	padding-left:5px;
	background-color:#FFFFFF;
	font-weight: bolder;
}
.frmText-font-customize-right{
	height:25px;
	font-size:30px;
	color:black;
	text-align:right;
	padding-left:5px;
	background-color:#FFFFFF;
	font-weight: bolder;
}
.frmText-rigth{
	height:25px;
	font-size:12px;
	color:#666666;
	text-align:right;
	padding-left:5px;
	background-color:#FFFFFF;
}
.frmText-none-background-color{
	height:25px;
	font-size:12px;
	color:#666666;
	text-align:left;
	padding-left:5px;	
}
.frmTextNumber{
	height:25px;
	font-size:12px;
	color:#666666;
	text-align:left;
	padding-left:5px;
	background-color:#f2dcdb;
}
.frmCenter{
	text-align:center;
}
.frmtop{
	vertical-align:top;
}
.frmright{
	text-align:right;
	padding-right:5px;
}
.frmFieldSpace{
	background-color:#FFFFFF;
}
.frmSpace{
	background-color:#FFFFFF;
}
.txtRed{
	color:#ec1c24;
}
.txtBlue{
	color:#00F;
}
.txtBlack{
	color:#000000
}
.txtViolet{
	color:#a581fd;
}
.txtGray{
	color:#b1b0b1;
}
.txtRemark{
	font-size:12px;
	color:#0000FF;
}
.txtNote{
	font-size:12px;
	color:#ec1c24;
}
.frmHeaderColumn{
	font-size:12px;
	text-align:center;
	height:30px;
	white-space:nowrap;
	color:#FFFFFF;
	background-color:#a4a4a4;
}
.frmHeaderColumn1{
	font-size:12px;
	text-align:center;
	height:30px;
	white-space:nowrap;
	color:#FFFFFF;
	background-color:#a4a4a4;
}
.frmHeaderColumn1 td{
	padding-right:5px;
	padding-left:5px;
}
.frmHeaderColumnStatus{	width:50px !important;	}
.frmHeaderColumnEditName{	width:144px !important;	}
.frmHeaderColumnRemark{	width:400px !important;	}

.sort{
	padding-left:5px;
	cursor:pointer;	
}
.W20{	width:20px !important;	}
.W40{	width:40px !important;	}
.W50{	width:50px !important;	}
.W72{	width:72px !important;	}
.W80{	width:80px !important;	}
.W144{	width:144px !important;	}
.W200{	width:300px !important;	}
.W300{	width:300px !important;	}
.W400{	width:400px !important;	}

.HCV_L{
	border-bottom:solid 1px #108f34;
}
.HCV_R{
	border-left:solid 1px #108f34;
	border-bottom:solid 1px #108f34;
}
.tblTableVioet{
	border:solid 1px #108f34
}
.frmHeaderColumnViolet{
	font-size:12px;
	font-weight:600;
	text-align:center;
	height:30px;
	white-space:nowrap;
	color:#108f34;
	background-color:#b9aacd;
}
.frmHeaderColumnViolet td{
	padding-right:5px !important;
	padding-left:5px !important;
}
.frmTextColumn{
	height:30px;
	font-size:13px;
	color:#666666;
	text-align:left;
	padding-left:5px;
	background-color:#fcf2ff;
}

.frmTextBox  {
	width: 90%;
	padding: 3px;
	border-left:solid 1px #abadb3;
	border-top:solid 1px #abadb3;
	border-right:solid 1px #e2e3ea;
	border-bottom:solid 1px #e2e3ea;
	background-color:#fdfbfb;
	font-size: 12px;
	color: #333333;
}
.frmTextBox:hover {
	width: 90%;
	padding: 3px;
	border-left:solid 1px #5794bf;
	border-top:solid 1px #5794bf;
	border-right:solid 1px #c7e2f1;
	border-bottom:solid 1px #c7e2f1;
	background-color:#edf5fa;
	font-size: 12px;
	color: #000000;
}
.frmTextBoxView  {
	width: 90%;
	padding: 3px;
	border:none;
	background-color:#f1ecf3;
	font-size: 12px;
	color: #000000;
}
.frmTextArea {
	width: 90%;
	padding: 3px;
	border:solid 1px #ad9bc7;
	background-color:#fdfbfb;
	font-size: 13px;
	color: #5454fb;
	height:45px;
}
.frmTextAreaView  {
	width: 90%;
	padding: 3px;
	border:none;
	background-color:#fdfbfb;
	font-size: 13px;
	color: #000000;
	height:45px;
}
.frmDropDown {
	width: auto;
	padding: 3px;
	border-left:solid 1px #abadb3;
	border-top:solid 1px #abadb3;
	border-right:solid 1px #e2e3ea;
	border-bottom:solid 1px #e2e3ea;
	background-color:#fdfbfb;
	font-size: 13px;
	color: #333333;
}
.frmDropDown:hover {
	width: auto;
	padding: 3px;
	border-left:solid 1px #5794bf;
	border-top:solid 1px #5794bf;
	border-right:solid 1px #c7e2f1;
	border-bottom:solid 1px #c7e2f1;
	background-color:#edf5fa;
	font-size: 13px;
	color: #333333;
}
.frmSpanTax{font-size:14px; padding-left:2px; padding-right:2px; maxlength:1;}
.frmTax{width:10px; text-align:center;}
.frmTax:hover{width:10px; text-align:center;}
.frmPercent_5{width:5%;}
.frmPercent_7{width:7%;}
.frmPercent_8{width:8%;}
.frmPercent_8_6{width:8.6%;}
.frmPercent_9{width:9%;}
.frmPercent_10{width:10%;}
.frmPercent_15{width:15%;}
.frmPercent_16{width:16%;}
.frmPercent_17{width:17%;}
.frmPercent_18{width:18%;}
.frmPercent_19{width:19%;}
.frmPercent_20{width:20%;}
.frmPercent_21{width:21%;}
.frmPercent_22{width:22%;}
.frmPercent_23{width:23%;}
.frmPercent_24{width:24%;}
.frmPercent_25{width:25%;}
.frmPercent_26{width:26%;}
.frmPercent_20_5{width:20.5%;}
.frmPercent_20_6{width:20.6%;}
.frmPercent_21{width:21%;}
.frmPercent_25{width:25%;}
.frmPercent_30{width:30%;}
.frmPercent_31{width:31%;}
.frmPercent_32{width:32%;}
.frmPercent_35{width:35%;}
.frmPercent_40{width:40%;}
.frmPercent_41{width:41%;}
.frmPercent_42{width:42%;}
.frmPercent_43{width:43%;}
.frmPercent_44{width:44%;}
.frmPercent_45{width:45%;}
.frmPercent_46{width:46%;}
.frmPercent_47{width:47%;}
.frmPercent_48{width:48%;}
.frmPercent_49{width:49%;}
.frmPercent_50{width:50%;}
.frmPercent_50_5{width:50.5%;}
.frmPercent_50_6{width:50.6%;}
.frmPercent_50_7{width:50.7%;}
.frmPercent_50_8{width:50.8%;}
.frmPercent_50_9{width:50.9%;}
.frmPercent_51{width:51%;}
.frmPercent_52{width:52%;}
.frmPercent_52_6{width:52.6%;}
.frmPercent_53{width:53%;}
.frmPercent_53_5{width:53.5%;}
.frmPercent_54{width:54%;}
.frmPercent_55{width:55%;}
.frmPercent_55_5{width:55.5%;}
.frmPercent_60{width:60%;}
.frmPercent_61{width:61%;}
.frmPercent_62{width:62%;}
.frmPercent_63{width:63%;}
.frmPercent_64{width:64%;}
.frmPercent_65{width:65%;}
.frmPercent_70{width:70%;}
.frmPercent_70_5{width:70.5%;}
.frmPercent_71{width:71%;}
.frmPercent_72{width:72%;}
.frmPercent_73{width:73%;}
.frmPercent_74{width:74%;}
.frmPercent_75{width:75%;}
.frmPercent_78{width:78%;}
.frmPercent_78_5{width:78.5%;}
.frmPercent_79{width:79%;}
.frmPercent_80{width:80%;}
.frmPercent_85{width:85%;}
.frmPercent_86{width:86%;}
.frmPercent_87{width:87%;}
.frmPercent_88{width:88%;}
.frmPercent_89{width:89%;}
.frmPercent_90{width:90%;}
.frmPercent_91{width:91%;}
.frmPercent_92{width:92%;}
.frmPercent_93{width:93%;}
.frmPercent_94{width:94%;}
.frmPercent_95{width:95%;}
.frmPercent_96{width:96%;}
.frmPercent_97{width:97%;}
.frmPercent_98{width:98%;}
.frmPercent_99{width:99%;}
.fieldID{width:25px !important;}
.frmPercentBrowse{width:75px !important;}
.frmPercent_auto{display:block;width:auto;}
.frmSize100{width:100px;}
.frmSize200{width:200px;}

.inputRequired {
	font-size:12px;
	padding:2px;
	border: 1px solid #ad9bc7;
	height:auto;
	/*background-color:#f6f2fb;*/
	color:#5454fb;
	readonly:true;
}
.red{
	background-color:#f2dcdb;
}
.Sample10{
	font-size:10px !important;
	color:#666666 !important;
}
.Sample12{
	font-size:12px !important;
	color:#666666 !important;
}
.frmTextID{
	height:25px;
	font-size:12px;
	color:#666666;
	text-align:left;
	padding-left:5px;
	background-color:#FFFFFF;
	white-space:nowrap;
}
.Comment{
	font-size:12px;
	color:#666666;
	text-align:left;
	padding-left:5px;
	white-space:nowrap;
	background-color:#FFFFFF;
}
.inputRequiredLeft {
	font-size:12px;
	padding:2px;
	border: 1px solid #ad9bc7;	
	height:auto;
	text-align:left;
	color:#5454fb;
}
.inputRequiredTxtArea {
	font-size:12px;
	padding:2px;
	border: 1px solid #ad9bc7;	
	height:40px;
	text-align:left;
	color:#5454fb;
}
.inputRequiredLeftMerge {
	font-size:30px;
	padding:2px;
	border: 1px solid #ad9bc7;	
	height:40px;
	text-align:left;
	color:#5454fb;
}
.inputRequiredLeft-none-line {
	font-size:12px;
	padding:2px;
	height:auto;
	text-align:left;
	color:#5454fb;
}
.inputRequiredLeft-top {
	font-size:12px;
	padding:2px;
	border: 1px solid #ad9bc7;	
	height:auto;
	text-align:left;
	vertical-align:top;	
	color:#5454fb;
}
.inputRequiredRight {
	font-size:12px;
	padding:2px;
	border: 1px solid #ad9bc7;
	height:auto;
	text-align:right;
	color:#5454fb;
}
.inputRequiredCenter {
	font-size:12px;
	padding:2px;
	border: 1px solid #ad9bc7;
	height:auto;
	text-align:center;
	color:#5454fb;
}
.inputReadOnlyLeft {
	font-size:12px;
	padding:2px;
	border: 1px solid #ad9bc7;	
	height:auto;
	text-align:left;
	color:#5454fb;
	background-color:#cccccc;
}
.inputReadOnlyLeftMerge {
	font-size:30px;
	padding:2px;
	border: 1px solid #ad9bc7;	
	height:40px;
	text-align:left;
	color:#5454fb;
	background-color:#cccccc;
}
.labelReadOnlyLeft {
	font-size:12px;
	padding:2px;	 
	height:auto;
	text-align:left;
	color:#5454fb;	
}
.inputReadOnlyRight {
	font-size:12px;
	padding:2px;
	border: 1px solid #ad9bc7;
	height:auto;
	text-align:right;
	color:#5454fb;
	background-color:#cccccc;
}
.inputReadOnlyCenter {
	font-size:12px;
	padding:2px;
	border: 1px solid #ad9bc7;
	height:auto;
	text-align:center;
	color:#5454fb;
	background-color:#cccccc;
}

.inputRequiredTime {
	border: 1px solid #ad9bc7;
	font-size: 12px;
	height:auto;
	padding:2px;
	text-align:center;
	width:60px;
	color:#5454fb;
}
.inputRequiredTimeIMG {
	border:none !important;
}
.inputRequiredTimeTable {
	border: 1px solid #c1c1c1;
	font-size: 12px;
	height:auto;
	padding:2px;
	text-align:center;
	width:30px;
}
.inputRequiredTimeTableBlue {
	border: 1px solid #c1c1c1;
	color:#0000FF;
	font-size: 12px;
	height:auto;
	padding:2px;
	text-align:center;
	width:30px;
}
.inputRequiredTimeTableRed {
	border: 1px solid #c1c1c1;
	color:#FF0000;
	font-size: 12px;
	height:auto;
	padding:2px;
	text-align:center;
	width:30px;
}
.inputRequiredSignature {
	font-size:12px;
	font-style:italic;
	padding:2px;
	border: 1px solid #c1c1c1;
	height:auto;
	text-align:center;
	color:#5454fb;
}
.inputRequiredSignatureView {
	font-size:12px;
	font-style:italic;
	padding:2px;
	height:auto;
	text-align:center;
	color:#666666;
}
.selectRequired {
	font-size:12px;
	padding:2px;
	border: 1px solid #ad9bc7;
	height:auto;
	color:#5454fb;
}
.browseRequired {
	font-size:12px;
	padding:2px;
	border: 1px solid #c1c1c1;
	height:auto;
	background:#FFFFFF;
}
.inputNotRequired {
	font-size:12px;
	padding:2px;
	border: 1px solid #CCCCCC;
	height:auto;
}
.selectNotRequired {
	font-size:12px;
	padding:2px;
	border: 1px solid #CCCCCC;
	height:auto;
}
.textareaRequired {
	font-size:12px;
	padding:2px;
	border: 1px solid #c1c1c1;
	height:38px;
}
.textareaAddress {
	font-size:12px;
	padding:2px;
	border: 1px solid #c1c1c1;
	height:70px;
	color:#5454fb;
}
.textareaNote {
	font-size:12px;
	padding:2px;
	border: 1px solid #c1c1c1;
	height:100px;
	color:#5454fb;
}
#module-items {
	width: 600px;
	position: relative;
	left:40%;
	padding-bottom:0px;
}
.module-icons {
	position: relative;
	height: 60px;
	padding-left: 0px;
}
a.module-item {
	display: block; 
	font-size:16px;
	width: auto; 
	color: #0000FF; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
a.module-item>img {
	width:65px;
}
.module-item> span {
	display:inline-block;
	position: relative;
	padding-left: 10px;
	width:auto;
	white-space:nowrap;
	vertical-align:top;
	padding-top:30px;
	
}
.Result1_step1{
	width:1200px;
	overflow:auto;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.Result1_step2{
	width:1220px;
	overflow:auto;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.Result1_step3{
	width:1230px;
	overflow:auto;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.Result1_step4{
	width:1314px;
	overflow:auto;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.Result1_step5{
	width:1280px;
	overflow:auto;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.Result2_step1{
	width:940px;
	overflow:auto;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.Result2_step1_1{
	width:950px;
	overflow:auto;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.Result2_step2{
	width:970px;
	overflow:auto;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.Result2_step3{
	width:965px;
	overflow:auto;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.ResultOrg1319{
	width:1319px;
	overflow:auto;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.ResultOrg1247{
	width:1247px;
	overflow:auto;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.ResultOrg992{
	width:992px;
	overflow:auto;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.ResultOrg977{
	width:977px;
	overflow:auto;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.ResultTree1010{
	width:1010px !important;
	overflow:auto;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.ResultTree925{
	width:925px !important;
	overflow:auto;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.ResultTree668{
	width:668px !important;
	overflow:auto;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.FreeResult{
	width:950px;
	overflow:auto;
}
.tblPopup{
	width:100% !important;
	height:100% !important;
}
.imgCenterCheck{
	width:20px;
	height:20px;
	cursor:pointer;
}
.imgCenterUnCheck{
	width:20px;
	height:20px;
}

/*===Button====*/

.btn_section{
	width:auto !important;
	height:25px;
	cursor:pointer;
	background-color: #108f34;/*#633f93;*/
	border: 1px solid;
	border-color: #339933 #6495ED #6495ED #339933;
	padding-left:3px;
	padding-right:8px;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:center;
	font-weight:bold;
}
.btn_section img{
	padding-right:8px;
	border:none !important;
}
.btn_section:hover{
    background-color:#afeeee;/*#E2E2E2;*/
    border:1px solid #339933;
    color:#108f34;
}
.btn_section_dis{
	width:auto !important;
	height:25px;
	cursor:pointer;
	background-color: #E2E2E2;
	border: 1px solid;
	border-color: #f3f2f2 #8e8c8c #8e8c8c #f3f2f2;
	padding: 0px;
	color: #7d7d7d;
	padding-left:3px;
	padding-right:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:center;
	font-weight:bold;
}
.btn_section1{
	width:auto !important;
	height:25px;
	cursor:pointer;
	background-color: #633f93;
	border: 1px solid;
	border-color: #a791c3 #120623 #120623 #a791c3;
	padding-left:8px;
	padding-right:3px;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:center;
	font-weight:bold;
}
.btn_section1 img{
	padding-left:8px;
}
.btn_section1:hover{
    background-color:#E2E2E2;
    border:1px solid #996ed2;
    color:#108f34;
}

.gridButton
{
    cursor: pointer;
    color: #034AF3;
    font-weight: bold;
    text-align: left;
    padding-left: 18px;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left;
    font-weight:normal !important;
}

.serverButton
{
    background-position: 3px;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 22px;
}

.buttonAdd
{
    background-image: url('../images/icons/addButton.png');
}
.buttonEdit
{
    background-image: url('../images/icons/editButton.png');
}
.buttonDelete
{
    background-image: url('../images/icons/deleteButton.png');
}
.buttonOK
{
    background-image: url('../images/icons/okButton.png');
}
.buttonCancel
{
    background-image: url('../images/icons/cancelButton.png');
}
.buttonSearch
{
    background-image: url('../images/icons/searchButton.png');
}
.buttonImport
{
    background-image: url('../images/icons/importButton.png');
}
.buttonPrevious
{
    background-image: url('../images/icons/Go-back-icon.png');
}
.buttonMute
{
    background-image: url('../images/icons/mute.jpg');
}
/*===Grid====*/
.rgEditForm
{
    /*background-color: #ffffff !important;*/
}
.styleDivFrameGrid
{
	position:inherit;
	width:0px;
	height:inherit;
	overflow:auto;
	padding:3px;
	border: solid 1px black;
}
.styleDivFrameGrid-group
{
	position:inherit;
	height:inherit;
	overflow:auto;
	padding:3px;
	border: solid 1px black;
}


.container {
    width: 100%;
    margin: 0 auto;
}

.column-offset-1 
{
	 float: left;
     width: 45%;
}
.column-offset-2 
{
	float: left;
    width: 10%;
}
.column-offset-3 
{
	 float: left;
     width: 45%;
}

.truncate  {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.label-register-close
{
	color:yellow;
}
.label-register-open
{
	color:black;
}
.border-table-front  td, .border-table-fronts th
{
	border-color: #6495ED ;
	border-style: solid ;
	border-width:0.5px ;
	border-collapse: collapse ; 
}
.select-frontend-style 
{
	width: 100px; 
	display: inline;
	vertical-align: middle; 
	background:#6495ED;
	border: none;
	font-family: 'Tahoma';
    font-size: 22px;
    text-align:center;
    color:White;
    
}
.select-frontend-style  option
{
	width: 100px; 
	display: inline;
	vertical-align: middle; 
	background:#6495ED;
	border: none;
	font-family: 'Tahoma';
    font-size: 18px;
    text-align:center;
}
#agenda:active, #agenda:hover,#agenda:focus,#agenda:checked 
{
 color :inherit;
  outline: none;
border: none;
  
}
#agenda::-ms-expand { 
    display: none; /* hide the default arrow in ie10 and ie11 */
}
#agenda option:checked  {
        
        background-color: #d6d6d6 !important; /* for IE */
        color: #000000 !important;
        border: none;
    }
#agenda option
{
	 border: none;
}
  .line{
    width: 98.3%;
    padding-left: 0px;
    border-bottom: 3px solid #6495ED;
    position: absolute;
    }