@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
body {
	font-size:12px;
	font-family:Tahoma;
	background-color:#f4f5f7;
	color:#2e2c2d;
	height:100%;
	min-width: 960px;
	overflow-x:hidden;
}
.navBody {
	min-width: 780px;
	max-width: 2560px;
	margin: 0px auto 10px;
	background-color:#f4f5f7;
}
.navBody .navContent {
	margin: 0px;
	padding-bottom: 10px;
}
.navHeader {
	float:left;
	width:100%;
	clear:both;
	font-size:11px;
}
.navHeader .unityBarHeader {
	background: url(../img/bg/header-internal-website.gif) left top repeat-x;
	height:22px;
	float:left;
	width:100%;
}
.navHeader .unityBarHeader ul.internalWebsite {
	float:left;
	width:50%;
	display:block;
	list-style:none;
	clear:both;
	margin:0;
	padding:0;
}
.navHeader .unityBarHeader ul.internalWebsite li {
	background:url(../img/bg/li-line-blue.gif) left center no-repeat;
	line-height:20px;
	padding-left: 5px;
	padding-right:5px;
	float:left;
	width:auto;
	vertical-align:top;
}
.navHeader .unityBarHeader ul.internalWebsite li.firstChild {
	background:none;
	padding-left:20px;
}
/** setting */
.navHeader .unityBarHeader ul.settingProfile {
	float:left;
	width:50%;
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}
.navHeader .unityBarHeader ul.settingProfile li {
	float:right;
	width:auto;
	background:url(../img/bg/li-line-black.gif) right center no-repeat;
	padding-left:5px;
	padding-right:5px;
	line-height:20px;
}
.navHeader .unityBarHeader ul.settingProfile li.firstChild {
	background:none;
	padding-right:20px;
}

/** logo Acl*/
.navHeader .logoAcl {
	background:url(../img/bg/header-logo.gif) left top repeat-x;
	float:left;
	width:100%;
	clear:both;
	height:80px;
	vertical-align:middle;
}
.navHeader .logoAcl img {
	margin-top:19px;
	float:left;
	margin-left:20px;
}
/** form login*/
.navHeader .logoAcl .secLogin {
	float:right;
	border-right: 1px solid #454545;
	padding-right:9px;
}
.navHeader .logoAcl .boxFormLogin {
	float:right;
	width:auto;
	margin:0;
	padding:0;
	margin-right:10px;
	padding-top:5px;
	height:19px;
}
.navHeader .logoAcl .boxFormLogin input {
	font-size:11px;
	width:100%;
	height:18px;
	color:#c0c0c0;
}
.navHeader .logoAcl .boxFormLogin .clearColor {
	color:#2e2c2d;
}
.navHeader .logoAcl .boxFormLogin .userInput {
	float:left;
	width:200px;
}
.navHeader .logoAcl .boxFormLogin .emailInfo {
	float:left;
	width:195px;
	padding-right:5px;		
	height:19px;
	padding-bottom:5px;
}
.navHeader .logoAcl .boxFormLogin .passInfo {
	float:left;
	width:195px;
	padding-right:5px;
	height:19px;
}

