/* CSS Document */
body{
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
}
div, ul, li, h1, h2, h3, h4, p, {margin:0px; padding:0px;}
ul{list-style-type:none;}

.pageBody
{
    PADDING: 0px;
    WIDTH: 100%;
    HEIGHT: 100%;
    BACKGROUND-COLOR: #ffffff
}

/*----LOGIN PANEL----*/


#break {
	height: 50px;
}

form {
    margin: 0px;
}

.style1 {
	color: #AA3805;
	font-weight: bold;
	font-size: 18px;
}

.button {
	border : solid 1px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 4px;
}

.login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 6em;
	padding: 15px;
	border: 1px solid #cccccc;
	width: 429px;
	background: #F1F3F5;
}
	
.login h1 {
	background: url(images/login_header.png) no-repeat;
	background-position: left top;
	color: #333;
	margin: 0px;
	height: 50px;
	padding: 15px 4px 0 50px;
 	text-align: left;
	font-size: 1.5em;
}

.login p {
	padding: 0 1em 0 1em;
	}
	
.form-block {
	border: 1px solid #cccccc;
	background: #E9ECEF;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.login-form {
	text-align: left;
	float: right;
	width: 60%;
}

.login-text {
	text-align: left;
	width: 40%;
	float: left;
}

.inputlabel {
	font-weight: bold;
	text-align: left;
	}

.inputbox {
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	}

.clr {
    clear:both;
    }

.ctr {
	text-align: center;
}

.version {
	font-size: 0.8em;
}

.foot {

}

/*----TOP PANEL----*/
#header_container{
	height:205px;
	position:relative;
	padding:0px;
	background-image:url(../images/header_slice.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header_container_login{
	height:149px;
	position:relative;
	padding:0px;
	background-image:url(../images/header_slice2.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#header{
	width: 100%;
	height: 130px;
	margin: 0px auto;
	background:url(../images/img01.png) repeat-x;
}
	
#logo {
	float: left;
	padding-left:30px;}

#logo2 {
	float: right;
	padding-right:30px;}
	

#logo h1 {
	text-transform: lowercase;
	letter-spacing: -2px;
	font-size: 3.6em;
	font-weight: normal;
	color: #FFFFFF;
}

#logo h1 a {
	text-decoration: none;
	color: #FFFFFF;
}

#logo p {
	text-transform: uppercase;
	font-size: 1.22em;
	letter-spacing: -1px;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Sidebar */

.submenu {
	font-family:Tahoma;
	font-size:12px;
	text-decoration:none;
	color:#333333;
}

.submenu a {
	font-family:Tahoma;
	font-size:12px;
	text-decoration:none;
	color:#333333;
}

.sidebar {
	font-family:Tahoma;
	font-size:11px;
	color:#1A3473;
	padding-left:2px;
	text-decoration:none;
	float:left;
	width:250px;
}

.sidebar table {
	border-right:1px dashed #CCCCCC;
	padding:0 5px;
	float:left;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;
	float:left;
}

.sidebar tr {
	border:none;	
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;
	
}

.sidebar td {
	border:none;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;
}


.sidebar a {
	float: left;
	margin:0;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;
	color:#1A3473;
	padding:0 5px;
}

.sidebar a:hover {
	text-decoration: underline;
	color:#1A3473;
}

.win {clear:both;margin-bottom:11px; font-family:tahoma;font-size:11px;text-decoration:none;}
.win.winHomeB {background:url('../images/img07.gif') repeat-x; width:100%}
.win.winHomeB h3 {background:url('../images/img07.gif') repeat-x;color:#081B39;font-weight:bold; font-family:tahoma;font-size:11px;text-decoration:none; padding-top:4px; padding-bottom:4px; padding-left:10px;}
.win.winHomeB .box {border:1px solid #9BBDD3;background-color:#fff;}

/* Page */

#wrapper {
	background: url(images/img03.gif) repeat-x left bottom;
	float:left;
}

#page {
	width: 100%;
	float:left;}
	
#header ul{width:94px; height:145px; padding:23px 29px 20px 40px; position:absolute; top:103px; left:0px; background:url(../images/ul.gif) 0 0 no-repeat;}

#header ul li{background:url(../images/bullet1.gif) 0 7px no-repeat #ccc; border-bottom:#929292 dotted 1px; font:12px/24px Verdana, Helvetica, sans-serif; font-weight:bold; color: #000; padding-left:10px;}

#header ul li.contact{border:none;}

