@charset "utf-8";

/*
#######################################
Level 0: Style Sheets for Bangkok Post

First Draft Start at: 18 August 2008
copyright: Post Publishing PCL. since 2008
#######################################
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	vertical-align: baseline;

}

* {
	padding: 0;
	margin: 0;
	/*list-style-type: none;*/
	text-decoration: none;
}

body {
	font-family: Arial, Helvetica, sans-serif !important;
	color: rgb(0,0,0);
	padding:0!important;
}

/*
################
Main Navigation
################
*/

#mainNavigation {
height:26px;
left:9px;
position:absolute;
top:189px;
width:982px;
z-index:0;
}

/*Message box force style*/
.headermsg #mainNavigation {
		top:231px;
}

#mainNavigation {behavior: url(/forum/styles/bkpv2.0_forum/theme/common/pngfix/iepngfix.htc);}


	#mainNavigation ul li {float: left; font-size: 0.75em; list-style: none; position: relative;}
	#mainNavigation li em.enhance {position: absolute; top: -11px; width: 45px; left: 50%; margin-left: -25px; }
	#mainNavigation li em.new {position: absolute; top: -11px; width: 23px; left: 50%; margin-left: -11px; }

	#mainNavigation ul li a {
		display: block;
		text-decoration: none;
		height: 26px;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
/*
	#mainNavigation ul li a:hover {background-position: 0 -26px;}
	#mainNavigation ul li a.active {background-position: 0 -26px;}
	#mainNavigation ul li span {visibility: hidden;}

	#mainNavigation ul li#news a {background-image: url(/common/img/navigation/news.jpg); width: 49px; padding-right: 1px;}
	#mainNavigation ul li#business a {background-image: url(/common/img/navigation/business.jpg); width: 73px; padding-right: 1px;}
	#mainNavigation ul li#opinion a {background-image: url(/common/img/navigation/opinion.jpg); width: 60px; padding-right: 1px;}
	#mainNavigation ul li#travel a {background-image: url(/common/img/navigation/travel.jpg); width: 58px; padding-right: 1px;}
	#mainNavigation ul li#food a {background-image: url(/common/img/navigation/food.jpg); width: 47px; padding-right: 1px;}
	#mainNavigation ul li#lifestyle a {background-image: url(/common/img/navigation/lifestyle.jpg); width: 75px; padding-right: 1px;}
	#mainNavigation ul li#arts-and-culture a {background-image: url(/common/img/navigation/arts_culture.jpg); width: 102px; padding-right: 1px;}
	#mainNavigation ul li#leisure a {background-image: url(/common/img/navigation/leisure.jpg); width: 61px; padding-right: 1px;}
	#mainNavigation ul li#entertainment a {background-image: url(/common/img/navigation/entertainment.jpg); width: 113px; padding-right: 1px;}
	#mainNavigation ul li#auto a {background-image: url(/common/img/navigation/auto.jpg); width: 49px; padding-right: 1px;}
	#mainNavigation ul li#life a {background-image: url(/common/img/navigation/life.jpg); width: 49px; padding-right: 1px;}
	#mainNavigation ul li#tech a {background-image: url(/common/img/navigation/tech.jpg); width: 44px; padding-right: 1px;}
	#mainNavigation ul li#job a {background-image: url(/common/img/navigation/job.jpg); width: 37px; padding-right: 1px;}
	#mainNavigation ul li#forum a {background-image: url(/common/img/navigation/forum.jpg); width: 55px; padding-right: 1px;}
	#mainNavigation ul li#feature a {background-image: url(/common/img/navigation/feature.jpg); width: 61px; padding-right: 1px;}
	#mainNavigation ul li#classifieds a {background-image: url(/common/img/navigation/classifieds.jpg); width: 82px;}
	#mainNavigation ul li#property a {background-image: url(/common/img/navigation/property.jpg); width: 79px; padding-right: 1px;}
	#mainNavigation ul li#learning a {background-image: url(/common/img/navigation/learning.jpg); width: 73px; padding-right: 1px;}
	#mainNavigation ul li#multimedia a {background-image: url(/common/img/navigation/multimedia.jpg); width: 106px; padding-right: 1px;}
	#mainNavigation ul li#service a {background-image: url(/common/img/navigation/service.jpg); width: 92px;}*/

