/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Tahoma;
	font-size:12px;
	color:#595959;
	background: url(images/bg.jpg) repeat;
}
img { behavior: url(iepngfix.htc); }

#publication ul {list-style-type:none;
			 margin:4px 0px 0px 0px;
			 padding:0px 0px 0px 0px;
			 }
			 
.formBox { margin:0px 0px 0px 0px }

a:link , a:visited { color:#a00220;
					 text-decoration:none}
a:hover { color:#ff9999 }

.hidden { display:none;}

.green { color:#5d187b;
		 font-weight:bold;}
		 
#menuTop {position:absolute; top:7px; left:91px;}

#banner { position:absolute; top:70px; left:148px;}
		 
#keyplatform { width:1000px;
				height:auto;
				overflow:hidden;

			}

#Left { background: transparent url(images/BgLHome.png) no-repeat;
		 behavior: url(iepngfix.htc);
		height:800px;
		width:213px;
		padding:0px 0px 0px 0px;
		margin:-765px 0px 0px 0px;
		float:left;
		}
#Left #logo {padding:148px 0px 0px 8px;
			  height:125px;
			  width:auto;}

#Left2 { background: transparent url(images/BgLHome.png) no-repeat;
		 behavior: url(iepngfix.htc);
		height:800px;
		width:213px;
		margin:-753px 0px 0px 0px;
		}
#Left2 #logo {padding:148px 0px 0px 5px;
			  height:125px;
			  width:auto;}
		


/*------------------Search-------------------------*/

#Search { float:right;
		  margin:13px 15px 0px 0px;}

.SearchBox { background:url(images/SearchBox.jpg) no-repeat;
			  border-width:0px 0px 0px 0px;
			  border:none;
			  width:120px;
			  height:19px;
			  color:#8f8f8f;
			  font-size:12px;
			  font-family:Tahoma;
			  padding:3px 0px 0px 5px;
			  margin:0px 0px 0px 0px;
			  vertical-align:middle;
			}
				

/*-------------------------------------------------*/


/*----------------------Left Menu ----------------------------*/

#Left #Menu { margin:178px 0px 0px 15px;
			 font-weight:bold;
			 color:#FFFFFF}
			 
#Left #Menu ul { list-style-type:none;
			  margin:0px 0px 0px 0px;
   			  padding: 0px 0px 0px 0px;}
			  
#Left #Menu li { width:108px;
				 height:23px;
				 
				} 

#Left #Menu li a:link , #Left #Menu li a:visited { 	width:108px;
				 									height:23px;
													color:#FFFFFF;
													text-decoration:none;
													display:block;
													padding:4px 0px 0px 8px;
													}
													
#Left #Menu li a:hover { background: transparent url(images/bgLmenu.png) no-repeat;
						 width:108px;
				 		height:23px;}
						
						
	/*------ Sub left menu-----*/
	/*-----6 submenu---*/
#Left #Menu1 { margin:126px 0px 0px 15px;
			 font-weight:bold;
			 color:#FFFFFF}
			 
#Left #Menu1 ul { list-style-type:none;
			  margin:0px 0px 0px 0px;
   			  padding: 0px 0px 0px 0px;}
			  
#Left #Menu1 li { width:108px;
				 height:23px;
				 
				} 

#Left #Menu1 li a:link , #Left #Menu1 li a:visited { 	width:108px;
				 									height:23px;
													color:#FFFFFF;
													text-decoration:none;
													display:block;
													padding:4px 0px 0px 8px;
													}
													
#Left #Menu1 li a:hover { background: transparent url(images/bgLmenu.png) no-repeat;
						 width:108px;
				 		height:23px;}	
	
	
	/*----2 submenu-----*/
	
#Left #Menu2 { margin:204px 0px 0px 15px;
			 font-weight:bold;
			 color:#FFFFFF}
			 
#Left #Menu2 ul { list-style-type:none;
			  margin:0px 0px 0px 0px;
   			  padding: 0px 0px 0px 0px;}
			  
#Left #Menu2 li { width:108px;
				 height:23px;
				 
				} 

#Left #Menu2 li a:link , #Left #Menu2 li a:visited { 	width:108px;
				 									height:23px;
													color:#FFFFFF;
													text-decoration:none;
													display:block;
													padding:4px 0px 0px 8px;
													}
													
