@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

*{	margin: 0px;	padding: 0px;}

body{
		font-family:Arial,"Lucida Grande",Tahoma,sans-serif;
		font-size: 13px;
		background: #FFF url(http://www.italthai.co.th/main-images/body-bg.png) repeat-x fixed top;
}
a{
	color:#000;
	text-decoration: none;
}
/*a:hover{
	text-decoration: underline;
}*/
abbr[title] {
border-bottom:1px dashed;
cursor:help;
}

#main-container{
	margin: 0 auto;
	padding-top: 5px;
	width: 1000px;
}
/*------------------- Top bar ----------------------*/
#top-bar{
 display: block;
 padding: 9px;
 position: relative;
 background: url(http://www.italthai.co.th/main-images/bg-top.png) repeat-x center;  
}
			#top-bar h1{
					text-indent: -5000px;
					display: block;
					background: url(http://www.italthai.co.th/main-images/italthai-logo.png) no-repeat left top;
					width: 286px;
					height: 78px;
					behavior: url(http://www.italthai.co.th/main-images/iepngfix.htc);
			}

			#top-bar p{
			 display: block;
			 position: absolute;
			 right: 15px;
			 top:40px;
			 color:#1c4e9e;
			}
					#top-bar p a{
						color:#1c4e9e;
						text-decoration: none;
					}
					#top-bar p a:hover{
						text-decoration: underline;
					}

/*---------------- Menu & Title -----------------------------*/
#title-bar{
	clear: both;
	overflow: hidden;
	background-color: #FFF;
   border-bottom: 3px solid #012f79;
   height: 265px;
}
/*--------------- Menu --------------------------*/
	.c-menu{
		 float: left;
		 margin-right: 1px;
		 width: 184px;
		 background-color: #1c4e9e;
		}
	.c-menu a{
		width: 184px;
		color: #FFF;
		font-size:15px;
		padding: 3px 0;
	}
	.c-menu a:hover{
		padding: 3px 0;
	}
	ul.c-menu{
		padding: 0px ;
		list-style-type: none ;
		text-align: left;
	}
	ul.c-menu li{
		margin: 0 ;
		padding: 0;
		border-bottom: 1px solid #41659D;
	}
	ul.c-menu li a{
		display: block ; 
		width: 184px ;
		color: #FFF;
		text-indent: +10px ; 
		text-decoration: none ;	
	}
	ul.c-menu li a:hover{
		color: #012f79;
		text-indent: +10px ;
		background: #FFF;
	}
	ul.c-menu li.selected a{
	   display: block;		
		color: #012f79;
		text-indent: +10px ;
		background: #FFF;
	}

/*------------------ title --------------------------------------*/
	#ITI-titlebar{
		float: left;
		position: relative;
		width:815px;
/*		height: 269px;	*/
	}
	#iti-industrial{
		width:815px;
		height: 240px;
		background: url(http://www.italthai.co.th/main-images/iti-industrial-bg.jpg) no-repeat left;
	}
	#iti-about-us{
		width:815px;
		height: 240px;
		background: url(http://www.italthai.co.th/main-images/iti-about.jpg) no-repeat left;				
	}