/*
##################
Start bkkPost Tab
##################
*/

#bkkPostTab {
	width: 982px;
	height: 20px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

#bkkPostTab:after {content: "."; clear: both; height: 0; display: block; visibility: hidden;}

	#bkkPostTab #memberAssistance {
		width: 385px;
		height: 15px;
		color: rgb(33,60,112);
		float: left;
		padding-top: 5px;
	}
	#memberAssistance li {
		display: block;
		float: left;
		padding: 2px 5px 0;
		border-right: 1px dotted rgb(197,197,197);
	}
	#memberAssistance li.login {background: url(/common/img/member/ico_login.gif) no-repeat 3px top; border-right: 1px solid rgb(197,197,197);}
	#memberAssistance li.login a {padding-left: 13px;}
	#memberAssistance li a.bluelink {color: rgb(30,121,188);}
	#memberAssistance li.signup { background: url(/common/img/member/icon-sign-up.png) no-repeat 5px center; border-right: 1px solid #C5C5C5;}
	#memberAssistance li.signup a { padding-left: 12px;}
	#memberAssistance li a {color: rgb(33,60,112);}
	#memberAssistance li a:hover {color: rgb(247,148,29);}
	#memberAssistance .Member { background: url("/common/img/member/ico_Memberbenefit.png") 3px center no-repeat; border-right: none;}
	#memberAssistance .Member a { padding-left: 15px;}
	.welcomemessage { overflow: hidden;}
	.upgrade { height: 12px; width: 45px;}
	.upgrade img { padding-left: 5px; _display: inline;}
	.member-premium img { padding: 0 5px 0 3px;}
	#memberAssistance li span.msg {display: block; float: left;}
	#memberAssistance li  p { float: left; margin-top: -1px;}
	#memberAssistance li .alertmessage {
		background: url(/common/img/member/ico_alertleft.png) no-repeat;
		color: rgb(255,255,255);
		font-size: 9px;
		height: 12px;
		float: left;
		text-align:center;
		min-width:16px;
		_width:20px;
	}
	#memberAssistance li .alertmessage  span {display:block;background: url(/common/img/member/ico_alertright.png) no-repeat scroll right top; padding:0 4px 0 0; margin-left:3px;  height: 12px;}
	#bkkPostTab #memberAssistance .welcomemessage {margin-top: -1px; border-right: 1px solid rgb(197,197,197);}
	#memberAssistance .username {
		color: rgb(30,121,188);
		font-size: 12px;
		font-weight: bold;
		padding: 0 3px 0 0 ;
	}
	#memberAssistance .edit {text-decoration: underline;}
	#memberAssistance .logout {border-right:none;}


	#bkkPostTab #globalAssistance {height: 20px; float: right;}

		#globalAssistance p.dateTime {
			color: rgb(33,60,112);
			float: left;
			font-size: 10px;
			line-height: 10px;
			margin-bottom: 0;
			padding-top: 7px; }

		#globalAssistance .assistanceTabs {
			width: 380px;
			height: 15px;
			float: left;
			padding-left: 20px;
			margin: 5px 5px 0 0;
			background: url(/forum/styles/bkpv2.0_forum/theme/common/img/bg/bg_assistanceTabs.png) no-repeat;
		}

		#globalAssistance .assistanceTabs {behavior: url(/forum/styles/bkpv2.0_forum/theme/common/pngfix/iepngfix.htc);}

			.assistanceTabs li {
				color: rgb(255,255,255);
				float: left;
				padding: 2px 5px 0;
				border-right: 1px dotted rgb(112,112,112);
				list-style: none;
			}

			.assistanceTabs li a {color: rgb(255,255,255);}
			.assistanceTabs li a:hover {color: rgb(33,60,112);}

		#globalAssistance .truehits {height: 17px; float: left; padding: 3px 0 0 3px;}
		#commentPost #postPanelWrapper{overflow: hidden;}
