/* Version 1.2 @ 11 Feb 10 */
/********** GLOBAL *************/
html, body {
	height:100%;
}

ul {padding : 5px 0 5px 0px;}
li{ margin-left:20px; list-style:outside; color:#666666;}
ol{ padding: 5px 0 0 50px; list-style:decimal;}

ul.list_horizon		{ margin: 0; padding: 0; list-style-type: none; }
ul.list_horizon li	{ float:left;}

ul.list_vertical		{ margin: 0; padding: 0; list-style-type: none; }
ul.list_vertical li	{ display:block;}

.container_16, .container_12, .container_24 { height:100%; }

/* Paging */
.divPaging { margin-top:25px; line-height:20px; }
.divPaging li.col1 { margin-right:5px; }
.divPaging li.col2 {  padding-top:4px; }
.divPaging li.col3 { margin-right:5px; padding-top:4px; }
.divPaging li.col4 { margin-right:15px;}
.divPaging li.col5 { margin-right:5px; }
.divPaging li.col6 { line-height:20px; }

/* Image Corner*/
.imageCorner { margin:0px auto; width:auto; /* Set width to pixel or % by ID selector */ }
/* Customize by change background image , padding-left and height */
.imageCorner .topLeft { background:url(img/top-left.png) no-repeat; padding-left:10px; behavior:url(iepngfix.htc);}
.imageCorner .topRight { background:url(img/top-right.png) no-repeat right top; padding-right:10px;  behavior:url(iepngfix.htc);}
.imageCorner .top { background:url(img/top.gif) repeat-x; height:40px; behavior:url(iepngfix.htc); }
.imageCorner .left { background:url(img/left.gif) repeat-y; padding-left:10px; behavior:url(iepngfix.htc);}
.imageCorner .right { background:url(img/right.gif) repeat-y right top; padding-right:10px; behavior:url(iepngfix.htc);}
.imageCorner .bottomLeft { background:url(img/bottom-left.png) no-repeat left top; padding-left:10px; behavior:url(iepngfix.htc); }
.imageCorner .bottomRight { background:url(img/bottom-right.png) no-repeat right top; padding-right:10px; behavior:url(iepngfix.htc);  }
.imageCorner .bottom { background:url(img/bottom.gif) repeat-x left top; height:10px; behavior:url(iepngfix.htc); }
.imageCorner .content { min-height:200px; _height:200px;}

/********** Page ***********/
.H2{ font-family:Arial, Helvetica, sans-serif; font-size:16px; padding-bottom:10px;}


#MainNav{ width:980px; height:300px; position:absolute; z-index:90;  margin-left:6px; /*_margin-left:7px; */ }

#leadGraphic{ width:990px; height:580px;}
#leadGraphic-inside{ width:990px; }

.lead{ width:980px; float:left;height:480px;margin-top:100px; z-index:1;}
.dataInside{ width:984px; float:left; z-index:1; background:url(image/shadow_both.gif) repeat-y; margin-top:100px; margin-left:3px;}
.leadInside{ width:980px; height:260px; margin-left:2px; z-index:1; _padding:0; }


.shadowLeft{ background-color:#999999; width:5px; height:480px; float:left; background:url(image/shadowLeft.png) repeat-y;margin-top:100px;}
.shadowRight{ background-color:#999999; width:5px; height:480px; float:left;background:url(image/shadowRight.png) repeat-y;margin-top:100px;}

.shadowLeft-inside{ background-color:#999999; width:5px; height:100%; float:left; background:url(image/shadowLeft.png) repeat-y;margin-top:500px;}
.shadowRight-inside{ background-color:#999999; width:5px; height:100%;  float:left;background:url(image/shadowRight.png) repeat-y;margin-top:500px;}


.shadowButton{ background-color:#999999; width:990px; height:5px; padding-left:5px;_margin-left:3px; background:url(image/shadowButton.png) no-repeat; }

.shadowButton-award{ background-color:#999999; height:5px; padding-left:5px;_margin-left:3px; background:url(image/shadowButton.png) no-repeat; }
.shadowButton_index{
	position:relative;
	background-color:#999999; 
	width:980px; 
	height:5px; 
	padding-left:5px;
	_margin-left:0px; 
	background:url(image/shadowButton.png) no-repeat;
	
	/*margin-top:100px\9;
	_margin-top:0px;*/
}
.shadowButton-inside{width:980px;_widrh:990px; height:5px;_height:1px; _font-size:1px; margin-top:-2px;_margin:0px; padding:0px;
                     margin-left:-3px;_margin-left:-5px; background:url(image/shadowButton.png) repeat-x; z-index:99;  }

/*.shadowButton-inside{ clear:both;font-size: 1px;_line-height:1px; _display:inline; background:#FF0000;  }*/



#footer{ position:relative;  width:980px; padding-left:5px;  padding-right:0px\9; margin-top:10px;}

.menuSiteMap{ width:200px; padding-left:0px; float:left; }
.copyRight{ width:700px; margin-left:70px;}

#thai-language{ position:absolute; top:5px; left:955px; z-index:99; }

.lHeader{ /*margin-left:-5px;*/ /*margin-left:-25px\9; _margin-left:0px;*/}

.Head-Space{
height:20px;
height:50px\9;
_height:0px;
}


.Head1{
width:800px;
margin-top:15px;
_margin-top:25px;
margin-bottom:2px;
color:#ff8500; 

height:30px;

}
.lineHead{ width:800px; height:40px;}

.data{ /*margin-top:10px; */
margin-bottom:30px;
 margin-left:30px; margin-right:30px; width:700px; z-index:98; position:relative;
min-height:200px;_height:200px; }


.dataFull{
	width:900px;
	z-index:98;
	position:relative;
	margin: 0px 30px 30px 30px;
	min-height:200px;
	_height:200px;
}
.effect{top:360px; z-index:1; right:-3px;  position:absolute;}
.effect_applications{top:360px; z-index:1; left:5px;  _left:8px; position:absolute;}
.slogan1{ width:340px; height:60px; position:absolute; z-index:99; top:280px; left:45px;}

.menu_bar{ 
	background:url(image/bar_menu.png) repeat-x; 
	margin: 0px 0px 0px 2px;
	 /*_background:url(image/bar_menu.png); 
	 _background-repeat:repeat-x; */
	 width:980px; 
	 height:42px;
	 _height:39px;
	 margin-top:-2px;  
	 z-index:99; 
	 padding-top:3px;
	 position: relative !important;
	/* position:absolute; 
	 position:relative\9;*/
}

.menu_bar_award{ 
	background:url(image/bar_menu.png) repeat-x; 
	margin: 0px 0px 0px 0px;
	 /*_background:url(image/bar_menu.png); 
	 _background-repeat:repeat-x; */
	 width:980px; 
	 height:42px;
	 _height:39px;
	 margin-top:-2px;  
	 z-index:99; 
	 padding-top:3px;
	 position: relative !important;
	/* position:absolute; 
	 position:relative\9;*/
}

.menu_bar_link{
	/*margin-top:-2px; 
	margin-top:-45px\9; 
	_margin-top:-42px; 
	z-index:100; 
	padding-top:3px;
	position:absolute; 
	position:relative\9;*/
}


#picBoard{ margin-top:-25px; margin-left:420px;}
.line_break{ height:3px; width:920px; background:url(image/lineBreak.gif); background-repeat:repeat-x;margin-top:0px; margin-bottom:10px; z-index:2; }
#executives{ margin-left:420px; margin-top:-22px; _margin-top:-55px;

/*margin-top:90px !important;*/

/*#executives .img{ float:left;}*/}
.menu{ padding-top:3px; width:980px; background:#0000CC; height:39px; z-index:99;}
.data-board{ margin-top:-310px; height:300px;}
.name-exe{ margin-top:-310px;}


.standardsPic{ width:210px; height:200px; text-align:center; float:left; margin-right:30px; _margin-right:15px;}

.awardsPic{ width:270px; height:350px; text-align:center; float:left; margin-right:50px; _margin-right:32px;}

.containPic{ margin-left:-10px; width:980px; _padding-left:5px; _width:940px;}
.line_break-standards{ height:3px; width:752px; background-color:#fe8301; margin-top:20px; margin-bottom:20px; margin-left:-28px; }


/*---------contact --------------- */
#datacontact{ width:350px; float:left; padding-top:10px; position:absolute\9; left:0px;}
#contact{ width:550px; margin-left:50px;   /*margin-top:-95px\9;*/ /* background-color:#999999;*/ /*float:left;*/}
.contact1{ width:500px; margin:10px; float:right;}

.name{ width:200px;}

/*   ---    POPup     -----------*/
.logo{ height:100px; margin-top:-10px;}
.bodypop{ padding:10px;}
.sitemap1{ font-size:14px;}
.sitemap2{ font-size:12px;}
.sitemap3{ font-size:12px; margin-left:40px;}
#sitemap{ width:260px; float:left;}
#sitemapRight{ width:220px; float:right;}
/* =========Operations =========*/

.dataDetail{ width:420px; float:left; line-height:130%; margin-right:10px;}
.dataDetail2{ width:550px; float:left; line-height:130%; margin-right:10px; text-align:left;}
.dataPic{margin-top:-20px ;width:500px; float:left; padding-bottom:20px;_padding-bottom:0px_margin-top:-60px;_z-index:99;position:relative; _margin-top:-30px}
.dataPic2{ margin-left:24px; float:left; margin-bottom:20px;}


.dataPic-Nobar{ /*margin-top:-120px;*/ /*margin-left:10px; top:0*/margin-top:-25px; margin-left:10px;}

.dataAll{ width:980px;}
.nobar{ margin-top:0px;}