/*	#iti-industrial-group4{
		width:815px;
		height: 240px;
		background: url(http://www.italthai.co.th/main-images/iti-industrial.jpg) no-repeat left;
	}*/
	#iti-industrial-ETG{
		width:815px;
		height: 240px;
		background: url(http://www.italthai.co.th/main-images/iti-ETG.jpg) no-repeat left;
	}		
	#iti-industrial-FBS{
		width:815px;
		height: 240px;
		background: url(http://www.italthai.co.th/main-images/iti-FBS.jpg) no-repeat left;
	}	
	#iti-industrial-OSG{
		width:815px;
		height: 240px;
		background: url(../main-images/iti-ICS.jpg) no-repeat left;
	}		
	#iti-industrial-MSG{
		width:815px;
		height: 240px;
		background: url(http://www.italthai.co.th/main-images/iti-MSG.jpg) no-repeat left;
	}			
	#iti-group{
		width:815px;
		height: 240px;
		background: url(http://www.italthai.co.th/main-images/iti-group.jpg) no-repeat left;				
	}
	#iti-news-event{
		width:815px;
		height: 240px;
		background: url(http://www.italthai.co.th/main-images/iti-news-event.jpg) no-repeat left;
	}
	#iti-CSR-event{
		width:815px;
		height: 240px;
		background: url(http://www.italthai.co.th/main-images/iti-CSR-event.jpg) no-repeat left;
	}
	#iti-Variety-event{
		width:815px;
		height: 240px;
		background: url(http://www.italthai.co.th/main-images/iti-variety-event.jpg) no-repeat left;		
	}
	#iti-Unity-Club{
		width:815px;
		height: 240px;
		background: url(http://www.italthai.co.th/main-images/iti-unity-club.jpg) no-repeat left;				
	}
	#iti-job-opportunity{
		width:815px;
		height: 240px;
		background: url(http://www.italthai.co.th/main-images/iti-job-opportunity.jpg) no-repeat left;		
	}
	#iti-contact-us{
		width:815px;
		height: 240px;
		background: url(http://www.italthai.co.th/main-images/iti-contact-us.jpg) no-repeat left;		
	}
	#iti-sitemap{
		width:815px;
		height: 240px;
		background: url(http://www.italthai.co.th/main-images/iti-sitemap.jpg) no-repeat left;		
	}
	#iti-group h2, #iti-about-us h2,	#iti-industrial-ETG h2, #iti-industrial-FBS h2, #iti-industrial-OSG h2, #iti-industrial-MSG h2, #iti-news-event h2, #iti-CSR-event h2, #iti-Variety-event h2,#iti-Unity-Club h2,#iti-job-opportunity h2, #iti-contact-us h2, #iti-sitemap h2{
	  position: absolute;
	  top:25px;
	  right: 42px;
	  font-size: 2.4em;
	  color: #FFF;
	}
	/*------------------ Flash Title ---------------------------*/
		.sIFR-flash {
			visibility: visible !important;
			margin: 0;
			}
		.sIFR-replaced {
			visibility: visible !important;
		}
		.sIFR-alternate {
			position: absolute;
			left: 0;
			top: 0px;
			width: 0;
			height: 0;
			display: block;
			overflow: hidden;
		}
	/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
		.sIFR-flash + div[adblocktab=true] {
	  		display: none !important;
		}
	/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
		.sIFR-hasFlash #iti-industrial h2 {
			visibility: hidden;
			font-size: 43px;
			line-height: 1em;
		}
	#iti-industrial h2{
	  height: 89px;
	}
	#iti-industrial-group{
/*		list-style: none;	*/
		margin:0px 12px;
	   text-transform: uppercase;
		text-align: center;
		font-weight: bold;
	   font-size: 12px;		
	}
	#box-left{
	 float: left;
	 width: 390px;
	position: relative;
	}
	#box-right{
	 float: right;
	 width: 390px;		
	position: relative;	 
	}