/*
#############
Start header
#############
*/

#header {
	width: 960px;
	height: 196px;
	margin:  -4px auto 0;
	background: rgb(255,255,255) url(/common/img/bg/bg_header.gif) no-repeat;
	position: relative;
	padding: 20px 20px 0;
	z-index: 99;
}
.headermsg {
	background: rgb(255,255,255) url(/common/img/bg/bg_header_msg.gif) no-repeat!important;
	height: 237px!important;

}


		.headerAd:after {content: "."; clear: both; height: 0; display: block; visibility: hidden;}

		.headerAd .mini1stBanner, .headerAd .mini2ndBanner {
			width: 98px;
			height: 84px;
			background: transparent url(/common/img/bg/bg_miniHeaderAd.gif) no-repeat;
			padding: 5px;
		}

			.headerAd .mini1stBanner {float: left; margin-right: 1px; overflow: hidden;}
			.headerAd .mini2ndBanner {float: right; margin-right: -3px; overflow: hidden;}

			.headerAd .leaderAd {
				width: 728px;
				height: 90px;
				position: relative;
				z-index: 999 !important;
				float: left;
				margin: 2px 0 0 10px;
				overflow: hidden;
			}

			/* Change When rollOver by javaScript */
			.headerAd .leaderAdExpand {
				width: 728px;
				height: 300px;
				position: relative;
				z-index: 999 !important;
				float: left;
				margin: 2px 0 0 10px;
			}

			.headerAd .alignCenter {text-align: center;}
	#header h1.mainTitle {
		font-size: 0;
		height: 0;
		margin: 0;
		visibility: hidden;
	}

	#header .headerAd {width: 728px; height: 90px; margin: 0 auto; clear: both; position: relative; z-index: 999 !important; overflow: hidden; }
	#header .headerAd300 {width: 728px; height: 300px; margin: 0 auto; clear: both; position: relative; z-index: 999 !important; overflow: hidden; }

	#header p.homepage {
		width: 468px;
		height: 51px;
		font-size: 0.75em;
		float: left;
	}

#header #topPageSearch {
		width: 315px;
		height: 27px;
		color: rgb(255,255,255) !important;
		background: url(/forum/styles/bkpv2.0_forum/theme/common/img/bg/bg_headerSearch.jpg) no-repeat;
		float: right;
		padding: 8px 0 0 10px;
	}

	#topPageSearch label {color: rgb(255,255,255);}
	#topPageSearch fieldset {font-size: 0.875em;}

		#topPageSearch a {color: rgb(255,255,255); text-decoration: underline;}
		#topPageSearch a:hover {text-decoration: none;}

		#topPageSearch .fixPosition {margin-bottom: -5px;}
		#topPageSearch #searchWords {width: 110px; height: 16px; border: 2px solid rgb(61,96,164);}
/*
##################
Content Container
##################
*/

#container {width: 100%; background: rgb(33,60,112) url(/forum/styles/bkpv2.0_forum/theme/common/img/bg/bg_container.gif); position: relative; z-index: 98;}
#wrapper {width: 1000px; margin: 0 auto; background: transparent url(/forum/styles/bkpv2.0_forum/theme/common/img/bg/bg_contentWrapper.png);}
#wrapper {behavior: url(/forum/styles/bkpv2.0_forum/theme/common/pngfix/iepngfix.htc);}

/*
########
Content
########
*/

