body{
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: url(images/bot-bg.jpg) repeat-x bottom;
	color: #333;
}
	a{
		color: #1c6297;
		text-decoration: none;
	}
		#content a:hover{
			color: #1388e1;
			text-decoration: underline;
		}
	#wrapper{
		background: url(images/top-bg.jpg) repeat-x center top;
	}
		#wrapper .inner{
			background: url(images/header.jpg) no-repeat center top;
		}
		#wrapper .cont{
			background: url(images/footer.jpg) no-repeat center bottom;
			padding: 0 0 2px;
		}
.textbox_hepticket
{
    border:solid 1px #999999;
    width:280px
 }
 .textbox_hepticket_multiline
{
    border:solid 1px #999999;
  
 }
 .bg_button_hepticket
 {
     background: url(images/bg_button.png) no-repeat center bottom;
     border:none;
     width:90px;
     height:26px;
     cursor:hand;
     color:#ffffff;
     font-family:Arial,Tahoma,Times New Roman;
     
     }
.hepticket2
{
    padding-top:5px;
    
    }
 A.link_download:link
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;  
  color:#840084;
  font-weight:bold;
    
    }
A.link_download:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;  
  color:red;
  font-weight:bold;
    
    }
A.link_download:visited
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;  
  color:#840084;
  font-weight:bold;
    
    }
.small{
	font-size: 11px;
	font-weight: bold;
}		
#header, #content{width: 966px; margin: 0 auto;}
	#content{width:955px;}
	.user{
		height: 23px;
	}
	.head{
		float: right;
		color: #fff;
		width: 750px;
		padding: 2px 0 0 0;
	}
		.head img{ padding-left: 5px;}
		.head .set-home{
			padding-right: 30px;
			color: #fff
		}

.left{float: left;}
.right{float: right;}


.nav ul{
	list-style-type: none;
	padding: 85px 0 0 0 !important;
	padding: 87px 0 0 0;
}
	.nav li{
		display: inline;
	}
	.nav li a.home{ width: 25px; height: 19px; text-indent: -9999px; overflow: hidden;}
	.nav li a.home:hover{background: url(images/home.jpg) no-repeat -1px top; }	
	.nav li a{ display: block; float: left; padding: 5px 10px;background: url(images/a-bg.jpg) no-repeat right top; color: #fff}
	.nav li a:hover{background: url(images/select.jpg) repeat-x 0 0;}
	.search-input{ border: none; background: none; width: 150px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #7f7f7f;}
	.search-form{ padding: 5px;width:200px}
    .search-img-vi-VN
    {
        position:relative;
        left:390px;
        top:5px;
        
    }
    .search-img-en-US
    {
        position:relative;
        left:442px;
        top:5px;
        
    }

.list,.list-other
{
    
	list-style-type: none;
	padding: 10px 20px 10px 0;
}
.list-other{
	padding: 0px 10px 0 0;
}
*html .list li,*html .list-other li{
	display: inline-block;
}
	.list-v{
		background: url(images/end.jpg) repeat-x left bottom;
		padding: 10px 20px 15px;
	}
		.list-v ul{
			list-style-type: none;
		}
		.list-v li{
			width: 22%;
			float: left;
			background: url(images/bullet.jpg) no-repeat left 7px;
			padding: 0 0 0 15px;
		}
	.list li.selected{
		background: url(images/hover.gif) no-repeat left top;
		font-weight: bold;
	}
		.list li.selected a,#content .list li.selected a:hover{
			color: #fff;
		}
	.list-other li a, .list li a{
		background: url(images/bullet.jpg) no-repeat 20px 7px;
		display: block;
		padding: 0 20px 0 35px;
		font-size:11px;
	}
	.list-other li a{
		background: url(images/bullet.jpg) no-repeat 3px 7px;
		padding: 0 10px 0 18px;
	}
	.list-other li a span{
		text-decoration:none;
	}
#content{
	padding: 16px 0 0 !important;
}
	.slide{
		width: 708px;
		padding: 6px 0 0 3px;
	}
	.login-box-vi-VN{
		width: 227px;
		height: 245px;
		padding: 3px 12px 0 0;
		background: url(images/login-box.jpg) no-repeat left top;
	}
	.login-box-en-US{
		width: 227px;
		height: 245px;
		padding: 3px 12px 0 0;
		background: url(images/login-box-en.png) no-repeat left top;
	}
	.login-form{
		color: #7f7f7f;
		line-height: 24px;
		padding: 50px 0 0 20px;
	}
	.login-input{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #7f7f7f;
		padding: 2px;
		width: 180px;
	}
	.login-form .submit{
		text-align: center;
		padding: 10px 0;
	}
#full{
	padding: 3px 10px 0 3px;
}
#left{
	width: 288px;
	padding: 3px 0 0 5px;
	float: left;
}
	.sub #left{
		width: 230px;
	}
	h3{
		font-size: 14px;
		color: #1c6297;
		padding: 0 20px 0;
	}
	h4{
		color: #999999;
		font-size: 14px;
		padding: 8px 0;
	}
.ad{
	padding: 10px 0;
}
	.ad img{
		padding: 0 0 5px 0;
	}
