@charset "utf-8";

/*
##########################################
Style Sheets for Bangkok Post

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

author: radiz
##########################################
*/

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;
}

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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; /* for M$IE6 */
	color: rgb(0,0,0);
	background: rgb(33,60,112) url(../img/bg/bg_container.gif);
	padding-bottom: 20px;
}
	
/*
##################
Content Container
##################
*/

#container {
	width: 100%;
	clear: both;
	background: rgb(255,255,255);
}

#wrapper {width: 1000px; margin: 0 auto; background: transparent url(../img/bg/bg_contentWrapper.png);}
#wrapper {behavior: url(/productinfo/common/pngfix/iepngfix.htc);}

.endingShadow {width: 984px; height: 8px; margin: 0 auto; background: url(../img/bg/bg_endingShadow.png)}
.endingShadow {behavior: url(/productinfo/common/pngfix/iepngfix.htc);}


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

#bkkPostTab {
	width: 982px;
	height: 20px;
	margin: 0 auto;
	font-size: 0.625em;
	position: relative;
	z-index: 9;
}

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

	#bkkPostTab #memberAssistance {
		width: 200px;
		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 a {color: rgb(33,60,112);}
		#memberAssistance li a:hover {color: rgb(247,148,29);}
	
	#bkkPostTab #globalAssistance {width: 430px; height: 20px; float: right;}
		
		#globalAssistance p.dateTime {float: left; color: rgb(33,60,112); padding-top: 7px;}
		
		#globalAssistance .assistanceTabs {
			width: 380px;
			height: 15px;
			float: left;
			padding-left: 20px;
			margin: 5px 5px 0 0;
			background: url(../img/bg/bg_assistanceTabs.png) no-repeat;
		}
		
		#globalAssistance .assistanceTabs {behavior: url(/productinfo/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);
			}
			
			.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;}
		
/*
#############
Start header
#############
*/

#header {
	width: 960px;
	height: 165px;
	margin:  -4px auto 0;
	background: rgb(255,255,255) url(../img/bg/bg_header.gif) no-repeat;
	position: relative;
	padding: 20px 20px 0;
}

	#header h1.mainTitle {font-size: 0; height: 0; visibility: hidden;}
	
	#header .headerAd {width: 960px; padding-bottom: 10px; overflow: hidden; clear: both;}
		.headerAd .mini1stBanner, .headerAd .mini2ndBanner {
			width: 105px;
			height: 90px;
			background: transparent url(../img/bg/bg_miniHeaderAd.gif) no-repeat;
			padding: 5px;
		}
			
			.headerAd .mini1stBanner {position: absolute; left: 18px;}
			.headerAd .mini2ndBanner {position: absolute; right: 15px;}
				
			.headerAd .leaderAd {
				width: 728px;
				height: 90px;
				position: absolute;
				left: 135px;
				z-index: 999;
				overflow: hidden;
			}
			
			/* Change When rollOver by javaScript */
			.headerAd .leaderAdExpand {
				width: 728px;
				height: 300px;
				position: absolute;
				left: 135px;
				z-index: 999;
			}
			
			.headerAd .alignCenter {text-align: center;}
			
	#header p.homepage {
		width: 468px;
		height: 51px;
		font-size: 0.75em;
		float: left;
	}
	
	#header #topPageSearch {
		width: 305px;
		height: 27px;
		font-size: 0.75em;
		color: rgb(255,255,255);
		background: url(../img/bg/bg_headerSearch.jpg) no-repeat;
		float: right;
		padding: 8px 0 0 10px;
	}
		
		#topPageSearch a {color: rgb(255,255,255); text-decoration: underline;}
		#topPageSearch a:hover {text-decoration: none;}
		
		#topPageSearch .fixPosition {margin-bottom: -5px;}
		#topPageSearch #searchWords {width: 132px; height: 16px; border: 2px solid rgb(61,96,164);}
		
/*
################
Main Navigation
################
*/

#mainNavigation {
	width: 1000px;
	height: 26px;
	margin: 0 auto;
	background: url(../img/bg/shadowWhiteBG.png);
	overflow: hidden;
}