#content {width: 964px; margin: 0 auto 0.3125em; padding: 10px 10px 5px; background: rgb(255,255,255); overflow: hidden;}
.termOfUse {font-size: 120%;}

/*
###############
Post Directories
###############
*/

#postDirectories {width: 725px; float: right;}

	.rightColumn {width: 300px; float: right; padding-right: 10px;}
		.rightColumn form {margin-bottom: 0.625em;}

	.leftColumn {width: 415px; float: left; margin-left: -2px;}

/*
#################
Today Information
#################
*/

#todayInfo {
	width: 250px;
	height: 485px;
	float: left;
	background: url(/forum/styles/bkpv2.0_forum/theme/common/img/bg/bg_todayInfo.jpg) no-repeat;
	margin-left: 8px;
	_display: inline;
}

	#todayInfo h2 {font-size: 0.875em; color: rgb(255,255,255); padding: 12px 0 0 12px; margin-bottom: 1.25em;}
	#todayInfo h3 {font-size: 0.875em; color: rgb(103,166,212); padding-left: 13px; margin-bottom: 0.625em;}

/*
###########
Footer Ads
###########
*/

#footerAds {
	width: 738px;
	height: 110px;
	margin: 0 auto 0.625em;
	padding-top: 10px;
	background: url(/forum/styles/bkpv2.0_forum/theme/common/img/bg/bg_footerAds.jpg) bottom no-repeat;
	clear: both;
	position: relative;
}

	#footerAds p.adsby {font-size: 0.875em; color: rgb(103,166,212); position: absolute; top: 7px; right: 5px;}
	p.adsby {behavior: url(/forum/styles/bkpv2.0_forum/theme/common/pngfix/iepngfix.htc);}

/*
###############
Information Box
###############
*/

#infoBox {
	width: 964px;
	height: 190px;
	margin: 0 auto;
	padding: 10px;
	background: rgb(243,243,243);
}

	/* All in Post */
	#infoBox .allInPost {width: 290px; height: 180px; float: left; background: rgb(179,193,220); padding: 5px; margin-right: 9px;}
		.allInPost h2 {font-size: 1em; color: rgb(30,121,188); margin-bottom: 0.625em;}

		.allInPost .leftList {width: 145px; float: left; font-size: 0.75em; line-height: 140%; color: rgb(33,60,112);}
		.allInPost .rightList {width: 145px; float: right; font-size: 0.75em; line-height: 140%; color: rgb(33,60,112);}

		.allInPost a {color: rgb(33,60,112);}
		.allInPost a:hover {color: rgb(30,121,188);}

	/* Thailand Info */
	#infoBox .thailandInfo {width: 420px; height: 180px; float: left; padding: 5px;}
		.thailandInfo h2 {font-size: 1em; color: rgb(30,121,188); margin-bottom: 0.625em;}
		.thailandInfo .leftList {width: 205px; float: left; font-size: 0.75em; line-height: 140%; color: rgb(33,60,112);}
		.thailandInfo .rightList {width: 205px; float: right; font-size: 0.75em; line-height: 140%; color: rgb(33,60,112);}

		.thailandInfo a {color: rgb(65,65,65);}
		.thailandInfo a:hover {color: rgb(30,121,188);}

	/* E-Newsletter */
	#infoBox .eNewspaper {width: 200px; height: 180px; float: right; padding: 5px 5px 5px 10px; border-left: 1px solid rgb(170,170,170);}
		.eNewspaper h2 {font-size: 1em; color: rgb(30,121,188); margin-bottom: 0.625em;}
		.eNewspaper p.eNewspaperThumb {width: 190px; margin: 0 auto;}

/*
##############
Footer Section
##############
*/

#footer {width: 964px; margin: 0 auto; padding: 30px 10px; font-size: 100%; color: rgb(255,255,255);}
#footer p { margin-bottom: 0; font-size: 12px;}

#footer a {color: rgb(255,255,255);}
#footer a:hover {color: rgb(255,255,255); text-decoration: underline;}