.navHeader .logoAcl .boxFormLogin .secAction {
	float:left;
	width:86px;
}
.navHeader .logoAcl .boxFormLogin .secAction input {
	height:20px;
	width:86px;
}
.navHeader .logoAcl .boxFormLogin .secAction .rememberMe {
	float:left;
	width:auto;
	clear:both;
}
.navHeader .logoAcl .boxFormLogin .secAction .rememberMe input {
	width:auto;
	float:left;
	margin-right:5px;
	margin-top:4px;
	border:none;
}
.navHeader .logoAcl .boxFormLogin .secAction .rememberMe label {
	float:left;
	width:auto;
	line-height:24px;
}
/** top menu*/
.navHeader .logoAcl .secTopMenu {

	min-width:400px;
	margin-top:53px;
	margin-right:10px;
}
.navHeader .logoAcl .floatRight {
	float:right;
}
.navHeader .logoAcl .boxTopMenu {
	float:right;
	background: url(../img/menu/tmenu-left.gif) left top no-repeat;
	padding-left:5px;
	height:27px;
}
.navHeader .logoAcl .boxTopMenu .topMenuItem {
	float:left;
	background:url(../img/menu/tmenu-right.gif) right top no-repeat;
	padding-right:5px;
	height:27px;
}
.navHeader .logoAcl .boxTopMenu .topMenuItems {
	float:left;
	background:url(../img/menu/tmenu-middle.gif) left top repeat-x;
	height:27px;
}
.navHeader .logoAcl .boxTopMenu .topMenuItems ul {
	display:block;
	float:left;
	width:auto;
	list-style:none;
	padding-top:1px;
}
.navHeader .logoAcl .boxTopMenu .topMenuItems ul li {
	float:left;
	width:auto;
	padding-left:10px;
	padding-right:10px;
	line-height:26px;	
	background:url(../img/menu/menu-line-top.gif) left top repeat-y;
}
.navHeader .logoAcl .boxTopMenu .topMenuItems ul li.firstChild {
	background:none;
}
.navHeader .logoAcl .boxTopMenu .topMenuItems ul li.firstChild img {
	text-align:center;
	vertical-align:middle;
	margin-left:0;
	margin-top:7px;
}
.navHeader .logoAcl .boxTopMenu .topMenuItems ul li a {
	font-weight:bold;
	color:#2E2C2D;
}
/**menu*/
.navMenu {
	margin:0;
	width:100%;
	clear:both;
	float:left;
	height:27px;
	background-color:#454545;
	font-size:12px;
}
.navMenu p {
	float:left;
	/*background:url(../img/menu/p-menu-debate.gif) right center no-repeat;*/
	padding-right:10px;
	padding-left:100px;
	color:#cccacb;	
	font-weight:bold;
	line-height:27px;
	font-size:14px;
}
.navMenu span a {
	color:#FFFFFF;
	text-decoration:underline;
}
.navMenu span a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}
.navMenu .menuBar {
	float:left;
	margin: 0 auto;
	clear:both;
	width:100%;
	min-width:780px;	
}
.navMenu .menuBar .menuBarItem {
	float:none;
	width:auto;
	padding-right:100px;
}
.navMenu .menuBar ul {
	float:left;
	list-style:none;
	margin:0 auto;
	/*background:url(../img/menu/p-menu-line.gif) left top repeat-x;*/
}
.navMenu .menuBar ul li {
	float:left;
	width:auto;
	padding-left:40px;
	font-size:12px;
	color:#ffffff;
	line-height:27px;
}
.navMenu .menuBar ul li.lastChild {
	float:right;
}
.navMenu .menuBar a {
	color:#ffffff;
}
.navMenu .menuBar ul li a.pointDown {
	background:url(../img/menu/p-menu-down.gif) right 12px no-repeat;
	padding-right:15px;
	float:left;
}
.navMenu .menuBar ul li a:hover.pointDown {
	background:url(../img/menu/p-menu-down-hover.gif) right 12px no-repeat;
	padding-right:15px;
	float:left;
}
.navMenu .menuBar ul li div
{	
	background: none;
	position: absolute;
	visibility: hidden;
	margin: 27px 0 0 0;
	padding: 0;
	margin-left:-3px;	
	*margin-left:-5%;
	_margin-left:-60%;	
	background: #ffffff;
	border: 1px solid #292929;
	border-top:none;
	width:150px;
	display:block;
	z-index:9999;
}
.navMenu .menuBar ul li div a
{	
	background: none !important;
	clear:both;
	position: relative;
	display: block;
	margin: 0 !important;
	padding: 5px 5px 0 5px!important;
	width:140px;
	white-space: nowrap;
	text-align: left;
	color:#000000;
	text-decoration: none;
}
.navMenu .menuBar ul li div a:hover
{	
	background-color: #EEEEEE !important;
	width:140px;
	margin: 0 !important;
}
.navMenu .seachDetail {
	float:right;
	color:#FFFFFF;
	line-height:24px;
	padding-right:20px;
	/*background:url(../img/icon/search-detail.gif) left 7px no-repeat;*/
	padding-left:13px;
}
/**main content*/
.mainContent {
	float:left;
	clear:both;
	width:100%;
}
.mainContent .secondContent {
	float:left;
	width:340px;
	clear:both;
	padding:20px 0 20px 10px;
}
.mainContent .primaryContent {
	padding:20px 10px 20px 370px;
}
/**
 * @author: Phung Truong
 * @description: navigator footer
 * @dated on: 07/04/2010
 */
