@charset "utf-8";
body {
	margin: 0 auto;
	font-size:0.8em;
	*font-size:12px;
	font-family:Tahoma;
	width:100%;
	background-color:#f6f6f6;
	
}
* {
	margin:0;
	padding:0;
}
.navBody {
	clear:both;
	width:1000px;
	margin:0 auto;	
	/*background:url(../img/bg/header.gif) left top repeat-x;*/	
	
}
/**
 * @author: Phung Truong
 * @description: navigator header
 * @dated on: 07/04/2010
*/
.navHeader {
	width:958px;
	clear:both;
	margin:0 20px;	
	padding:0;	
	float:left;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	background-color:#FFFFFF;
	
}
.navHeader .linkGlobal {
	width:938px;
	clear:both;
	padding:0;
	padding-left:20px;
	background:url(../img/bg/header-global.gif) left top repeat-x;
	height:20px;
	font-size:11px;
	padding-top:4px;
}
.navHeader .linkGlobal ul {
	width:938px;
	clear:both;
	padding:0;
	list-style:none;
}
.navHeader .linkGlobal ul li{
	width:auto;
	padding:0 5px 0 6px;
	float:left;
	background:url(../img/bg/li-line-gray.gif) left center no-repeat;
}
.navHeader .linkGlobal ul li.firstChild {
	background:none;
	padding-left:0;
}
.navHeader .logoWebsite {
	clear:both;
	float:left;
	width:330px;
	padding-left:20px;
	height:58px;	
	margin-top:5px;
}
.navHeader .logoWebsite .logoWebsiteItem {
	width:330px;
	clear:both;
	float:left;
	margin-top:-7px;
}
.navHeader .secLogin {
	float:left;
	width:600px;
	margin-top:10px;
	
}
.navHeader .secLogin .loginItem {
	clear:both;
	float:left;
	width:600px;
}
.navHeader .loginItem .userInput {
	float:left;
	width:auto;
	padding-left:5px;	
	padding-bottom:3px;
}
.navHeader .loginItem .userInput label {
	float:left;
	width:auto;
	padding-right:5px;
	line-height:22px;
	_position:relative;
}
.navHeader .loginItem .userInput input {
	float:left;
	width:150px;
}
.navHeader .loginItem .userInput input.chkRememberMe {
	width:auto;
	margin-top:4px;
	_margin-top:0px;
	margin-right:3px;
	float:left;
}
.navHeader .loginItem .userInput input.btnAction {
	width:75px;
	height:20px;
	font-size:11px;
	float:left;
}
.navHeader .loginItem ul {
	clear:both;
	float:left;
	width:600px;
	list-style:none;
}
.navHeader .loginItem ul li {
	float:right;
	width:auto;
	padding-left:5px;
	padding-right:5px;
	background:url(../img/bg/li-line-gray.gif) right center no-repeat;
}
.navHeader .loginItem ul li.firstChild {
	background:none;	
}
.navHeader .menuLogin {
	float:left;
	clear:both;
	margin-top:-27px;		
	padding-left:520px;
	width:430px;
}
.menuLogin .menuLoginItem {	
	clear:both;
	float:left;
	background:url(../img/menu/p-menu-login-left.gif) left top no-repeat;
	height:27px;
	padding-left:3px;
}
.menuLogin .menuLoginItems {
	float:left;
	background:url(../img/menu/p-menu-login-right.gif) right top no-repeat;
	height:27px;
	padding-right:3px;
}
.menuLogin .menuLoginContent {
	float:left;
	height:27px;
	background:url(../img/menu/p-menu-login-middle.gif) left top repeat-x;
	width:430px;
}
.menuLogin .menuLoginContent ul {
	float:left;
	width:430px;
	list-style:none;
	font-size:11px;
	color:#232323;
	font-weight:bold;	
	padding:0;
}
.menuLogin .menuLoginContent ul li {
	float:left;
	line-height:27px;
	background:url(../img/menu/p-menu-login-line.gif) left center no-repeat;
	padding:0 10px;
	width:auto;
}
.menuLogin .menuLoginContent ul li.emailInbox {
	width:89px;
	float:left;
	text-align:center;
}
.menuLogin .menuLoginContent ul li.firstChild {
	background: none;
	padding-left:0;
}
.menuLogin .menuLoginContent ul li a {
	float:left;
	color:#232323;	
}
.menuLogin .menuLoginContent ul li a:hover {
	float:left;
	color:#232323;
	text-decoration:underline;
}
.menuLogin .menuLoginContent ul li img {
	margin-top:5px;
	margin-left:5px;
	text-align:center;
}
.navMenu {
	margin:0 20px;
	width:900px;
	clear:both;
	float:left;
	padding-left:60px;
	height:27px;
	background-color:#242424;
	font-size:12px;
}
.navMenu p {
	float:left;
	background:url(../img/menu/p-menu-debate.gif) right center no-repeat;
	padding-right:20px;
	color:#cccacb;	
	font-weight:bold;
	line-height:27px;
}
.navMenu span a {
	color:#FFFFFF;
	text-decoration:underline;
}
.navMenu span a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}
.navMenu .menuBar {
	float:left;
	width:900px;
	margin: 0 auto;
	clear:both;
}
.navMenu .menuBar ul {
	float:left;
	list-style:none;
	width:800px;	
	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 ul li 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;
}
/** end header */
.navContent {
	width:960px;
	float:left;
	margin:0 20px;
	clear:both;
	min-height:400px;	
	padding:20px 0;
	_height: auto;
}