.colorTab {
	width: 1000px;
	margin: 0 auto;
	background: url(/forum/styles/bkpv2.0_forum/theme/common/img/bg/shadowWhiteBG.png);
}

.insideElement {
	width: 984px;
	margin: 0 auto;
	padding-top: 5px;
	background: rgb(235,235,235);
	border-top: 1px solid rgb(214,214,214);
	border-bottom: 1px solid rgb(214,214,214);
}

	/*
############################
Member System by Mook 11May2010
############################
*/
	/*Login Link*/
	#memberAssistance li span.msg {display: block; float: left;}
	#memberAssistance li  p {margin-top: -1px;}
	#memberAssistance li .alertmessage {
	background: url(/common/img/member/ico_alertleft.png) no-repeat;
	color: rgb(255,255,255);
	font-size: 9px;
	height: 12px;
	float: left;
	text-align:center;
	min-width:16px;
	_width:20px;
	}
	#memberAssistance li .alertmessage  span {display:block;background: url(/common/img/member/ico_alertright.png) no-repeat scroll right top; padding:0 4px 0 0; margin-left:3px;  height: 12px;}
	#bkkPostTab #memberAssistance .welcomemessage {margin-top: -1px; border-right: 1px solid rgb(197,197,197);height:15px;}
	#memberAssistance .username {
	color: rgb(30,121,188);
	font-size: 12px;
	font-weight: bold;
	padding: 0 3px 0 0 ;
	}
	#memberAssistance .edit {text-decoration: underline;}
	#memberAssistance .logout {border-right:none;}


	/*Interactive Message*/
	#wrapper #content .InteractiveMessage {margin: 0 auto 25px auto; overflow: hidden; width: 925px;}
	#wrapper #content .InteractiveMessage img {float: left;}

	#wrapper #content .InteractiveMessage h3 {
	color: rgb(22,63,104);
	font-size: 24px;
	font-weight: bold;
	padding-top: 20px;}

	#wrapper #content .InteractiveMessage p {
	color: rgb(54,54,54);
	font-size: 14px;
	padding: 20px 0 0 0; }

	#wrapper #content .InteractiveMessage p a {color: rgb(30,121,188); text-decoration: underline;}
	#wrapper #content .InteractiveMessage p a:hover {color: rgb(30,121,188); text-decoration: none;}

	/*Writing Box*/
	.WritingBox {
	background: rgb(243,243,243);
	border-bottom :1px solid rgb(185,185,185);
	margin: 26px 0 15px 0;
	padding:15px 10px 35px;
	width:618px; }

	.WritingBox h2 {
	color: rgb(54,54,54);
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 10px 0; }

	.WritingBox h2 span {color: rgb(30,121,188); }
	.WritingBox img {float: left; margin-right: 10px;}
	.WritingBox textarea {height: 55px; width: 525px;}
	.WritingBox input {margin-top: 10px;}

	/*Discussion Board - After Login*/
	#content .UserDetail {float: left; width: 86px; }
	#content #postPanelWrapper .UserDetail {margin: 15px 0 0 10px; width: 100px; _display: inline;}
	#content .UserDetail .username{
	color: rgb(30,121,188);
	font-size: 14px;
	font-weight: bold;
	text-decoration: none; }
	#content .UserDetail .username:hover {color: rgb(30,121,188); text-decoration: underline; }

	#content .UserDetail p{
	color: rgb(54,54,54);
	font-size: 12px;
	padding: 2px 0 0 0; }

	#content .UserDetail p.sendmessage {background: url(/common/img/member/ico_sendmsg.gif) no-repeat left 2px; font-size: 9px; padding-left: 17px;}
	#content .UserDetail p.sendmessage a {color: rgb(54,54,54); text-decoration: none;}
	#content .UserDetail p.sendmessage a:hover, #postPanelWrapper .Otheroptions .Panelblock a:hover {text-decoration: underline;}

	#postPanelWrapper .CommentBox {float:right; width: 823px;}
	#postPanelWrapper .CommentBox .err {display: block; font-size: 12px; padding: 5px 0;}
	#postPanelWrapper .CommentBox .yourcomment {
	color: rgb(30,121,188);
	font-size: 14px;
	font-weight: bold;
	padding:0 0 5px 5px; }
	#postPanelWrapper .CommentBox input.submitcomment {
	background: url(/common/img/member/bt_submitcomment.jpg) no-repeat;
	border: none;
	cursor: pointer;
	height: 31px;
	margin: 5px 0 0 0;
	width: 155px; }

	#postPanelWrapper .CommentBox textarea {height: 145px; width: 810px;}

	.Otheroptions  h3{font-size: 13px; font-weight: bold; padding: 25px 0 5px 5px;}
	.Otheroptions .Panelblock {background: url(/common/img/member/bg_otheroption.jpg) no-repeat; height: 62px; width: 568px;}

	.Otheroptions .Panelblock label {
	font-size: 12px;
	float: left;
	padding: 10px 2px 0 0;
	_padding: 5px 2px 0 0;
	/padding: 5px 2px 0 0; }

	.Otheroptions .Panelblock  label.instruction {float:left; padding:10px;}
	#content .Otheroptions .Panelblock a {
	clear: both;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding:0 10px;
	text-decoration: none;}
	#commentPost {padding-top: 10px;}