#mainNavigation {behavior: url(/productinfo/common/pngfix/iepngfix.htc);}

	#mainNavigation ul {width: 765px; height: 26px; padding-left: 15px;}
	#mainNavigation ul li {float: left; font-size: 0.75em;}
	
	#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(../img/navigation/news.jpg); width: 49px; padding-right: 2px;}
	#mainNavigation ul li#business a {background-image: url(../img/navigation/business.jpg); width: 73px; padding-right: 2px;}
	#mainNavigation ul li#opinion a {background-image: url(../img/navigation/opinion.jpg); width: 60px; padding-right: 2px;}
	#mainNavigation ul li#travel a {background-image: url(../img/navigation/travel.jpg); width: 58px; padding-right: 2px;}
	#mainNavigation ul li#leisure a {background-image: url(../img/navigation/leisure.jpg); width: 61px; padding-right: 2px;}
	#mainNavigation ul li#entertainment a {background-image: url(../img/navigation/entertainment.jpg); width: 113px; padding-right: 2px;}
	#mainNavigation ul li#auto a {background-image: url(../img/navigation/auto.jpg); width: 49px; padding-right: 2px;}
	#mainNavigation ul li#life a {background-image: url(../img/navigation/life.jpg); width: 49px; padding-right: 2px;}
	#mainNavigation ul li#tech a {background-image: url(../img/navigation/tech.jpg); width: 44px; padding-right: 2px;}
	#mainNavigation ul li#job a {background-image: url(../img/navigation/job.jpg); width: 37px; padding-right: 2px;}
	#mainNavigation ul li#forum a {background-image: url(../img/navigation/forum.jpg); width: 55px; padding-right: 2px;}
	#mainNavigation ul li#classifieds a {background-image: url(../img/navigation/classifieds.jpg); width: 82px;}


/*
################
Information Tab
################
*/

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

	#infoTab .subCategories {font-size: 0.75em; 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);}
		
		.subCategories li.addBookMark {font-size: 90%;}
		.subCategories li.addBookMark a {color: rgb(80,138,182); text-decoration: underline;}
		.subCategories li.addBookMark a:hover {color: rgb(80,138,182); text-decoration: none;}
		
		p.suggest {font-size: 0.75em; 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;}
		
/*
########
Content
########
*/

#content {
	width: 984px;
	margin: 0 auto 0.3125em;
	padding-bottom: 5px;
	background: rgb(255,255,255);
	overflow: hidden;
	position: relative;
	z-index: 995;
}	
/*
##############
Footer Section
##############
*/

#footer {width: 964px; margin: 0 auto; padding: 30px 10px; font-size: 0.75em; color: rgb(255,255,255);}
#footer a {color: rgb(255,255,255);}
#footer a:hover {color: rgb(255,255,255); text-decoration: underline;}

	
/*
################################
Bangkok Post: Inner Page Layout
Start on: 14 Oct. 2008
################################
*/

body.shortHeader #header {height: 75px;}
body.shortHeader #infoTab {
	width: 984px;
	height: 2px;
	background: rgb(235,235,235);
	border-top: 1px solid rgb(214,214,214);
	border-bottom: 1px solid rgb(214,214,214);
}
			
	#infoTab ul.searchFunction {
		font-size: 0.75em;
		float: right;
		padding-right: 10px;
		overflow: hidden;
	}
		
		ul.searchFunction li {
			display: block;
			padding: 0 7px;
			float: left;
			vertical-align: baseline;
		}
		
		ul.searchFunction li a {color: rgb(19,52,79); text-decoration: underline;}
		ul.searchFunction li a:hover {color: rgb(19,52,79); text-decoration: none;}
		
	#infoTab form.searchPanel {font-size: 0.75em; float: left; color: rgb(19,52,79);}
		form.searchPanel ul {overflow: hidden;}
		
		form.searchPanel ul li {
			display: block;
			padding: 0 7px;
			float: left;
			vertical-align: middle !important;
		}
		
		form.searchPanel ul li a {color: rgb(19,52,79); text-decoration: underline;}
		form.searchPanel ul li a:hover {color: rgb(19,52,79); text-decoration: none;}
		
	#productWrapper {
		width: 944px;
		margin: 0 auto;
		padding: 10px 20px;
		background: rgb(255,255,255);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		
		
	}
/*
################################
sms page
################################
*/
#subscribe{
	text-align:left;
	height:26px;
	background-color:rgb(234,238,241);
	background-image:url(../img/sms_page/c1.jpg);
	padding-left:10px;
	}
	#subscribe span{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight:bold;
		color:rgb(250,0,47)
		}