/**
 * @author: Phung Truong
 * @description: only column content
 * @dated on: 08/04/2010
 */
.navContent .mainContent {
	float:left;
	clear:both;
	width:960px;
}
/**
 * @author: Phung Truong
 * @description: two column content
 * @dated on: 08/04/2010
 */
.navContent .primaryContent {
	float:left;
	clear:both;
	width:600px;
}
.navContent .secondContent {
	float:left;
	padding-left:20px;
	width:340px;
}
/**
 * @author: Phung Truong
 * @description: navigator footer
 * @dated on: 07/04/2010
 */
.navFooter {
	width:960px;
	margin:0 20px 20px;
	float:left;
	clear:both;
}
.navFooter .secLink {
	background-color:#292929;
	text-align:center;
	color:#FFFFFF;
	float:left;
	clear:both;
	float:left;
	padding-left:366px;
	width:594px;
}
.navFooter .secLink ul {
	float:left;
	clear:both;
	list-style:none;
	width:100%;
	text-align:center;
	margin:0;
	padding:5px 0;
}
.navFooter .secLink ul li {
	background:url(../img/bg/li-line-white.gif) left top 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;	
	width:958px;
	float:left;
	background-color:#FFFFFF;
	border-top:none;
	padding: 10px 0;
	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;
}
/**
 * @author: Phung Truong
 * @description: general class
 * @dated on: 08/04/2010
 */
.errorMessage {
 	clear:both;
	float:left;
	color:#FF0000;
	margin:2px 0;
}
.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;
}
/*
 * box tips
 */
.boxTips {
	float:left;
	width:320px;
	background-color:#FFFBBA;
	padding:9px;
	border: 1px solid #F9BD05;
	margin-bottom:20px;
}
.boxTips .tipsItem {
	float:left;
	clear:both;
	width:320px;
}
.boxTips .tipsItem p {
	float:left;
	width:320px;
	padding-bottom:10px;
}
.boxTips .tipsItem  ul {
	float:left;
	padding-left:20px;	
	width:300px;
}
.boxTips .tipsItem  ul li {
	float:left;
	clear:both;
	width:300px;
	margin-bottom:10px;
}
/*
 * box call out
 */
.callOut {
	clear:both;
	float:left;
	background: url(../img/bg/callout-320-bottom.gif) left bottom no-repeat;
	padding-bottom:13px;
	width:320px;
}
.callOutItem {
	clear:both;
	float:left;
	background: url(../img/bg/callout-320-top.gif) left top no-repeat;
	padding-top:4px;
	width:320px;
}
.callOutContent {
	float:left;
	padding:9px;
	width:300px;
	border-left:1px solid #D0D0D0;
	border-right:1px solid #D0D0D0;
	font-size:11px;
	background-color:#FFFFFF;
}

/*
 * box best vote
 */
.boxVote {
	float:left;
	width:55px;
	padding-right:10px;
	font-weight:bold;
}
.boxVote .smallNumber {
	font-size:20px;
	float:left;
	line-height:30px;
	padding-top:3px;
	margin-bottom:2px;
	color:#530908;
}
.boxVote .largeNumber {
	font-size:18px;
	padding-top:7px;
	height:31px !important;
	color:#530908;
}
.boxVote .voteTop {
	background:url(../img/bg/vote-top.gif) left top no-repeat;
	float:left;
	clear:both;
	width:55px;
	height:33px;	
	text-align:center;
}
.boxVote .voteBottom {
	background:url(../img/bg/vote-bottom.gif) left top no-repeat;
	float:left;
	clear:both;
	width:40px;
	height:19px;
	line-height:19px;
	padding-left:15px;
	text-align:center;
	font-size:11px;
	color:#545353;
}

/** box vote small */
.boxVoteSmall {
	float:left;
	width:37px;
	padding-right:10px;
	font-weight:bold;
}
.boxVoteSmall .smallNumber {
	font-size:15px;
	line-height:25px;
	color:#571519;
}
.boxVoteSmall .largeNumber {
	font-size:11px;
	line-height:25px;
	color:#571519;
}
.boxVoteSmall .voteTop {
	background:url(../img/bg/vote-small-top.gif) left top no-repeat;
	float:left;
	clear:both;
	width:41px;
	height:29px;	
	text-align:center;
}
.boxVoteSmall .voteBottom {
	background:url(../img/bg/vote-small-bottom.gif) left top no-repeat;
	float:left;
	clear:both;
	width:28px;
	height:19px;
	padding-left:13px;
	text-align:center;
	font-size:11px;
	color:#545353;
}
/*
 * 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*/
}