.slogan {font: bold 12px Arial; line-height: 20px; color:#fff; }

#pageheader {
width: 960px; margin:10px auto;text-align:left;height:auto;
/*background:url("images/bg_top.gif") no-repeat;*/
/*background-color:#22322F;*/
}
#leftheader{width: 383px; height:auto;float:left; text-align:center;}
#rightheader{width: 200px;height:auto;margin-right:10px; float:right;}
hr {
border: none 0;
border-top: 1px dashed #aaaaaa;/*the border*/
width: 97%;
height: 1px;
}


/* Page */
/*-----bieu dien Logo ECM---------*/
#header{
	width:100%;
	height:40px;		
	color:#fff;
	font-weight:bold;	
	padding:0px;
	font-size:11px; 
	background:url("/template/default/images/ecm_bg.jpg") repeat-x top left  ;
}

#header a.ecm{background:url("/template/default/images/logo_ecm.png") top left no-repeat; cursor:pointer;
width:98px; height:35px;float:left;
}
#header #right_ecm{float:left;  }
#header #right_ecm a{ color:#637eb3; }
#header .topleft_menu_heading{ height:35px; line-height:35px; }
#header .topright_menu_heading a{ height:35px; line-height:35px; text-align:right; }
#header a{color:#5d5d5d;font-size:12px;}
/*-----End bieu dien Logo ECM---------*/

#banner{
background:url("images/banner.jpg");
margin:0px;padding:0;
width:960px; height:195px;
float:left;
}

#banner .textlogo{
padding: 25px 0 45px 30px;
color:#FFF;
font-weight:bold;
text-transform : uppercase;
font-size:20px;
}

#menu
{
  width:960px; 
  height:31px;background:#fff;
}
#menu.content{padding:1px 0 3px 0px;}

#footer{
	width:100%;
	height:auto;
	color:#fff;
	font-size:11px;
	/*margin-top:3px;*/
	padding:5px 0 30px 0;
	text-align:center;
	float:left;
	background: url("images/footer.png") top no-repeat;
}
#footer .content_footer
{
  padding-top:05px;
}
#page {
	width: 960px;
	margin: 0 auto;	padding:0px;
	text-align:left;
	clear:both;
 	
	 /*border:1px solid #000;*/
}


	
#pagebody {
	 width: 960px; clear:left;
     background:url("images/bodytop_bg.png") top repeat-y ;
	 /*border:1px solid #000;*/
}

#pagebody #tab_home{
	background:url("images/tab_home.gif") no-repeat 15px 10px ;
	width:700px ; 
	color:#6e6a69;font-weight:bold;
	padding: 10px 0px 10px 35px;
	 }
#pagebody #tab_home a{
	color:#6e6a69;font-weight:bold;
	
	 }	 
#bodyfooter{
 /* width: 960px;clear:both;
  height:131px; background:url("images/bgbody.png") no-repeat;*/
}
#bodyheader{
  width: 960px;
  height:auto;background: url(images/hoavan_footer.png) top no-repeat;
	border:1px solid #000;
}

#sidebox{
	width: 210px;margin:0;vertical-align:top;
	float:right;padding:0px;clear:right;
	

	
}
#sidebox ul li {
	
	
}
#sidebox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebox li ul {
	padding: 10px;
	color:#737373;
	width:187px;
	_width:209px;
	
	/* border:1px solid #000;*/
	/*background: url('images/sidebox_mid.png') repeat-x #fbf8f8;*/
	
	
}
#sidebox ul li h2 {
	width:209px; padding:5px 0 6px 30px;
	font-weight:bold;color:#6a6a6a;
	background: url('images/sidebox_top.png') no-repeat;
}

#sidebox li  .menu{
	padding:0 0 0 15px;
	background: url(images/arrow.gif) no-repeat left center;
	text-decoration: none;
	color:#5B8000;
    font-size:90%;
}
#sidebox li a:hover {
  text-decoration: underline;
  color: #41A9C6;
}

#sidebox li li {
	margin: 0;
	padding: 0px 0 0 0;
	background: url(images/dot.gif) repeat-x;

}
#sidebox li li.first {
	background-image: none;
}
#sidebox li i{
  font-size:90%;
  /*margin-right:30px;*/
}

#sidebox .sidebox_footer {
/*	background: url(images/hoavan_footer.png) no-repeat;*/
	float:left;  
	width: 210px;
	height:17px; 
	

}
#sidebox .hoavan{
	background: url("images/hoavan_top.png") no-repeat;
  	width:210px; 
  	height:33px;
  	margin: 0 0 10px 0;
}
#sidehightlightbox{
  background: url("images/sidebox_top.png") no-repeat;
  width:209px; float:right;
  height:70px;
  clear:both;
}
#sidehightlightbox .search_pro{
padding: 2px 0 0 25px;
color:#6a6a6a;
font-weight:bold;
}
#sidehightlightbox .content{
  padding: 30px 0px 20px 5px;
  text-align:center;
  margin: 
}
#sidehightlightbox .content input.text {height:18px;} 