/* 	BKP V2.6 MultimediaServiceTheme
author: Mook,02April2010
......................................................*/

	/* Force CSS for main navigation*/
	#mainNavigation{width:982px;left:9px;}
	#mainNavigation ul#mainNavigationList{height:28px;background:url(/common/img/navigation/bg_mainnavigationlist.gif) repeat-x;width:982px;}
	#mainNavigation ul#mainNavigationList li a{height:26px;}
	#mainNavigation ul#mainNavigationList li a.active{background-position:0 -52px;height:28px;}
	#mainNavigation ul li#feature a { background-image:url(/common/img/navigation/feature.jpg);padding-right:1px;width:61px;}

	/* Subcategory*/
	#wrapper .infotab_graytheme{
	height:23px;
	background:rgb(235,235,235)!important;
	border-bottom:1px solid rgb(154,154,154);
	width:984px;
	}
	#wrapper .infotab_graytheme .subCategories{margin-left:6px;}
	#wrapper .infotab_graytheme .subCategories li{border-right:1px dotted rgb(51,51,51);}
	#wrapper .infotab_graytheme .subCategories li a{
	color: rgb(51,51,51);
	font-weight: bold;
	}
	#wrapper .infotab_graytheme .subCategories li a:hover{text-decoration: underline; color: rgb(17,80,152);}
/*
################
Information Tab
################
*/

