@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../font/db_helvethaicaais_x_v3.2-webfont.eot');
    src: url('../font/db_helvethaicaais_x_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/db_helvethaicaais_x_v3.2-webfont.woff') format('woff'),
         url('../font/db_helvethaicaais_x_v3.2-webfont.ttf') format('truetype'),
         url('../font/db_helvethaicaais_x_v3.2-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DB_HelvethaicaAIS_X_v3.2';
    src: url('../font/DB_HelvethaicaAIS_X_v3.2.eot');
    src: url('../font/DB_HelvethaicaAIS_X_v3.2.ttf') format('truetype');
        
    font-weight: normal;
    font-style: normal;

}

*
{
	font-family: 'DB_HelvethaicaAIS_X_v3.2';
	font-size: 22px;
	/*font-size: 11pt;*/
	color: #463738;
}
body{
	padding:0;
	margin:0;
	background:url(../images/header_bgnd.jpg) 0 0 repeat-x #fff;
	background-color: #fff;
}
.bebas { font-family: 'BebasNeueRegular'; }

.bg
{
	background: url(../images/Template_Banner.png) no-repeat center bottom fixed; 
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100% 100%;
}

td
{
	font-family: 'DB_HelvethaicaAIS_X_v3.2';
	font-size: 20px;

}

input,select,option,textarea
{
	font-family: 'DB_HelvethaicaAIS_X_v3.2';
	font-size: 20px;

}
.inputkey
{
	font-family: 'BebasNeueRegular';
	font-size: 14px;

}
/*------------------------------------------------header start--------------------*/
#header{
	width:99%;
	margin-left: 10px;
	background:url(images/header_bgnd.jpg) 0 80px no-repeat;
	/*height:235px;*/
	position:relative;
    top: 0px;
    left: 0px;
    height: 80px;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
}
.radius
{
     background-color: #b7cb2c;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	 border-radius: 8px;
}
.validateinput
{
	color: Red;
	font-weight: bold;
}
.treeviewcss a
{
	padding: 5px;
	color: #463738;
	font-size: 12px;
}
.treeviewcss a:hover
{
	padding: 15px;	
	color: #232323;
	font-weight: bold;
	text-decoration: underline;
}
.treeviewcss img
{
	width: 10px;
}
#labelHeadProgramName
{
	/*background-color: #f2f1f2;*/
	background:url(../images/bg_head_label.jpg) 0 0 repeat-x #fff;
	color: #a8c22b;
	font-size: 9pt;
	font-weight: bold;
	width:98%;
	height: 20px;
	padding: 10px;
	border-bottom: #e0ddd6 1px solid;
	border-left: #e0ddd6 1px solid;
	border-top: #e0ddd6 1px solid;
	border-right: #e0ddd6 1px solid;
	background-color: #f7f7f7;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	 border-radius: 8px;
}
.headfirstname
{
	color: #39282b;
	font-size: 9pt;
	font-weight: bold;
}
.panel
{
	padding: 5px;
}
.panel2
{
	background-color: #f7f7f7;	
	padding: 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	 border-radius: 8px;
}
.labelShowOnlay
{
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.width300
{
	width: 300px;
}
.width400
{
	width: 400px;
}
.right
{
	text-align: right;
}
.textboxenablefalse
{
	background-color: #C0C0C0;
	color: #463738;
}
.width50
{
	width: 50px;
}
.width80
{
	width: 80px;
	height: 25px;
}
.width100
{
	width: 100px;
}
.width105
{
	width: 105px;
}
.width120
{
	width: 120px;
	height: 25px;
}
.width180
{
	width: 180px;
}
.textboxwidth60
{
	width: 60px;
	/*height: 20px;*/
}
.textboxwidth200
{
	width: 200px;
}
.textboxwidth200Login
{
    /*font-weight: bold;
    font-size:medium;
	height: 25px;*/
	width: 200px;
}
.textboxwidth205
{
	width: 205px;
	/*height: 20px;*/
}
.widthselect
{
	width: 60px;
	height: 20px;
}
.bg_login2
{
	background:url(../images/bg_login_button.jpg) 0 0 repeat-x #78a93c;
	width: 205px;
	height: 25px;
	color: #fff;
	font-weight: bold;
}
.bg_login
{
	background:url(../images/bg_login.jpg) 0 0 repeat-x #78a93c;
	background-color: #78a93c;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	 border-radius: 8px;
}
.white
{
	color: #fff;
}
.bg_footer
{
	background:url(../images/bg_head_label.jpg) 0 0 repeat-x #fff;
	background-color: #fff;
	height: 20px;
}
#txtExtension
{
	width: 100px;
}
#txtVoiceWelcome
{
	width: 200px;
}
#txtVoiceFail, #txtVoiceNoPress, #txtWrongPress
{
	width: 200px;
}
#txtRootModule, #txtRootModule2, #txtGotoModule
{
	width: 200px;
}
#txtHTime
{
	width: 80px;
}
.ahref_black
{
	color: #463738;
	font-size: 13pt;
	text-decoration: none;
}
.padd5
{
	padding: 5px;
}