#contentbox {
	width: 730px;
	text-align:left;/*float:left;*/
	float:right;
   /*overflow : hidden;*/
   margin:0 3px 10px 5px;
/* border:1px solid #000;*/
}
.inquiry_h2{
	height:41px;
	margin: 0;
    padding: 5px 0px 0px 7px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight:bold;
	background: url(images/bar_bg.png) no-repeat;	
	color:#fff;	
	clear:both;
}
#contentbox .contentbox_footer {
	width: 730px;clear:left;
}
#contentbox ul {
	margin: 0;
	padding: 0;
	/*margin-bottom: 15px;*/
	/*border:1px solid #000;*/
}
#contentbox ul li {
	/*margin-bottom: 15px;*/
	list-style: none;
}

#contentbox li ul.ul_menu_contentbox {
	padding: 0px 2px 0px 12px;
	width:710px;float:left;
	/*background:url(images/bar_mid.png) repeat-y;*/
	/*background-color:#E1E2D4;*/
}
#contentbox ul li h2 {
	height:41px;
	margin: 0;
    padding: 5px 0px 0px 7px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight:bold;
	background: url(images/bar_bg.png) no-repeat;	
	color:#fff;	
}

#contentbox2 {
	width: 730px;
	text-align:left;
	float:right;
	/*border:1px solid #CFCFCF;*/	
	margin:0 10px 10px 10px;
}
#contentbox2 h2 {
	height:41px;
	margin: 0;
    padding: 5px 0px 0px 7px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight:bold;
	background: url(images/bar_bg.png) no-repeat;	
	color:#fff;	
}
#contentbox2 .content{
padding: 0 0 0 10px;
}

#contentbox3 {
	width: 748px;
	margin:0 auto;
	text-align:left;
	float:right;
	
}
#contentbox3 h2{
	height: auto;
	margin: 0;	
	padding-left:8px;
	padding-top: 6px;
	padding-bottom: 4px;
	background: url(images/bar_bg.png);
	border:1px solid #CCC;
	color:#E2F0C2;
	font-size: 14px;text-align:left;
}
#contentbox3 .content{  
  margin-bottom:15px;
  padding:5px;
  border:1px solid #CCC;
	border-top:none;	
}

/*
.button{
	display: block;
	height: 17px;
	padding-top: 3px;
	width: 82px;
	color:#fff;
	background-image:url(images/button.gif);
	text-align: center;
	text-decoration:none;
	margin-top:2px;
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;font-style: normal;font-weight: bold;
	overflow:hidden;
}
*/
.button:hover{background-image:url(images/buttonhover.gif);}

/* button orange */
a.orangebutton{
background: transparent url('images/left_bt3.gif') no-repeat top left;
padding: 5px 9px 7px 15px;
font: bold 12px Arial;
height: 24px; 
text-decoration: none;
margin-right:2px;
}
a:link.orangebutton, a:visited.orangebutton, a:active.orangebutton{
color: #fdfdfd; 
}
a.orangebutton span{
background: transparent url('images/right_bt3.gif') no-repeat top right;
padding: 5px 13px 7px 3px;color: #fdfdfd; 
cursor: pointer;
}

.searchbutton{
  background-image:url(images/search.png);
  width:30px;
  height:23px;  
  cursor:pointer;
}


.carousel-component { 
	padding:0px 0px 0px 0px;
	margin-bottom:10px;
	-moz-border-radius:0px;
	background-color: white;
	clear:both;
}

.carousel-component .carousel-clip-region { 
	padding:0px;
	margin:0px;

}
.carousel-component ul.carousel-list{
	text-align:left;
	background-color:white;
}
.carousel-component .carousel-list li { 
	text-align:left;
	margin:0px;
	width:auto;
	border: 1px solid gray;	
}
	
#tabset {	
	margin: 5px 0 5px 5px;
	position:absolute;
	z-index:10;
	right:5px;
	
}
#tabset a{
  width:20px;
  background-color:#dedede;
  border:1px solid #346291;
  color:#263C5F;
  text-decoration:none;  
  padding:0 3px 0 3px;
  font:bold 12px verdana;
  margin-right:3px;
}
#tabset a:hover{
   background-color:#346291;
   color: #dedede;
   border:1px solid #dedede;
}	


.headline{
width:100%;
/*background-color:#E7EEF7;*/
color:#3c3c3c;
font-weight:bold;
padding: 3px 3px 3px 1px;
margin-top: 10px;
}
#table{
width:98%;
padding:10px 0 10px 0;
display:absolute;
}
#row{
width:100%;
border-bottom:1px solid #ccc;

