@charset "utf-8";
.mainContent .secondContent {
	float:right;
	width:340px;
	clear:none;
	padding:20px 10px 20px 0;
	margin-top:10px;
}
.mainContent .primaryContent {
	padding:20px 370px 20px 10px;
	margin-top:10px;
}

/**
 * @description: box news relation
 */
.boxNews {
	float:left;
	clear:both;
	width:340px;
	margin-bottom:20px;
}
.boxNews .newsItem {
	float:left;
	width:320px;
	clear:both;
	padding:9px;
	border:1px solid #e8e8e8;
	background-color:#ffffff;
}
.boxNews .newsItems {
	float:left;
	width:320px;
	clear:both;
}
.boxNews .newsItems ul {
	float:left;
	clear:both;
	width:320px;
	list-style:none;
	display:block;
}
.boxNews .newsItems ul li {
	float:left;
	clear:both;
	width:320px;
	padding:10px 0;
	border-top: 1px solid #cbcbcb;
}
.boxNews .newsItems ul li.firstChild {
	background:none;
	padding-top:0;
	border:none !important;
	padding-left:0 !important;
}
.boxNews .newsItems ul li.pagingItem {
	text-align:right;
}
.boxNews .newsItems ul li.pagingItem img {
	margin-left:1px;
	border:0;
}
.boxNews .newsItems ul li div.contentItem {
	float:left;
	width:255px;
	padding-left:8px;
}
.boxNews .newsItems ul li div.contentItem a.newsTitle {
	font-weight:bold;
	color:#2e2c2d;
}
.boxNews .newsItems ul li div.contentItem ul {
	float:left;
	clear:none;
	padding:5px 0;
	width:255px;
}
.boxNews .newsItems ul li div.contentItem ul li {
	border:none;
	float:left;
	clear:none;
	padding:0 5px;
	width:auto;
	border-left:1px solid #cbcbcb;
	color:#999999;
	font-size:11px;
}
/**top member*/
.boxMember {
	float:left;
	clear:both;
	width:340px;
	margin-bottom:20px;
}
.boxMember .memberItem {
	float:left;
	width:320px;
	clear:both;
	padding:9px;
	border:1px solid #e8e8e8;
	background-color:#ffffff;
}
.boxMember .memberItems {
	float:left;
	width:320px;
	clear:both;
}
.boxMember .memberItems ul {
	float:left;
	clear:both;
	width:320px;
	list-style:none;
	display:block;
}
.boxMember .memberItems ul li {
	float:left;
	clear:both;
	width:320px;
	padding:10px 0;
	border-top: 1px solid #cbcbcb;
	color: #B5B5B5;
	font-size:11px;
}
.boxMember .memberItems ul li.firstChild {
	background:none;
	padding-top:0;
	border:none !important;
	padding-left:0 !important;
}
.boxMember .memberItems ul li div.sortPosition {
	float:left;
	width:30px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	color:#969696;
	line-height:32px;
	margin-right:2px;
}
.boxMember .memberItems ul li div.contentItem {
	float:left;
	width:245px;
	padding-left:8px;
}
.boxMember .memberItems ul li div.contentItem div {
	color:#9D9D9D;
	padding-top:3px;
	float:left;
	clear:both;
	font-size:11px;
}
.boxDebate .debateContent ul{
	float:left;
	display:block;
	list-style:none;
	width:100%;
	font-size:11px;
}
.boxDebate .debateContent ul li {
	clear:both;
	padding:5px 0;
	width:100%;
}
.boxDebate .debateContent ul li a.debateTitle {
	font-size:14px;
	font-weight:bold;
	color:#2e2c2d;
}
.boxDebate .debateContent ul li.firstChild {
	padding-top:0;
	padding-left:0 !important;
}
.boxDebate .debateContent ul li.userInfo {
	color:#b5b5b5;
	padding-top:0px;
}
.boxDebate .debateContent ul li.debateIdea {
	background:url(../../img/bg/line-dotted-gray.gif) left top repeat-x;
	padding-top:9px;
}
.boxDebate .debateContent ul li.debateIdea ul.debateVs {
	background:url(../../img/bg/debate-vs.gif) left 2px no-repeat;
	padding-left:13px;
	list-style:none;
	display:block;
	color:#8e8c8d;
	margin-bottom:5px;
}
.boxDebate .debateContent ul li.debateIdea ul.debateVs li {
	float:left;
	clear: both;
	width:99%;
	padding:0;
}
.boxDebate .debateContent ul li.debateIdea ul.debateOpen {
	list-style:none;
	display:block;
	list-style:none;
	color:#8e8c8d;
	margin-bottom:5px;
}
.boxDebate .debateContent ul li.debateIdea ul.debateOpen li {
	background:url(../../img/bg/debate-open.gif) left 3px no-repeat;
	float:left;
	clear: both;
	width:99%;
	padding:0;
	padding-left:13px;	
}
.boxDebate .debateContent ul li.debateIdea {
	background:url(../../img/bg/line-dotted-gray.gif) left top repeat-x;
	padding-top:4px;
}
.boxDebate .debateContent ul li.debateStatistic {
	background:url(../../img/bg/line-dotted-gray.gif) left top repeat-x;
	padding-top:4px;
}
.boxDebate .debateContent ul li.debateStatistic ul {
	float:left;
	clear:both;
	width:auto;
	list-style:none;
	display:block;
}
.boxDebate .debateContent ul li.debateStatistic ul li {
	float:left;
	clear:none;
	width:auto;
	padding: 5px 20px;
}
.boxDebate .debateContent ul li.debateStatistic .wouldYouLike {
    float: right;
    width: 82px;
	padding-left:10px;
	line-height:22px;
}
.boxDebate .debateContent ul li.debateStatistic .wouldYouLike div
{	
	background: none;
	position: absolute;
	visibility: hidden;
	margin:0;
	padding: 0;
	background: #ffffff;
	border: 1px solid #cccacb;
	width:124px;
	display:block;
	margin-left:-15px;	
}
.boxDebate .debateContent ul li.debateStatistic .wouldYouLike div img {
	float:left;
	margin-right:4px;
	margin-top:6px;
}
.boxDebate .debateContent ul li.debateStatistic .wouldYouLike div a
{	
	background: none !important;
	clear:both;
	position: relative;
	display: block;
	margin: 0 !important;
	padding: 3px 5px!important;
	width:114px;
	white-space: nowrap;
	text-align: left;
	color:#016CC7;
	font-size:11px;
	text-decoration: none;
	*width:119px;
}
.boxDebate .debateContent ul li.debateStatistic .wouldYouLike div a:hover
{	
	background-color: #EEEEEE !important;
	width:114px;
	margin: 0 !important;
	*width:119px;
}
/***/
.boxTopMemberOfDebate {
	float:left;
	width:340px;
	margin-bottom:20px;
}
.boxTopMemberOfDebate .topMemberOfDebateItem {
	clear:both;
	float:left;
	width:320px;
	padding:10px 9px;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	background-color:#FFFFFF;
}
.boxTopMemberOfDebate .firstChild {
	border-top:none !important;
	padding-top:0 !important;
}
.boxTopMemberOfDebate .topMemberOfDebateItems {
	float:left;
	width:320px;
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
	border-top: dotted 1px #cccacb;
	font-size:11px;
}
.boxTopMemberOfDebate .topMemberOfDebateContent {
	float:left;
	width:320px;
}
.boxTopMemberOfDebate .topMemberOfDebateContent .firstChild {
	background:none;
	padding-left:0;
}
.boxTopMemberOfDebate .topMemberOfDebateContent .lastChild {
	padding-right:1px;
}
.boxTopMemberOfDebate .topMemberOfDebateContent div {
	float:left;
	width:auto;
	padding: 0 5px;
	background:url(../../img/bg/li-line-gray.gif) left center no-repeat;
	line-height:18px;
	color:#999999;
}
.boxTopMemberOfDebate .topMemberOfDebateContent p {
	width:auto;
	padding-left:1px;	
	line-height:18px;
	color:#999999;
}
/*+  --------------------------- viet y kien tranh luan  ----------------------------------  +*/
.viewMyCommentBefore{
	float: left;
    margin-bottom: 20px;
    width: 100%;	
}
.viewMyCommentBefore .viewMyCommentContent{
   background-color: #FFFFFF;
    border: 1px solid #E8E8E8;
    clear: both;
    float: left;
    min-width: 98%;
    padding: 10px 9px;
}
.viewMyCommentBefore .viewMyCommentContent p{
	clear:both;
	float:left;
	width:100%;
	padding-bottom:5px;	
}