#infoTab {
	width: 980px;
	height: 22px;
	margin: 0 auto;
	padding-top: 10px;
	background: rgb(33,60,112);
	overflow: hidden;
	_position: relative;
}

	#infoTab .subCategories {font-size: 12px; color: rgb(255,255,255);}
		.subCategories li {
			display: block;
			border-right: 1px dotted rgb(78,115,187);
			padding: 0 7px;
			float: left;
		}

		.subCategories li.noBorder {border-right: 0!important;}

		.subCategories li a {color: rgb(255,255,255);}
		.subCategories li a:hover {color: rgb(80,138,182);}

		/* add on: 17 Feb 2010 | radiz */
		.subCategories li.active {background: rgb(153,27,31); border-bottom: 5px rgb(153,27,31) solid; margin-top: -5px; padding: 5px 7px;}

		.subCategories li.addBookMark {font-size: 90%;}
		.subCategories li.addBookMark a {color: rgb(58,151,221); text-decoration: underline;}
		.subCategories li.addBookMark a:hover {color: rgb(58,151,221); text-decoration: none;}

		p.suggest {font-size: 12px; float: right; padding-right: 10px;}
			p.suggest a {color: rgb(80,138,182); text-decoration: underline;}
			p.suggest a:hover {color: rgb(80,138,182); text-decoration: none;}

	/*Multimedia dropdown menu*/
	.MultimediaServiceTheme #mainNavigation {z-index: 99;}
	.MultimediaServiceTheme #header {z-index:99!important;}
	#header #mainNavigation .multimedialist {background: url(/common/img/bg/bg_multimedia_dropdown.jpg) no-repeat; width: 106px; height: 73px; padding-top: 5px;}
	#header #mainNavigation .multimedialist li{width:106px; height: 18px; float: none;}
	#header #mainNavigation .multimedialist li.last a{border: none;}
	#header #mainNavigation .multimedialist a {
		background: none;
		border-bottom: 1px dotted rgb(151,151,151);
		width:93px;
		height: 15px;
		display: block;
		margin: 0 auto;
		color: rgb(0,0,0);
		padding-left: 5px;
		padding-top: 2px;
		font-size: 11px;
	}
	#header #mainNavigation .multimedialist a:hover {background: url(/common/img/bg/bg_multimedia_hover.gif) no-repeat; color: rgb(255,255,255);}

	/*Service dropdown menu*/
	#header #mainNavigation .servicelist {background: url(/common/img/bg/bg_service_dropdown.jpg) no-repeat; width: 92px; height: 149px; padding-top: 5px;}
	#header #mainNavigation .servicelist li{width:92px; height: 18px; float: none;}
	#header #mainNavigation .servicelist li.last a {border: none;}
	#header #mainNavigation .servicelist a {
		background: none;
		width:82px;
		height: 15px;
		display: block;
		margin: 0 auto;
		color: rgb(0,0,0);
		padding-left: 4px;
		padding-top: 2px;
		border-bottom: 1px dotted rgb(151,151,151);
		font-size: 11px;
	}
	#header #mainNavigation .servicelist a:hover {background: url(/common/img/bg/bg_service_hover.gif) repeat-x; color: rgb(255,255,255);}

	/*googleads-box on top and bottom forum detail*/
	.googleads-box1 {width: 964px; padding:10px 0;}
	.googleads-box2 {width: 728px; margin: 0 auto;}

	/* New Navigation 2013 */

#mainNavigation ul li#news { width: 48px;}
#mainNavigation ul li#news a { width: 48px;}
#mainNavigation ul li#business { width: 73px;}
#mainNavigation ul li#business a { width: 73px;}
#mainNavigation ul li#opinion { width: 62px;}
#mainNavigation ul li#opinion a { width: 62px;}
#mainNavigation ul li#learning { width: 75px;}
#mainNavigation ul li#learning a { width: 75px;}
#mainNavigation ul li#tech { width: 44px;}
#mainNavigation ul li#tech a { width: 44px;}
#mainNavigation ul li#lifestyle { width: 77px;}
#mainNavigation ul li#lifestyle a { width: 77px;}
#mainNavigation ul li#travel { width: 59px;}
#mainNavigation ul li#travel a { width: 59px;}
#mainNavigation ul li#auto { width: 45px;}
#mainNavigation ul li#auto a { width: 45px;}
#mainNavigation ul li#property { width: 78px;}
#mainNavigation ul li#property a { width: 78px;}
#mainNavigation ul li#multimedia { width: 99px; height: 26px;}
#mainNavigation ul li#multimedia a { width: 99px;}
#mainNavigation ul li#thailandguide { width: 115px;}
#mainNavigation ul li#thailandguide a { width: 115px;}
#mainNavigation ul li#classifieds { width: 91px;}
#mainNavigation ul li#classifieds a { width: 91px;}
#mainNavigation ul li#jobs { width: 43px;}
#mainNavigation ul li#jobs a { width: 43px;}
#mainNavigation ul li#more { width: 59px;}
#mainNavigation ul li#more a { width: 59px;}