#Left #Menu2 li a:hover { background: transparent url(images/bgLmenu.png) no-repeat;
						 width:108px;
				 		height:23px;}	
						
	
	/*----0 submenu-----*/
	
#Left #Menu3 { margin:281px 0px 0px 15px;
			 font-weight:bold;
			 color:#FFFFFF}
			 
#Left #Menu3 ul { list-style-type:none;
			  margin:0px 0px 0px 0px;
   			  padding: 0px 0px 0px 0px;}
			  
#Left #Menu3 li { width:108px;
				 height:23px;
				 
				} 

#Left #Menu3 li a:link , #Left #Menu3 li a:visited { 	width:108px;
				 									height:23px;
													color:#FFFFFF;
													text-decoration:none;
													display:block;
													padding:4px 0px 0px 8px;
													}
													
#Left #Menu3 li a:hover { background: transparent url(images/bgLmenu.png) no-repeat;
						 width:108px;
				 		height:23px;}	
	
	/*----1 submenu-----*/
	
#Left #Menu4 { margin:205px 0px 0px 15px;
			 font-weight:bold;
			 color:#FFFFFF}
			 
#Left #Menu4 ul { list-style-type:none;
			  margin:0px 0px 0px 0px;
   			  padding: 0px 0px 0px 0px;}
			  
#Left #Menu4 li { width:108px;
				 height:23px;
				 
				} 

#Left #Menu4 li a:link , #Left #Menu4 li a:visited { 	width:108px;
				 									height:23px;
													color:#FFFFFF;
													text-decoration:none;
													display:block;
													padding:4px 0px 0px 8px;
													}
													
#Left #Menu4 li a:hover { background: transparent url(images/bgLmenu.png) no-repeat;
						 width:108px;
				 		height:23px;}	
	
	/*--------------------------*/
						
#Left2 #Menu { margin:410px 0px 0px 15px;
			   font-weight:bold;
			   color:#FFFFFF}
			 

#Left2 #Menu ul { list-style-type:none;
			  margin:0px 0px 0px 0px;
   			  padding: 0px 0px 0px 0px;}
			  
#Left2 #Menu li { width:108px;
				 height:23px;
				 
				} 

#Left2 #Menu li a:link , #Left2 #Menu li a:visited { width:108px;
				 									height:23px;
													color:#FFFFFF;
													text-decoration:none;
													display:block;
													padding:4px 0px 0px 8px;
													}
													
#Left2 #Menu li a:hover { background: transparent url(images/bgLmenu.png) no-repeat;
						 width:108px;
				 		height:23px;}
						
						
/*-----------------------------------------------------*/

/*---------------Language------------------------------*/

#Left #Language { float:left;
				  left:-2px;
				  width:132px;
				  height:20px;
				  padding:3px 0px 0px 40px;
				  margin-top:10px;}
				  
#Left #Language a:link , #Left #Language a:visited { color:#320101;
													  font-weight:bold;
													  text-decoration:none;
													 }
#Left #Language a:hover { color:#FFFFFF }


#Left2 #Language { float:left;
				  left:-2px;
				  width:132px;
				  height:20px;
				  padding:3px 0px 0px 40px;
				  margin-top:10px;}
				  
#Left2 #Language a:link , #Left2 #Language a:visited { color:#320101;
													  font-weight:bold;
													  text-decoration:none;
													 }
#Left2 #Language a:hover { color:#FFFFFF; }
				  
/*----------------------------------------------*/

/*-----------------------Right-------------------*/

#Right {}

#Right #content { width:865px;
				  height:349px;
				  padding:421px 0px 30px 104px;
				  }
				  
#Right #content #text { padding:50px 50px 50px 95px }

#Right #content2 { background: transparent url(images/BoxContent2.gif) no-repeat;
				  width:861px;
				  height:383px;
				  margin:362px 0px 0px 114px;
				  padding:20px 0px 0px 0px;}
				  
#Right #content2 #text { position:absolute;
						  margin:25px 0px 0px 105px;
						  height:349px;
						  width:700px; }