/*------------------------------------- set full url -------------------------------*/
	#box-fbs{
		float: left;
		width: 182px;
		height: 139px;
		padding: 4px;
		background: url(http://www.italthai.co.th/main-images/Food-Beverage-Solutions.png) no-repeat left top;
		behavior: url(http://www.italthai.co.th/main-images/iepngfix.htc);								 
	}
	#box-etg{
		float: right;
		width: 182px;
		height: 139px;
		padding: 4px;
		background: url(http://www.italthai.co.th/main-images/energy-and-transportation-group.png) no-repeat left top;
		behavior: url(http://www.italthai.co.th/main-images/iepngfix.htc);					 
	}
	#box-osg{
		float: left;
		width: 182px;
		height: 139px;
		padding: 4px;
		background: url(http://www.italthai.co.th/main-images/ics.png) no-repeat left top;
		behavior: url(http://www.italthai.co.th/main-images/iepngfix.htc);							 
	}
	#box-msg{
		float: right;
		width: 182px;
		height: 139px;
		padding: 4px;
		background: url(http://www.italthai.co.th/main-images/machinery-solution-group.png) no-repeat left top;
		behavior: url(http://www.italthai.co.th/main-images/iepngfix.htc);		 
	}
	#iti-industrial-group a {
	   margin:0!important;
	   margin:0 3px 0 0;
		display: block;
		width: 98%;
 	   height: 30px;		
 	   text-indent: -1px;
		text-decoration:none;
		color:#00358a;
	}
   #iti-industrial-group a:hover{ /*For Modern Browser */
	 color: #FFF;
	 display: block;
	 height: 30px;
	 background: #0000cd;
	}
/* --------------------------- Over Sub Group -------------------------*/
.sub-group{
		position:absolute;
		visibility: hidden;
		padding: 5px;
		width: 168px;		
/*		height:135px;*/
		background-color: #FFF; 
   	filter:alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;				
}
.sub-group ul{
 	list-style-type: none;
}
.sub-group ul li{
	line-height:24px;
	text-align: center;
}
.sub-group ul li a{
	display: block;
	width:167px;
	font-size: 12px;
	font-weight: bold;	 
	color: #000;
	text-decoration: none;
}
.sub-group ul li a:hover{
		color: #FFF;
		text-decoration: none;		
		background:#0E94E7;
}
/*--------------------- End Title -----------------------------*/
/*--------------------- Detail ---------------------------------*/
#detail-container{
/*clear:both;*/
padding: 10px;
background: #FFF;	
}
/* ---------- Clear Float ----------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
/*------------------------------------------------------*/
.box-left-detail, .box-left{
	float: left;
	width: 311px;
}
.box-right{
	float:right;
	width: 336px;
}
.box-menu-second{
	overflow: hidden;
	border-top: 1px solid #b4e3ff;	
	border-left: 1px solid #b4e3ff;
	border-right: 1px solid #b4e3ff;	
}
.border-menu-bottom{
	border-bottom: 1px solid #b4e3ff;	
}
.box-right-detail{
	float: right;
	width:659px;
	position: relative;
}
/*-------------- News L0---------------------*/
.box-menu-second h3{
	display: block;
   height: 34px;
	font-size: 18px;
	color:#1c4e9e;
	padding: 5px 0 0 10px;
	border-bottom: 1px dotted #d3d3d3;
	background: url(http://www.italthai.co.th/main-images/head-bg.gif) repeat-x top;
}
.news-list{
   clear: both;
	margin:0px auto;
   overflow: hidden;
   padding: 8px 0 ;
}
* html .news-list{
	width: 100%;
}
.news-list dt{
  float: left	
}
.news-list dt img{
 margin:0 7px;
}
.news-list dd{
 line-height: 120%;
}
.news-list dd.show-date{
	font-size: 11px;
	color: silver;
}
*html .box-inRight-detail .news-list dd a{
	color:#000;
	text-decoration: none;
}
.news-list dd a:hover{
	color:#000;
	text-decoration: underline;
}
.list-bottom-border{
	border-bottom: 1px dotted #d3d3d3;
}
/*--------------- Welcome ------------------*/
.box-inRight-detail{
	 padding:3px 7px 16px;
	 border: 5px solid #e9e9e9;
	 background-color: #FFF;
	 overflow:hidden;
}

.margin-bottom,.box-inRight-detail h4.margin-bottom{
	 margin-bottom: 10px;
}
.box-inRight-detail h3, .box-Group h3{
	font-size:28px;
	color:#1c4e9e;
	margin-bottom: 10px;
/*	padding: 4px 0;*/
	border-bottom: 1px solid #d3d3d3;
}
.pic-welcome{
	float: left;
	margin:10px 7px 0 0;
}
/*-------------------------------- About us ----------------------------*/
.corporate{
	list-style-type: none;
}
.corporate dt{
	float: left;
	width:164px;
}
.corporate dd{
	width:100%!important;
	width:465px;	
	line-height: 20px;
}
.corporate dd span{
	margin-left:162px!important;
	margin: 0px;
}
*html .corporate dd a{
	text-decoration: underline;
}
.bg-line{
	background-color: #f3f3f3;
}

/*--------- porfile ----*/
.group-are{
	margin-left: 50px;
}
* html .group-are a{
	text-decoration: underline;
}
.signature{
	text-align: center;
	margin-left: 333px;
}
/* --------------board-of-directors ---------------------------*/
.board-row{
	margin: 0 auto;
}
.board-row p.board-col1,.board-row p.board-col2{
	text-align: center;
	line-height: 20px;
}
.board-row p.board-col1{
	/*padding: 0 80px;*/
	text-align:center;
	width:317px;
}
.board-row p.board-col2{
	/*padding: 0 30px;*/
		width:211px;
		text-align:center;	
}
.board-col1,.board-col2{
	float: left;
	width:150px;
}
.board-row img,.manage-border img{
  padding: 2px;
  border: 4px solid #d3d3d3;	
}
/*-------------- board management -------*/
.detail-board-management{
	margin:0 auto;
	width:450px;
	margin-top: 10px;
}
.detail-board-management dt{
	float: left;
	width: 121px;
	margin-right: 10px;
}
.detail-board-management dt.height-line1{
	height:30px;	
}
.detail-board-management dt.height-line2{
	height:70px;	
}
.detail-board-management dd.line-sprit{
	margin-bottom: 10px;
}
#org-hidden-screen{
	display:  none; visibility: hidden;
}
/*----------------------------------- ITI  Industrial -------------------------------*/
.text-our-website{
	position: absolute;
	right:13px;
	top:-10px;
	width:120px;
	height: 31px;
	text-align: right ;
	background: url(http://www.italthai.co.th/main-images/our-website-icon.gif) no-repeat center;
}
.text-our-website a{
	display:block;
	padding:6px;
	position:relative;
	top:1px;
}
*html .box-inRight-detail .text-our-website a{
	text-decoration: none;
}
/*---------------------------- ITI Group -------------------------*/
.box-col-L{
	float: left;
	width: 528px;	
}
.box-col-R{
 float: right;	
 width:46%;
}
.box-col-L h4, .box-col-R h4{
	font-size: 1.5em;
	padding: 2px 5px;
	background-color: #e9e9e9;
}
.sdmenu{
clear: both;
float: left;
line-height:30px;
width: 979px;
}
.bt-Collapse-Expand{
	clear: both;
	padding: 5px 0;
	 text-align: right;
}
.bt-Collapse-Expand a{
	text-decoration: underline;
}
.main-submenu { 
clear: both;
font-size: 17px;
font-weight: bold;
cursor: pointer;
border-top: 1px solid #FFF;
 }
 .collapsed{
	background: #B3D2E6 url(../main-images/collapsed.gif) no-repeat 10px center;	
}
 .collapsed a{
 	color: #012F79;
	}
.expanded{
	background: #136DC3 url(../main-images/expanded.gif) no-repeat 10px center;	
}
.expanded a{
 	color: #FFF;
}
.main-submenu a{ 
	padding-left:30px; 
	text-decoration: none;
	display: block;
  }
.list-in-sub table{
 border-collapse: collapse	
}
.list-in-sub table td.border-R{
	border-right: 1px solid #FFF;
}
.list-in-sub table td{
padding:4px 7px 0;
/*border-top: 1px solid #F4F3F3;*/
vertical-align: middle; 
}
.list-in-sub a{ 
	text-decoration:  underline;
}

/*--------------------------- Site map ----------------------------*/
.site-map-L, .site-map-R{
		float: left;
		width: 320px;
}
.site-map-L{
		margin-left:115px;
}
.site-map-L, .site-map-R ul{
	list-style: url(../main-images/bl-f.gif);
}
.site-map-L, .site-map-R ul li{
	font-size: 15px;
	font-weight: bold;
}
.no-bl{
 list-style: none;
 list-style-image:none;
}
*html ul.tab-indent{
	margin: -15px 0 0;
}
ul.tab-indent li{
	list-style: url(../main-images/bl_lastpage.png);
	font-size: 13px;
	font-weight: normal;
	margin-left: 15px;	
}
/*-------------- Readmore -----------------*/
.box-readmore{
 margin-top: 2px;
 height:20px;
 background-color: #c2c2c2;
}
.arrow, .search{
	float: left;
	text-align: right;
	width: 74%;
   height:20px;
   border-right: 1px solid #FFF;	
}
.padding-width{
	width: 76%;	
}
.width-back{
	width: 578px;
}
.arrow img{
	padding: 7px 5px 0;
}
.search img {
	padding: 2px 5px 0;
}
.text-more{
	float: right;	
}
.text-more a{
	text-align: center;
	padding:2px 0 ;
}
.text-more a:hover{
	padding:2px 0 ;
}
.box-readmore .text-more a{
 display: block;
 width: 79px;
 color: #000;
 text-decoration: none;
}
.box-readmore .text-more a:hover{
 color: #555;
 text-decoration: none;
 background-color: #e9e9e9;
}
/*------------------------- News & Event  and CSR --------------------*/
.box-menu-second p{
	padding: 10px;
}

.box-menu-second span{
	display: block;
	padding: 10px 10px 0 10px;
}

.box-menu-second label{
 font-weight: bold;
}
.box-menu-second .search{
 width:287px;
 text-align: left;
 margin: 8px 0;
 padding-left:3px;
 border: 1px solid #d3d3d3;
}
p.text-get-extension{
	font-size: 11px;
	padding:0 10px 10px;
}
.clear-float{
	clear:both;
	line-height:10px;
}
.display-date{
	position: absolute;
	top:5px;
	right: 11px;
	font-size: 11px;
	color: #c2c2c2;
}
.box-inRight-detail h4{
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 20px;
}
.box-inRight-detail h4.head-width{
	width:511px;
}
.List-pic-news{
	list-style: none;
	margin: 0 auto;
	padding: 4px;
	text-align:center;
}
.List-pic-news li{
	display: inline;
	margin: 0 5px;
}
.box-inRight-detail p{
	margin-top:18px; 
}
/*------------------ News Navigator --------------------*/
 .paginationstyle{
 	text-align: center;
 	margin: 20px 0 0;
 }
 .paginationstyle select{
 	border: 1px solid #b4e3ff;
 	margin: 0 15px;
 }
 .paginationstyle a{
 	padding: 1px 5px;
 	text-decoration: none;
 	border: 1px solid #b4e3ff;
 	color: #00358a;
 }
 .paginationstyle a:hover, .paginationstyle a.selected{
 	color: #FFF;
 	border: 1px solid #b4e3ff;
 	background-color: #00358a;
 }
 .paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{
 	color: #FFF;
 	background-color: #00358a;
 }
/*-------------------- Unity Club -------------------------------*/
.unity-menu-services{
		padding: 0px ;
		list-style-type: none ;
		text-align: left;
}
.unity-menu-services  a{
		color: #FFF;
		font-size:15px;
		width: 295px;
		font-weight: bold;
		padding: 7px;
	}
.unity-menu-services a:hover{
		padding: 7px;
	}
ul.unity-menu-services li{
		margin:0;
		padding:0;
		border-bottom: 1px solid #b4e3ff;
}
ul.unity-menu-services li.none-border{
	border-bottom: none;
}
ul.unity-menu-services li a{
		display: block ; 
		width: 295px;		
		color: #00358a;
 		text-indent: +10px ; 
		text-decoration: none;
}
ul.unity-menu-services li a:hover{
	background: #6BBAFE;
}
ul.unity-menu-services li.select a{
	background: #6BBAFE;
}
.box-inRight-detail sup{
	vertical-align: super;
}
.list-pic-unity{
list-style: none;
margin:0pt auto;
padding:18px 11px 0;
}
.list-pic-unity li,.list-pic-unity-fitness li,.list-pic-unity-band li{
	display: inline;
}
.list-pic-unity-fitness{
list-style: none;
margin:0 auto 10px;
padding:18px 9px 0;
}
.list-pic-unity-band{
list-style: none;
margin:0 auto 10px;
padding:18px 41px 0;
}

.Fitness-head{
	font-size: 15px;
	font-weight: bold;
}
.bg-logo-services{
	background: url(http://www.italthai.co.th/main-images/bg-logo-unity-club.gif) no-repeat top left;
}
.bg-services{
	background: #e7e7e7 
}
.fitness-schedules,.job-list{
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
	border: 1px solid #41659d;
}
.fitness-schedules th,.job-list th{
	padding: 3px 0;
	color: #fff;
	font-size:15px;
	background-color: #1C4E9E;
}
.bg-sprit{
 background-color: #f8f8ff;	
}
.fitness-schedules td.head-detail{
	text-align: center;
	font-weight: bold;
	background-color: #e9e9e9;
}
.fitness-schedules td{
	padding: 3px 3px;
	border: 1px solid #41659d;
}
.align-center{
	text-align: center;
}
/*---------------------------- Job -------------------------------*/
.border-R{
	border-right: 1px solid #FFF;
}
.job-list td{
	padding: 5px 3px;
	border: 1px solid #41659d;
}
*html .box-inRight-detail .job-list a{
	color: #000;
	text-decoration: none;
}
.job-list a:hover{
	text-decoration: underline;
}
.job-strong{
font-weight: bold;
}
.job-list strong{
	color:red;
	font-weight: bold;
}
.detail-description,.detail-qualification{
	margin: 10px 0 0 25px;
}
.box-inRight-detail li{
	line-height: 20px;
}
p.icon-urgent-detail{
	position: absolute;
	width: 131px;
	height: 71px;
	top:16px;
	right: 2px;
	text-indent: -100px;
	overflow: hidden;
	z-index: 1;
	background: url(http://www.italthai.co.th/main-images/icon-urgent.gif) no-repeat left;
}
p.apply-form-botton{
	margin-top:44px; 
}
p.apply-form-botton span{
	display:block;
	width: 65px;	
   height:19px;
	margin: 0 auto;
	padding: 1px 1px;
	border: 2px solid #c2c2c2;
	text-align: center;
	background: #d3d3d3;
}
p.apply-form-botton a{
	text-decoration: none;
	width: 65px;
   height:19px;
	color: #000;
}
p.apply-form-botton a:hover,.print-form a:hover{
	display:block;
	background: #e9e9e9;
}
/*--------------------------------- Job Form ----------------------------*/
.pic-per{
	width: 100px;
	height: 120px;
	position: absolute;
	top:10px;
	right: 10px!important;
	right: 20px;
	z-index: 999;
}
.pic-height{
	height: 130px;
}
.logo-for-print,.Job-signature{
	display:none;
	visibility: hidden;
}
.print-form{
 position: absolute;
 top:-9px;
 right: 11px;
 padding:5px;
 border:1px solid #d3d3d3;
 width: 81px;
 height:18px;
}
.print-form a{
	text-decoration: none;
	color: #000;
	width: 81px;
   height:18px;	
}
*html .box-inRight-detail .print-form a{
	text-decoration: none;
}
.print-form a:hover{
	text-decoration: none;
}
.box-inRight-detail form{
	margin-top:24px;
}
.form-box{
	padding-bottom: 18px;
	position: relative;
}
.form-box .box-header div{
background: url(http://www.italthai.co.th/main-images/form-coner-top-left.gif) no-repeat scroll 100% 0;
height:4px;
width:4px;
}
.box-inRight-detail .box-header{
background: url(http://www.italthai.co.th/main-images/form-line-coner-top-right.gif) no-repeat scroll 100% 0;
height:4px;
overflow:hidden;
}
.form-box .box-footer div{
background: url(http://www.italthai.co.th/main-images/form-coner-bottom-left.gif) no-repeat scroll 100% 0;
height:4px;
width:4px;
}
.box-inRight-detail .box-footer{
background: url(http://www.italthai.co.th/main-images/form-line-coner-bottom-right.gif) no-repeat scroll 100% 0;
height:4px;
overflow:hidden;
}

.form-box  .box-content{
	padding:0 3px;
	border-left:1px solid #0054a6;
	border-right:1px solid #0054a6;
	background-color: #f3f3f3;
}
.box-content p, .box-content h4{
	margin: 0;
	padding: 5px;
	background-color: #e9e9e9;
}
.form-box label.set-margin-left{
	margin-left:10px;
}
.form-box .input-border,.textarea-input{
	border: 1px solid #d3d3d3;
}
.form-box input:hover,.textarea-input:hover{
	background-color: #fffacd;
}
p.group-head {
	position: absolute;
	top:-12px;
	left:7px;
	line-height:10px;
	color:#FFF;
	background-color: #0054a6;
}
.form-box span{
	color:red;
}
p.line-sprit-section{
   margin:0 0 5px;
}
p.bar-exp,p.bar-head{
	font-weight: bold;
	background-color: #BEC6CC;
	color: #FFF;
	margin-bottom: 3px;
}
.width-Sect1,.width-Sect2,.width-Sect3,.width-Sect4,.width-name,.width-name-2,.width-Sect1-period,.textarea-input,.width-language{
	padding:0 2px;
}
.width-Sect1{
	width: 80px;
}
.width-Sect1-date{
	width: 85px;
	text-align: center;
}
.width-Sect1-period{
	width:60px;
}
.width-Sect2{
	width: 495px;
}
.width-Sect3{
	width: 112px!important;
	width: 121px
}
.width-Sect4{
	width: 551px
}
.width-name{
	width: 176px!important;	
	width: 165px;
}
.width-name-2{
	width: 173px!important;
	width: 183px;	
}
.width-day{
	width:53px;
}
.width-month{
	width:90px;
}
.width-year{
	width: 55px;
}
.width-age{
	width:25px;
	text-align: center;
}
.width-language{
	width:393px;
}
.textarea-input{
	width:610px;
}

.training-course{
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
	border: 1px solid #FFF;
}
.training-course th, .training-course td{
	padding: 2px 1px;
	border: 1px solid #FFF;
}
.training-course td,.apply-form{
	text-align: center;
}
td.input-lalign-left{
	text-align: left;
}
.apply-form input{
	width: 100px;
	height: 25px;
	border: 1px solid #CCC;
	margin-right: 5px;
	cursor: pointer;
}
.clear-padding{
	padding-bottom: 0;
}
/*-------------------------- FAQs ------------------------------*/
.faqs{
	list-style: none;
	padding: 3px 5px;
	width: 99%;
	overflow: hidden;
}
.question{
	margin-top: 10px;
	padding-bottom: 3px;
}
.question strong{
	color:#00358a;
}
.answer{
	border-bottom: 1px #e9e9e9 solid;
	padding-bottom: 14px;
}
.answer strong{
	color:red;
}
/*----------------------------- Contact ----------------------------*/
.box-forRent{
	padding: 2px;
	border: 2px solid red;
	text-transform: uppercase;
	font-weight: bold;
	color:#FFF;
	position: relative;
}
.box-forRent p{
	background:#8b0000;
}
p.rent-arrow{
	position: absolute;
	padding: 0;
 right: 9px;
	top:22px;
	width:11px;
}
p.bar-head{
	padding:3px;
	color:#000;
	text-transform: uppercase;
}
.box-contact p{
	margin-top:3px;
}
.box-detail-contact{
	background-color: #f5f5f5;
	padding: 5px;
}
.box-detail-contact a{
	text-decoration: underline;
}
/*.box-detail-contact a:hover{
	text-decoration: none;
}*/
.box-detail-contact dt{
font-weight: bold;
margin-bottom: 5px;
padding: 2px;
border:1px solid #CCC;
background-color: #FAFAFA;
}
.box-detail-contact dd{
	padding: 1px;
}
.view-map-head,.view-map-building-II,.view-map-msg{
	position: absolute;
	right: 16px;
}
.view-map-head{
	top:80px!important;
	top:79px;	
}
.view-map-building-II{
	top:189px!important;
	top:188px;
}
.view-map-msg{
	top:308px!important;	
	top:307px;
}
.view-map-head,.view-map-building-II,.view-map-msg{
	width:63px;
	text-align: center;
	padding: 2px;
	border: 1px solid #c2c2c2;
	background-color: #fff;
}
.view-map-head a,.view-map-building-II a,.view-map-msg a{
	display: block;
	width:63px;
}
*html .box-inRight-detail .view-map-head a,  .box-inRight-detail .view-map-building-II a, .box-inRight-detail .view-map-msg a{
	text-decoration: none;
}
.view-map-head a:hover, .view-map-building-II a:hover,.view-map-msg a:hover{
	text-decoration: none;
	background-color:#b4e3ff;
}
/*----------------------------------popup --------------------------------------*/
.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
padding: 1px;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 3px;
text-indent: 3px;
font-weight: bold;
background-color: #1C4E9E;
color: #FFF;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 5px;
top: 2px;
/*cursor: hand;*/
cursor: pointer;
}
* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}
.drag-contentarea{ /*CSS for Content Display Area div*/
/*border-top: 1px solid #000;*/
background-color: white;
color: black;
height: 150px;
/*width:657px!important;
width:662px;*/
padding: 2px;
overflow: auto;
}
.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}

.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

/*---------------------------- Footer ----------------------------*/
#footer{
	clear: both;
	background-color:  #e9e9e9;
	padding: 8px;
	font-size: 11px;
}
.copyright{
	float: left;	
	display: block;
/*	width: 255px;*/
}
.q-link{
	text-align: right;
}
.q-link a{
	color:#000;
	text-decoration: none;
}
.q-link a:hover{
	text-decoration: underline;
}