﻿body 	
{
	font: 0.85em Tahoma, MS Sans Serif, Verdana;	
	background-color:White;
	background-image:none;	
	margin:0px;
}

/****** Linked ******/
a { color:#7b2e00; font-size:0.85em; }
a:link { color:#7b2e00; text-decoration: none; }
a:visited { color:#7b2e00;text-decoration: none; }
a:hover { color:#7b2e00;text-decoration: none; }
a:active { color:#7b2e00;text-decoration: none; }
.textbox { border: solid 1px #FFB64B; }
a img  { border:0px;}

#divHeader  { width:100%;height:28px;}

#tbHeader	{ width:100%; height:100%; border-bottom: solid 1px #FF7300; background:url(ControlPanel/bg-cp-header.png) repeat-x;}
#tbHeader a:link, #tbHeader a:visited, #tbHeader a:hover{ color: #7b2e00; text-decoration: none; }
	#quicklink {width:100%; text-align: right; vertical-align:middle;}
		#homelink { font-weight:bold; }
		#quicklink .separate { font-weight:normal; }
	#searchbox {width:180px;}
	#searchbutton {width:20px; padding-right:6px;}

#divQuickMenu  { width:960px; height:60px;}	
	#divLogo{float:left; width:206px; height:60px; }
	#divLogo h1{background: url(Default/bg-web-logo.png) no-repeat; display:block; width:206px; height:45px;text-indent:-9999px; margin-top:8px;}
	#divLogo h1 a{ font-size:0.5em; display:block; width:206px;height:45px;}

	#divNavigator { float:right; margin-top:20px;}
	#divNavigator ul {display:inline; margin:0px; padding:0px;}	
	#divNavigator li {display:block;float:left;list-style-type:none;margin-right:3px;background:#FCE8B7 url(ControlPanel/btn-quick-menu.png) right no-repeat;}
	#divNavigator li .last {margin-right:0px;}
	#divNavigator a:link,#divNavigator a:visited {display:block;width:90px;height:21px;text-align:center;font:bold 11px/20px arial!important;color: #7b2e00;text-decoration: none;}	


#tbArticleContent { width:100%;}
#tdArticleContentColumn, #tdArticleRigthColumn { vertical-align:top; }
#tdArticleContentColumn { width:740px; padding-right:10px;}			
	#story-name {  background:url(Default/bg_panel_60.png) #fdcc60; padding:10px 0px 10px 0px;  text-align:center; }	
		#story-name h1 { font-size:1.2em;}
		#story-name .story-link { font-size:1.2em; text-decoration:none; }
	#articleimage { position: absolute; left:-1; top:0; padding: 186px 0px 0px 20px; width:150px; height:150px; overflow:hidden;}
	.info { height:190px;}					
		.info .detail {color: #7b2e00; font-size:1em; padding-left:200px;}
			.detail .caption{ color: #FF7300; padding-right:5px;}		
			#desc {color: #7b2e00; font-size:1em;}
		.script { padding:0px 20px 10px 20px; overflow:hidden;}
		.script p.top {margin:0px; overflow:hidden;}	
	#chapter-ads { margin-bottom:10px;}	
	#story-name, #chapter-content { margin-bottom:10px; vertical-align:middle; }
		#chapter-content .chapter-panel {margin-bottom:10px;}
		#chapter-content .chapter-panel h3 
		{		
			font-size: 1.2em;
			font-weight: bold;
			color:#7b2e00;	
			border:1px solid #ffda89;
			border-bottom: none;
			padding: 5px 0px 5px 5px;	
			background:#fedc85 url('Default/bg_panel_orange.png') top right repeat-x;
		}
		#chapter-content .chapter-panel a:link, #chapter-name .chapter-panel a:visited{ color:#7b2e00;}	
		#chapter-content .chapter-panel a:hover{ color:#7b2e00; text-decoration:none;}	
		#chapter-content .chapter-panel .Box  {border:1px solid #ffda89; background-color:#fffde5; padding: 5px 10px 5px 10px;}
		    #div-content {}
		    #div-content img {margin:10px 0px 10px 0px;}
		.related {margin-bottom:10px;}
		.post { margin-bottom:10px;}
		.comment {overflow:hidden; border-left: solid 1px #ffda89;border-right: solid 1px #ffda89;}
			.comment .comment-block {margin: 0px 10px 0px 10px; }
			.comment .comment-header {margin:10px 0px 10px 0px;}
				.comment-header .avartar {float: left; height: 64px; width: 64px; margin-right: 10px;}
				.comment-header .display-name {vertical-align: top; font-weight: bold; float: left;font-size:1em;}
					.comment-header .display-name a { color:#FF7300;}
			.comment .comment-date {float: right;  color:#FF7300; font-size:0.85em; font-weight: bold; vertical-align: top;}
				.comment-content .empty { clear:both; height:10px;}
			.comment .comment-content {padding-left: 73px; clear: right;}
				.comment-content .content-info { font-size:1em; overflow:hidden; color:#7b2e00; margin-top:10px;}
				.comment-content .empty { clear:both; height:10px;}
			.comment .content-footer { text-align:right; font-size:1em; font-weight:bold;}
				.comment .content-footer a { margin-left:4px; color:#FF7300}
			.comment .Break{clear:both; }		
			.comment .separator { border-top: solid 1px #ffda89; text-align:center;}
	
#tdArticleRigthColumn { width:213px; text-align:left;}
	#divArticleRightContent { margin-bottom:10px;}	
	#divArticleSearch { width:212px; height:105px; margin-bottom:10px;  border:solid 1px #fec039; background:#fedd85 url(ControlPanel/btn-quidck-menu.png) right no-repeat;}
		#divArticleSearch .searchcontrol {  width:200px; margin-left:auto; margin-right:auto; margin-top:10px;}
		#divArticleSearch .searhcbutton {float:right; margin:10px 3px 5px 0px;}
	#divArticlePlayer { margin-bottom:10px; border: solid 1px #b2b2b2;}	
	#divArticleAds { margin-bottom:10px;}
	#divArticleOther { margin:0px; padding:0px;}	
	
	
.quickmenu{ background:url(Default/bg_panel_60.png) #fdcc60; width:727px;height:51px; padding:0px; margin-bottom:10px;}					
	.quickmenu ul{
		width:727px;
		height:52px;
		margin:3px 0px 0px 6px;
		padding:0px;
		margin-top:3px;
		float:left;			
	}	
		.quickmenu li{
			background:url(Default/bg-quick-menu.png) no-repeat left top;
			list-style-type:none;
			display:block;
			float:left;
			margin-right:5px;
			width:115px;
			height:45px;
			position:relative;
		}
			.quickmenu li a
			{		
				color:#FF7300;
				padding:0px 0px 4px 30px;
				display:block;
				text-decoration:none;
				margin:8px 0px 0px 6px;
				background:url(Default/ico-quick-article.png) no-repeat;
			}	
			.quickmenu span.thai{
				color:#999999;
				display:block;
				padding-top:0px;
				font-size:0.95em;
			}
		.quickmenu li:hover{
			background:url(Default/bg-quick-menu.png) no-repeat left bottom;	
		}			
		.quickmenu li.last{
			background:inherit;
			border-left:1px solid #a4d3df;
			width:100px;
		}
			.quickmenu li.last a{
				background:none;
				display:block;
				font-size:10px;
				margin:0px 0px 0px 4px;
				padding:0;
			}
			.quickmenu li.last .hello a{
			  display:inline;
			  font-weight:bold;
			}
			
		.quickmenu .message a{background-position:0px 0px;}
		.quickmenu .blog a{background-position:0px -30px;}
		.quickmenu .favorite a{background-position:0px -60px;}
		.quickmenu .vote a{background-position:0px -90px;}	
		.quickmenu .stats a{background-position:0px -120px;}	
		.quickmenu .report a{background-position:0px -150px;}
		

.statistic {color: #7b2e00; font-size:0.85em;}
	#favorite-stat a {color:#081b39; font-size:1em;}
	.secondaryColor{ color: #FF7300;}
	.secondaryBorderColor{border-top-color: #FF7300;}	
#divstatisticfot {border:0px; border-top: solid 1px #FF7300; padding-top:5px; margin-top:10px; text-align:center;}


.listBatchBox{background:url(Default/bg_listbatch_off.png) #FCE8B7;height:27px; padding-top:3px;}
	.listBatchBox .select{text-align:right;}
		.listBatchBox .button {height:24px; margin-right:3px;}					
	
	
	