#Right #contentNews { background: transparent url(images/BoxNews.gif) no-repeat;
				  width:861px;
				  height:383px;
				   margin:362px 0px 0px 114px;
				  padding:20px 0px 0px 0px;}
				  
#Right #contentNews #text { position:absolute;
						  margin:25px 0px 0px 105px;
						  height:349px;}

#Right #contentNews #topicNews { float:left;
								 position:absolute;
								 margin:23px 0px 0px 655px}
								 
#Right #contentNews #topicNews ul {list-style-type:none;
								   margin:0px 0px 0px 0px;
								   padding:0px 0px 0px 0px;
								   }							 
#Right #contentNews #topicNews li {padding-top:3px;}
/*------------------------------------------------*/

/*-------------Pathway-------------*/

#pathway { float:right ;
		   padding:0px 24px 0px 0px;
		   margin-top:-15px;
		   font-family:Verdana;
		   font-size:11px;
		   color:#FFFFFF ;
		   }
#pathway a:link , #pathway a:visited { color:#FFFFFF }

#pathway a:hover { color:#619625 }

#pathway2 { float:right ;
		   padding:0px 24px 5px 0px;
		   font-family:Verdana;
		   font-size:11px;
		   color:#FFFFFF ;
		   }
#pathway2 a:link , #pathway2 a:visited { color:#FFFFFF;
										 text-decoration:none }

#pathway2 a:hover { color:#000000 }

/*---------------------------------*/


/*--------------------Submenu------------------*/

#Left #submenu { padding:97px 0px 0px 5px; }

#Left #submenu ul {list-style-type:none;
				   margin:0px 0px 0px 0px;
				   padding:0px 0px 0px 0px }
				   
#Left #submenu li { padding: 12px 0px 0px 15px; }
				   
#Left #submenu ul a:link , #Left #submenu ul a:visited { font-size:12px;
														 color:#d188ea;
														 font-weight:bold;
														 text-decoration:none;
														 padding-left:20px;
														 }

#Left #submenu ul a:hover { background: transparent url(images/blueorb.gif) no-repeat;
							background-position:center left;
							color:#FFFFFF;
							padding-left:20px; }
							
.submenuActive { background: transparent url(images/blueorb.gif) no-repeat;

				color:#FFFFFF;
				background-position:center left;
				padding-left:20px;
				font-weight:bold;
				font-size:12px;
				}				   

/*--------------------------------------------*/

/*---------------Company-------------------*/

#Left #submenu .company { width:190px;
						  height:32px;
						  overflow:hidden;
						  margin:0px 0px 0px 0px
						 }

#Left #submenu h1 .company { background: transparent url(images/company.png) no-repeat;
							 behavior: url(iepngfix.htc);
							 width:190px;
							 height:32px;
							}

/*----------------------------------------*/

/*---------------Expertise-------------------*/

#Left #submenu .expertise { width:190px;
						  height:32px;
						  overflow:hidden;
						  margin:0px 0px 0px 0px
						 }

#Left #submenu h1 .expertise { background: transparent url(images/expertise.png) no-repeat;
							 behavior: url(iepngfix.htc);
							 width:190px;
							 height:32px;
							}

/*----------------------------------------*/

/*---------------R&D-------------------*/

#Left #submenu .rnd { width:190px;
						  height:32px;
						  overflow:hidden;
						  margin:0px 0px 0px 0px
						 }

#Left #submenu h1 .rnd { background: transparent url(images/rnd.png) no-repeat;
						behavior: url(iepngfix.htc);
							 width:190px;
							 height:32px;
							}

/*----------------------------------------*/

/*---------------working-------------------*/

#Left #submenu .working { width:190px;
						  height:32px;
						  overflow:hidden;
						  margin:0px 0px 0px 0px
						 }

#Left #submenu h1 .working { background: transparent url(images/working.png) no-repeat;
							 behavior: url(iepngfix.htc);
							 width:190px;
							 height:32px;
							}

/*----------------------------------------*/

/*---------------publication-------------------*/

#Left #submenu .publication { width:190px;
						  height:32px;
						  overflow:hidden;
						  margin:0px 0px 0px 0px
						 }

#Left #submenu h1 .publication { background: transparent url(images/publication.png) no-repeat;
							 behavior: url(iepngfix.htc);
							 width:190px;
							 height:32px;
							}