/*height:25px;*/

}
#table .col1{
width:30%;
float:left;
padding: 6px 0 4px 0;
height:auto;
}
#table .col2{
width:70%;
float:right;
padding: 6px 0 4px 0;
height:auto;
}
.clear{
clear:both;
width:100%;
height:1px;
}
.horizontal{
border-bottom:1px solid #E2E2E2;
width:100%
}

.griditem
{
border:1px solid #ccc;height:290px;width:160px;padding:5px 0 5px 2px;
overflow:hidden;
}
.gridheader
{
/*
background-color:#DBDBDB;
border-top:solid 1px #DBDBDB;
*/
margin:0 0 5px 0;height:20px;padding:0px 0 3px 13px;
}
.gridheader a,input 
{
  font-family:arial;
  color:#000;
}
.griditemlist{
padding:5px 0 10px 0;
border-bottom:solid 1px #ccc;
}
.griditemlist table tbody tr:hover{
/*background-color:#A0A0A0;*/
}

.imgborder4{
display:block;
padding:1px;
border: 1px solid #ccc;
width:100px;height:100px; 
vertical-align:middle;
}

#QuickContactBox
{
	right:0px;	
	width:150px;	
	height:140px;
  /*border:1px solid #FFB64B;*/		
	bottom: 0px;   
  position:absolute;     
	/*position: fixed;*/
	background: url(images/qcb_bg.gif) no-repeat;
	
	/*z-index: 100;*/	
	/*opacity:.75;filter: alpha(opacity=75);-moz-opacity: 0.75;*/
}

#QuickContactBox .ExpandedHeader table td
{
  padding:0 0 0 7px;
  height:30px;  
  color:#5f5b5a;  
  /*background: url(images/qcb_bg.gif) no-repeat;*/
  font-weight:bold;  
}
#QuickContactBox .QContent
{
  display:block;
  padding:10px;  
  color:#fff;
  font-weight:bold; 
}
#QuickContactBox .QContent a:hover
{
 
  color:#fff;
}
/*Implement*/
/*My partner*/
#grid
{
/*background-color:#E1E2D4;*/
}

.row0
{
}
.row1
{
}
/*directory tree*/
a .directorylink
{
color:#ffffff;/*4A7526*/
}
a .directorylink:hover
{
color:#AAACAB;
}
.searchtext
{
color:#FF9A14;
}


#dropdown2 { margin:0;float:left;}
#dropdown2 * {padding:0; margin:0;}
#dropdown2 dt {padding:1px; cursor:pointer;}
#dropdown2 dt:hover {}
#dropdown2 dd {position:absolute; overflow:hidden; width:180px; display:none; background:#999999; z-index:200; opacity:0px;}
#dropdown2 ul.ul_menu_dropdown {width:208px; border:1px solid #818181; list-style:none; border-top:none;text-align:left;}
#dropdown2 ul.ul_menu_dropdown li {display:inline;background:none;text-align:left;text-transform:lowercase;}
#dropdown2 ul.ul_menu_dropdown li a, #dropdown2 ul.ul_menu_dropdown li a:active,#dropdown2 ul.ul_menu_dropdown li a:visited{display:block; padding:5px; color:#fff; text-decoration:none;  width:180px;
font: bold 11px Arial, Helvetica, sans-serif;}
#dropdown2 ul.ul_menu_dropdown li a:hover  {background:#adadad; color:#464646;}
#dropdown2 .underline {border-bottom:1px solid #818181}

a.sbb{
  width:22px;
  background-color:#fff;
  border:1px solid #849CC6;
  color:#203558;
  text-decoration:none;  
  padding:2px 5px 2px 5px;
  font:11px verdana;
  margin-right:3px;
  cursor:pointer;
}
a.sbb:hover{
   background-color:#E5EDF9;
   color: #203558;
   border:1px solid #849CC6;
}
a.current{
   background-color:#5E90C3;
   color: #fff;
   border:1px solid #5E90C3;
}

/* button blue */
a.bluebutton{
background: transparent url('images/blue-left.gif') no-repeat;

display: block;
float: left;
font: normal 12px Arial;
line-height: 15px; 
height: 23px; 
padding-left: 9px;
text-decoration: none;
margin-right:4px;

}
a:link.bluebutton, a:visited.bluebutton, a:active.bluebutton{
color: #494949; 
}
a.bluebutton span{
background: transparent url('images/blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0;
cursor: pointer;
}
a.bluebutton:hover{
background-position: bottom left;
}
a.bluebutton:hover span{ 
background-position: bottom right;
color: black;
}
/* button blue */
.tab_content_div
{
	width:702px; margin: 3px 0 2px 0; padding: 7px;border:1px solid #ccc;
}
.viewhtml{
padding:4px 0 2px 4px;
}

#tab_addsite{
width:670px;_width:700px; margin:3px 0 10px 0; padding: 7px;border:1px solid #ccc;
}