#mainNavigation ul li { background: url(/common/img/navigation/newNav-right.png) right 0 no-repeat;text-align: center;margin-right: 1px;}
#mainNavigation ul li a { background: url(/common/img/navigation/newNav-left.png) 0 0 no-repeat;float: left; overflow: hidden;}
#mainNavigation ul li a span { padding: 7px 0 5px 0; font-size: 12px; display: block;font-weight: bold; color: #ffffff; letter-spacing: 0.01em;}

#mainNavigation ul li.active { background: url(/common/img/navigation/newNav-right-active.png) right 0 no-repeat;text-align: center;margin-right: 1px;}
#mainNavigation ul li.active a { background: url(/common/img/navigation/newNav-left-active.png) 0 0 no-repeat;float: left; overflow: hidden;}
#mainNavigation ul li.active a span { padding: 7px 0 5px 0; font-size: 12px; display: block;font-weight: bold; color: #ffffff; letter-spacing: 0.01em;}

#mainNavigation ul li:hover { background: url(/common/img/navigation/newNav-right-active.png) right 0 no-repeat;text-align: center;margin-right: 1px;}
#mainNavigation ul li:hover a { background: url(/common/img/navigation/newNav-left-active.png) 0 0 no-repeat;float: left; overflow: hidden;}
#mainNavigation ul li:hover a: span { padding: 7px 0 5px 0; font-size: 12px; display: block;font-weight: bold; color: #ffffff; letter-spacing: 0.01em;}

#lifestyle .iconNew { right: 26px; position: absolute; top: -10px;}
#thailandguide .iconNew { right:43px; position: absolute; top: -10px;}
#lifestyle .iconEnhanced { right: 13px; position: absolute; top: -10px;}
#thailandguide .iconEnhanced { right: 35px; position: absolute; top: -10px;}
#jobs .iconNew { right: 9px; position: absolute; top: -10px;}

/*pulldownlist menu*/
#header #mainNavigation .sublist {  width: 92px; height: 169px; padding-top: 5px; position: absolute; top: 26px; width: 92px; left: -34px;}
#header #mainNavigation .sublist li {width:92px; height: 18px; float: none; background: none; }
#header #mainNavigation .sublist li.last a {border: none; background: none;}
#header #mainNavigation .sublist a {
background: none;
width:82px;
height: 15px;
display: block;
margin: 0 auto 0 4px;
color: #ffffff;
padding-left: 4px;
padding: 2px 0 1px;
background: url(/common/img/navigation/opacity.png) 0 bottom repeat-x;
font-size: 11px;
}

#header #mainNavigation .pulldownlist {  width: 92px;  padding-top: 5px; position: absolute; top: 26px; width: 92px; left: -33px; background: #1f336b; overflow: hidden;}
#header #mainNavigation .pulldownlist li {width:92px; float: left; background: none; text-align: left;  overflow: hidden;}
#header #mainNavigation .pulldownlist li.last a {border: none; background: none;}
#header #mainNavigation .pulldownlist a {
background: none;
width:82px;
float: left;
margin: 0 0 0 3px;
color: #ffffff;
padding: 0 0 0 4px;
background: url(/common/img/navigation/opacity.png) 0 bottom repeat-x;
font-size: 11px;
line-height: 22px;
overflow: hidden;
height: auto;
}
#header #mainNavigation .pulldownlist a:hover { background: url(/common/img/navigation/opacity.png) 0 0 repeat; color: #ffffff; }
#header #mainNavigation .pulldownlist li.last a:hover { background: url(/common/img/navigation/opacity.png) 0 0 repeat; color: #ffffff; }

/*.copyright { display: none;}*/

#multimedia .iconEnhanced {
    position: absolute;
    right: 25px;
    top: -10px;
}