body {
	font-family:  verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
/*	scrollbar-face-color:       #8B8BED;
	scrollbar-face-color:       #6699FF;
	scrollbar-highlight-color:  #FFFFFF;
	scrollbar-shadow-color:     #808080;
	scrollbar-3Dlight-color:    #9999FF;
	scrollbar-arrow-color:      #FFFFFF;
	scrollbar-track-color:      #000099;
	scrollbar-darkshadow-color: #000080;*/
	margin: 0px;
	padding: 0px;	
	background-repeat: repeat-x;
/*	background-color: #CED5F9;*/
	allowtransparency: true;
}
body.contentB {
	font-family:  verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	scrollbar-face-color:       #8B8BED;
/*	scrollbar-face-color:       #6699FF;*/	
	scrollbar-highlight-color:  #FFFFFF;
	scrollbar-shadow-color:     #808080;
	scrollbar-3Dlight-color:    #9999FF;
	scrollbar-arrow-color:      #FFFFFF;
	scrollbar-track-color:      #000099;
	scrollbar-darkshadow-color: #000080;
	margin: 0px;
	padding: 0px;
/*	background-image: url(images/Bkg00.gif);*/
/*	background-repeat: repeat-x;*/
	allowtransparency: true;
}
td {
	
	}
.TxtEngGreen {
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #006987;
	}
.TxtThaiGreen {
	font-family: kodchiangUPC;
	font-size: 17px;
	font-weight:500;
	color: #006987;
}
.TxtThai {
	font-family: kodchiangUPC;
	font-size: 17px;
	font-weight:100;
	color: #000000;
}
.TxtThaiWhite {
	font-family: kodchiangUPC;
	font-size: 17px;
	font-weight:500;
	color: #FFFFFF;
}
.TxtThaiBlue {
	font-family: kodchiangUPC;
	font-size: 17px;
	font-weight:500;
	color: #3075F7;
}
.TxtEngBlack{
	font-family: verdana;
	font-size: 11px;
	font-weight: none;
	color: #000000;
}
.TxtEngBlack12{
	font-family: verdana;
	font-size: 12px;
	font-weight: none;
	color: #000000;
}
.TxtEngBlack13{
	font-family: verdana;
	font-size: 13px;
	font-weight: none;
	color: #000000;
}
.TxtEngDarkGray10{
	font-family: verdana;
	font-size: 10px;
	font-weight: none;
	color: #666666;
}
.TxtEngDarkGray12{
	font-family: verdana;
	font-size: 12px;
	font-weight: none;
	color: #666666;
}
.TxtEngBlue{
	font-family: verdana;
	font-size: 11px;
	font-weight: none;
	color: #3075F7;
}
a.TxtEngBlue:hover {
	font-size: 11px;
	color: #FF9933;
	font-weight: none;
	text-decoration: none;
}
.TxtEngBlue13{
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	color: #3075F7;
}
.TxtEngOrange{
	font-family: verdana;
	font-size: 11px;
	font-weight: none;
	color: #FF9933;
}
.TxtEngRed{
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: red;
}
.TxtEngWhite11{
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
a.TxtEngWhite11:link {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a.TxtEngWhite11:hover {
	font-size: 11px;
	color: #3075F7;
	font-weight: bold;
	text-decoration: none;
}
#menu {
	float:right;
	width:100%;
	margin:0px;
	clear: right;
	height: 190px;
	background-color: #1414A1;
	overflow:auto;
}
#content01 {
	float:right;
	width:100%;
	margin:0px;
	clear: right;
	height: 200px;
	overflow:auto;
}
#content02 {
	float:right;
	width:100%;
	margin:0px;
	clear: right;
	height: 158px;
	overflow:auto;
}