#howto{
	color:#083DA0;
	font-size:18px;
	font-weight:bold;
	height:30px;
	padding-left:10px;
	}
#serviceDetail{
	padding-left:15px;
	
	}
#tabhead{
	height:9px;
	padding:0px;
	}	
#tabbody{
	width:867px;
	float:left;
	}
#tabbodydetail{
	background-image:url(../img/sms_page/tab_bgbody.jpg);
	float:left;
	height:390px;
	margin-top:5px;
	padding:10px;
	width:905px;
	}
.border{
	border: 1px  #FFF solid; background-color:#e5e5e5; color:#207dc4;
	font-weight:bold;
	}
.border_bottom{
	border-bottom: #eaeaea solid 1px; }
	
/*
################################
epaper page
################################
*/
#epaperSub{
	width:772px;
	height:341px;
	background-image:url(../img/epaper_sub/bg_gray.jpg);
	text-align:center;
	}
#epapertitle{
	color:#1a4088;
	font-weight:bold;
	font-size:18px;
	padding-bottom:10px;
	padding-top:15px;
	
	}
#mainNavigationEpeper {
	width: 1000px;
	height: 26px;
	margin: 0 auto;
	background: url(../img/bg/shadowWhiteBG.png);
	overflow: hidden;
}

#mainNavigationEpeper {behavior: url(/productinfo/common/pngfix/iepngfix.htc);}

	#mainNavigationEpeper ul {width: 765px; height: 26px; padding-left: 15px;}
	#mainNavigationEpeper ul li {float: left; font-size: 0.75em;}
	
	#mainNavigationEpeper ul li a {
		display: block;
		text-decoration: none;
		height: 26px;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	
	#mainNavigationEpeper ul li a:hover {background-position: 0 -29px;}
	#mainNavigationEpeper ul li a.active {background-position: 0 -29px;}
	#mainNavigationEpeper ul li span {visibility: hidden;}
	
	#mainNavigationEpeper ul li#home a { background-image:url(../img/navigation/epaper_home.jpg); width: 51px; padding-right: 2px;}
	#mainNavigationEpeper ul li#about a {background-image: url(../img/navigation/epaper_about.jpg); width: 107px; padding-right: 2px;}
	#mainNavigationEpeper ul li#subscrip a {background-image: url(../img/navigation/epaper_subscrip.jpg); width: 125px; padding-right: 2px;}
	#mainNavigationEpeper ul li#help a {background-image: url(../img/navigation/epaper_help.jpg); width: 43px; padding-right: 2px;}
	#mainNavigationEpeper ul li#download a {background-image: url(../img/navigation/epaper_download.jpg); width: 183px; padding-right: 2px;}
	#mainNavigationEpeper ul li#download a:hover {background-image: url(../img/navigation/epaper_download.jpg); width: 183px; padding-right: 2px;}
	#mainNavigationEpeper ul li#special a {background-image: url(../img/navigation/special_publication.jpg); width: 128px;}	

#headline{
	font-size:18px;
	font-weight:bold;
	height:30px;
}
#hereis{
	
	padding-left:60px;
	font-weight:bold;
	}
.bluef{
	color:#004886;
	font-weight:bold;
	}
	
	
	
	
#mainNavigationEpeper {
	width: 1000px;
	height: 26px;
	margin: 0 auto;
	background: url(../img/bg/shadowWhiteBG.png);
	overflow: hidden;
}
/*
################################
front page
################################
*/

#frontpagetitle{
	color:#1a4088;
	font-weight:bold;
	font-size:18px;
	padding-bottom:10px;
	padding-top:15px;
	
	}

#mainNavigationfontpage {
	width: 1000px;
	height: 26px;
	margin: 0 auto;
	background: url(../img/bg/shadowWhiteBG.png);
	overflow: hidden;
}