/*----------------------------------------*/

/*---------------regist-------------------*/

#Left #submenu .regist { width:190px;
						  height:32px;
						  overflow:hidden;
						  margin:0px 0px 0px 0px
						 }

#Left #submenu h1 .regist { background: transparent url(images/regist.png) no-repeat;
							 behavior: url(iepngfix.htc);
							 width:190px;
							 height:32px;
							}

/*----------------------------------------*/

/*---------------news-------------------*/

#Left #submenu .news { width:190px;
						  height:32px;
						  overflow:hidden;
						  margin:0px 0px 0px 0px
						 }

#Left #submenu h1 .news { background: transparent url(images/news.png) no-repeat;
							 behavior: url(iepngfix.htc);
							 width:190px;
							 height:32px;
							}

/*----------------------------------------*/

/*---------------contact-------------------*/

#Left #submenu .contact { width:190px;
						  height:32px;
						  overflow:hidden;
						  margin:0px 0px 0px 0px
						 }

#Left #submenu h1 .contact { background: transparent url(images/contact.png) no-repeat;
							 behavior: url(iepngfix.htc);
							 width:190px;
							 height:32px;
							}

/*----------------------------------------*/

/*---------------synerg-------------------*/

#Left #submenu .synerg { width:190px;
						  height:32px;
						  overflow:hidden;
						  margin:0px 0px 0px 0px
						 }

#Left #submenu h1 .synerg { background: transparent url(images/synerg.png) no-repeat;
							behavior: url(iepngfix.htc);
							 width:190px;
							 height:32px;
							}

/*----------------------------------------*/

/*---------------footer------------------*/

#footer { position:absolute;
		  top:747px;
		  margin-left:370px;
		  font-size:11px;
		  color:#9a9a9a;
		  width:800px;}
		  
#footer a:link, #footer a:visited, #footer a:hover { color:#9a9a9a }

/*---------------------------------------*/

/*------------------question------------------*/

#questionDetail { padding:10px 0px 0px 50px }

#questionDetail .submit { padding:10px 0px 0px 138px;}

#questionDetail .questionBox { background-color:#FFFFFF;
								background-image:url(images/searchBox_02.png);
								background-repeat:repeat-x;
								border: 1px solid #d7d7d7;
								background-attachment:scroll;
								font-size:12px;
								color:#707070;
								font-family:Tahoma;
								}
								
#questionDetail .questionBox2 { background-color:#FFFFFF;
								background-image:url(images/searchBox_02.png);
								background-repeat:repeat-x;
								border: 1px solid #d7d7d7;
								background-attachment:scroll;
								width:250px;
								font-family:Tahoma;
								font-size:12px;
								color:#707070;
								}

/*-----------------------------------------*/

/*-------------Scroll-----------------------*/

/*------Scorll Bar-----*/

#Scroller-1 {
  position:relative;
  overflow: hidden;
  margin:-15px 0px 0px 0px;
  width:698px;
  height:310px;
}
#Scroller-1 p {
  margin: 0;
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
  padding:0px 0px 0px 0px;
}
.Scrollbar-Up {
  cursor:pointer;
  position:relative;
}
.Scrollbar-Down {
  cursor: pointer;
  position:relative;
  top:-30px;
  left:530px;

}
.Scrollbar-Left {
  cursor: pointer;
  position: absolute;
  top: 220px; left: 0px;
}
.Scrollbar-Right {
  cursor: pointer;
  position: absolute;
  left: 380px;	
}

.Scroller-Container ul { list-style-type:none;
						 padding:0px 0px 0px 0px;
						 margin:4px 0px 4px 0px; }

.pdflink { border:medium none;}

.pdf { float:left;}
/*-----------------------------------------*/

/*------------------Scrollbar News ----------------*/

#ScrollerNews {
  position:relative;
  overflow: hidden;
  margin:-33px 0px 0px 0px;
  width:510px;
  height:301px;
}
#ScrollerNews p {
  margin: 0;
}
.Scroller-Container2 {
  position: absolute;
  top: 0px; left: 0px;
  padding:0px 0px 0px 10px;
}
.Scrollbar-Up {
  cursor:pointer;
  position:relative;
}
.Scrollbar-Down {
  cursor: pointer;
  position:relative;
  top:-30px;
  left:530px;

}
.Scrollbar-Left {
  cursor: pointer;
  position: absolute;
  top: 220px; left: 0px;
}
.Scrollbar-Right {
  cursor: pointer;
  position: absolute;
  left: 380px;	
}

