@charset "utf-8";
/* CSS Document */
body {
	font-size:12px;
	margin:0;
	padding:0;
	font-family:Tahoma;
	color:#343233;
}
*{
	margin:0;
	padding:0;
}
.navBody {
	width:1000px;
	margin:0 auto;
	padding:0;
	clear:both;
}
.navGlobal {
	width:940px;
	float:left;
	padding:0 30px;
	clear:both;
}
/***/

.navMsg {	
	clear:both;
	padding:9px;
	float:left;
	background-color: #FFFBBA;
    border: 1px solid #F9BD05;
	width:920px;
	margin:-15px 0 5px 0;
}
.navMsg .msgItem {
	display:table;
	width:100%;
	float:left;
	clear:both;
}
.navMsg .msgItems {
	float:left;
	width:900px;
	clear:both;
}
.navMsg .msgItems ul {
	float:left;
	padding-left:20px;
	width:880px;
	clear:both;
	display:block;
	list-style:none;
}
.navMsg .msgItem span {
	float:left;
	width:20px;
}
.navMsg .msgItem span img {
	cursor:pointer;
	float:right;
}
/**header*/
.navHeader {
	width:940px;
	float:left;
	clear:both;
	margin-bottom:20px;
}
.navHeader .boxLink{
	width:940px;
	float:left;
	clear:both;
	background:url(../img/header/banner-top.gif) left top no-repeat;
	height:30px;
	z-index:100;
}
.navHeader .boxLink ul {
	float:left;
	width:45%;
	display:block;
	list-style:none;
	padding-top:7px;
}
.navHeader .boxLink .welCome {
	width:55%;
	font-size:11px;
}
.navHeader .boxLink .welCome span {
	float:left;
	padding-right:4px;
}
.navHeader .boxLink .welCome img {
	float:left;
	padding-left:4px;
}
.navHeader .boxLink .welCome a.clrWhite {
	color:#FFFFFF;
	float:left;
}
.navHeader .boxLink ul li {
	float:left;
	width:auto;
	background:url(../img/bg/li-line-header.gif) left center no-repeat;
	padding-left:10px;
	padding-right:9px;
}
.navHeader .boxLink ul.secWelcome li {
	float:right;
	background: none; 
	/*url(../img/bg/li-line-header.gif) right center no-repeat;*/
	border-right:1px solid #e19b9d;
	color:#e19b9d;
}
.navHeader .boxLink ul li.firstChild {
	background:none;
	border:none;
}
.navHeader .boxLink ul.secWelcome li.firstChild {
	padding-right:10px;
}
.navHeader .boxLink ul li a {
	color:#FFD300;
	text-decoration:none;
}
.navHeader .boxLink ul li a:hover {
	text-decoration:underline;
}
.navHeader .boxLink .boxLogin {
	width:55%;
	float:left;
}
.navHeader .boxLink .boxLogin .loginItem{
	float:left;
	clear:both;
	width:100%;
	padding-top:5px;
}
.navHeader .boxLink .boxLogin .loginItem .emailInput {
	padding-right:10px;
	float:left;
	width:150px;
}
.navHeader .boxLink .boxLogin .loginItem .emailInput label {
	float:left;
	width:34px;
	padding-right:5px;
	color:#FFFFFF;
}
.navHeader .boxLink .boxLogin .loginItem .emailInput input {
	float:left;	
	width:109px;
}
.navHeader .boxLink .boxLogin .loginItem .passInput {
	padding-right:10px;
	float:left;
	width:160px;
}
.navHeader .boxLink .boxLogin .loginItem .passInput label {
	float:left;
	width:57px;
	padding-right:5px;
	color:#FFFFFF;
}
.navHeader .boxLink .boxLogin .loginItem .passInput input {
	float:left;	
	width:96px;
}
.navHeader .boxLink .boxLogin .loginItem .rememberInput {
	float:left;
	width:180px;
}
.navHeader .boxLink .boxLogin .loginItem .rememberInput input {
	float:left;
	margin-right:1px;
	margin-top:2px;
	width:auto;
	border:none;
}
.navHeader .boxLink .boxLogin .loginItem .rememberInput label {
	float:left;
	padding-right:3px;
	width:auto;
	color:#FFFFFF;
}
.navHeader .boxLink .boxLogin .loginItem .rememberInput input.btnLogin {
	margin:0 !important;
	float:left;
}
.navHeader .boxMenu {
	background:url(../img/header/banner-bottom.gif) left top no-repeat;
	float:left;
	width:940px;
	height:64px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
}
.navHeader .notLogin {
	background:url(../img/header/banner-bottom-not-login.gif) left top no-repeat;
	margin-bottom:0;
}
.navHeader .boxMenu .logoHAT {
	float:left;
	width:180px;
	clear:both;
	text-align:center;
	margin-top:4px;
}
.navHeader .boxMenu .menuItem {
	float:left;
	width:745px;
	padding-right:15px;
}
.navHeader .boxMenu .menuItem ul {
	float:left;
	width:523px;
	list-style:none;
	display:block;
	margin-top:20px;
	margin-left:20px;
}
.navHeader .boxMenu .menuItem ul li {
	float:left;
	width:auto;
	padding:4px 10px;
	border-bottom:none;
}
.navHeader .boxMenu .menuItem ul li:hover {
	background-color:#a90a0e;
	color:#ffd202;
	border: 1px solid #c21115;
	border-bottom:none;
	padding:3px 9px;
}
.navHeader .boxMenu .menuItem ul li:hover.bottomLine {
	border-bottom: 1px solid #c21115;
	padding-bottom:2px;
}

