/* -------------------------------
Style Sheet สำหรับหน้าเว็บ Nation Channel
Created by : Nok
Date : June 3, 2009
------------------------------- */
* {
	padding: 0px;
	margin: 0px;
}
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background:url(../images-layout/body-bg.gif) repeat-y center #333;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
ul {
	list-style: none;
}
#page  {
	position: relative;
	margin: 0px auto;
	width: 1002px;
	background: url(../images-layout/page-bg.gif) no-repeat top #FFF;
}
p#truehits {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 900;
}
/*----------------------------------- header section -----------------------------------*/
#header {
	position: relative;
	width: 1002px;
	height: 200px;
}
#header p {
	font-size: 12px;
	height: 21px;
	padding: 3px 0px;
}
#header p span {
	color: #FFF;
	background: url(../images-layout/date-bg.gif);
	height: 21px;
	width: 200px;
	padding: 3px 30px;
}
#header p strong {
	width: 62px;
	height: 21px;
	padding: 3px 17px 3px 5px;
	margin-left: -4px;
	background: url(../images-layout/new-arrow.gif) no-repeat;
	color: #FFF;
}
#header a, #header a:visited {
	color: #000;
}
#header a:hover {
	text-decoration: underline;
}
#header #adbanner-728x90-1 {
	position: absolute;
	top: 27px;
	right: 7px;
	width: 728px;
	height: 90px;
}
#header h1 {
	position: absolute;
	top: 36px;
	left: 15px;
	width: 215px;
	height: 75px;
	background: url(../images-layout/nationchannel-logo.gif) no-repeat;
	text-indent: -9999px;
}
#header h1 a {
	display: block;
	width: 215px;
	height: 75px;
}
#header ul {
	position: absolute;
	top: 140px;
	list-style: none;
}
#header li {
	display: inline;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 10px;
	border-right: dotted 1px #00009F;
}
#header li a, #header li a:visited {
	color: #00009F;
}
#header li a:hover {
	color: #DB2E1A;
}
form#search-form {
	position: absolute;
	top: 140px;
	right: 7px;
	text-align: right;
}
form#search-form input#search {
	width: 220px;
	height: 17px;
	vertical-align: middle;
}
form#search-form input#search-button {
	vertical-align: middle;
}
/*----------------------------------- left column section -----------------------------------*/
#left-column {
	float: left;
	width: 220px;
	margin-top: 40px;
	margin-bottom: 300px;
}
/* LIVE BroadCast */
#livebroadcast-section {
	height: 157px;
	background: url(../images-layout/livebroadcast-bg.jpg) no-repeat bottom;
}
#livebroadcast-section h3 {
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	text-align: right;
}
#livebroadcast-section ul {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 16px auto auto 70px;
	list-style: none;
}
#livebroadcast-section ul li a, #livebroadcast-section ul li a:visited {
	color: #FFF;
}
#livebroadcast-section ul li ul {
	margin: 0px auto 10px 0px;
}
#livebroadcast-section ul li ul li {
	display: inline;
	font-size: 10px;
	margin-right: 10px;
}
#livebroadcast-section ul li ul li a, #livebroadcast-section ul li ul li a:visited {
	color: #F00;
}
/* HOT Programs */
#hotprograms-section {
	margin-top: 20px;
	background: url(../images-layout/hotprograms-bg.jpg) no-repeat 0px 23px;
}
#hotprograms-section h3 {
	color: #00009f;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	text-align: right;
}
#hotprograms-section ul {
	list-style: none;
	margin: 5px auto auto 10px;
}
#hotprograms-section li {
	clear: both;
	height: 85px;
	overflow: hidden;
}
#hotprograms-section li img {
	float: left;
	margin: 0px 5px 5px 0px;
}
#hotprograms-section li h4 {
	color: #666;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	margin-right: 2px;
}
#hotprograms-section li.hilight h4 {
	color: #999;
}
#hotprograms-section li a, #hotprograms-section li a:visited {
	color: #00009f;
}
#hotprograms-section li.hilight a, #hotprograms-section li.hilight a:visited {
	color: #FFF;
}
#hotprograms-section li h4 strong {
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
/* News & Programs */
#newsprograms-section {
	margin-top: 20px;
}
#newsprograms-section h3 {
	color: #FFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	width: 120px;
	height: 24px;
	margin-left: 10px;
	padding: 3px 5px;
	background: url(../images-layout/newsprograms-header-bg.jpg) no-repeat;
}
#newsprograms-section ul {
	margin: 5px auto 15px 20px;
	list-style: none;
}
#newsprograms-section li {
	font-size: 14px;
	line-height: 24px;
	padding-left: 10px;
	background: url(../images-layout/newsprograms-bullet.gif) no-repeat 0px 11px;
}
#newsprograms-section li a, #newsprograms-section li a:visited {
	color: #333;
}
/* Blog Reporters */
#blogreporter-section {
	width: 205px;
	margin: 30px auto auto 15px;
	padding-bottom: 5px;
	background: url(../images-layout/blogreporter-bg.gif) no-repeat bottom;
}
#blogreporter-section h3 {
	text-indent: -9999px;
	height: 67px;
	background: url(../images-layout/blogreporter-header-bg.gif) no-repeat;
}
#blogreporter-section ul {
	list-style: none;
	padding-top: 10px;
	padding-left: 0px;
	background: #eb8219;
}
#blogreporter-section li {
	font-size: 12px;
	margin-bottom: 10px;
}
#blogreporter-section li img {
	vertical-align: middle;
	margin:  5px 10px;
	border: 3px solid #FFF;
}
#blogreporter-section li a, #blogreporter-section li a:visited {
	color: #333;
}
#nationchannelpoll-section {
	margin: 22px 0px;
	padding-bottom: 10px;
	background: url(../images-layout/nationchannelpoll-footer-bg.gif) no-repeat bottom #CCC;
}
#nationchannelpoll-section h3 {
	width: 220px;
	height: 102px;
	text-indent: -9999px;
	background: url(../images-layout/nationchannelpoll-header-bg.gif);
}
#nationchannelpoll-content  {
	height: 300px;
	width: 200px;
}
/* Thailand Classifieds */
#thailandclassifieds {
	font-size: 14px;
	text-align: center;
}
#thailandclassifieds a, #thailandclassifieds a:visited {
	color: #EB8219;
}
/*----------------------------------- center column section -----------------------------------*/
#center-column {
	width: 425px;
	/*margin: -20px auto auto 238px;     */
    margin: 0px auto auto 238px;    /* with push down banner */
}
/* Top Story */
#topstory-section {
	background: url(../images-layout/topstory-bg.gif) no-repeat bottom #CCC;
	padding-bottom: 180px;
}
#topstory-section h3 {
	color: #00009f;
	font-size: 48px;
	font-family: "Times New Roman", Times, serif;
	line-height: 62px;
	height: 60px;
	background: url(../images-layout/topstory-header-bg.gif) no-repeat;
}
#topstory-section h2 {
	width: 400px;
	margin: 5px auto;
}
#topstory-section p {
	font-size: 14px;
	margin: 5px 10px;
}
#topstory-section h2 a, #topstory-section h2 a:visited {
	color: #00009f;
}
#topstory-section ul {
	float: left;
	width: 410px;
	margin: 20px 7px 10px;
	list-style: none;
	background: #666;
}
* html #topstory-section ul { /* for ie6 only */
	margin: 20px 4px 10px;
}
#topstory-section li {
	float: left;
	font-size: 10px;
	width: 75px;
	height: 120px;
	margin: 3px 3px;
	overflow: hidden;
} 
#topstory-section h5 {
	font-size: 11px;
	font-weight: normal;
}
#topstory-section h5 a, #topstory-section h5 a:visited {
	color: #FFF;
}
/* 5 อันดับข่าวยอดนิยม และ 5 อันดับรายการยอดนิยม */
#top5newsandprogram-section {

}
/* ข่าวที่น่าสนใจ */
#hilightnews-section {

}
/* รายการที่น่าสนใจ */
#hilightprogram-section {

}
.tabnews {
	margin-top: 20px;
	width: 425px;
	padding-bottom: 10px;
	background: url(../images-layout/tab-footer-bg.gif) no-repeat bottom;
}
.tab {
	padding-bottom: 10px;
	background: url(../images-layout/tab-header-bg.gif) no-repeat bottom;
}
.tab h4 {
	display: inline;
	font-size: 16px;
	margin-right: 15px;
	padding-left: 5px;
}
.tabnews h4 a, .tabnews h4 a:visited {
	color: #999;
}
.tabnews h4 a:hover {
	color: #00009f;
	text-decoration: none;
}
.tabnews h4.active a, .tabnews h4.active a:visited {
	color: #00009f;
}
.tabnews ul {
	list-style: none;
	font-size: 14px;
	background:url(../images-layout/tab-content-bg.gif) no-repeat bottom right #CCC;
}
.tabnews li {
	padding-top: 10px;
	margin: 0px 3px 10px 20px;
}
.tabnews li h5 a {
	color: #333;
}
.tabnews img {
	vertical-align: middle;
	margin-right: 5px;
	border: 1px solid #FFF;
}
#hilightprogram-section.tabnews ul {
	height: 200px;
	padding-top: 7px;
}
* html #hilightprogram-section.tabnews ul { /* for ie6 only */
	padding-bottom: 0px;
	height: 180px;
}
#hilightprogram-section.tabnews li {
	float: left;
	text-align: center;
	width: 100px;
	height: 80px;
	margin: 0px 20px 10px;
}
* html #hilightprogram-section.tabnews li { /* for ie6 only */
	width: 80px;
}
/* ต่อปากต่อคำ */
#hesaidshesaid-section {
	margin-bottom: 20px;
	background: url(../images-layout/hesaidshesaid-footer-bg.gif) no-repeat bottom #FC0;
}
#hesaidshesaid-section h3 {
	width: 425px;
	height: 85px;
	text-indent: -9999px;
	background: url(../images-layout/hesaidshesaid-header-bg.gif) no-repeat;
}
#hesaidshesaid-section h6 {
	font-size: 12px;
	margin: 5px 10px;
}
#hesaidshesaid-section h6 span {
	color: #CB0625;
}
#hesaidshesaid-section input {
	display: block;
	margin-left: 10px;
	width: 200px;
}
#talk1, #talk2 {
	margin: 20px 10px;
}
* html #talk1, * html #talk2 {
	margin: 20px 9px;
}
#talk1-photo, #talk2-photo {
	height: 120px;
	background: url(../images-layout/hesaidshesaid-photo-bg.gif) no-repeat;
}
#talk1-photo {
	float: left;
	width: 100px;

}
#talk2-photo {
	float: right;
	width: 100px;
}
#talk1-bubble, #talk2-bubble {
	color: #CB0625;
	font-size: 14px;
	font-weight: bold;
	width: 293px;
	height: 120px;
}
#talk1-bubble {
	margin-left: 110px;
	background: url(../images-layout/hesaidshesaid-bubble1-bg.gif);
}
#talk1-bubble p {
	margin: 0px 10px 5px 38px;
	padding: 5px;
}
#talk2-bubble {
	background: url(../images-layout/hesaidshesaid-bubble2-bg.gif);
}
#talk2-bubble p {
	margin: 0px 38px 5px 10px;
	padding: 5px;
}
input#talk1-form, input#talk2-form {
	display: inline;
	width: 100px;
	margin-top: 10px;
	margin-left: 0px;
}
#talk1-form {
	margin-right: 5px;
}
#talk2-form {
	margin-left: 5px;
	position: relative;
	left: 260px;
}
#talk2 label {
	position: relative;
	left: 255px;
}
#hesaidshesaid-section label {
	display: block;
	color: #666;
	font-weight: bold;
	margin: 0px auto auto 10px;
}
#talk1 label, #talk2 label {
	display: inline;
	margin-left: 0px;
	color: #FFF;
}
#hesaidshesaid-section button {
	margin: 10px;
}
#captcha_img {
	display: inline;
}
#captcha_img img {
	margin: 0px 5px 10px 10px;
	vertical-align: middle;
}
#status_form{
	font-size:12px;
	font-weight:800;
}
/* วีซีดี และ ดีวีดี สาระความรู้จากเนชั่น แชนแนล */
#nationchannelvcddvd-section {
	 margin-bottom: 10px; 
}
#macau{
 	margin-bottom: 10px;
}