#mainNavigationfontpage {behavior: url(/productinfo/common/pngfix/iepngfix.htc);}

	#mainNavigationfontpage ul {width: 765px; height: 26px; padding-left: 15px;}
	#mainNavigationfontpage ul li {float: left; font-size: 0.75em;}
	
	#mainNavigationfontpage ul li a {
		display: block;
		text-decoration: none;
		height: 26px;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	
	#mainNavigationfontpage ul li a:hover {background-position: 0 -29px;}
	#mainNavigationfontpage ul li a.active {background-position: 0 -29px;}
	#mainNavigationfontpage ul li span {visibility: hidden;}
	
	#mainNavigationfontpage ul li#home a { background-image:url(../img/navigation/fontpage_home.jpg);width: 51px; padding-right: 2px;}
	#mainNavigationfontpage ul li#price a { background-image:url(../img/navigation/fontpage_price.jpg); width: 46px; padding-right: 2px;}
	#mainNavigationfontpage ul li#search a { background-image:url(../img/navigation/fontpage_search.jpg); width: 116px; padding-right: 2px;}
	#mainNavigationfontpage ul li#order a {background-image: url(../img/navigation/fontpage_order.jpg); width: 88px; padding-right: 2px;}
	
	
.headline{
	font-size:18px;
	font-weight:bold;
	height:30px;
}


#mainNavigationnewswire {
	width: 1000px;
	height: 26px;
	margin: 0 auto;
	background: url(../img/bg/shadowWhiteBG.png);
	overflow: hidden;
}

#mainNavigationnewswire {behavior: url(/productinfo/common/pngfix/iepngfix.htc);}

	#mainNavigationnewswire ul {width: 765px; height: 26px; padding-left: 15px;}
	#mainNavigationnewswire ul li {float: left; font-size: 0.75em;}
	
	#mainNavigationnewswire ul li a {
		display: block;
		text-decoration: none;
		height: 26px;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	
	#mainNavigationnewswire ul li a:hover {background-position: 0 -29px;}
	#mainNavigationnewswire ul li a.active {background-position: 0 -29px;}
	#mainNavigationnewswire ul li span {visibility: hidden;}
	
	#mainNavigationnewswire ul li#home a { background-image:url(../img/navigation/newswire_home.jpg);width: 51px; padding-right: 2px;}
	#mainNavigationnewswire ul li#contact a { background-image:url(../img/navigation/newswire_contact.jpg); width: 77px; padding-right: 2px;}
	#mainNavigationnewswire ul li#policy a { background-image:url(../img/navigation/newswire_policy.jpg); width:49px; padding-right: 2px;}
	#mainNavigationnewswire ul li#privacy a { background-image:url(../img/navigation/newswire_privacy.jpg); width: 56px; padding-right: 2px;}
	
	
#infoTabnews {
	width: 980px;
	height: 22px;
	margin: 0 auto;
	padding-top: 2px;
	background: rgb(33,60,112);
	overflow: hidden;
	position: relative;
}

	#infoTabnews .subCategories {font-size: 0.75em; 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);}
		
		.subCategories li.addBookMark {font-size: 90%;}
		.subCategories li.addBookMark a {color: rgb(80,138,182); text-decoration: underline;}
		.subCategories li.addBookMark a:hover {color: rgb(80,138,182); text-decoration: none;}
		
		p.suggest {font-size: 0.75em; 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;}
			
body.shortHeader #infoTabnews {
	width: 984px;
	height: 25px;
	background: rgb(235,235,235);
	border-top: 1px solid rgb(214,214,214);
	border-bottom: 1px solid rgb(214,214,214);
}
			
	#infoTabnews ul.subnavi {
		font-size: 0.75em;
		float: left;
		padding-left: 12px;
		overflow: hidden;
	}
		
		ul.subnavi li {
			display: block;
			padding-top:5px;
			padding-right:10px;
			float: left;
			vertical-align: baseline;
		}
		
		ul.subnavi li a {color: rgb(19,52,79); text-decoration: none;}
		ul.subnavi li a:hover {color: rgb(19,52,79); text-decoration: underline;}
		
		
/*E-paper - 25 March 2011 by Benz*/
		
.epaper-news { background: url("../img/bg/bg_epaper_news.jpg") no-repeat 0 0; height: 216px; width: 314px;}
.epaper-news p { padding: 45px 0 0 20px; width: 300px;}
.epaper-news a { color: #207DC4; font-size: 13px; font-weight: bold;}
.epaper-news a:hover { text-decoration: underline;}
.epaper-news span { display: block;}

.application-header { 
	background: #ededed; 	 
	color: #1a4088;	
	font-size: 14px; 
	font-weight: bold;
	padding: 5px 0 5px 10px;
	text-align: left;
}
.thumbnail { margin-top: 10px; }
.thumbnail a { color: #6e6e6e; text-decoration: underline;}
.thumbnail a:hover { text-decoration: none;}