.navHeader .boxMenu .menuItem a {
	color:#ffffff;
	text-decoration:none;
	font-size:0.9em;
}
.navHeader .boxMenu .menuItem ul li a.pointDown {
	background:url(../img/icon/point-down.gif) right center no-repeat;
	padding-right:15px;
	float:left;
}
.navHeader .boxMenu .menuItem ul li a:hover {
	text-decoration:none;
	color:#ffd202;
}

.navHeader .boxMenu .menuItem ul li div
{	
	background: none;
	position: absolute;
	visibility: hidden;
	margin: 19px 0 0 0;
	padding: 0;
	margin-left:-10px;	
	*margin-left:-5%;
	_margin-left:-60%;	
	background: #a90a0e;
	border: 1px solid #c21115;
	border-top:none;
	width:150px;
	display:block;
	z-index:9999;
}
.navHeader .boxMenu .menuItem ul li div a
{	
	background: none !important;
	clear:both;
	position: relative;
	display: block;
	margin: 0 !important;
	padding: 5px!important;
	width:140px;
	white-space: nowrap;
	text-align: left;
	color:#ffffff;
	border-top: 1px solid #c21115;
	text-decoration: none;
}
.navHeader .boxMenu .menuItem ul li div a:hover
{	
	background-color: #8d080b !important;
	width:140px;
	margin: 0 !important;
	color:#ffd202;
}
.navHeader .boxMenu .menuItem .linkRegAndForgetPass {
	float:left;
	width:202px;
}
.navHeader .boxMenu .menuItem .linkRegAndForgetPass ul {
	float:left;
	width:75%;
	padding-left:25%;
	list-style:none;
	display:block;
	clear:both;
	margin:5px 0 0;
}
.navHeader .boxMenu .menuItem .linkRegAndForgetPass ul li {
	float:left;
	width:auto;
	clear:none;	
	border:none;
	padding:0 4px 0 5px;	
	background:url(../img/bg/li-line-header.gif) left 4px no-repeat;	
	background:url(../img/bg/li-line-header.gif) left 2px no-repeat \9;	
}
.navHeader .boxMenu .menuItem .linkRegAndForgetPass ul li:hover {
	background:url(../img/bg/li-line-header.gif) left center no-repeat;
	border:none;
	color:#ffffff;
}
.navHeader .boxMenu .menuItem .linkRegAndForgetPass ul li.firstChild {
	background:none;
	padding-left:0;
}
.navHeader .boxMenu .menuItem .linkRegAndForgetPass ul li a{
	color:#FFD300;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
}
.navHeader .boxMenu .menuItem .linkRegAndForgetPass ul li a:hover{
	color:#ffffff;
}
/***/
.navContent {
	float:left;
	clear:both;
	width:940px;
}
.mainContent {
	float:left;
	clear:both;
	width:940px;
}
.primaryContent {
	float:left;
	width:640px;
	clear:both;
}
.secondContent {
	float:left;
	width:280px;
	padding-left:20px;
}
/***/
.navFooter {
	float:left;
	clear:both;
	width:940px;
	margin-bottom:25px;
}
.navFooter .boxInternalLink {
	float:left;
	width:940px;
	clear:both;
	margin-bottom:5px;
}
.navFooter .boxInternalLink .internalLinkItem {
	float:left;
	width:940px;
	clear:both;
}
.navFooter .boxInternalLink .internalLinkItem ul {
	float:left;
	clear:both;
	width:940px;
	display:block;
	list-style:none;
	background-color:#b02125;	
}
.navFooter .boxInternalLink .internalLinkItem ul li {
	float:right;
	width:auto;
	line-height:28px;
	background:url(../img/bg/li-line-footer.gif) right center no-repeat;
	padding-right:10px;
	padding-left:9px;
}
.navFooter .boxInternalLink .internalLinkItem ul li.firstChild {
	background:none;
}
.navFooter .boxInternalLink .internalLinkItem ul li a {
	color:#f5c010;
	text-decoration:none;
}
.navFooter .boxInternalLink .internalLinkItem ul li a:hover {
	text-decoration:underline;
}
.navFooter .boxCompany {
	float:left;
	width:940px;
	clear:both;	
}
.navFooter .boxCompany .companyItem {
	float:left;
	width:940px;
	clear:both;
}
.navFooter .boxCompany .companyItem .logoCompany {
	float:left;
	text-align:right;
	padding-right:10px;
	width:360px;
	padding-top:15px;
}
.navFooter .boxCompany .companyItem ul {
	float:left;
	width:570px;
	list-style:none;
	display:block;
}
.navFooter .boxCompany .companyItem ul li {
	float:left;
	clear:both;
	width:570px;
	padding:1px 0;
}
.navFooter .boxCompany .companyItem ul li.firstChild {
	padding-top:0;
}
/* 	+++++++++++++++++++++++++++++++++++++++++  
	@author : Truong Kim Phung
	@dated on: 4/03/2011
	@description: presence bar	
	+++++++++++++++++++++++++++++++++++++++++ */