h1 {
	font-size:18px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.TxtHead {
	font-size: 14px;
	color: #00000;
	font-weight: bolder;
	text-decoration: none;
	font-family:Georgia, "Times New Roman", Times, serif
	font-style:none;
}
.border4{
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}
.borderWhite {
	border: 1px solid #FFFFFF;
	font-size: 11px;
	font-color: #000000;
	font-weight: bold;	
}
.borderWhiteX {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
.borderWhiteBlack{
	background-color: #E9E7E4;
    font-size: 10px;
	color: #FB7F05;
	font-weight: bold;
}
.borderVio {
	border: 1px solid #8B8BED;
	padding: 10px;
}
.border2Color {
	font-size: 11px;
	color: #ffffff;
	font-weight: none;	
	border-left: 0px solid #ffffff;
	border-right:1px solid #6B6B6B;
	border-bottom:1px solid #6B6B6B;
	padding-left: 5px;
	padding-right:5px;
}
.border2ColorWhite {
	font-size: 11px;
	color: #000000;
	font-weight: none;	
	border-left: 0px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:0px solid #6B6B6B;
}
.border3Color {
	font-size: 11px;
	color: #000000;
	font-weight: none;	
	border-top: 1px solid #EAF8F7;
	border-left: 1px solid #EAF8F7;
	border-right:1px solid #81C8C7;
	border-bottom:1px solid #81C8C7;
	padding-left: 5px;
	padding-right:5px;
}

.borderPad5{
	padding-left: 5px;
	padding-right: 5px;
}
.borderHeadLeft {
	font-size: 11px;
	color: #000000;
	font-weight: bold;		
	border-left: 1px solid #FFFFFF;
	border-right:1px solid #236971;
	border-bottom:1px solid #236971;
	padding-left: 5px;
	padding-right: 5px;	
	padding-top: 3px;	
	padding-bottom: 3px;
}
.borderHead{
	font-size: 11px;
	color: #000000;
	font-weight: bold;	
	border-left: 1px solid #D8F0F2;
	border-right:1px solid #236971;
	border-bottom:1px solid #236971;	
	padding-left: 5px;
	padding-right: 5px;	
	padding-top: 3px;	
	padding-bottom: 3px;
}
.borderHead2{
	font-size: 11px;
	color: #000000;
	font-weight: bold;	
	border-left: 1px solid #D8F0F2;
	border-right:1px solid #236971;
	border-top:1px solid #FFFFFF;	
	border-bottom:1px solid #236971;	
	padding-left: 5px;
	padding-right: 5px;	
	padding-top: 3px;	
	padding-bottom: 3px;
}
.borderHead3{
	font-size: 11px;
	color: #000000;
	font-weight: bold;	
	border-left: 1px solid #D8F0F2;
	border-right:1px solid #236971;
	border-bottom:1px solid #236971;		
	padding-left: 5px;
	padding-right: 5px;	
	padding-top: 3px;	
	padding-bottom: 3px;
}
.menuTab {
	font-size: 11px;
	color: #717ACD;
	font-weight: bold;
	text-decoration: none;
	padding-top: 4px;
}
a.menuTab {
	font-size: 11px;
	color: #717ACD;
	font-weight: bold;
	text-decoration: none;
}
a.menuTab:hover {
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}
.menuTabActive {
	font-size: 11px;
	color: #1414A1;
	font-weight: bold;
	text-decoration: none;
	padding-top: 4px;
}
.menuTop {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-top: 4px;
}
a.menuTop {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a.menuTop:hover {
	font-size: 11px;
	color: #3366FF;
	font-weight: bold;
	text-decoration: none;
}
.menuTopSel {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-top: 4px;
}
a.menuTopSel {
	font-size: 11px;
	color: #3366FF;
	font-weight: bold;
	text-decoration: none;
}
a.menuTopSel:hover {
	font-size: 11px;
	color: #3366FF;
	font-weight: bold;
	text-decoration: none;
}
a.menuTop2 {
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}
.MainMenu {
	background-color: #717ACD;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 22px;
}
a.MainMenu {
	background-color: #717ACD;
	border-top: 1px solid #B3B3E5;
	border-right: 1px solid #000099;
	border-bottom: 1px solid #000099;
	border-left: 1px solid #B3B3E5;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	padding-top: 3px;
	padding-left: 5px;
}
a.MainMenu:hover {
	background-color: #1414A1;
/*	background-color: #E1E5FA;	*/
	border-top: 1px solid #B3B3E5;
	border-right: 1px solid #000099;
	border-bottom: 1px solid #000099;
	border-left: 1px solid #B3B3E5;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
/*	color: #000099;	*/
	text-decoration: none;
}
.TabFooter{
	background-color: #FFCC99;
	font-size: 10px;
	color: #000099;
	height: 4px;
}
.SubMenu {
	background-color: #E0E0F3;
	font-size: 10px;
	color: #000099;
	height: 20px;
}
a.SubMenu {
	background-color: #E0E0F3;
	font-size: 10px;
	color: #000099;
	width: 100%;	
	border: 1px solid #000099;
	padding-top: 3px;
	padding-left: 15px;
	text-decoration: none;
}
a.SubMenu:hover {
	background-color: #FFFFFF;
	font-size: 10px;
	color: #000099;
	width: 100%;	
	border: 1px solid #000099;	
	text-decoration: none;
}
.SubMenu2 {
	background-color: #E0E0F3;
	font-size: 10px;
	color: #000099;
	width: 100%;
}
a.SubMenu2 {
	background-color: #E0E0F3;
	font-size: 10px;
	color: #000099;
	width: 100%;
	padding-top: 3px;
	padding-left: 15px;
	text-decoration: none;
	border-right: 1px solid #000099;
	border-bottom: 1px solid #000099;
	border-left: 1px solid #000099;
}
a.SubMenu2:hover {
	background-color: #FFFFFF;
	font-size: 10px;
	color: #000099;
	width: 100%;
	padding-top: 3px;
	padding-left: 15px;
	text-decoration: none;
	border-right: 1px solid #000099;
	border-bottom: 1px solid #000099;
	border-left: 1px solid #000099;
}
a.Link01 {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
a.Link01:hover {
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}
.BoxFormTxt01 {
	background-color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	font-family:  verdana, Helvetica, sans-serif;
}
.BoxFormTxt02 {
	background-color: #FFFFFF;
	/*background-color: #C1E7ED;	*/
	border: 1px solid #81C8C7;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	height: 18px;	
	width: 180px;
	font-family:  verdana, Helvetica, sans-serif;
}
.BoxFormTxt03 {
    background-color:#8B8BED;
   	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	height: 18px;	
	width: 100px;
	font-family:  Tahoma, Helvetica, sans-serif;
}
.BoxFormTxt04 {
	background-color: #FFFFFF;
	border: 1px solid #3075F7;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	height: 18px;
	width: 35px;
	font-family:  verdana, Helvetica, sans-serif;
}
.BoxFormTxt04b {
	background-color: #FFFFFF;
	border: 1px solid #3075F7;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	height: 18px;
	width: 50px;
	font-family:  verdana, Helvetica, sans-serif;
}
.BoxFormTxt05 {
	background-color: #FFFFFF;
	border: 1px solid #FF9933/*#81C8C7*/;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	height: 18px;
	width: 110px;
	font-family:  verdana, Helvetica, sans-serif;
}
.BoxFormTxt06 {
	background-color: #FFFFFF;
	/*background-color: #EDF6F1;*/
	/*	background-color: #8B8BED;*/
	/*background-color: #E4F2FE;*/
	border: 1px solid #CCCCCC/*#81C8C7*/;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	height: 18px;
	width: 40px;
	font-family:  verdana, Helvetica, sans-serif;
}
.BoxFormTxtHidden 
{
	width: 1px;
	height: 1px;
	border: 0px;
}

.BoxFormList {
	background-color: #BEE0FD;
	border: 1px solid #000000;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	width: 150px;
	font-family:  verdana, Helvetica, sans-serif;
}
.BoxFormList2 {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-size: 11px;
	font-weight: none;
	color: #000000;
	width: 70px;
	font-family:  verdana, Helvetica, sans-serif;
}
.BoxFormListNoFix 
{
	background-color: #C6D9FD;
	border: 1px solid #000000;
	font-size: 10px;
	font-family:  verdana, Helvetica, sans-serif;
}
.BkgTableBlue3 {
	background-color: #2E3092;
	border-top: 1px solid #BDBEEE;
	border-right: 1px solid #0D0F64;
	border-bottom: 1px solid #0D0F64;
	border-left: 1px solid #BDBEEE;
	margin: 2px;
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height: 24px;
}
.BkgTableBlue4 {
	background-color: #C8D0F2;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #97A2D2;
	border-bottom: 1px solid #97A2D2;
	border-left: 1px solid #FFFFFF;
	margin: 2px;
	padding: 2px;	
}
.BkgTableBlue5 {
	background-color: #81C8C7;
	border-top: 1pt solid #FFFFFF;
    /*border-right: 1pt solid #81C8C7;
	border-bottom: 0pt solid #81C8C7;*/
    /*border-left: 1pt solid #EAF8F7;*/
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #FFFFFF;
	font-family:  verdana, Helvetica, sans-serif;
}
.TableOver TD{
	background-color: #98A7E6;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #6072BE;
	border-bottom: 1px solid #6072BE;
	border-left: 1px solid #FFFFFF;
	margin: 2px;
	padding: 2px;
	font-size: 10px;
	color: #FFFFFF;
	cursor: hand;
	font-family:  verdana, Helvetica, sans-serif;
}
.TableOut01 TD{
	background-color: #C8D0F2;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #97A2D2;
	border-bottom: 1px solid #97A2D2;
	border-left: 1px solid #FFFFFF;
	margin: 2px;
	padding: 2px;	
}
.TableOut02 TD{
	background-color: #E1E5FA;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #97A2D2;
	border-bottom: 1px solid #97A2D2;
	border-left: 1px solid #FFFFFF;
	margin: 2px;
	padding: 2px;	
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
position: relative;
z-index: 0;
font-family: verdana;
font-size: 11px;
font-weight: normal;
color: #3075F7;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
text-decoration: none;
border: 0;
font-size: 11px;
color: #FF9933;
font-weight: normal;
color: red;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
display:block;
top: -160;
left: 75px; /*position where enlarged image should offset horizontally */
}

.thumbnail2{
position: relative;
z-index: 0;
font-family: verdana;
font-size: 11px;
font-weight: normal;
color: #3075F7;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
text-decoration: none;
border: 0;
font-size: 11px;
color: #FF9933;
font-weight: normal;
color: red;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
display:block;
top: 0px;
left: -150px; /*position where enlarged image should offset horizontally */
}


select.hide { visibility: hidden; }
select.sfhover { visibility: hidden; }