.replayCommentDebate{
	float: left;
    margin-bottom: 20px;
    width: 100%;	
}
.replayCommentDebate .replayCommentDebateForm{
   background-color: #FFFFFF;
    border: 1px solid #E8E8E8;
    clear: both;
    float: left;
    min-width: 98%;
    padding: 10px 9px;
}
.replayCommentDebateForm .debateCell{
	width:100%;
	clear:both;
	float:left;
	padding-bottom:5px;	
}
.replayCommentDebateForm .debateCell h4{
		font-size:13px;
		padding-left:155px;
}
.replayCommentDebateForm .debateCell label{
	float:left;
	width:150px;
	text-align:right;
	padding-right:5px;	
}
.replayCommentDebateForm .debateCell .limitDebate{
	padding-left:155px;
}
.replayCommentDebateForm .debateCell .inputDebate{
	padding-left:155px;
}
.replayCommentDebateForm .debateCell input{
	width:100%;
	float:left;		
}
.replayCommentDebateForm .debateCell select{
	width:100%;
	float:left;		
}
.replayCommentDebateForm .debateCell .myIdeaContent{
	padding-left:155px;
	height:300px;
}
.replayCommentDebateForm .debateCell span.errorMessage{
	float:left;
	clear:both;
	padding-left:155px;	
}
.replayCommentDebateForm .debateCell .secCaptchar{
	clear: both;
    float: left;
    margin-top: 5px;
    width: 100%;
}
.replayCommentDebateForm .debateCell input.inputCaptchar{
	width:100px;	
}
.replayCommentDebateForm .debateCell p{
	float:left;
	width:310px;
	color:#a7a7a7;
	font-size:11px;	
	padding-left:5px;
}
.replayCommentDebateForm .debateCell .secCaptchar div {
    float: left;
    margin-right: 5px;
    width: auto;
}
.debateCell .secCaptchar .refreshCaptcha{
    float: left;
    width: auto;
}
.debateCell .secCaptchar .refreshCaptcha img {
    float: left;
    margin-top:3px;
}
.debateCell .inputDebate span.errorMessage{
	padding-left:0px;
}
.replayCommentDebateForm .debateCell input.sendComment{
	background:url(../../img/btn/btn-sendComment.gif) left 	top no-repeat;
	width:138px;
	height:35px;
	border:0px;
	margin:auto;
	float:none;	
}
.replayCommentDebateForm .debateCell .debateActionCell{
	 width:100%;
	float:left;
	clear:both;
	text-align:center;
	border-top:1px dotted #CCC;
	padding-top:5px;
}
.replayCommentDebateForm .debateCell input.viewBefore{
	background:url(../../img/btn/btn-viewBefore.gif) left 	top no-repeat;
	float:none;
	width:138px;
	height:35px;
	border:0px;
	margin:auto;
}
.replayCommentDebateForm .debateCell input.cancel{
	background:url(../../img/btn/btn-cancel.gif) left 	top no-repeat;
	width:59px;
	float:none;	
	height:35px;
	border:0px;
	margin:auto;	
}