div > div.boxPresenceBar {
	position:fixed;
}
.boxPresenceBar {	
	position:fixed;		
	right:0;	
	bottom:0;
	width:100%;	
	height:25px;
	z-index:9999;
	background:url(../img/presencebar/middle.gif) left top repeat-x;	
}
* html .boxPresenceBar {
	position: absolute; 	
	_left: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');	
	_margin:auto;
	_bottom: expression(-1+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
	_right:auto;
	_margin-bottom: expression(0-((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
	_width: expression( (document.documentElement.clientWidth ? document.documentElement.clientWidth : 1000) + 'px');
}
.presenceBarItem {
	width:100%;
	float:right;
	clear:both;
	height:25px;
	margin:0 auto;	
	background:url(../img/presencebar/left.gif) left top no-repeat;
}
.presenceBarContent {
	width:100%;
	float:right;
	clear:both;
	height:25px;
	margin:0 auto;	
	background:url(../img/presencebar/right.gif) right top no-repeat;
	font-size:11px;
}
.presenceBarContent ul {
	width:100%;
	float:left;
	list-style:none;
	* width: expression( (document.documentElement.clientWidth ? document.documentElement.clientWidth : 1000) + 'px');
}
.presenceBarContent ul li {
	background:url(../img/presencebar/line.gif) top left no-repeat;
	line-height:25px;
	padding: 0 5px 0 10px;
	float:right;
	position:relative;
}
.presenceBarContent ul li.preChatActive{
	background:#FFFFCC;
	border-left:1px solid #959698;	
}
/*
 * paging
 */
.Paging {
	text-align: right;
	float:left;
	clear:both;
	padding: 3px 0px 3px 0px; 
	color: #5d5d5d;
	font-size:11px;
}
.Paging a {
	border: #cccacb 1px solid; 
	padding: 2px 6px 2px 6px; 
	color:#7f7f7f;
}
.Paging a:hover {
	border: #cccacb 1px solid; 
	padding: 2px 6px 2px 6px; 
}
.Paging span{
	padding: 2px 6px 2px 6px;	
}
.Paging span.current {
	padding: 2px 6px 2px 6px; 
	font-weight: bold; 
	color:#ff0000; 
	margin-right: 3px; 
}
.Paging span.disabled {
	padding: 2px 6px 2px 6px; 
	color: #adaaad; 
	margin-right: 3px; 
}
/** global */
.clearIt {
	clear:both;
}
.floatLeft {
	float:left;
}
.clearNone {
	clear:none;
}
.hasMB {
	margin-bottom:20px;
}
.clearMB {
	margin-bottom:0;
}
.hasMT {
	margin-top:29px;
}
.clearMT {
	margin-top:0;
}
.errorMessage {
	clear:both;
	float:left;
	color:#FF0000;
	margin:2px 0;
	font-family:tahoma;
	font-size:11px;
}
.requiredSymbol {
    color: #FF0000;
	width:auto !important;
	float:none !important;
}
.requiredText,
.noteEx {
    color: #999999;
}
.hideContent {
	display:none;
}
.notContent {
	float:left;
	width:100%;
	text-align:center;
	padding:20px 0;
	color: #999999;
	text-transform:uppercase;
}
/***/
.boxTips {
	float:left;
	width:280px;
	clear:both;
	margin-bottom:20px;
}
.boxTips .tipsItem {
	width:260px;
	clear:both;
	float:left;
	padding:9px;
	background-color: #FFFBBA;
    border: 1px solid #F9BD05;
}
.boxTips .tipsItems {
	width:260px;
	clear:both;
	float:left;
}
.boxTips .tipsItems h4 {
	float:left;
	width:260px;
	clear:both;
	margin-bottom:5px;
	font-size:1em;
}
.boxTips .tipsItems ul {
	width:100%;
	clear:both;
	display:block;
	float:left;
}
.boxTips .tipsItems ul li {
	float:left;
	clear:both;
	width:93%;
	margin-left:7%;	
	padding:3px 0;
}
.boxTips .tipsItems ul li strong {
	font-style:italic;
	text-decoration:underline;
	padding-right:2px;
}
.boxTips .tipsItems ol {
	float:left;
	clear:both;
	width:93%;
	padding-left:7%;
}
.boxTips .tipsItems p {
	padding-bottom:5px;
	clear:both;
	float:left;
	
}
.boxTips .tipsItems p.smsSyntax {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
	width:260px;
}
.boxTips .tipsItems p.smsSyntax strong{
	color: #AF2326;
    font-size: 1.2em;
}
/*
.boxTips .tipsItems a {
	font-size:11px;
}
*/