* {margin: 0; padding: 0}
/*
li {
	_behavior:expression((function(el){
	
		el.runtimeStyle.behavior = 'none';
		el.onmouseenter = function(){
			dojo.addClass(this,'hover');
		};
		el.onmouseleave = function(){
			dojo.removeClass(this,'hover');
		};
		el = null;	
	})(this));
}
*/
body {background-color: #CCCCCC;}

p {color:#fff;}
#document {
	width: 1000px;
	background-color: #0000CD;
	font-family: tahoma;
	font-size: 12px;
}

/** PAGE LAYOUT STYLE */
#header {
	height: auto !important;
	min-height: 69px;
	height: 69px;
	background-color: white;
}
#content {
	min-height: 695px;
	height: auto !important;
	height: 695px;
	background: url(../img/bg_content.png) #0000CD top repeat-x;
}
.left {
	clear: both;
	float: left;
	margin-left: 12px !important;
	margin-left: 6px;
	width: 656px; /* included shadow 7px;*/
}
.right {
	float: right;
	width: 318px; /* included shadow 7px;*/
	margin-right: 2px;
}
#footer {
	clear: both;
	height: 80px;
	background: url(../img/bg_blue_shadow.png) white top repeat-x;
}

/** ELEMENT STYLE */
#logo {
	float: left;
	margin: 8px 0 0 16px !important;
	margin: 8px 0 0 8px;
}
#keyword_search {
	float: right;
	margin: 16px 8px !important;
	margin: 16px 4px; /** ie6 */
}
#keyword {
	width: 124px;
	font-size: 10px;
	padding: 2px;
	border: solid 1px #7D9DB9;
}
#about_us {
	float: right;
	font-size: 14px;
	margin-top: 24px;
}
#about_us li a {
	margin-left: 6px;
	margin-right: 6px;
	text-decoration: none;
	color: black;
}
#about_us li a:hover {
	margin-left: 6px;
	margin-right: 6px;
	text-decoration: none;
	color: gray;
}

/** MAIN CONTENT */
#main_content {
	width: 977px;
	height: 261px;
	float: left;
	/*background: url(../img/right_shadow.png) right top no-repeat !important; */
	/*background: url(../img/right_shadow_ie6.png) right top no-repeat; */
}
.shadow_slide {
	float:left;
	width:7px;
	height:261px;
	background: url(../img/right_shadow_ie6.png) right top no-repeat;
	border:0px solid;

}
/** MAIN MENU */
#main_menu {clear:both;width:976px;height:35px;background: url(../img/shadow_main_menu.gif) left top repeat;border:0px solid;}
#menu {float:left;height: 49px; border:0px solid;}

#menu li {/*cursor:hand;*/ cursor:pointer; height:49px;}
#home {width:73px; height:49px; background: url(../img/nvtab/nv_home.gif) top no-repeat;}
#home:hover, #home.hover {background-position: center;}
#home.select {width:73px; height:49px; background: url(../img/nvtab/nv_home.gif) bottom no-repeat;}

#products {width:93px; height:49px; background: url(../img/nvtab/nv_products.gif) top no-repeat;}
#products:hover, #products.hover {background-position: center;}
#products.select {width:93px; height:49px; background: url(../img/nvtab/nv_products.gif) bottom no-repeat;}

#services {width:82px; height:49px; background: url(../img/nvtab/nv_services.gif) top no-repeat;}
#services:hover, #services.hover {width:82px;background-position: center;}
#services.select {width:82px; height:49px; background: url(../img/nvtab/nv_services.gif) bottom no-repeat;}

#research {width:90px; height:49px; background: url(../img/nvtab/nv_research.gif) top no-repeat;}
#research:hover, #research.hover {width:90px;background-position: center;}
#research.select {width:90px; height:49px; background: url(../img/nvtab/nv_research.gif) bottom no-repeat;}