#header ul li a{font-family:Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; background:#ccc; color:#212121;
}
#header ul li a:hover{background:#ccc; color:#B53332; text-decoration:none;}
#header h1{
	width:770px;
	height:132px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color: #3B3B3B;
	position:absolute;
	top:217px;
	left:1px;
	background-color: #3B3B3B;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 5px;
}
#header2{
	width:auto;
	height:90px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 0px;
	padding-left: 14px;
	text-align: center;
}

/*----BODY1 PANEL----*/
#body1{width:778px; height:77px; position:relative; margin:0 auto; background:url(../images/from_shadow.jpg) 0 100% no-repeat;}

#body1 form{width:690px; height:77px; margin:0; padding:0 0 0 88px;}

#body1 form label{width:177px; height:44px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:bold; color: #fff; background-color:#3B3B3B; display:block; float:left; background-image: url(../images/level.jpg); background-repeat:no-repeat; background-position:left top; padding-left:60px; line-height:44px; margin-top:17px;}

#body1 form input{width:135px; height:18px; float:left; display:block; margin:28px 25px 0 0; padding:0 0 0 10px;}
#body1 form input.botton{width:56px; height:28px; float:left; background:url(../images/button.gif) 0 0 no-repeat #3A3A3A; border:none; color:#fff; font:14px/28px Verdana, Arial, Helvetica, sans-serif; margin:26px 0 0; padding:0px;}

/*----/BODY1 PANEL----*/

/*----BODY MIDDLE PANEL----*/
#bodymiddlePan{
	width:75%;
	position:absolute;
	clear:both;
	padding-top: 0;
	padding-right: 5px;
	color: #000000;
	padding-left:5px;

}
#bodymiddlePan h2{
	display:block;
	color:#FFFFFF;
	font-weight:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	line-height: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background:url(../images/img08.png) repeat-x;
}
#bodymiddlePan p.lasttext{padding:0 0 25px 0;}
#bodymiddlePan p span{background:#3B3B3B; color:#fff;}
/*----BODY MIDDLE PANEL----*/

/*----BODY BOTTOM PANEL----*/
#bodyBottomPan{
	width:100%;
	background:url(../images/body_shadow.gif) 0 0 no-repeat;
	position:relative;
	clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 88px;
}
/*----Info Panel----*/
#infoPan{width:187px; height:192px; background:url(../images/infopanelbg.jpg) 0 100% no-repeat #3B3B3B; float:left; margin:0 28px 0 0; color:#524201; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#infoPan h2{width:163px; height:40px; background:url(../images/infopaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;}
#infoPan p{padding:10px 0 0 24px; line-height:17px;}
#infoPan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
#infoPan p.view a{width:66px; height:18px; display:block; background:url(../images/infoview-normal.gif) 0 0 no-repeat #F0C40E; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#infoPan p.view a:hover{background:url(../images/infoview-hover.gif) 0 0 no-repeat #F0C40E; color:#fff; text-decoration:none;}
/*----/Info Panel----*/

/*----Services Panel----*/
#servicesPan{width:187px; height:192px; background:url(../images/servicespanelbg.jpg) 0 100% no-repeat #3B3B3B; color:#212121; float:left; margin:0 28px 0 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#servicesPan h2{width:163px; height:40px; background:url(../images/servicespaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;}
#servicesPan p{padding:10px 0 0 24px; line-height:17px;}
#servicesPan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
#servicesPan p.view a{width:66px; height:18px; display:block; background:url(../images/servicesview-normal.gif) 0 0 no-repeat #B8B8B8; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#servicesPan p.view a:hover{background:url(../images/servicesview-hover.gif) 0 0 no-repeat #B8B8B8; color:#fff; text-decoration:none;}
/*----/Services Panel----*/

/*----Schedule Panel----*/
#schedulePan{width:187px; height:192px; background:url(../images/schedulepanelbg.jpg) 0 100% no-repeat #3B3B3B; color:#fff; float:left; margin:0 28px 0 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#schedulePan h2{width:163px; height:40px; background:url(../images/schedulepaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;}
#schedulePan p{padding:10px 0 0 24px; line-height:17px;}
#schedulePan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
#schedulePan p.view a{width:66px; height:18px; display:block; background:url(../images/scheduleview-normal.gif) 0 0 no-repeat #E45D5D; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#schedulePan p.view a:hover{background:url(../images/scheduleview-hover.gif) 0 0 no-repeat #E45D5D; color:#fff; text-decoration:none;}
/*----/Schedule Panel----*/