/*----------------------------------- right column section -----------------------------------*/
#right-column {
	position: absolute;
	/*top: 200px; */
    top: 0px; /*with push down banner  */
	right: 10px;
	width: 310px;
}
/* Hot Clips */
#hotclips-section {
	margin-top: 12px;
}
#hotclips-section h3 {
	color: #00009f;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
}
#hotclips-section ul {
	list-style: none;
}
#hotclips-section li {
	float: left;
	width: 97px;
	margin-right: 4px;
	background: url(../images-layout/hotclips-vdo-bg.gif) no-repeat;
}
#hotclips-section img {
	padding: 10px 10px 20px 11px;
}
#hotclips-section h5 {
	font-size: 12px;
	padding: 5px;
}
#hotclips-section a, #hotclips-section a:visited {
	color: #666;
}
#hotclips-section p {
	clear: both;
	font-size: 12px;
	text-align: right;
	margin: 0px 10px 10px auto;
}
#hotclips-section p a, #hotclips-section p a:visited {
	color: #00009f;
}
/* ข่าวข้น คนข่าวเช้า */
#morningnews-section {
	margin-top: 12px;
}
#morningnews-section h3 {
	color: #39f;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
}
#morningnews-section ul {
	list-style: none;
}
#morningnews-section li {
	float: left;
	width: 97px;
	margin-right: 4px;
	background: url(../images-layout/morningnews-vdo-bg.gif) no-repeat;
}
#morningnews-section img {
	padding: 10px 10px 20px 11px;
}
#morningnews-section h5 {
	font-size: 12px;
	padding: 5px;
}
#morningnews-section a, #morningnews-section a:visited {
	color: #666;
}
#morningnews-section p {
	clear: both;
	font-size: 12px;
	text-align: right;
	margin: 0px 10px 10px auto;
}
#morningnews-section p a, #morningnews-section p a:visited {
	color: #00009f;
}
/* Ad Banner 300x250 */
.adbanner-300x250 {
	margin: 20px auto;
	text-align: center;
}
/* Ad Banner 300x100 */
.adbanner-300x100 {
	margin: 10px auto;
	text-align: center;
}
/* Ad Banner 125x125 */
#adbanner125x125 {
	width: 270px;
	margin: 0px auto;
}
/* Breaking News */
#breakingnews-section {
	clear: both;
	margin-top: 20px;
}
#breakingnews-section h3 {
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	padding-right: 42px;
	width: 160px;
	margin-bottom: 5px;
	background: url(../images-layout/breakingnews-header-bg.gif) no-repeat right center;
}
.load{
	padding-left:20px;
	padding-top:40px;
	font-size:13px;
	font-weight:800;
	color: #FF0000;
}
.breakingnews {
	background-color:#CCCCCC;
	min-height:400px;
	margin-left:0px;
	margin-right:4px;
}
#content_breaking{
	list-style: none;
	margin-left:0px;
	padding-top: 30px;
}
#content_breaking li {
	padding: 10px 0px;
	margin-right:3px;
	font-size: 12px;
}
#content_breaking span{
	float:left;
	padding: 0px 10px;
	height:20px;
}
#breakingnews_nationupdatenews #content_breaking li  {
	width: 290px;
	height:100%;
	font-size: 12px;
	padding-left:5px;
	padding-bottom:10px;
}
#breakingnews_nationupdatenews #more {
	display: block;
	font-size: 12px;
	margin-left: 250px;
	padding-bottom: 10px;
}
#breaking_newsheadtabs{
	background-color:#CCCCCC;
	margin-left:0px;
}
#breaking_newsheadtabs ul{
	list-style:none;
}
#breaking_newsheadtabs li{
	font-size:12px;
	width:102px;
	height:17px;
	float:left;
	padding: 2px 0px;
	text-align:center;
	padding-top:5px;
}
#breaking_tab1{
	background-color: #CCCCCC;
}
#breaking_tab2{
	background-color: #578ad6;
}
#breaking_tab3{
	background-color: #a5b6e1;
}
#status_breakingnews{
	font-size:12px;
	font-weight:800;
	margin-top:5px;
	margin-left:10px;
}
/* Channel Activity */
#channelactivity-section {
	margin-top: 20px;
	width: 310px;
	padding-bottom: 10px;
	background: url(../images-layout/channelactivity-footer-bg.gif) no-repeat bottom;
}
#channelactivity-section h3 {
	color: #666;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	padding-bottom: 10px;
	background: url(../images-layout/channelactivity-header-bg.gif) no-repeat bottom;	
}
#channelactivity-section ul {
	list-style: none;
	padding: 5px;
	background: #999;
}
/* Text Link */
#textlink {
	width: 300px;
	text-align: center;
	margin-left: 5px;
	margin-top: 10px;
}
#textlink li {
	font-size: 12px;
}
.yellow1 {
	background: #2BB459;
	padding: 5px;
    
}
.yellow2 {
	background: #2FFF72;
	padding: 5px;
    
}
/* Photo Gallery */
#photogallery-section {
	margin-top: 20px;
	width: 310px;
	padding-bottom: 5px;
	background: url(../images-layout/photogallery-footer-bg.gif) no-repeat bottom;
}
#photogallery-section h3 {
	color: #00009f;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	padding-bottom: 10px;
	background: url(../images-layout/photogallery-header-bg.gif) no-repeat bottom;	
}
#photogallery-content {
	padding: 10px 37px;
	text-align: center;
	background: #00009f;
}
#photogallery-content button {
	margin-top: 5px;
}
/* ผลสลากกินแบ่งรัฐบาล */
#lotteryresult-section {
	position: relative;
	width: 310px;
	height: 150px;
	margin: 22px 0px 10px;
	background: url(../images-layout/lotteryresult-bg.gif) no-repeat;
}
#lotteryresult-section h3 {
	text-indent: -9999px;
}
#lotteryresult-section h3 span {
	display: block;
	font-size: 14px;
	font-weight: bolder;
	font-style: italic;
	text-indent: 0px;
	margin-left: 10px;
	margin-top: 7px;
}
#lotteryresult-section ul {
	position: relative;
	margin-left: 12px;
}
#lotteryresult-section li {
	font-size: 24px;
	color: #FFF;
}
#lotteryresult-section li span {
	display: block;
	font-size: 12px;
	color: #000;
}
#lotteryresult-prize03 {
	position: absolute;
	top: 44px;
	left: 215px;
	text-align: center;
}
* html #lotteryresult-prize03 {/* for ie6 */
	top: 54px;
}
/* ราคาน้ำมัน */
#oilprice-section {
	position: relative;
	width: 310px;
	height: 150px;
	margin: 10px 0px;
	background: url(../images-layout/oilprice-bg.gif) no-repeat;
}
#oilprice-section h3 {
	position: absolute;
	text-indent: -9999px;
}
#oilprice-section table {
	position: absolute;
	top: 45px;
	left: 50px;
	font-size: 12px;
	border-collapse: collapse;
}
#oilprice-section caption {
	display: none;
}
#oilprice-section tr {
	background: #FC9;
}
#oilprice-section tr.color {
	background: #FFF;
}
#oilprice-section th, #oilprice-section td {
	text-align: left;
	padding: 2px;
	margin: 2px;
}
#oilprice-section td {
	text-align: right;
}
/* ราคาทองวันนี้ */
#goldprice-section {
	position: relative;
	width: 310px;
	height: 100px;
	margin: 10px 0px 22px;
	background: url(../images-layout/goldprice-bg.gif) no-repeat;
}
#goldprice-section h3 {
	position: absolute;
	text-indent: -9999px;
}
#goldprice-section caption {
	display: none;
}
#goldprice-section table {
	position: absolute;
	top: 45px;
	font-size: 11px;
	width: 300px;
	margin: 0px 5px;
	background: #FFE680;
}
#goldprice-section th, #goldprice-section td {
	text-align: left;
	padding: 2px;
}
#goldprice-section td {
	text-align: right;
}
/*----------------------------------- footer section -----------------------------------*/
#footer {
	clear: both;
	position: relative;
	width: 1002px;
	height: 280px;
	background: url(../images-layout/footer-bg.gif) no-repeat bottom center;
}
#footer #adbanner-728x90-2 {
	position: absolute;
	top: 50px;
	left: 145px;
	width: 728px;
	height: 90px;	
}
#footer h3 {
	position: absolute;
	top: 155px;
	left: 16px;
	width: 207px;
	height: 61px;
	background: url(../images-layout/nationchannel-logo.gif) no-repeat;
	text-indent: -9999px;
}
#footer h3 a {
	width: 207px;
	height: 61px;
	display: block;
}
#footer a, #footer a:visited {
	color: #00009F;
}
#footer a:hover {
	color: #DB2E1A;
}
#footer #footer-dropdownmenu {
	position: absolute;
	top: 220px;
	left: 30px;
}
#footer #footer-nationtextlinks {
	position: absolute;
	top: 195px;
	left: 270px;
	font-size: 11px;
	color: #333;
}
#footer #footer-contactinfo {
	position: absolute;
	top: 235px;
	left: 275px;
	font-size: 11px;
}
#nbclogo {
	position: absolute;
	left: 530px;
	top: 240px;
}
/*----------------------------------- schedule page -----------------------------------*/
#schedule {
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#schedule table {
	margin: 0px auto;
}
#schedule_homepagelink {
	font-size: 14px;
	text-align: center;
}
#schedule_homepagelink a, #schedule_homepagelink a:visited {
	color: #101010;
}
/*----------------------------------- twitter facebook banner -----------------------------------*/
#twitterfacebook_banner {
	list-style: none;
	width: 220px;
	height: 35px;
	margin: 10px 0;
	background: url("../images-layout/twitterfacebook_banner.gif") no-repeat;
}
#twitterfacebook_banner li {
	float: left;
	width: 110px;
	height: 35px;
	text-indent: -9999px;
}
#twitterfacebook_banner li a {
	display: block;
	width: 110px;
	height: 35px;
	outline: none;
}