#infrastructure {width:133px; height:49px; background: url(../img/nvtab/nv_infrastructure.gif) top no-repeat;}
#infrastructure:hover, #infrastructure.hover {width:133px;background-position: center;}
#infrastructure.select {width:133px; height:49px; background: url(../img/nvtab/nv_infrastructure.gif) bottom no-repeat;}

#knowledge {width:153px; height:49px; background: url(../img/nvtab/nv_knowledgecenter.gif) top no-repeat;}
#knowledge:hover, #knowledge.hover {width:153px;background-position: center;}
#knowledge.select {width:153px; height:49px; background: url(../img/nvtab/nv_knowledgecenter.gif) bottom no-repeat;}

#education {width:95px; height:49px; background: url(../img/nvtab/nv_education.gif) top no-repeat;}
#education:hover, #education.hover {width:95px;background-position: center;}
#education.select {width:95px; height:49px; background: url(../img/nvtab/nv_education.gif) bottom no-repeat;}

#virtualtour {width:109px; height:49px; background: url(../img/nvtab/nv_virtualtour.gif) top no-repeat;}
#virtualtour:hover, #virtualtour.hover {width:109px;background-position: center;}
#virtualtour.select {width:109px; height:49px; background: url(../img/nvtab/nv_virtualtour.gif) bottom no-repeat;}

#products {width:93px;background: url(../img/nvtab/nv_products.gif) left top no-repeat;}
#services {width:82px;background: url(../img/nvtab/nv_services.gif) left top no-repeat;}
#research {width:90px;background: url(../img/nvtab/nv_research.gif) left top no-repeat;}
#infrastructure {width:133px;background: url(../img/nvtab/nv_infrastructure.gif) left top no-repeat;}
#knowledge {width:153px;background: url(../img/nvtab/nv_knowledgecenter.gif) left top no-repeat;}
#education {width:95px;background: url(../img/nvtab/nv_education.gif) left top no-repeat;}
#virtualtour {width:109px;background: url(../img/nvtab/nv_virtualtour.gif) left top no-repeat;}

/** SWITCH LANGUAGE */
#lang {width: 82px;}
#lang {float:right;height: 49px;}

#lang li {/*cursor:hand;*/ cursor:pointer; height:49px;}
#lang_th {width:41px; height:49px; background: url(../img/nvtab/flag_th.gif) top no-repeat;}
#lang_th:hover, #lang_th.hover {background-position: center;}
#lang_th.select {width:41px; height:49px; background: url(../img/nvtab/flag_th.gif) bottom no-repeat;}

#lang_en {width:41px; height:49px; background: url(../img/nvtab/flag_en.gif) top no-repeat;}
#lang_en:hover, #lang_en.hover {background-position: center;}
#lang_en.select {width:41px; height:49px; background: url(../img/nvtab/flag_en.gif) bottom no-repeat;}

/** tabs level2 */
#sub_level2 {
	clear: both;
	background: url(../img/bglevel2/bg_tab_subnv.gif) left no-repeat;
	height: 46px;
	width: 984px;
	line-height: 40px;
}
.sub_menu_level2 {text-align: left;margin-left: 10px;}

/** print this page */
.up {float: left;margin: 40px 0 0 24px !important;margin: 40px 0 0 12px;}
.print_page {float: right;margin: 45px 28px 0 0 !important;margin: 45px 14px 0 0;}


/* FOOTER LOGO */
#nsdta {
	float: left;
	margin: 24px 0 0 8px !important;
	margin: 24px 0 0 4px;
	padding-right:16px ;
	border-right: solid 1px #333;
}
#nectec {
	float: right;
	margin: 16px 8px 0 0 !important;
	margin: 16px 4px 0 0;
}
#nectec_group {float:left; margin: 20px 0 0 12px;}

/** ELEMENT CLASS */
.clickable {
	/*cursor: hand; /** ie */
	cursor: pointer; /** safari, firefox */
}