#right{
	width: 640px;
	float: right;
	padding:0 10px 0 0;
	padding-top:3px;
}
	.sub #right{
		width: 698px;
	}
	.article{
		padding: 10px 20px 0;
	}
		.article .news-item{
			padding: 10px 0 0 0;
			background: none;
		}
		.news-i{
			padding: 0 10px 20px 0;		
			width: 315px;
			float: left;
		}
		h5{
			padding: 5px 25px;
			color: #b94e96;
			background: url(images/bullet2.gif) no-repeat left 5px;
		}
		.article .list-other{
			padding: 0 0 0 20px;
		}
		.article a.title{
			font-size: 18px;
			display: block;
			padding: 0 0 10px 0;
		}
		.article p{
			padding: 0 0 10px 0;
		}
	.box{ background: #fff url(images/lf.jpg) repeat-y left top;}
	.box .inner1{ background: url(images/rt.jpg) repeat-y right top;}
	.box .inner3{ background: url(images/box-tl.gif) no-repeat left top;}
	.box .inner2{ background: url(images/box-tr.gif) no-repeat right top;}
	.box .box-inside{ background: url(images/box-bl.gif) no-repeat left bottom; padding: 15px 0;}
	.box .inner4{ background: url(images/box-br.gif) no-repeat right bottom;}
a .quiet, .quiet{
	color: #9d9898;
	font-size: 10px;
}
.img{
	border: 1px solid #a6a6a6;
	margin: 0 10px 5px 0;
	float: left;
	
	
}
	.image{
		border: 1px solid #a6a6a6;
		margin: 0 10px 5px 0;
	}
.imageintro{
		border: 1px solid #a6a6a6;
		margin: 0 10px 5px 0;
		width:258px;
		height:77px;
		background: url(images/tuyendung.png) no-repeat;
	}
.imageintro1{
		border: 1px solid #a6a6a6;
		margin: 0 10px 5px 0;
		width:258px;
		height:77px;
		background: url(images/tin_cntt.png) no-repeat;
	}
.imageintro2{
		border: 1px solid #a6a6a6;
		margin: 0 10px 5px 0;
		width:258px;
		height:77px;
		background: url(images/tin_vdc_vnpt.png) no-repeat;
	}
.imageintro3{
		border: 1px solid #a6a6a6;
		margin: 0 10px 5px 0;
		width:258px;
		height:77px;
		background: url(images/tuyendung.png) no-repeat;
	}

.server{
	background: url(images/server.jpg) no-repeat center 10px;
	height: 150px;
	padding: 35px 30px 0 220px;
}
.news-item{
	/*background: url(images/end.jpg) repeat-x left bottom;*/
	padding: 10px 20px;
	clear:both;
}


.intro .box-item,.box-item{
	height: 272px;
	float: left;
	width: 310px;
	overflow: hidden;
	background: url(images/item-bg.gif) no-repeat 23px top;
	padding: 0 0 10px 0;
}
	.box-content
	{
		padding: 0 20px 0 30px;
		height: 252px;
	}
		.box-content p{
			color: #494949;
		}
	.intro .box-item{
		height: 212px;
		background: url(images/intro-bg.gif) no-repeat 23px top;
		padding: 0 0 40px 0;
	}
	
	.box-footer
	{
		clear:both;
		text-align:right;
		vertical-align:text-bottom;
		padding: 0px 20px 0 30px;
	}
	.box-footer a
	{
		float:right;
		background:url(images/icon_rss.gif) no-repeat;
	}

.service1,.service2,.service3,.service4{
	width: 194px;
	padding: 0 0 0 40px;
	float: left;
}
	.service1 h4,.service2 h4,.service3 h4,.service4 h4{
		padding: 20px 0 0 0;
	}
	.service1 ul,.service2 ul,.service3 ul,.service4 ul{
		margin: 0 0 0 57px;
		padding: 20px 0;
		height: 90px;
	}
	.service1 ul a,.service2 ul a,.service3 ul a,.service4 ul a{
		padding-right: 0;
	}
	.service1{
		background: url(images/service1.gif) no-repeat 10px 50px;
	}
	.service2{
		background: url(images/service2.gif) no-repeat 10px 50px;
	}
	.service4{
		background: url(images/service3.gif) no-repeat 10px 50px;
	}
	.service3{
		background: url(images/service4.gif) no-repeat 10px 50px;
	}


.cssform p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px;
	height: 1%;
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -155px;
	width: 150px;
}

.cssform input[type="text"]{ 
	width: 180px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #444;
	font-size: 12px;
}

.cssform textarea{
	width: 250px;
	height: 150px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #444;
	font-size: 12px;
}

* html .threepxfix{
	margin-left: 3px;
}






.partner{
	padding: 20px 15px ;
}
	.partner a{
		width: 220px;
		padding: 10px 0;
		display: block;
		float: left;
		text-align: center;
		text-decoration:none;
	}



/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


.visible
{
	display:none;
}

.content
{
	text-align:justify;	
}

.boxother
{
	padding: 10px 0;
}

#mother
{
	width:174px;
	height:140px;
	float:left;
	padding-left:30px;
}
#top
{
	background:url(images/top.jpg) no-repeat;
	height:21px;
	clear:both;
}
#body
{
	background:url(images/body.jpg) repeat-y;
	height:100px;
	overflow:hidden;		
	clear:both;
	text-align:center;
}
#body a
{
	text-align:center;
	width:174px;
}
#body a img
{
	width:142px;
	height:71px;
}
#bot
{
	background:url(images/bot.jpg) no-repeat;			
	height:19px;			
	clear:both;
}


.ad img
{
	width:230px;
	height:177px;	
}

/***Menu***/
ul.list li ol
{
    display: none;
    padding-left:15px;
}
ul.list li ol li a
{
    /*color: #00933B !important;*/
}

#footer .content_text
{
clear:both;
margin-left:0px;
padding-left:0px;
padding-right:0px;
padding-top:50px;
line-height: 14px;
}
.content_text p
{
	text-align:center;
	width:960px;
	margin-right:180px;
	font-size: 11px;
	color: #787878;
}