.navFooter {
	padding-left:10px;
	padding-right:10px;
	clear:both;
}
.navFooter .secLink {
	background-color:#292929;
	text-align:center;
	color:#FFFFFF;
	float:left;
	clear:both;
	float:left;
	width:100%;
}
.navFooter .secLink ul {
	clear:both;
	list-style:none;
	width:260px;
	text-align:center;
	margin:0 auto;
	line-height:20px;
}
.navFooter .secLink ul li {
	background:url(../img/bg/li-line-white.gif) left center no-repeat;
	float:left;
	width:auto;
	padding: 0 5px 0 6px;
}
.navFooter .secLink ul li.firstChild {
	background:none;
	padding-left:0;
}
.navFooter .secLink ul li h3 {
	font-size:0.9em;
	*font-size:13px;
}
.navFooter .secLink ul li h3 a {
	color:#FFFFFF !important;
	text-decoration:none;
	*font-size:13px;
}
.navFooter .secLink ul li h3 a:hover {
	color:#FFFFFF !important;
	text-decoration:underline;
}
.navFooter .secCompanyInfo {
	clear:both;	
	padding: 10px 1px;
	background-color:#FFFFFF;
	border-top:none;
	text-align:center;
	border: 1px solid #d3d3d3;
	*padding-bottom:40px;
		
}

/** end footer */
/* 	+++++++++++++++++++++++++++++++++++++++++  
	@author : Truong Kim Phung
	@dated on: 21/04/2010
	@description: presence bar ( copy from H.A.T )	
	+++++++++++++++++++++++++++++++++++++++++ */
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;
}
/**global*/

.boxLike {	
	width:55px;
	clear:both;
	float:left;
}
.boxLike .numberLike {
	background:url(../img/bg/like-large.gif) left top no-repeat;
	font-weight:bold;
	font-size:18px;
	width:55px;
	text-align:center;
	float:left;
	padding-top:5px;
	color:#959595;	
	height:43px;
}
.boxVote {
    float: left;
    font-weight: bold;
    padding-right: 10px;
    width: 55px;
}
.boxVote .voteTop {
    background: url(../img/bg/vote-top.gif) no-repeat scroll left top transparent;
    clear: both;
    float: left;
    height: 33px;
	line-height:33px;
	font-size:15px;
    text-align: center;
  	width: 55px;
}
.boxVote .largeNumber {
    color: #530908;
    font-size: 18px;
}
.boxVote .voteBottom {
    background: url(../img/bg/vote-bottom.gif) no-repeat scroll left top transparent;
    clear: both;
    color: #545353;
    float: left;
    font-size: 11px;
    height: 19px;
    line-height: 19px;
    padding-left: 15px;
    text-align: center;
    width: 40px;
	margin-top:5px;
}
.boxVoteSmall {
    float: left;
    font-weight: bold;
    padding-right: 10px;
    width: 37px;
}
.boxVoteSmall .voteTop {
    background: url(../img/bg/vote-small-top.gif) no-repeat scroll left top transparent;
    clear: both;
    float: left;
    height: 29px;
    text-align: center;
    width: 41px;
}
.boxVoteSmall .voteBottom {
    background: url(../img/bg/vote-small-bottom.gif) no-repeat scroll left top transparent;
    clear: both;
    color: #545353;
    float: left;
    font-size: 11px;
    height: 19px;
    padding-left: 13px;
    text-align: center;
    width: 28px;
}
.errorMessage {







 	clear:both;
	float:left;
	color:#FF0000;
	margin:2px 0;
	font-size:11px;
}
.requiredSymbol {
 	color:#FF0000;
}
.requiredText {
	color:#999999;
}
.hideContent {
	display:none;
}
.notContent {
	clear:both;
	width:100%;
	float:left;



	text-align:center;
	color:#CCCCCC;
	margin-top:20px;
	margin-bottom:20px;
}
.notContent h4 {
	font-weight:normal;
}

/*
 * 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; 
}
/*tooltip*/
div.htmltooltip{
	position: absolute; /*leave this and next 3 values alone*/
	z-index: 1000;
	left: -1000px;
	top: -1000px;
	background: #fff6c3;
	border: 10px solid #ffef9c;
	padding: 3px;
	width: 250px; /*width of tooltip*/
}