.Scroller-Container ul { list-style-type:none;
						 padding:0px 0px 0px 0px; }


/*-------------------------------------------------*/

/*------------------Regist Box------------------*/

#questionDetail2 { padding:10px 0px 0px 30px }

#questionDetail2 .submit { padding:10px 0px 0px 0px;}

#questionDetail2 .questionBox { background-color:#FFFFFF;
								background-image:url(images/searchBox_02.png);
								background-repeat:repeat-x;
								border: 1px solid #d7d7d7;
								background-attachment:scroll;

								}
								
#questionDetail2 .questionBox2 { background-color:#FFFFFF;
								background-image:url(images/searchBox_02.png);
								background-repeat:repeat-x;
								border: 1px solid #d7d7d7;
								background-attachment:scroll;
								width:250px;
								font-family:Tahoma;
								}

/*-----------------------------------------*/

/*--------------------------TopicNews----------------------*/

#topicNews ul a:link , #topicNews ul a:visited { font-size:12px;
														 color:#9c9c9c;
														 text-decoration:none;
														 padding-left:10px;
														 }

#topicNews ul a:hover {		color:#7f7f7f;
							padding-left:10px;
							font-weight:bold }
							
.topicActive { color:#7f7f7f;
							padding-left:10px;
							font-weight:bold }
							
.registButton { float:right;
				position:relative;
				margin:300px -158px 0px 0px}
							
/*-------------------------------------------------------*/


/*------------------Access Synerg---------------------------*/

.AccessBox { background-color:#FFFFFF;
								background-image:url(images/searchBox_02.png);
								background-repeat:repeat-x;
								border: 1px solid #d7d7d7;
								background-attachment:scroll;
								font-size:12px;
								color:#707070;
								font-family:Tahoma;
								margin-left:10px;
								height:18px;
								width:150px;
								padding:3px 0px 0px 5px
								}
								
#SynergLogin { font-size:11px;
				margin-left:336px;
				margin-top:-45px;}								
								
#SynergLogin a:link, #SynergLogin a:visited  { color:#595959; }

#SynergLogin a:hover {color:silver}

#service ul {padding:0px 0px 0px 0px;
			 margin:0px 0px 0px 0px;
			 }
			
#service li {list-style-type:none}

/*------------------------------------------------------*/

/*--------------Pixalione-----------------*/
/*synerg Regist */
#pixalione { position:relative;
			 margin:-25px 0px 0px 500px;
			 width:100px;
			 overflow:hidden;}


/*--------------ContactFunction------------*/

#contactFunction { margin:-4px 0px 0px -97px;}

/*--------- Error Msg by Angkanit ---------*/
.error {color:red;
		font-size:11px;
		margin-left:10px;
		font-weight:bold;}
.error a:hover { text-decoration:underline; }

#Sublink {margin-top:10px;}

#Sublink ul .Sublink-software { width:100%}

#Sublink .Sublink-software ul { margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								list-style-type:none; }
										
#Sublink .Sublink-software li { float:left;
								 width:315px;
								 list-style-type:none;}	
													  
#line { background-image:url(images/line.jpg);
												background-repeat:repeat-x;
												width:100%;
												height:4px;
												float:left;
												margin:0px 0px 2px 0px
												}
												
.Sublink-software a:visited, .Sublink-software a:link { color:#7e7e7e;
														font-size:12px; 
														padding:0px 0px 0px 22px;
														height:30px;

												}
												
.Sublink-software a:hover { background-image:url(images/blueorb.gif);
							background-repeat:no-repeat;
							color:#ff9c31;
							font-size:12px;
							padding:0px 0px 0px 22px;
							background-position:left;; bottom:0px;

							}
							
.Sublink-software .active { background-image:url(images/blueorb.gif);
							background-repeat:no-repeat;
							color:#ff9c31;
							font-size:12px;
							padding:0px 0px 0px 22px;
							background-position:left;; bottom:0px;

							}