/*----BOTOM PANEL----*/
#bottomPan{
	height:180px;
	background:url(../images/bottombg.gif) 0 0 repeat-x;
	position:relative;
	clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 65px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#bottomMainPan{width:778px; position:relative; margin:0 auto; padding:50px 0 0;}
#bottomBorderPan{width:778px; float:left; background:url(../images/bottomborder-bg1.gif) 0 0 repeat-y;}
#bottomBorderPan h2{width:210px; height:40px; position:absolute; top:28px; left:0px; display:block; background:#ccc; color:#0C0C0C; font:24px/40px Georgia, "Times New Roman", Times, serif;}
#bottomBorderPan h3{width:210px; height:40px; position:absolute; top:28px; left:259px; display:block; background:#ccc; color:#0C0C0C; font:24px/40px Georgia, "Times New Roman", Times, serif;}
#bottomBorderPan h4{width:210px; height:40px; position:absolute; top:28px; left:517px; display:block; background:#ccc; color:#0C0C0C; font:24px/40px Georgia, "Times New Roman", Times, serif;}

#bottomBorderPan ul{float:left; width:258px; padding:25px 0 0;}
#bottomBorderPan ul li{width:225px; height:22px; margin:0 10px 0 0;}
#bottomBorderPan ul li a{width:200px; height:22px; display:block; background:url(../images/arrow-normal.gif) 0 8px no-repeat #ccc; color:#3D3C2C; font:14px/22px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 16px;}
#bottomBorderPan ul li a:hover{background:url(../images/arrow-hover.gif) 0 8px no-repeat #BDBDBD; color:#3D3C2C; text-decoration:none;}
/*----/BOTOM PANEL----*/

/*----FOOTER PANEL----*/
#footermainPan{
	background: #14ade1;
}

#footerPan{
	width: 100%;
	height:50px;
	padding-top: 15px;
	padding-bottom: 10px;
	color: #FFFFFF;}

#footerPan p.copyright{
	clear: both;
	text-align: center;
	color: #FFFFFF;
}

#footerPan p.copyright a{
	clear: both;
	text-align: center;
	color: #FFFFFF;
}

TABLE {
	FONT-SIZE: 9pt; FONT-FAMILY: Verdana; 
	
}
TD {
	FONT-SIZE: 9pt; FONT-FAMILY: Verdana; 
}
.TD .TEXT_MARGIN {
margin:2px;
}

TR {
	FONT-SIZE: 9pt; FONT-FAMILY: Verdana; 	
}

INPUT {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 10pt; BORDER-LEFT: black 1px solid; COLOR: #4e211c; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #fbfb93; margin:2px;
}

TEXTAREA {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 10pt; BORDER-LEFT: black 1px solid; COLOR: #4e211c; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #fbfb93
}
INPUT.text {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 10pt; BORDER-LEFT: black 1px solid; COLOR: #4e211c; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #fbfb93
}
SELECT {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 10pt; BORDER-LEFT: black 1px solid; COLOR: #4e211c; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #fbfb93
}
H1 {
	PAGE-BREAK-BEFORE: always
}

@media Print    
{
.noprint {
	DISPLAY: none
}
    }
.tbldata CAPTION {
	DISPLAY: none
}
TABLE.tbldata {
	CLEAR: both; BORDER-COLLAPSE: collapse;
	
}
.tbldata TBODY TD {
	BORDER-RIGHT: 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: 0px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: 0px solid; PADDING-TOP: 2px; BORDER-BOTTOM: 1px solid; 
}
.tbldata THEAD TH {
	BORDER-RIGHT: 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: 1px solid; PADDING-LEFT: 5px; BACKGROUND: #d9a872; PADDING-BOTTOM: 1px; BORDER-LEFT: 0px solid; PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid; 
}
.tbldata THEAD TH INPUT {
	MARGIN-TOP: -1px; MARGIN-BOTTOM: 0px;
}
.tbldata TD INPUT {
text-align:right;
}
.tbldata TD IMG {
	TEXT-ALIGN: right
}
.tbldata TH IMG {
	FLOAT: right; MARGIN: 4px 4px 0px 0px
}
.tbldata TR.msgnew {
	FONT-WEIGHT: bold
}

.style3 {
	font-family: "Angsana New";
	font-family:"Tahoma";
	font-size: 11px;
}

.tdtitle {color: #FFFFFF; font-size:8pt; font-family:Verdana, Arial, Helvetica, sans-serif;}