/** FORM REGISTER */
.header_register {height:97px; width:380px; background: url(../img/bg_header_register.jpg) left top no-repeat;}
label.regis {float:left;width:100px;text-align:left;color:white;font-size:12px;margin:1px 0 0 32px;border:0px solid;}
label.text {float:left;width:100px;text-align:left;color:white;font-size:12px;margin:1px 0 0 32px;border:0px solid;}
input.regis, textarea.regis {width:200px;margin-bottom:4px;color:#333333;background:#F1F1F1;border:0px solid;padding:2px;font-size:10px;}
.captcha {padding:4px 0px 4px 132px; height:40px; width:200px; /*cursor: hand;*/ cursor: pointer;}
.captcha2 {padding:4px 0px 4px 0px; height:40px; width:200px; /*cursor: hand;*/ cursor: pointer;}
input.captcha {width:200px;float:right;margin:0 44px 6px 0;color:#333333;background:#F1F1F1;border:0px solid;padding:2px;}
.bt_submit {float:right;border:0px solid; /*cursor: hand;*/ cursor: pointer;}
.txtarea {float:left;margin:4px 0 0 16px;color:yellow;font-size:12px;}
textarea.regis {width: 350px;height: 150px;}
#submitbutton {margin: 5px 0 0 123px;width: 90px;}
#resetbutton {margin: 5px 0 0 5px;width: 90px;}

/**  */
input.contact, textarea.contact {width:260px;margin-bottom:4px;color:#333333;border:1px solid #7D9DB9;padding:2px;font-size:12px;}
textarea.suggest {width:555px;margin-bottom:4px;color:#333333;border:1px solid #7D9DB9;padding:2px;font-size:12px;}

/** TAG STYLE */
img { border: 0; }

ul li {list-style: none;display: inline;float:left;}

a:link, a:visited{color:#333333;text-decoration:none;}
a:hover{color:blue;text-decoration: none;}

a.black:link, a.black:visited {font-size:12px;color: black;}
a.black:hover{color: gray;}
a.white:link, a.white:visited{color: white;}
a.white:hover{color: gray;}
a.blue:link, a.blue:visited{color: #000099;}
a.blue:hover{color: gray;}
a.developed:link, a.developed:visited{color: #858585;}
a.developed:hover{color: #333333;}
a.search:link, a.search:visited{color: #000099;}
a.search:hover{color: #333333;}

h1 {font-size:12px;color:white;}
h1.overview {font-size: 24px;color: black;}
h2 {font-size: 12px;font-family:verdana;color: black;}
h3 {color:#333333;text-align:left;}

p {font-size:12px;color:#333333;}
p.hilight {line-height: 16px;}
p.brief {text-align:left;color: #333333;}
p.brief_white {text-align: left; color: white;}
p.detail {text-align:left;color: #333333;}
p.headline {text-align:left;color:#333333;font-weight:bold;}
p.copyright {color: white;}
p.space4 {height: 4px;}
p.space10 {height: 10px;}
p.space20 {height: 20px;}
p.space30 {height: 30px;}
p.black12_bold {font-size:12px;font-weight:bold;color:#333333;}
p.black14_bold {font-size:14px;font-weight:bold;color:#333333;}
p.title {font-size: 14px;font-weight: bold;color: #000099;}
p.title_small {font-size: 12px;font-weight: bold;color: #000099;}

.txt_white {color:white;}
.txt_title_header {clear: both;float: left;width:600px;text-align:left;margin: 10px 0 0 14px !important;margin: 10px 0 0 7px;}
.txt_post_on {font-size: 10px;color: white;}
.txt_post_on_black {font-size: 10px;color: #666666;}
.txt_product_post_on {font-size: 10px;color: #333333;}
.txt_position_research {font-size: 12px;color: white;}
.txt_sub_link {font-size: 12px;color: black;}
.txt_sub_menu_level2 {color:#333333;font-size:12px;font-weight:bold;}
.txt_black12 {font-size:12px;color:#333333;}
.txt_blue12 {font-size:12px;color:#000099;}
.txt_black12_bold {font-size:12px;font-weight:bold;color:#333333;}
.txt_black14 {font-size:14px;color:#333333;}
.txt_black14 {font-size:14px;font-weight:bold;color:#333333;}
.txt_title_search {font-size:12px;font-weight:bold;color:#000099;}

.line10 {background: url(../img/line10.jpg) left repeat-x; height:10px;}

input.txt {position:absolute;left:110px;width:150px;}
#home_pic {position:relative; z-index:400; float:left; margin:0px;}

/* Dialog Register */
.dijitDialog {
	font-family: Arial, sans-serif;
	position: absolute;
	z-index: 999;
	margin: 0px;
}
.dijitDialogFixed div.dijitDialogTitleBar {
	cursor:default; 
}
.dijitDialogUnderlayWrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 998;
	display: none;
	background: transparent !important;
}
.dijitDialogUnderlay {
	background: #000;
	opacity: 0.6;
}
.dj_ie .dijitDialogUnderlay {
	filter: alpha(opacity=50);
}
/* images off, high-contrast mode styles */
.dijit_a11y .dijitInputLayoutContainer,
.dijit_a11y .dijitDialog {
	opacity: 1 !important;
	background-color: white !important;
}
.dijitDialog .closeText {
	display:none;
	/* for the onhover border in high contrast on IE: */
	position:absolute;
}
.dijitDialog {
	background: gray;
	/*border: 1px solid #7eabcd;
	-webkit-box-shadow: 0px 5px 10px #adadad;*/
	padding: 0px;
  /*margin-top: -200px;
  margin-left: 300px;*/
}
.dijitDialog .dijitDialogTitle {
	border-top: none;
	border-left: none;
	border-right: none;
}
.dijitDialog .dijitDialogPaneContent {
	background: #fff;
	border:none;
	/*border-top: 1px solid #d3d3d3; 
	padding:10px;*/
}
.dijitDialogTitleBar {
	background: url("../img/bg_header_register.jpg") repeat-x top left;
	height: 97px;
	width: 380px;
	cursor: move;
	outline:0;
}
.dijitDialogTitle {
	background: url("../img/bg_header_register.jpg") repeat-x top left;
	height: 97px;
	width: 380px;

	font-weight: bold;
	padding: 8px 12px 8px 12px;
	outline:0;
}
.dijitDialogCloseIcon {
	background : url("../img/button/bt_close.png") no-repeat right top;
	float: right;
	position: absolute;
	vertical-align: middle;
	right: 8px;
	top: 16px;
	height: 28px;
	width: 28px;
	cursor: pointer;
}
.dj_ie6 .dijitDialogCloseIcon {
	background : url("../img/button/bt_close.png") no-repeat right top;
}
.dijitDialogContent {
	width: 380px;
	height: 280px;  /* 160 */
	background: #3432FF;
}

/** Dialog Sned this page */
#send .dijitDialogTitleBar {
	background: url("../img/bg_header_send.jpg") repeat-x top left;
	height: 97px;
	width: 380px;
	cursor: move;
	outline:0;
}
#send .dijitDialogTitle {
	background: url("../img/bg_header_send.jpg") repeat-x top left;
	height: 97px;
	width: 380px;

	font-weight: bold;
	padding: 8px 12px 8px 12px;
	outline:0;
}
#send .dijitDialogContent {
	width: 380px;
	height: 230px;  /* 160 */
	background: #3432FF;
}

/* End Dialog Register*/

/** Form Register */
div.row {
  clear: both;
  padding-top: 2px;
}
div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
}
div.row span.formw {
  float: right;
  width: 235px;
  text-align: left;
}
div.spacer {
  clear: both;
}
textarea {resize:none;}



/** Dialog Popup */
#tmecPopup .dijitDialogTitleBar {
	display:none;

}
#tmecPopup .dijitDialogTitle {
	display:none;

}
#tmecPopup .dijitDialogContent {
	display:none;

}

/*
#tmecPopup .dijitDialogUnderlay {
	background: #000;
	opacity: 0.6;
}

#tmecPopup .dj_ie .dijitDialogUnderlay {
	filter: alpha(opacity=20);
}
*/