@charset 'utf-8';
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; list-style-type: none;}
* {padding: 0;margin: 0;outline: none;list-style-type: none;text-decoration: none;}
body {font-family: Arial, Helvetica, sans-serif;font-size: 16px;color: #333333;background: #fff; position: relative;}
/*body *{-webkit-filter: saturate( 70% ); filter: saturate( 70% );}*/
.articleContent{position: relative; }
body > .stat {position: absolute; bottom: 50px;}
body > .truehits {position: absolute; bottom: 50px;}
#browser-support {display: none;}
.g-btn {display: inline-block; border-radius: 2px;  border: 1px solid #adadad; margin: 0 3px 0 0;}
.g-btn a{display: inline-block;padding: 4px 10px;color:#333; background: #ffffff;}
.addBorder {_padding-top: 10px; /padding-top: 10px}
body #wrapper .g-btn a:hover {text-decoration: none;}
.buzzBoombox {width: 300px; height: 267px; padding-top:13px;}
.articleContent .sponsor,.vdo-detail .sponsor{text-transform: uppercase; font-size: 11px; color:#666!important; font-weight: bold;}
.vdo-detail .sponsor {padding: 0 0 10px;}
.articleContent .sponsor strong,.vdo-detail .sponsor strong {color:#333;}
.right-listing .info p > img { margin: 0;}
/*global secondary box*/
.secondary { width: 300px; overflow: hidden; clear: both; margin: 0 0 25px;}
.secondary h2 {padding: 0 0 5px; color: #333333;}
.secondary .header {font-size: 15px; text-transform: uppercase; line-height: 15px;}
.secondary.hd-line .header{border-bottom: 1px solid #e6e6e6; display: block; padding: 0 0 5px; margin: 0 0 5px;}
/*Content Container*/
#container {width: 100%;clear: both;background: rgb(255,255,255);position: relative; z-index: 10001 !important;}
#wrapper {width: 1000px;margin: 0 auto;position: relative;z-index: 1; padding: 15px 0 0;}
h1#static-hd{font-size: 15px; color:#333; padding: 20px 0 10px; border-bottom: 1px solid #ededed; margin: 0 0 15px; text-transform: uppercase;}
#oneCol{width: 940px; margin: 0 auto; margin: 25px auto 0;}
/*Start bkkPost Tab*/
#bkkPostTab {width: 982px;height: 20px;margin: 0 auto;font-size: 10px;position: relative;z-index: 10002;}
#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(../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(../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);}
#bkkPostTab #globalAssistance {height: 20px; float: right;}
#globalAssistance p.dateTime {float: left; color: rgb(33,60,112); padding-top: 7px;}
#globalAssistance .assistanceTabs {height: 15px;float: left;padding-left: 14px;margin: 5px 5px 0 0;background: url(../img/bg/bg_assistanceTabs.png) no-repeat left top;}
#globalAssistance .assistanceTabs .last {padding-right: 10px; border: none; background: rgb(255,255,255) url(../img/bg/bg_assistanceTabs.png) no-repeat right top; }
.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;}
/*header*/
#header {width: 960px;height: 195px; margin: 0 auto;background: rgb(255,255,255) url(../img/bg/bg_header.gif) 0 -4px no-repeat;position: relative;padding: 20px 20px 0;_z-index: 8;}
.upper #header,.upper #wrapper {z-index: 10001;}
.headermsg {background: rgb(255,255,255) url(../img/bg/bg_header_msg.gif) no-repeat!important;height: 237px!important;}
h1.mainTitle {font-size: 0; height: 0; visibility: hidden;}
#header .headerAd {width: 960px;height: 90px;position: absolute;top: 80px;left: 20px;z-index: 900;}
.headerAd:after {content: "."; clear: both; height: 0; display: block; visibility: hidden;}
.headerAd .mini1stBanner, .headerAd .mini2ndBanner {width: 105px;height: 90px; text-align: center;}
.headerAd .mini1stBanner {float: left; margin-right: 1px; overflow: hidden;}
.headerAd .mini2ndBanner {float: right; overflow: hidden;}

.headerAd .alignCenter {text-align: center;}
#header p.homepage {width: 468px;height: 51px;font-size: 12px;float: left;}
#header #topPageSearch {width: 350px;height: 37px;font-size: 12px;color: rgb(255,255,255);background: url(../img/bg/bg_headerSearch.jpg) no-repeat;float: right;padding: 8px 0 0 0px;}
#topPageSearch a {color: rgb(102,102,102); font-size: 12px; text-decoration: underline; padding-left: 3px;}
#topPageSearch a:hover {text-decoration: none;}
#topPageSearch .fixPosition {margin-bottom: -5px;}
#topPageSearch #searchWords {width: 132px; height: 16px;  border: 1px solid rgb(102,102,102);}
#topPageSearch label {float:left;margin:-7px 5px 0 7px;_display:inline;_margin-top:-5px;}

/*Main Navigation*/
#mainNavigation {width: 982px;height: 26px;position: absolute;left: 9px; bottom: 0; z-index: 1; }
/*Message box force style*/
.headermsg #mainNavigation {top:231px;}
/*#mainNavigation ul {height: 26px;} */
#mainNavigation ul li {float: left; font-size: 12px; position: relative;}
/*#mainNavigation ul li#multimedia {width: 107px;}*/
#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; }
.sms-content {padding: 30px 0 0;}

/*for Switch back to old version*/
#mainNavigation ul li#switchBack {float: right !important; margin-right: -160px; margin-left: 60px;}
#mainNavigation ul li#switchBack a {padding-top: 5px; color: rgb(204,0,0); text-decoration: underline;}
#mainNavigation ul li#switchBack a:hover {text-decoration: none;}
/*Information Tab*/
#infoTab {width: 980px;height: 22px;margin: 0 auto;padding-top: 10px;background: rgb(33,60,112);overflow: hidden;}
#infoTab .subCategories {font-size: 12px; color: rgb(255,255,255);}
.subCategories li {display: block; background: url("../img/navigation/newNav-border.png") no-repeat right 0 ; border: none;;padding: 0 7px;float: left;}
.subCategories li.noBorder { border-right: 0!important; background: none;}
.subCategories li a {color: rgb(255,255,255); text-decoration: none;}
.subCategories li a:hover,aside .local-service a:hover { text-decoration: underline;}

/* add on: 17 Feb 2010 | radiz */
.subCategories li.active {background: #142446; border-bottom: 5px #142446 solid; margin-top: -5px; padding: 5px 7px; color:#3a95ca; margin-left: -1px;}
.subCategories li.addBookMark a { color: #ffffff; text-decoration: underline;}
.subCategories li.addBookMark a:hover { color: #ffffff; 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;}

#content {width: 984px;margin: 0 auto 5px;padding-bottom: 5px;background: rgb(255,255,255); /*overflow: hidden*/}
.TH-Search #content,.searchArchive #content {overflow: hidden;}
#content:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
#dailyPost {width: 665px; float: left;}

/*today highlight*/
#dailyPost #todayHighlight {width: 665px;height: 350px;background: rgb(22,47,95);color: rgb(255,255,255);}
#todayHighlight li.topHighlight {width: 424px;height: 350px;float: left;}
body #todayHighlight .topHighlight a, .otherHighlight a {color: #fff!important;}
body #todayHighlight .topHighlight a:hover, .otherHighlight a:hover {text-decoration: underline;}
li.topHighlight h2 {width: 410px;font-size: 24px;color: rgb(255,255,255);padding: 10px 0 0 10px;}
li.topHighlight h2 a {color: rgb(255,255,255); text-decoration: none;}
li.topHighlight h2 a:hover {color: rgb(255,255,255); text-decoration: underline;}
li.topHighlight p.topHighlightPic {width: 415px;height: 220px;margin-bottom: 5px;padding-left: 5px; position: relative; overflow: hidden; vertical-align: middle;}
li.topHighlight p.topHighlightPic img, 
li.topHighlight p.topHighlightPic a { display: inline-block; margin-top: -20px; max-width: 415px;}
li.topHighlight p.topHighlightPic a { left: 5px; position: absolute; top: 0;}
li.topHighlight p.topHighlightPic a img { margin-top: -20px;}
li.topHighlight p.topHighlightPic .icon-update { position: absolute; left: 5px; top: 0;}
li.topHighlight div.topHighlightDetails {width: 420px; height: 80px;}
.topHighlightDetails h3 {font-size: 14px;color: rgb(255,255,255);padding-left: 5px;margin-bottom: 5px;}
.topHighlightDetails p {font-size: 12px; padding-left: 5px; margin-bottom: 5px;}
.topHighlightDetails p img { float: left; margin-right: 2px; padding: 1px 0 0;}
.topHighlightDetails p.moreTopStories {	font-size: 10px;text-align: right;padding-left: 5px;margin-bottom: 0;}
.moreTopStories a {color: rgb(80,138,182);text-decoration: underline;}
.moreTopStories a:hover {color: rgb(80,138,182); text-decoration: none;}
li.otherHighlight {width: 231px;height: 81px;background: url(../img/bg/bg_otherHighlight.jpg) repeat-x;overflow: hidden;padding: 2px;border-top: 2px solid #162F5F;}
li.otherHighlight:after {content: "."; height: 0; visibility: hidden; display: block; clear: both;}
li.otherHighlight p.otherHighlightPic {width: 63px; height: 82px; float: right; position: relative;}
li.otherHighlight p.otherHighlightPic img { float: none; margin: 0;}
li.otherHighlight p.otherHighlightPic .icon-update { position: absolute; left: 0; top: 0;}
li.otherHighlight h3 {font-size: 11px; color: rgb(255,255,255);}
li.otherHighlight p {font-size: 11px;}
li.otherHighlight p img { float: left; margin-right: 2px; padding: 1px 0 0;}
li.specialHighLight {width: 235px; height: 85px; border-top: 2px solid rgb(22,47,95);z-index:-1;}
.inhouseAds {width: 300px; height: 250px;}

/*the Local News*/
#dailyPost #localNews {width: 665px; background: rgb(255,255,255); overflow: hidden;}
#localNews .leftColumn {width: 325px; float: left; padding: 9px 0 0 5px;}
#localNews .rightColumn {width: 325px; float: right; padding: 9px 5px 0 0;}
/*Global Use Box*/
.gradientBox {width: 305px;height: 175px;padding: 10px;background: url(../img/bg/bg_categoriesBox.jpg) no-repeat;margin-bottom: 5px;}
.gradientBox2 {width: 275px;height: 185px;padding: 15px 10px 15px 15px;margin: 0 auto;background: url(../img/bg/bg_categoriesBox2.jpg) no-repeat;}
.gradientBox3 {width: 275px;height: 255px;padding: 15px 10px 10px 15px;background: url(../img/bg/bg_categoriesBox3.jpg) no-repeat;position: relative;}
.gradientBox4 {width: 385px;height: 255px;padding: 15px 15px 10px;background: url(../img/bg/bg_categoriesBox4.jpg) no-repeat;position: relative;}
.gradientBox5 {width: 305px;height: 301px;margin-bottom: 5px;padding: 10px;background: url(../img/bg/bg_categoriesBox5.png) no-repeat;}


.gradientBox5 li p a {color:rgb(33,60,112);}
.gradientBox5 li p a:hover {text-decoration: underline;}
.gradientBox6 {width: 305px;height: 634px;padding: 10px;background: url(../img/bg/bg_categoriesBox6.jpg) no-repeat;}
.gradientBox19 {width: 305px;height: 326px;padding: 10px;background: url(../img/bg/bg_categoriesBox19.jpg) no-repeat;}
.holoscopeBox {width: 305px;height: 310px;padding: 10px;}
/*Edit by eid@2010-01-08*/
.gradientBox7 {width: 306px;height: 434px;padding: 10px;background: url(../img/bg/bg_categoriesBox7.png) no-repeat;}
.forumBox {width: 385px;height: 195px;background: url(../img/bg/bg_forumBox.jpg) no-repeat;padding: 15px 15px 10px;clear: both;}
.gradientBox h2,.gradientBox8 h2, .gradientBox2 h2, .gradientBox3 h2, .gradientBox4 h2,
.gradientBox5 h2, .gradientBox6 h2, .gradientBox7 h2, .forumBox h2, .innerpageForum h2, #horo_game h2,
.LatestMultimedia h2, .Popular_Reader h2, .ThailandDirectory h2,
.EventCalendarHome h2,.gradientBox9 h2,.HotelRecommendBox h2, .gradientBox11 h2, .gradientBox16 h2, .gradientBox19 h2  {font-size: 14px; color: rgb(30,121,188); margin-bottom: 8px;}

.gradientBox h2 a, .gradientBox8 h2 a, .gradientBox2 h2 a, .gradientBox3 h2 a, .gradientBox4 h2 a,
.gradientBox5 h2 a, .gradientBox6 h2 a,  .gradientBox7 h2 a, .forumBox h2 a, .innerpageForum h2 a, #horo_game h2 a,
.LatestMultimedia h2 a, .Popular_Reader h2 a, .ThailandDirectory h2 a,
.EventCalendarHome h2 a,.gradientBox9 h2 a, .gradientBox11 h2 a {color: rgb(30,121,188);}

.gradientBox h2 a:hover,.gradientBox8 h2 a:hover, .gradientBox2 h2 a:hover, .gradientBox3 h2 a:hover, .gradientBox4 h2 a:hover,
.gradientBox5 h2 a:hover, .gradientBox6 h2 a:hover, .gradientBox7 h2 a:hover, .forumBox h2 a:hover, .innerpageForum h2 a:hover, #horo_game h2 a:hover,
.LatestMultimedia h2 a:hover, .Popular_Reader h2 a:hover, .ThailandDirectory h2 a:hover,
.EventCalendarHome h2 a:hover, .gradientBox9 h2 a:hover {color: rgb(30,121,188); text-decoration: underline;}
.gradientBox2 h3 a, .gradientBox3 h3 a, .gradientBox4 h3 a, .forumBox h3 a {color: rgb(103,166,212);}
.gradientBox2 h3 a:hover, .gradientBox3 h3 a:hover,
.gradientBox4 h3 a:hover, .forumBox h3 a:hover, .gradientBox11 h2 a:hover {color: rgb(30,121,188);}

/* Style for highlight section */
.gradientBox ol li, .gradientBox5 ol li,
.innerpageForum ol li, .gradientBox6 ol li {height: 63px; margin-bottom: 8px; overflow: hidden;}
.gradientBox ol li p.newspic, .gradientBox5 ol li p.newspic,
.innerpageForum ol li p.newspic, .gradientBox6 ol li p.figure,
.gradientBox5 ol li p.figure,.gradientBox8 ol li p.newspic, .gradientBox8 ul li p.newspic, .gradientBox9 ul li p.newspic, .gradientBox11 ul li p.newspic {width: 90px;height: 60px;float: left;margin-right: 10px;}
.gradientBox ol li h3, .gradientBox5 ol li h3,
.innerpageForum ol li h3, .gradientBox6 ol li h3, .gradientBox8 ul li h3, .gradientBox9 ul li h3{font-size: 12px; color: rgb(33,60,112); margin-bottom: 5px;}
.gradientBox ol li p, .gradientBox5 ol li p, .innerpageForum ol li p, .gradientBox6 ol li p, .gradientBox8 ol li p, .gradientBox8 ul li p,
.gradientBox9 ul li p, .gradientBox11 ul li p{font-size: 12px;}
.gradientBox ol li h3 a, .gradientBox5 ol li h3 a, .innerpageForum ol li h3 a,
.gradientBox6 ol li h3 a,.gradientBox8 ol li h3 a,.gradientBox8 ul li h3 a ,.gradientBox9 ul li h3 a{color: rgb(33,60,112);}
.gradientBox ol li h3 a:hover, .gradientBox5 ol li h3 a:hover,
.innerpageForum ol li h3 a:hover, .gradientBox6 ol li h3 a:hover,.gradientBox8 ol li h3 a:hover,.gradientBox8 ul li h3 a:hover, .gradientBox9 ul li h3 a:hover{color: rgb(33,60,112); text-decoration: underline;}
.gradientBox ol li.smallThumb, .gradientBox5 ol li.smallThumb {height: 32px;margin-bottom: 5px;border-bottom: 1px dotted rgb(72,72,72);padding-bottom: 5px;}
.gradientBox ol li.smallThumb p.newspic, .gradientBox5 ol li.smallThumb p.newspic {width: 52px;height: 32px;float: left;margin-right: 10px;}
.gradientBox ol li.smallThumb h3, .gradientBox5 ol li.smallThumb h3 {font-size: 12px; color: rgb(72,72,72); margin-bottom: 5px;}
.gradientBox ol li.smallThumb p, .gradientBox5 ol li.smallThumb p {font-size: 10px;}
.gradientBox ol li.smallThumb h3 a, .gradientBox5 ol li.smallThumb h3 a {color: rgb(72,72,72);}
.gradientBox ol li.smallThumb h3 a:hover, .gradientBox5 ol li.smallThumb h3 a:hover {color: rgb(72,72,72); text-decoration: underline;}

/* Style for Horo and Game */
.gradientBox5 form.game {margin-top: 20px;}
.gradientBox5 form.game label {width: 90px;text-align: right;margin-right: 10px;display: block;float: left;color: #213C70;font-size: 12px;font-weight: bold;}
.holoList { background: url(../img/bg/bg_categoriesBox-holo.jpg) no-repeat scroll 0 0;height: 301px;padding: 10px;width: 305px;margin-bottom: 5px; }
.holoList li {height: 120px;margin-bottom: 8px;overflow: hidden;}
.holoList li select {margin-top: 3px;}
.holoList li h2 {margin-bottom: 5px; font-size: 14px;}
.holoList li h2 a {font-size: 14px;color: rgb(30,121,188);}
.holoList li h2 a:hover {text-decoration: underline;}
.holoList li p {font-size: 12px;}
.holoList li .holopic {width: 48px; float: left;}
.holoList li form label {font-size: 12px;}
.holoList li form label.labelLeft {width: 125px; display: block;float: left;}
.holoList li form label.labelLeft select {width: 120px;}
.holoList li.loveMeter {height: 140px;}
.holoList li.loveMeter .holopic {margin-top: 3px;}
.holoList li.loveMeter form {margin: 5px 0 8px; overflow: hidden;}
.holoList li.loveMeter p a {color: #213C70;}
.holoList li.loveMeter p a:hover {text-decoration: underline;}

/* Quick Vote */
.gradientBox2 h3 {font-size: 12px;color: rgb(103,166,212);margin-bottom: 10px;_margin-bottom: 0; /* for M$IE6 *//margin-bottom: 0; /* for M$IE7-8 */}
.gradientBox2 ul {font-size: 12px;}
.gradientBox2 ul li {margin-bottom: 1px;_margin-bottom: 0; /* for M$IE6 *//margin-bottom: 0; /* for M$IE7-8 *//padding-bottom: 1px; /* for M$IE7-8 */}
.gradientBox2 #serch-for-bangkokpost ul li {padding-bottom:8px;}
.gradientBox2 #serch-for-bangkokpost #keyword {width:100%;}
.gradientBox2 #serch-for-bangkokpost ul li label {float:left; width:100px;}
/* Style for Video */
.gradientBox2 ul.videoList {font-size: 100%!important;}
.gradientBox2 ul.videoList li {height: 77px; margin-bottom: 5px;}
.gradientBox2 ul.videoList li p {font-size: 12px;}
.gradientBox2 ul.videoList li p.videoThumb {width: 100px;height: 73px;padding: 4px 0 0 4px;background: url(../img/bg/bg_videoThumbs.png) no-repeat;float: left;margin-right: 2%;}
/* Quick Vote */
.gradientBox2 form#quickVote {overflow: hidden;}
.gradientBox2 form#quickVote:after {content: "."; clear: both; height: 0; display: block; visibility: hidden;}
.gradientBox2 form#quickVote p.thumb {width: 90px;height: 60px;float: right;padding: 5px 5px 0 0;}
/* Style for Mini Forum */
.gradientBox2 ul.forumList {padding-left: 15px;}
.gradientBox2 ul.forumList li {margin-bottom: 3px;list-style: disc outside !important;_margin-bottom: 0;/margin-bottom: 0;}
.gradientBox2 ul.forumList li a {color: rgb(0,0,0); text-decoration: underline;}
.gradientBox2 ul.forumList li a:hover {color: rgb(0,0,0); text-decoration: none;}
/* Style for Directory */
.gradientBox3 ul {width: 275px;}
.gradientBox3 ul li {margin-bottom: 10px;_margin-bottom: 0; /* for M$IE6 *//margin-bottom: 0; /* for M$IE7-8 */}
.gradientBox3 ul li h3 {font-size: 14px; color: rgb(103,166,212);}
.gradientBox3 ul li p {font-size: 12px;}
.gradientBox3 p.byBuzz {width: 45px;height: 47px;position: absolute;bottom: 0;right: 10px;background: transparent url(../img/icons/icon-buzz.png) no-repeat;}
.gradientBox3 p.byBuzz a {width: 45px;height: 47px;display: block;}
.gradientBox3 p.byBuzz a span {visibility: hidden;}
/*Blogs */
.gradientBox4 ul.blogList {width: 385px;}
.gradientBox4 ul.blogList li {margin-bottom: 8px; _margin-bottom: 0; /* for M$IE6 */}
.gradientBox4 ul.blogList li p.blogThumb {width: 90px;height: 60px;float: right;padding: 0 0 10px 5px;}
.gradientBox4 ul.blogList li h3 {font-size: 14px; color: rgb(103,166,212); margin-bottom: 5px;}
.gradientBox4 ul.blogList li h3 em {display: block;font-size: 60%;font-style: normal;color: rgb(151,35,138);}
.gradientBox4 ul.blogList li p {font-size: 12px;}
/* Style for Forum */
.forumBox .hightlightForum {width: 385px; overflow: hidden;}
.hightlightForum p.forumThumb {width: 90px;height: 60px;float: left;padding: 0 10px 15px 0;}
.hightlightForum h3 {font-size: 14px; color: rgb(103,166,212); margin-bottom: 5px;}
.hightlightForum p {font-size: 12px;}
.hightlightForum ul.forumListLeft {width: 190px; float: left; font-size: 12px;}
.hightlightForum ul.forumListRight {width: 190px; float: right; font-size: 12px;}
ul.forumListLeft li, ul.forumListRight li {margin-bottom: 5px;padding: 3px 0;border-bottom: 1px dotted rgb(72,72,72);}
ul.forumListLeft li a, ul.forumListRight li a {color: rgb(103,166,212);}
ul.forumListLeft li a:hover, ul.forumListRight li a:hover {color: rgb(30,121,188);}
/* Inner Page Forum Box */
.innerpageForum {width: 305px;height: 310px;padding: 10px;background: url(../img/bg/bg_innerPageForum.jpg) no-repeat;}
.innerpageForum ol {margin-bottom: 15px;}
.innerpageForum ul {font-size: 12px; line-height: 140%; padding-left: 15px;}
.innerpageForum ul li {list-style: disc outside !important;}
.innerpageForum ul a {color: rgb(72,72,72);}
.innerpageForum ul a:hover {color: rgb(97,97,97);}
/* For Most View */
.gradientBox2 ul.mostViewList {width: 275px;height: 135px;font-size: 12px;color: rgb(72,72,72);margin: 0 auto 10px;padding: 5px 0;border-bottom: 1px dotted rgb(72,72,72);border-top: 1px dotted rgb(72,72,72);}
.gradientBox2 ul.mostViewList h3 a{color: rgb(33,60,112); font-size: 12px;}
ul.mostViewList:after {content: "."; height: 0; display: block; clear: both; visibility: hidden;}
ul.mostViewList li p.interviewThumb {float: left;width: 90px;height: 60px;margin-right: 5px;}
ul.mostViewList li h3 {font-size: 120%; margin-bottom: 5px;}
ul.mostViewList li h3 a:hover {text-decoration: underline;}
ul.mostViewList li p {margin-bottom: 5px;}
ul.mostViewList li a {color: rgb(72,72,72); text-decoration: none;}
ul.mostViewList li a:hover {color: rgb(72,72,72); text-decoration: underline;}
/*Today Hightlight Sidebar Phase*/
.sideBar {width: 300px; float: right; padding:0 10px 0 0;}
/*Breaking News*/
#breakingNews {width: 300px;margin: 0 auto;_display:inline;height:220px;}
#breakingNews h2 {font-size: 14px;color: rgb(255,255,255);padding: 12px 0 0 12px;margin-bottom: 10px;}
#breakingNews .rssFeed {background:url("../img/bg/bg_rss-feed.png") no-repeat scroll 0 0 transparent;float:right;font-size:10px;height:20px;margin:8px 8px 0 0;width:20px;}
.rssFeed span {display:none;}
#breakingNews ul.breakingList {border-bottom:1px dotted #000000;border-top:1px dotted #000000;font-size:12px;height:130px;margin:0 auto 10px;overflow:hidden;padding:5px 0;width:275px;}
#breakingNews .breakingList li{margin:0;width:275px;}
#BreakingNews_MostRead #breakingNews p.moreBreakingNews a {color:#508AB6;float:left;font-size:11px;text-decoration:underline;}
#BreakingNews_MostRead #breakingNews p.moreBreakingNews a.rssFeed {background:url("../img/bg/ico_rss.gif") no-repeat scroll 0 0 transparent;float:right;font-size:10px;height:13px;margin:0 8px 0 0;width:22px;}
#BreakingNews_MostRead #breakingNews p.moreBreakingNews {font-size:11px;margin: 10px auto 0;overflow: hidden;padding:0;text-align:right;width:275px;}
#BreakingNews_MostRead #breakingNews{background:none repeat scroll 0 0 transparent;height:auto;width:293px;}
#BreakingNews_MostRead #breakingNews ul.breakingList {background:none repeat scroll 0 0 transparent;border:medium none;height:135px;margin:5px auto 0;overflow:hidden;padding:0;}
ul.breakingList li p.interviewThumb {float: left;width: 90px;height: 93px;margin-right: 5px;}
ul.breakingList li {clear: both; _overflow: hidden;}
ul.breakingList li:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;}
ul.breakingList li span.time {width: 52px; display: block; float: left;}
ul.breakingList li span.content {width: 215px; display: block; float: right;}
ul.breakingList li h3 {font-size: 140%; margin-bottom: 5px;}
ul.breakingList li h3 a:hover {text-decoration: underline;}
ul.breakingList li p {margin-bottom: 5px;}
ul.breakingList li a {color: rgb(30,121,188); text-decoration: none;}
ul.breakingList li a:hover span,ul.breakingList li a:hover{color: rgb(30,121,188); text-decoration: underline;}
ul.breakingList li.first .content a {font-size:14px; font-weight:bold;}
ul.breakingList li.first .content a:hover{text-decoration:underline;}
ul.breakingList li.first .content a span{margin:0 5px 0 0;}
#breakingNews p.moreBreakingNews {font-size:12px;padding-right:10px;padding-top:7px;text-align:right;}
p.moreBreakingNews a {color:#FFFFFF;text-decoration:none;}
p.moreBreakingNews a:hover {text-decoration: underline; }
/*Sidebar's Ads Box*/
.boomboxSize1 {width: 300px; min-height: 250px; position: relative; clear: both;}
/* for normal state */
.expandBBNormal { width: 300px;height: 250px;position: absolute;left: 0;top: 0;direction: rtl;clip: rect(0,300px,250px,0);overflow: hidden;z-index: 990;}
/* for expanded state */
.expandBBExpand { width: 600px;height: 250px;position: absolute;left: -300px;top: 0;direction: rtl;clip: rect(0,600px,250px,0);z-index: 990;}
.expandBBExpand * {margin: 0!important;}
.boomboxSize2 { width: 300px;height: 60px;padding-top: 5px;text-align: center; /*background: url(../img/bg/bg_adsBox2.jpg) no-repeat;*/ border-bottom: ; display: block; margin: 10px 0 25px;}
/*Sidebar's Ads boomboxFree*/
.boomboxFree {width: 300px; padding: 5px 0; background: #ccc; }
/*Today News by Categories*/
#todayNews {width:984px; clear: both; margin-bottom: 10px; /padding-top:5px;}
#todayNews ul.newsCategories {width: 965px; margin: 0 auto;  overflow: hidden;}
ul.newsCategories:after {content: "."; clear: both; height: 0; display: block; visibility: hidden;}
ul.newsCategories li {width: 165px;height: 275px;background: url(../img/bg/bg_todayNews.jpg) no-repeat;float: left;padding: 10px 10px 0;position: relative;}
#todayNews ul.newsCategories li.learning {margin: 0;}
#todayNews ul.newsCategories li ul li.viewall {position: absolute; bottom: 8px; border:none; padding: 0;}
#todayNews ul.newsCategories li ul li.viewall a {color: rgb(120,120,120); text-decoration: underline; font-size: 11px; }
#todayNews ul.newsCategories li ul li.viewall a:hover {text-decoration: none;}
ul.newsCategories li ul li {background: none;width: 100%;height: auto;float: none;padding: 4px 0 2px;border-bottom: 1px solid rgb(219,219,219);)}
ul.newsCategories li ul li.first {padding-bottom: 5px;}
ul.newsCategories li h2 {font-size: 12px; color: rgb(255,255,255);}
ul.newsCategories li h2 a {color: rgb(255,255,255); text-decoration: none;}
ul.newsCategories li h2 a:hover {color: rgb(255,255,255); text-decoration: underline;}
ul.newsCategories li h3 {font-size: 12px; color: rgb(33,60,112); padding-bottom: 3px;}
ul.newsCategories li h3 a {color: rgb(33,60,112); text-decoration: none; font-weight: normal;}
ul.newsCategories li h3 a:hover {color: rgb(33,60,112); text-decoration: underline;}
ul.newsCategories li.first h3 a {font-weight: bold;}
ul.newsCategories li.first h3 {padding-top: 2px;}
ul.newsCategories li p {font-size: 12px;}
ul.newsCategories li.varietyGreen, ul.newsCategories li.varietyViolet,
ul.newsCategories li.varietyRed, ul.newsCategories li.varietyBlue,
ul.newsCategories li.varietyGrey, ul.newsCategories li.varietyOrange {margin-right: 10px;}
ul.newsCategories li.noMargin {margin-right: 0 !important;}
ul.newsCategories li.varietyGreen h2,
ul.newsCategories li.varietyViolet h2,
ul.newsCategories li.varietyRed h2,
ul.newsCategories li.varietyBlue h2,
ul.newsCategories li.varietyGrey h2,
ul.newsCategories li.varietyOrange h2 {font-size: 14px;font-weight: normal;color: rgb(255,255,255);padding: 2px 0 2px 5px;margin-bottom: 5px;}
ul.newsCategories li.varietyGreen h2 {background: rgb(28,187,180);}
ul.newsCategories li.varietyViolet h2 {background: rgb(188,140,191);}
ul.newsCategories li.varietyRed h2 {background: rgb(157,10,14);}
ul.newsCategories li.varietyBlue h2 {background: rgb(0,33,87);}
ul.newsCategories li.varietyGrey h2 {background: rgb(54,47,45);}
ul.newsCategories li.varietyOrange h2 {background: rgb(237,112,7);}
ul.newsCategories li.news, ul.newsCategories li.business, ul.newsCategories li.opinion,
ul.newsCategories li.feature, ul.newsCategories li.learning, ul.newsCategories li.travel,
ul.newsCategories li.leisure,ul.newsCategories li.food, ul.newsCategories li.entertainment,
ul.newsCategories li.art-culture, ul.newsCategories li.auto,
ul.newsCategories li.life,ul.newsCategories li.lifestyle, ul.newsCategories li.tech, ul.newsCategories li.property {margin-right: 10px; }
ul.newsCategories li.news h2, ul.newsCategories li.business h2, ul.newsCategories li.opinion h2,
ul.newsCategories li.feature h2, ul.newsCategories li.learning h2, ul.newsCategories li.travel h2,
ul.newsCategories li.leisure h2,ul.newsCategories li.food h2, ul.newsCategories li.entertainment h2,
ul.newsCategories li.art-culture h2,ul.newsCategories li.auto h2,
ul.newsCategories li.life h2,ul.newsCategories li.lifestyle h2, ul.newsCategories li.tech h2, ul.newsCategories li.property h2 {font-size: 14px;font-weight: bold;color: rgb(255,255,255);padding: 2px 0 2px 5px;margin-bottom: 5px;width: 160px;}
ul.newsCategories li.news h2 {background: rgb(33,60,112); }
ul.newsCategories li.business h2 {background: rgb(157,10,14); }
ul.newsCategories li.opinion h2 {background: rgb(41,53,68);}
ul.newsCategories li.feature h2 {background: rgb(47,108,113); }
ul.newsCategories li.learning h2 {background: rgb(210,70,2); }
ul.newsCategories li.travel h2 {background: rgb(60,132,19); }
ul.newsCategories li.leisure h2,ul.newsCategories li.food h2 {background: rgb(247,148,29); }
ul.newsCategories li.entertainment h2,
ul.newsCategories li.art-culture h2 {background: rgb(78,64,87); }
ul.newsCategories li.auto h2 {background: rgb(72,79,77); }
ul.newsCategories li.life h2,ul.newsCategories li.lifestyle h2 {background: rgb(171,106,134); }
ul.newsCategories li.tech h2 {background: rgb(44,92,85); }
ul.newsCategories li.property h2 {background: rgb(45,86,106); }
/*Post Directories*/
#postDirectories {width: 725px; float: right;}
.rightColumn {width: 300px; float: right; padding: 0 10px 0 0;}
.rightColumn form {margin-bottom: 10px;}
.leftColumn {width: 415px; float: left; margin-left: -2px;}
/*Today Information*/
#todayInfo {clear: both;width: 250px;height: 512px;float: left;background: url(../img/bg/bg_todayInfo.jpg) no-repeat;margin-left: 8px;_display: inline; /* for M$IE6 */}
#todayInfo h2 {font-size: 14px;color: rgb(255,255,255);padding: 12px 0 0 12px;margin-bottom: 12px;}
/*Today Information Tab*/
#todayInfo ul#infoNav {	width: 238px;height: 41px;margin: 0 auto;padding-left: 10px;overflow: hidden;position: relative;z-index: 65;}
ul#infoNav:after {content: "."; clear: both; height: 0; display: block; visibility: hidden;}
ul#infoNav li {font-size: 12px;font-weight: bold;float: left;}
ul#infoNav li#exchangeRate a {
width: 95px;
height: 36px;
display: block;
border: 1px solid rgb(173,173,173);
text-align: center;
padding-top: 3px;
margin-right: 1px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
}
ul#infoNav li#petrolPrice a {
width: 54px;
height: 36px;
display: block;
border: 1px solid rgb(173,173,173);
text-align: center;
padding-top: 3px;
margin-right: 1px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
}
ul#infoNav li#moreInfo a {
width: 71px;
height: 36px;
display: block;
padding-top: 3px;
border: 1px solid rgb(173,173,173);
text-align: center;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
}
ul#infoNav li a {color: rgb(149,149,149);}
ul#infoNav li a:hover {color: rgb(31,124,193);}
ul#infoNav li#exchangeRate a.active, ul#infoNav li#petrolPrice a.active, ul#infoNav li#moreInfo a.active {color: rgb(31,124,193); border-bottom: 1px solid rgb(255,255,255) !important;}
#todayInfo .detailSlot {
width: 238px;
margin: -1px auto 0;
padding-top: 1px;
border-top: 1px solid rgb(173,173,173);
position: relative;
z-index: 60;
text-align:center;
}
#todayInfo .detailSlot iframe.scbrate {_padding-bottom:5px;/padding-bottom:5px;}
/*Footer Ads*/
#footerAds {width: 738px;height: 110px;margin: 0 auto 10px;padding-top: 10px;_padding-top: 20px; /* for M$IE6 */clear: both;position: relative;}
#footerAds p.adsby {font-size: 14px;color: rgb(103,166,212);position: absolute;top: 7px;_top: 2px; /* for M$IE6 */right: 5px;}
#footerAds p.buzzAds {width: 728px;height: 90px;margin: 15px auto 0;}
/*Information Box*/
#infoBox {width: 964px;height: 307px;margin: 0 auto;padding: 10px;background: url("../img/bg/bg_infoBox.gif") 0 0 repeat-x 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: 16px; color: rgb(30,121,188); margin-bottom: 10px;}
.allInPost .leftList {width: 145px;float: left;font-size: 12px;line-height: 140%;color: rgb(33,60,112);}
.allInPost .rightList { width: 145px;float: right;font-size: 12px;line-height: 140%;color: rgb(33,60,112);}
.allInPost a {color: #333333;}
.allInPost a:hover {color: #333333; text-decoration: underline;}
/* Thailand Info */
#infoBox .thailandInfo {width: 420px;height: 180px;float: left;padding: 5px;}
.thailandInfo h2 {font-size: 16px; color: rgb(30,121,188); margin-bottom: 10px;}
.thailandInfo .leftList {width: 205px;float: left;font-size: 12px;line-height: 140%;color: rgb(33,60,112);}
.thailandInfo .rightList {width: 205px;float: right;font-size: 12px;line-height: 140%; color: #213C70; }
.thailandInfo a {color: #333333;}
.thailandInfo a:hover {color: #333333; text-decoration: underline;}
/* 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: 16px; color: rgb(30,121,188); margin-bottom: 10px;}
.eNewspaper p.eNewspaperThumb {width: 190px; margin: 0 auto;}
.eNewspaper h2 a, .thailandInfo h2 a, .allInPost h2 a {color: rgb(30,121,188); text-decoration: none;}
.eNewspaper h2 a:hover, .thailandInfo h2 a:hover, .allInPost h2 a:hover {color: rgb(30,121,188); text-decoration: underline;}
/*Information Box horo_gane*/
#horo_game {width: 984px;clear: both;font-size: 12px;overflow: hidden;_display: inline;}
#horo_game p {margin-bottom: 8px;}
#horo_game h3 {margin-bottom: 8px;}
#horo_game p.more {text-align: right; position: absolute; right: 10px; bottom: 10px;}
#horo_game p.more a {color: rgb(41,41,41); font-weight: bold;}
#horo_game #what_new {width: 227px;height: 259px;float: left;padding: 10px;margin: 10px 5px 10px 10px;background: url(../img/bg/bg_what-new.jpg);position: relative;_margin: 10px 5px 10px 5px;}
#horo_game #what_new h3 {font-size: 12px; color: rgb(0,0,0);}
#horo_game #what_new ul li {width: 184px;height: 26px;padding: 10px 0 0 43px;margin-bottom: 5px;position: relative;}
#horo_game #what_new ul li img {position: absolute; left: 0; top: 0;}
#horo_game #what_new ul li a {color: rgb(33,60,112); font-weight: bold; margin-top: 10px;}
#horo_game #what_new ul li a:hover {text-decoration: underline;}
#horo_game #game {width: 392px;height: 259px;	float: left;padding: 10px;margin: 10px 0;background: url(../img/bg/bg_game.jpg);}
#horo_game #game ul li {width: 392px; float: left; clear: both;}
#horo_game #game ul li .thumbnail {float: left; margin-right: 10px;}
#horo_game #game ul li h3 {font-size: 14px; margin: 0;}
#horo_game #game ul li h3 a {color: rgb(33,60,112);}
#horo_game #game ul li h3 a:hover {text-decoration: underline;}
#horo_game #game ul li p a {font-weight: bold; text-decoration: underline; color: rgb(33,60,112);}
#horo_game #game ul li p a:hover {text-decoration: none;}
#horo_game #game form label {display: block;width: 90px;float: left;text-align: right;margin-right: 10px;color: rgb(33,60,112);font-weight: bold;}
#horo_game #horoscope {width: 276px;height: 259px;float: right;margin: 10px 10px 10px 0;padding: 10px;background: url(../img/bg/bg_horoscope.jpg);position: relative;_margin: 10px 5px 10px 0;}
#horo_game #horoscope h3 {color: rgb(33,60,112); font-size: 14px;}
#horo_game #horoscope form {width: 211px;height: 60px;padding: 5px 0 0 65px;background: url(../img/bg/bg_horoscope-form.png) no-repeat;}
#horo_game #horoscope form label {display: block; margin-bottom: 8px;}
/*Footer Section*/
#footer {width: 964px; margin: 0 auto; padding: 30px 10px; font-size: 12px; color: rgb(255,255,255);}
#footer a{color: rgb(255,255,255);}
#footer a:hover {color: rgb(255,255,255); text-decoration: underline;}
/* Sub Chanel Review Categories */
#subChanelReview {width: 665px; float: left;}
.levelNavigaton {font-size: 11px;font-weight: bold;color: #333333;text-transform: uppercase; padding: 10px 0 15px 7px;}
#subChanelReview .horoScopeContent {padding: 20px 0 10px;}
.levelNavigaton a {text-decoration: none; color: #213c70; }
.levelNavigaton a:hover {text-decoration: underline; color: #213c70;}
/* Repeat Gradient Box */
.innerRepeatBox {width: 665px; margin: 10px 0 5px; position:relative;}
.innerRepeatBox .topCorner {width: 665px;height: 40px;background: transparent url(../img/bg/bg_topCorner.jpg) no-repeat;}
.innerRepeatBox .bottomCorner {width: 665px;height: 32px;clear: both;background: url("../img/bg/bg_bottomCorner.jpg") no-repeat 0 0;}
.innerRepeatBox .subChanelDetail {width: 615px;margin: -20px auto 0;padding: 0 15px;border-left: 1px solid rgb(178,178,178);border-right: 1px solid rgb(178,178,178);overflow: hidden;}
.innerRepeatBox .readMore { position: absolute; left: 25px; bottom: 10px;}
.innerRepeatBox .readMore a { font-size: 11px; color: #8F8F8F; text-decoration: underline; }
.innerRepeatBox .readMore a:hover { text-decoration: none;}
.subChanelDetail h2 {font-size: 16px; color: rgb(30,121,188); margin-bottom: 10px;}
.subChanelDetail h2 a {color: rgb(30,121,188);}
.subChanelDetail h2 a:hover {text-decoration: underline; }
.subChanelDetail .latestList {width: 615px; overflow: hidden;}
.subChanelDetail form {font-size: 12px; padding-top: 2px; float: right;}
.latestList li {font-size: 12px;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dotted rgb(178,178,178);overflow: hidden;line-height: 140%;_height: 60px; /* for M$IE6 */}
.latestList li:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;}
.latestList h3 {font-size: 14px; }
.latestList h3 a {text-decoration: none; color: rgb(30,121,188);}
.latestList h3 a:hover {text-decoration: underline; color: rgb(30,121,188);}
.latestList h3 em {font-size: 80%; display: block; font-style: normal; /*color: rgb(180,180,180);*/ text-transform: uppercase;}
#searchWrapper h3 em {font-size: 80%; display: block; font-style: normal; color: gray;}
.latestList p.updatedThumb {width: 90px;height: 60px;margin-right: 10px;float: left;}
.latestList p span.date {color: rgb(94,94,94);}
.latestList div.pollResult {
width: 60px;
height: 50px;
margin-right: 10px;
background: url(../img/bg/bg_pollResult.gif) no-repeat;
float: left;
text-align: center;
padding-top: 10px;
}
div.pollResult p.votedCount {font-size: 14px; margin-bottom: 10px;}
div.pollResult p.votedPercent {font-size: 32px; color: rgb(157,10,14);}
.latestList li p a {color: rgb(0,0,0); text-decoration: underline;}
.latestList li p a:hover {color: rgb(0,0,0); text-decoration: none;}
.subChanelDetail .pageNavigation {font-size: 12px; text-align: center; word-spacing: 5px;}
.pageNavigation a {text-decoration: underline; color: rgb(30,121,188);}
.pageNavigation a:hover {text-decoration: none; color: rgb(30,121,188);}
/*Article Controlling added on 17 Sept. 2008*/
#articleWrapper {width: 665px; float: left; line-height: 110%;}
#articleWrapper .entry {padding: 10px; /*overflow: hidden;*/}
#articleWrapper .entry:after {content: "."; height: 0; display: block; clear: both; visibility: hidden;}
#articleWrapper .entry .entry-center {width: 645px; text-align: center;}
.entry h2 {font-size: 24px;margin-bottom: 10px;color: rgb(30,121,188);line-height: 110%;}
.entry h3 {font-size: 18px;margin-bottom: 10px;color: rgb(54,54,54);line-height: 110%;}
.entry .articleLabel {font-style: italic; font-weight: bold; text-transform: uppercase;}
/*(photo in article page)*/
.articlePhotoRight {width: 300px;float: right;margin: 0 0 10px 5px; overflow: hidden;}
.articlePhotoLeft {width: 300px;float: left;margin: 0 10px 10px 0; overflow: hidden;}
.articlePhotoCenter { margin: 0 auto 0; overflow: hidden;}
.articleContent .articlePhotoCenter p,
.articleContent .articlePhotoLeft p,
.articleContent .articlePhotoRight p { color: #666666; font-size: 12px !important; margin: 5px 0 0; font-family: Arial,Helvetica,sans-serif; line-height: 14px; padding: 0 0 20px;}
/*.articleContent .articlePhotoCenter p { border-bottom: 1px solid #e6e6e6;}*/
.articleContent .borderNone p { border: none; padding: 0;}
img.articlePhotoLeft { padding-bottom: 10px;}
img.articlePhotoRight { padding-bottom: 10px;}
img.articlePhotoCenter { padding-bottom: 10px;}
.articlePhotoRight p, .articlePhotoLeft p, .articlePhotoCenter p {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: rgb(153,153,153);font-size: 8px;}
.articlePhotoCenter p.caption,.articlePhotoLeft p.caption,.articlePhotoRight p.caption {text-align: center;}
.articlePhotoRight img, .articlePhotoLeft img, .articlePhotoCenter img {display: block; margin: 0 auto 10px;}
#articleWrapper .entry ul { margin-bottom: 15px; font-size: 12px;width: 260px;float: right;margin: 0 10px 10px 5px;padding: 10px 10px 0px 10px;background: rgb(251,251,251);border: rgb(204,204,204) 1px solid;overflow: hidden;}
#articleWrapper .entry ul li,
.archive-premiun-member .entry ul li { list-style: disc inside none; margin-bottom: 5px; font-size: 12px; color:#363636;}
#articleWrapper .entry ul p { margin-bottom: 5px;}
.entry p {font-size: 12px; margin-bottom: 15px; color: rgb(54,54,54);}
.entry a {color: rgb(54,54,54); text-decoration: underline;}
.entry a:hover {color: rgb(54,54,54); text-decoration: none;}
/*1.) added relate search under the article page2.) added latest story under the article page*/
.entry .latestStory {width: 300px; float: right;}
.entry .latestStory ul {font-size: 12px; padding-left: 15px;}
.entry .latestStory li {list-style: disc;}
.entry .columnistProfile {width: 290px;float: left;font-size: 12px;color: rgb(120,120,120);line-height: 130%;margin-bottom: 10px;overflow: hidden; }
.entry .columnistProfile:after {content: "."; height: 0; display: block; clear: both; visibility: hidden;}
.columnistProfile dt {float: left;width: 45px;height: 45px;margin: 0 5px 5px 0;border: 1px solid rgb(54,54,54);_position: relative; /* for M$IE6 */}
.columnistProfile dt img {border: none; _position: absolute; /* for M$IE6 */ _top: 0; /* for M$IE6 */}
.columnistProfile a {color: rgb(120,120,120); text-decoration: underline;}
.columnistProfile a:hover {color: rgb(120,120,120); text-decoration: none;}
.entry .googleAds {width: 300px;height: 250px;float: right;margin-bottom: 5px;}
.entry .article-features {width: 100%;padding: 10px 0;clear: both;_overflow: hidden;}
.entry .article-features:after {content: "."; height: 0; display: block; clear: both; visibility: hidden;}
/*	SNS Feature*/
.entry #heading-panel {width: 100%;	_overflow: hidden;}
.entry #heading-panel:after {content: "."; height: 0; display: block; clear: both; visibility: hidden;}
.entry #heading-panel #headergroup {width: 450px; float: left; min-height: 110px;}
/*For Bangkokpost review page*/
.overviewContent .entry #heading-panel #headergroup {padding-bottom: 8px;}
.overviewContent .RatingDetail .agreeComment p {margin-bottom:5px;}
.overviewContent .RatingDetail .agreeComment {padding: 10px 5px 40px; margin-top: 15px;}
.overviewContent .RatingDetail .commentDetails ul.listingContent {padding: 25px 5px 15px;}
.overviewWrapper ol .commentDetails h3#Rating {font-size: 14px; font-weight: bold; margin-bottom: 3px; padding-left: 7px; margin-bottom:-20px;}
.entry #heading-panel #headergroup li.avatar {float:left; margin-right: 10px;}
.entry #heading-panel #main-sns, #mediaSocial #main-sns{width: 180px;float: right;_overflow: hidden;_display: inline;}
.entry #heading-panel #main-sns:after, #mediaSocial #main-sns:after {content: "."; height: 0; clear: both; visibility: hidden;}
#main-sns .tweetmeme_button { width: 62px;_width: 67px;/width: 67px;height: 63px;padding: 3px 0 0;float: right;overflow: hidden;_display: inline; }
#main-sns .facebook-share {width: 56px;_width: 59px;/width: 59px;height: 69px;padding: 3px 0 0 0;float: right;_display: inline;}
#main-sns .line-share { float: right; width: auto; padding: 3px 0 0;}
#mediaSocial {width: 130px; margin: 0 0 30px 10px; overflow: hidden;}
#mediaSocial #main-sns{ float: left; }
#main-sns { position: absolute; right: 328px; top: 70px; /*z-index: 10000;*/ z-index: 1;}
#main-sns.main-sns-bannerMicrosite { top: 350px;}
#main-sns.main-sns-multimedia { position: static;}
#main-sns.main-sns-poll { left: 24px; top: 90px;}
#main-sns.main-sns-directory { position: static;}
#main-sns.main-sns-bannerNoLabel { top: 320px;}
#articleWrapper #heading-panel ul { background: none; border: none; padding: 0; float: none; font-size: 12px; color: rgb(94,94,94); margin: 0 0 10px; width: 450px;}
#articleWrapper #headergroup ul li { list-style: none; margin: 0; width: 450px; overflow: hidden; float: left;}
.archive-premiun-member #heading-panel ul { background: none; border: none; padding: 0; float: none; font-size: 12px; color: rgb(94,94,94); margin: 0 0 10px; width: 450px;}
.archive-premiun-member #headergroup ul li { list-style: none; margin: 0; width: 450px; overflow: hidden; float: left;}
/* Social Bookmarking Panel */
.socialBookmark {width: 330px;font-size: 12px;float: right;padding: 0 10px 10px 10px;border: 1px solid rgb(233,233,233);}
.socialBookmark p {margin:0;padding:10px 0;}
.socialBookmark:after {content: "."; height: 0; display: block; clear: both; visibility: hidden;}
.socialBookmark li#printthis{background:url(../img/icons/ico_printthis.gif) no-repeat;padding:2px 0 0 20px;}
.socialBookmark li#emailthis{background:url(../img/icons/ico_emailthis.gif) no-repeat;padding:2px 0 0 20px;}
.socialBookmark li#vocabulary{background:url(../img/icons/ico_vocab.gif) no-repeat 0 2px;padding:2px 0 0 20px;}
.socialBookmark li#permission{background:url(../img/icons/ico_permission.gif) no-repeat;padding:2px 0 0 20px;}
#socialLink li {height: 17px;display: block;float: left;padding-left: 22px;margin: 0 10px 10px 0;}
#socialLink li a {color: rgb(54,54,54); text-decoration: underline;}
#socialLink li a:hover {color: rgb(54,54,54); text-decoration: none;}
#socialLink li#deliciouslink {background: url(../img/snsicon/delicious.gif) no-repeat;}
#socialLink li#digglink {background: url(../img/snsicon/digg.gif) no-repeat;}
#socialLink li#magnolialink {background: url(../img/snsicon/magnolia.gif) no-repeat;}
#socialLink li#redditlink {background: url(../img/snsicon/reddit.gif) no-repeat;}
#socialLink li#stumblelink {background: url(../img/snsicon/stumbleupon.gif) no-repeat;}
#socialLink li#technoratilink {background: url(../img/snsicon/technorati.gif) no-repeat;}
#socialLink li#twitter {background: url(../img/snsicon/twitter.gif) no-repeat;}
#socialLink li#printThis {background: url(../img/button/btn-article.png) no-repeat 0 -32px;}
#socialLink li#mailtof {background: url(../img/snsicon/emailthis.gif) no-repeat;}
#socialLink li#reprint {background: url(../img/button/btn-article.png) no-repeat -1px 4px;}
/*Comment Panel Control added on 18 Sept. 2008*/
#commentWrapper {width: 965px; margin: 0 auto 10px; clear: both; padding-top: 10px;}
#commentWrapper h2 {width: 955px;height: 20px;font-size: 16px;color: rgb(255,255,255);padding: 5px 0 0 10px;margin-bottom: 10px;background: url(../img/bg/bg_articleHeading.jpg) no-repeat;}
#commentWrapper h3 {width: 945px;margin-left: 35px;font-size: 11px;margin-bottom: 10px;font-weight: bold;}
#commentWrapper .commentList {width: 945px; margin: 0 auto;}
.commentList li {width: 945px; margin-bottom: 10px; overflow: hidden;}
/*.commentList li:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}*/

.commentList li p.avartarBox {width: 82px;font-size: 14px;text-align: center;color: rgb(177,177,177);float: left;margin-right: 5px;}
.commentList li p.avartarBox span {display: block;}
/*article-comment redesign*/
#comment-list {width: 965px; margin: 0 auto 40px; clear: both; padding-top: 10px; position:relative; font-size: 12px; color: #000;}
#comment-list h2 {width: 945px;height: 20px;font-size: 16px;color: rgb(255,255,255);padding: 5px 10px;margin-bottom: 15px;background: #898989;}
#comment-list .toggle-navigation {width: 958px; background: url(../img/bg/bg-comment.png) repeat-x left bottom; height: 35px;position: relative; top: -97px;}
#comment-list a{color:#1e79bc;}
#comment-list a:hover{text-decoration: underline;}
#comment-list .toggle-navigation li {width: 100px; background:#e9e9e9; text-align: center; margin-right: 5px; padding: 10px 0 0; border: 1px solid #e9e9e9; border-bottom: none; height: 23px; cursor: pointer; color: #213c70;float: left;}
#comment-list .toggle-navigation .active {background:#fff; height: 25px; border: 1px solid #cccccc; border-bottom: none;}
#comment-list .toggle-detail {position: relative; top: 12px;}
#comment-list .toggle-detail .active ol li{display: block;}
#comment-list .inst {position: relative; top: 50px; border-bottom: 1px solid #e4e4e4; padding: 0 0 30px;}
#comment-list .inst p{font-size: 12px; color: #363636; padding: 15px 0 0;}

#comment-list a {color: #213c70;}
#comment-list ol li {overflow: hidden; width: 968px; border-bottom: 1px solid #e4e4e4; padding: 15px 0; position: relative; clear: both; float: left;}
#comment-list .avatar {width: 75px; float: left; padding: 0 0 0 5px;}
#comment-list .article{width: 850px; float: right; padding: 0 0 15px 10px;}
#comment-list .username{font-size: 14px; color:#213c70; font-weight: bold; padding: 0 5px 0 0;}
#comment-list .datetime {color: #999;}
#comment-list .section {width: 968px; overflow: hidden; position: relative;margin:-15px 0 0; padding: 15px 0 0;}
#comment-list .article .comment {padding: 15px 10px 15px 0 ;}
#comment-list .article:hover {cursor:pointer;}
#comment-list ol li ol li .article:hover {cursor:text;}
#comment-list .article:hover .social {display: block; position: absolute; right: 0; bottom: 15px;}
#comment-list .interactive p {margin: 0 3px 0 0;}
#comment-list .interactive p a {padding: 0 10px 0 5px; }
#comment-list .interactive a span{padding: 4px 0 4px 21px;display: inline-block;}
#comment-list .interactive .like span{background: url(../img/bg/ico-comment.png) no-repeat -8px -4px;}
#comment-list .interactive .dislike span{background: url(../img/bg/ico-comment.png) no-repeat -8px -41px;}
#comment-list .interactive .reply span{background: url(../img/bg/ico-comment.png) no-repeat -8px -80px; }
#comment-list .interactive .like:hover span {background: url(../img/bg/ico-comment.png) no-repeat -9px -120px;}
#comment-list .interactive .dislike:hover span {background: url(../img/bg/ico-comment.png) no-repeat -8px -158px;}
#comment-list .interactive .reply:hover span {background: url(../img/bg/ico-comment.png) no-repeat -8px -199px;}
#comment-list form.reply {display: none;clear: both; width: 858px; overflow: hidden; padding: 15px 10px;float: right; background: #d6e7f3; margin:0; position: relative;}
#comment-list form.reply .hd {font-size: 14px; color:#333; font-weight: bold; padding: 0 0 10px;}
#comment-list form.reply .inputdata {width:788px;float: right;}
#comment-list form.reply textarea {width: 765px; display: block; margin: 10px 0;font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 10px;}
#comment-list form.reply .avatar {width: 70px; padding: 0;}
#comment-list form.reply input {margin-right: 5px;}
#comment-list form.reply .submit {background: url(../img/button/submit-comment.png) -181px -33px no-repeat; border: none; width: 101px; height: 26px; cursor: pointer; float: left; clear: both;}
#comment-list form.reply .submit:hover { background-position: -181px -60px;}
#comment-list .social {display: none;}
#comment-list ol li ol {clear: both; margin: 15px 0 0;}
#comment-list ol li ol li {width: 858px; padding: 15px 10px; background:#F7F7F7; float: right;}
#comment-list ol li ol li:last-child {border: none;}
#comment-list ol li ol li .avatar {width:70px; padding:0;}
#comment-list ol li ol li .article {padding: 0; width: 788px;}
#comment-list ol li ol h3.hd {background: url(../img/bg/ico-comment.png) no-repeat -8px -83px; padding: 2px 0 15px 21px; font-size: 12px;}
#comment-list .more {text-align: center; padding: 15px 0; border-bottom: 1px solid #E4E4E4; font-weight: bold; clear: both;}
#comment-list .report {background: url(../img/bg/ico-comment.png) no-repeat -8px -241px; padding: 0 0 0 20px; color:#363636; position: absolute; right: 15px ;top: 15px;}
#comment-list .remove {background: url(../img/bg/ico-comment.png) no-repeat -8px -284px; padding: 0 0 0 20px; color:#363636; position: absolute; right: 15px ;top: 15px;}
#comment-list form.comment {clear: both; width: 945px; padding: 15px 10px 10px;float: right; background: #d6e7f3; margin:10px 0 0; position: relative; overflow: hidden;}
#comment-list form.comment .hd {font-size: 14px; color:#333; font-weight: bold; padding: 0 0 10px;}
#comment-list form.comment .inputdata { width:850px;float: right;}
#comment-list form.comment textarea {width: 828px; display: block; margin: 10px 0;font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 10px;}
#comment-list form.comment .avatar {width: 70px; padding: 0;}
#comment-list form.comment input {margin-right: 5px;}
#comment-list form.comment .submit { background: url(../img/button/submit-comment.png) no-repeat -28px -33px; border: none; width: 146px; height: 26px; cursor: pointer; float: left;}
#comment-list form.comment .submit:hover { background-position: -28px -60px;}
#comment-list form.comment .group { float: right; width: 696px;}
#comment-list form.comment .group p { padding: 0;}
#comment-list .social {display: none; margin-right: 5px;}
#comment-list .not-login {position:absolute; width:100%; left:0;top:0;padding: 55px 0 0;text-align: center; background: url(../img/bg/bg-opacity.png) repeat; height:350px;}
#comment-list .not-login p {color:#fff; font-weight: bold; margin: 15px 10px 0 0;}
#comment-list .not-login p a {color:#333;}
#comment-list .success {width: 878px;padding: 65px 0 0;text-align: center; background: #d6e7f3; height:100px; float: right; clear: both;}
#comment-list .success .hd {font-size: 14px; font-weight: bold; padding: 0 0 5px;}
#comment-list .f-comment {margin: 15px 0 0; width: 965px;}
#comment-list .confirm{ display: none;text-align:center;clear: both; float: right; margin: 0; width: 968px; background: url("../img/bg/bg-opacity.png") 0 0 repeat; position: absolute;  height: 350px; overflow: hidden; padding: 55px 0 0; top: 50%;}
#comment-list .confirm p { color: #FFFFFF; font-weight: bold; margin: 0 10px 15px 0; text-align: center;}
#comment-list .confirm p a { color: #333333;}
#wrapper #comment-list .sub {width:875px;left:0;}
#comment-list form.reply .inputdata .group { width: 695px; float: right; overflow: hidden;}
#comment-list form.reply .inputdata .group .form-message { margin: 0 0 0 18px;}
#comment-list form.reply .inputdata .group p { line-height: 16px; overflow: hidden;}
#comment-list form.reply-not-login .inputdata { width: 860px; overflow: hidden;}
#comment-list form.reply-not-login textarea { width: 838px;}
#comment-list form.reply-not-login .inputdata .group { float: right; position: static; width: 752px;}
#comment-list form.reply-not-login .inputdata .group .form-message { margin: 0 0 5px 18px;}
#comment-list form.reply-not-login .group .form-message { display: block;}
#comment-list form.comment-not-login .inputdata { width: 945px;}
#comment-list form.comment-not-login .inputdata textarea { width: 923px;}
#comment-list form.comment-not-login .group { width: 810px; bottom: 0; top: 113px;}
#comment-list form.comment-not-login .group .form-message { margin: 0 0 5px 18px; display: block;}
#comment-list form.comment-not-login .group p { padding: 0 0 2px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#comment-list .confirm p.g-btn,
#comment-list .not-login p.g-btn { border: 1px solid #333333;}
}
*:first-child+html #wrapper .g-btn {float: left;}
*:first-child+html #wrapper .confirm .first {margin-left: 355px;}
*:first-child+html #wrapper .not-login .first {margin-left: 355px;}


.commentList .userComment {width: 858px;background: url(../img/bg/67) repeat-y;float: right;}
.userComment .upperCorner {width: 858px;height: 60px;background: url(../img/bg/bg_userComment-upperCorner.gif) no-repeat;}
.userComment .comment { margin-top: -18px; float: left; padding-left: 28px;}
.userComment p {width: 800px;font-size: 12px;margin: 0 auto 5px;}
.userComment .discussionInfo {float: left;font-weight: bold;margin-top: -45px;margin-bottom: 10px;padding-left: 28px;overflow: hidden;width: auto;_display: inline;}
.commentList .bottomCorner {width: 858px;height: 14px;background: url(../img/bg/bg_userComment-bottomCorner.gif) no-repeat;_margin-bottom:-4px;}
#commentPost p.replyArticle {width: 55px;height: 25px;background: url(../img/bg/bg_replyArticle.jpg) no-repeat;margin-left: 15px;}
p.replyArticle span {visibility: hidden;}
#commentPost #postPanelWrapper {width: 945px;color: rgb(54,54,54);margin: 0 auto 10px;
padding: 10px 10px 15px;border: 10px solid rgb(177,177,177);
clear: both;
overflow: hidden;
}
#postPanelWrapper a {color: rgb(54,54,54); text-decoration: underline;}
#postPanelWrapper a:hover {color: rgb(54,54,54); text-decoration: none;}
#postPanelWrapper ul {width: 560px; font-size: 12px;}
#postPanelWrapper ul li {margin-bottom: 10px;}
#postPanelWrapper ul li label {display: block; margin-bottom: 5px;}
#postPanelWrapper ul li .textfield {width: 420px; height: 30px;}
#postPanelWrapper ul li textarea {width: 420px;}
#postPanelWrapper ul li ul {height: 63px; padding-bottom: 5px; overflow: hidden;}
#postPanelWrapper ul li ul:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}
#postPanelWrapper ul li ul li {height: 63px;display: block;float: left;margin-right: 10px;}
#postPanelWrapper .article-toolsbar {text-align: right;}
#commentWrapper p.pageNavigation {font-size: 12px; text-align: center;}
#commentWrapper p.pageNavigation a {padding-right: 5px;}
/*Bangkok Post: Inner Page Layout*/
body.shortHeader #header {height: 91px;}
body.shortHeader #infoTab {width: 100%;height: 25px;background: rgb(235,235,235);border-top: 1px solid rgb(214,214,214);border-bottom: 1px solid rgb(214,214,214); clear: both; }
body.shortHeader #infoTab div {width: 940px; margin: 0 auto;}
#infoTab ul.searchFunction {font-size: 12px;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: 12px; 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;}
#searchWrapper { width: 944px;margin: 0 auto;padding: 10px 20px;background: rgb(255,255,255); overflow: hidden;}
#searchWrapper h2 {font-size: 16px;color: rgb(19,52,79);margin-bottom: 10px;border-bottom: 1px rgb(221,221,221) solid;}
#searchWrapper h2 em {font-style: normal; color: rgb(237,28,36);}
#searchWrapper ol {font-size: 12px;color: rgb(51,51,51);padding-left: 5px;margin-bottom: 24px;}
#searchWrapper ol li {overflow: hidden;padding: 5px 5px 15px;border-bottom: 1px dashed rgb(221,221,221);}
#searchWrapper ol li:hover {background: rgb(235,235,235);}
#searchWrapper ol li:after {content: "."; height: 0; clear: both; display: block; visibility: hidden;}
#searchWrapper ol li p.typeDate {margin-bottom: 10px;}
#searchWrapper ol li p.typeDate span {color: rgb(35,66,91); font-weight: bold;}
#searchWrapper ol li p.typeDate span a {color: rgb(35,66,91); text-decoration: underline;}
#searchWrapper ol li p.typeDate span a:hover {color: rgb(35,66,91); text-decoration: none;}
#searchWrapper ol li h3 {color: rgb(35,66,91);}
#searchWrapper ol li h3 a {color: rgb(35,66,91); text-decoration: underline;}
#searchWrapper ol li h3 a:hover {color: rgb(35,66,91); text-decoration: none;}
#searchWrapper ol li p.resultThumb {width: 90px;height: 60px;float: left;margin-right: 10px;}
#searchWrapper p.intro {font-size: 12px; padding-bottom:7px;}
#searchWrapper p.searchPageNavigation {font-size: 12px; position: relative;}
p.searchPageNavigation span {display: block;position: absolute;top: 0;right: 0;_right: 18px;}
p.searchPageNavigation a {color: rgb(35,66,91); text-decoration: underline;}
p.searchPageNavigation a:hover {color: rgb(237,28,36); text-decoration: none;}
p.searchPageNavigation span a {color: rgb(237,28,36); text-decoration: underline;}
p.searchPageNavigation span a:hover {color: rgb(35,66,91); text-decoration: none;}
#searchWrapper ol.advanceSearchPanel {width: 930px;}
ol.advanceSearchPanel li {width: 870px;border-bottom: 0 !important;margin-left: 50px;padding-bottom: 5px !important;}
ol.advanceSearchPanel li:hover {background: transparent !important;}
ol.advanceSearchPanel li label {width: 180px; float: left;}
ol.advanceSearchPanel li p {width: 660px; float: right; margin-bottom: 15px;}
ol.advanceSearchPanel li p #changimg { cursor: pointer;}
ol.advanceSearchPanel li p input, ol.advanceSearchPanel li p select {float: left; margin-right: 5px;}
ol.advanceSearchPanel li p input#btnSubmits,
ol.advanceSearchPanel li p input#btnClear { background: #294782; cursor: pointer; color: #ffffff; display: inline-block; font-size: 11px; padding: 8px 0; width: 100px; text-transform: uppercase; border: none; }
ol.advanceSearchPanel li p input#btnSubmits:hover,
ol.advanceSearchPanel li p input#btnClear:hover { background: #1d325b;}
ol.advanceSearchPanel li p span {display: block;}
ol.advanceSearchPanel li p img {float: left; margin-right: 10px;}
ol.advanceSearchPanel li label.radiofield {width: auto; margin-right: 10px;}
ol.advanceSearchPanel li label.radiofield input {margin-right: 5px;}
ol.advanceSearchPanel li .form-message {margin-top: 5px; margin-left: 5px; float: left;}
ol.advanceSearchPanel li .form-message label {margin: 0; background: url(../img/icons/status-message.gif) no-repeat; padding: 0 0 0 20px;}
.form-message label.error {color: #f00; background-position: 0 100% !important;}
.form-message label.success {color: #0060bf; background-position: 0 0 !important;}
ol.advanceSearchPanel li #passwordStrength {height: 30px;margin-top: -10px;font-size: 10px;color: #666;background: url(../img/bg/strength-level.gif) no-repeat;}
#passwordStrength span {display: inline; color: #000;}
.strength0 {background-position: 0 16px !important;}
.strength1 {background-position: 0 -14px !important;}
.strength2 {background-position: 0 -44px !important;}
.strength3 {background-position: 0 -74px !important;}
ol.advanceSearchPanel li span a {color: rgb(237,28,36); text-decoration: underline;}
ol.advanceSearchPanel li span a:hover {color: rgb(35,66,91); text-decoration: none;}
body.shortHeader #mainNavigation {width: 982px;height: 26px;position: absolute;left: 10px;top: 85px;z-index: 0;}
/*Poll Page Style Sheets*/
.subChanelDetail #main-sns {width: 50px; float: left; _overflow: hidden;}
.subChanelDetail #main-sns .tweetmeme_button,
.subChanelDetail #main-sns .facebook-share { padding: 0; margin-bottom: 10px;}
.subChanelDetail .subChanelDetail-poll {width: 550px; float: right;}
.pollDetails {width: 100%; font-size: 12px; margin-bottom: 10px; overflow: hidden;}
.pollDetails:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;} /* for modern browser */
.pollDetails .pollThumb, .latestList .pollThumb {width: 150px; height: 65px; float: left; margin: 0 1% 1% 0;}
.pollDetails .voteButton {width: 60px; height: 60px; float: right; margin: 0 0 1% 1%;}
.pollInformation {width: 130px; background: rgb(225,231,238); padding: 0 10px 10px; font-size: 12px; float: left;}
.pollInformation li {padding: 10px 0; border-bottom: 1px solid rgb(172,172,172);}
.pollInformation li strong {display: block;}
#subChanelReview .googleAds {padding-left: 10px !important;}
/*Pollview  Page Style Sheets*/
#pollView, #pollVote {float: left; width: 370px; list-style: none; font-size: 12px; margin-left: 25px;}
#pollView li, #pollVote li {width: 370px; float: left; clear: both; border-bottom: 1px solid rgb(224,229,234);}
#pollView li em {display: block; float: left; font-style: normal; margin-bottom: 5px;}
#pollView li span {display: block; float: left; clear: both; height: 10px;}
#pollView li strong {float: right; font-weight: normal; margin-right: 10px;}
#pollVote li { padding: 5px 0;}
#pollVote li label {float: left; line-height: 28px;}
#pollVote li label input {margin: 0 5px 0 0; float: left;}
#pollVote li.voteButton {border: none; font-weight: bold; padding-left: 15px; color: rgb(119,137,155);}
#pollVote li.voteButton input { margin-right: 5px;}
#pollVote li a {text-decoration: none; color: rgb(119,137,155);}
#pollVote li a:hover {text-decoration: underline; color: rgb(119,137,155);}
.orange {background: rgb(255,153,0);}
.green {background: rgb(0,153,0);}
.blue {background: rgb(0,0,153);}
.red {background: rgb(255,0,0);}
.pink {background: rgb(255,51,204);}
.pollLate0 {width: 1px;}
.pollLate1 {width: 3px;}
.pollLate3 {width: 9px;}
.pollLate4 {width: 12px;}
.pollLate23 {width: 69px;}
.pollLate70 {width: 210px;}
/*photo-contest Page Style Sheets*/
body.photo-contest #header {height: 100px;}
body.photo-contest #header #mainNavigation {top: 94px;}
body.photo-contest #wrapper #infoTab {width: 984px; background: rgb(235,235,235); padding-bottom: 5px;}
body.photo-contest #wrapper #infoTab .subCategories {width: 984px; text-align: right; overflow: hidden;}
body.photo-contest #wrapper #infoTab .subCategories li {display: inline;float: none;color: rgb(19,52,79);border: 0;}
body.photo-contest #wrapper #infoTab .subCategories li a {color: rgb(19,52,79); text-decoration: underline;}
body.photo-contest #wrapper #infoTab .subCategories li.first-child {float: left;}
#photoContestWrapper {width: 905px;	margin: 20px auto;}
#photoContestWrapper h1 {font-size: 25px;font-weight: normal;color: rgb(78,114,188);margin-bottom: 10px;}
#photoContestWrapper p {font-size: 12px; color: rgb(37,34,34); line-height: 18px; margin-bottom: 10px;}
#photoContestWrapper p.alignCenter {text-align: center;}
#photoContestWrapper p span {display: block;}
#photoContestWrapper p a {color: rgb(37,34,34);	text-decoration: underline;}
.photoStream {width: 905px; border: 0; background: rgb(235,235,235);}
.photoStream tr td {width: 200px;border-top: 1px solid rgb(255,255,255);border-right: 1px solid rgb(255,255,255);padding: 15px 13px;vertical-align: top;}
.photoStream tr td p {margin-bottom: 0 !important;}
.photoStream tr td p.post-by {margin-bottom: 5px !important;}
p.post-by {color: rgb(102,102,102) !important;}
p.rating-star {width: 70px; height: 15px; background: url(../img/bg/rating-star.png) no-repeat;}
.photoLarge {width: 871px;padding: 15px 17px;background: rgb(235,235,235);margin-bottom: 20px;}
.photoLarge p.post-by {margin: -10px 0 10px !important;}
.photoLarge .rating {width: 871px; overflow: hidden;}
.photoLarge .rating p {float: left; margin-right: 5px;}
.photoLarge .rating p.rating-star {margin-top: 2px;}
.navBar {width: 905px; overflow: hidden;}
.navBar a {color: rgb(19,52,143) !important; text-decoration: none !important;}
.navBar .back {float: left;}
.navBar .statusPage {width: 150px;float: right;text-align: center;color: rgb(19,52,143) !important;position: relative;}
.navBar .statusPage .previous {position: absolute; left: 0;}
.navBar .statusPage .next {position: absolute; right: 0;}
.formSet {width: 865px;background: rgb(235,235,235);padding: 20px 20px 10px;}
.formSet li {font-size: 12px; margin-bottom: 10px;}
.formSet li label {display: block;float: left;width: 100px;margin-top: 5px;}
.formSet li p {margin: 0 0 0 100px !important;}
.formSet li .textfield {width: 300px;border: 1px solid rgb(126,126,126);background: rgb(255,255,255);padding: 4px 2px;}
/*Floating Ads*/
.showFloatingAds {width: 1000px; height: 500px; position: absolute; top: 200px; left: 50%; margin-left: -500px; z-index: 9999;}
.hideFloatingAds {width: 0; height: 0; visibility: hidden; overflow: hidden;}
/*Company Info.*/
#companyInfo {width: 944px;margin: 0 auto;padding: 10px 20px 50px;background: rgb(255,255,255);line-height: 110%; overflow: hidden;}
#companyInfo dl {width: 900px; padding-top: 10px; margin: 0 auto;}
#companyInfo dl p a { color: #213c70; text-decoration: underline; }
#companyInfo dl p a:hover { text-decoration: none;}
#companyInfo dl h2 {font-size: 22px; margin-bottom: 10px; color: rgb(35,66,91);}
#companyInfo dl dd {margin-bottom: 10px;}
#companyInfo dl dd h3 {font-size: 14px; color: rgb(35,66,91);}
#companyInfo dl dd p, #companyInfo dl dd ul, #companyInfo dl dd ol {font-size: 12px; color: rgb(96,96,96); margin-bottom: 5px;}
#companyInfo dl dd ul,#companyInfo dl dd ol{padding-top:5px;}
#companyInfo dl dd p strong, #companyInfo dl dd ul strong {color: rgb(35,66,91);}
#companyInfo dl dd p a {color: rgb(56,56,56); text-decoration: none;}
#companyInfo dl dd p a:hover {color: rgb(96,96,96); text-decoration: none;}
#companyInfo dl.faqDL dd {padding: 10px 5px;border-bottom: 1px dotted rgb(172,172,172);margin-top: -10px;}
dl.faqDL dd:hover {background: rgb(235,235,235);} /* there's no fantasy in IE6 */
dl.faqDL dd p.faqQuestion {font-size: 95% !important; color: rgb(35,66,91) !important; margin-bottom: 10px !important;}#companyInfo dl ul li,#companyInfo dl ol li ul li{list-style: disc outside none;margin-left: 40px;}#companyInfo dl ol li {list-style: decimal inside none; }#companyInfo p.accept {color:#606060;padding-top:10px;padding-bottom:10px;}
#companyInfo p.accept input {margin-right:5px;}
#companyInfo .button {text-align:center;padding-bottom: 10px;}
/*Channel's block*/
.blog_section{float:left;display:block;width:326px;left:10px;margin-left:4px;margin-top:6px;}
.err{font-weight:bold; color: rgb(204,0,0);}
.err h2{font-weight:bold !important; color:#ED1C24 !important; font-size:18px !important;border-bottom:none !important;}
/*sent mail*/
#mailWrapper {width: 944px;margin: 0 auto;padding: 10px 20px;background: rgb(255,255,255);}
#mailWrapper .fromSentMail p{padding:1px 5px 15px;}
#mailWrapper .fromSentMail p label{display:block;	width:100px; float:left;font-size:12px;color:#363636;}
#mailWrapper .fromSentMail p span{font-size:12px;}
#mailWrapper .fromSentMail input[type=text]{ width:350px;}
.clear_both{clear:both;}
/*added on 17 April 20 */
.mostViewTopics {width: 964px;height: 17px;padding: 8px 10px 5px;background: rgb(19,36,69);margin: 0 auto;}
.mostViewTopics h3 {display: block;float: left;font-size: 12px;color: rgb(255,255,255);margin-right: 15px;}
.mostViewTopics ul {font-size: 12px; color: rgb(255,255,255);}
.mostViewTopics ul li {display: block; float: left; margin-right: 10px;}
.mostViewTopics ul li a {color: rgb(255,255,255); text-decoration: underline; padding-right: 6px;}
.mostViewTopics ul li a:hover {color: rgb(255,255,255); text-decoration: none;}
div.specialEvent {background: #142446; }
/*code ads on 22 October 2010*/
#hoteltravel{width:96px; height:auto!important; min-height:78px; height:78px;font: 9px Arial,Helvetica,sans-serif;list-style:none;background:#fff;}
#hoteltravel ul{padding:0px;margin:0px;list-style:none;}
#hoteltravel li{text-indent:5px;}
#hoteltravel a:link, #hoteltravel a:visited, #hoteltravel a:active{color:#0072b3;text-decoration:none;display:block;width:100%;cursor:hand;}
#hoteltravel a:hover{background-color:#f8f8f8;color:#ff9600;}
/*Multi-site*/
#dailyPost #live-broadcast {background: url(../img/microsite/live_broadcast_bg.jpg) no-repeat 3px top;width: 665px;height: 426px;margin-bottom: 10px;}
#dailyPost #live-broadcast h2 {color: rgb(255,255,255); font-size: 15px; padding: 5px 0 0 15px;}
#dailyPost #live-broadcast iframe {margin: 17px 0 0 72px;}
#dailyPost #live-broadcast img {margin: 17px 0 0 72px;}
#dailyPost .creditMedia {font-size: 13px; padding-left: 10px;  background:url(../img/microsite/bg_gradient.gif) no-repeat 8px bottom;padding-bottom:30px; }
#dailyPost .creditMedia a {color: rgb(33,60,112); text-decoration: underline; }
#dailyPost .creditMedia img {vertical-align: middle; }
#microsite-highlight {position: relative;width: 665px;height: 360px;background: url(../img/microsite/bg_secret_testing_box.jpg) no-repeat;}
#microsite-highlight a:hover {text-decoration: underline;}
#microsite-highlight h2 {color: rgb(33,60,112);font-size: 16px;padding: 26px 115px 0 0;text-align: right;}
#microsite-highlight h2 a {color: rgb(33,60,112);}
#microsite-highlight #main-highlight {width: 415px;float: left;margin-left: 15px;_display: inline;}
#microsite-highlight #main-highlight img {margin-top: 5px;}
#microsite-highlight #main-highlight h1 {color: rgb(33,60,112); font-size: 24px; padding-top: 15px;}
#microsite-highlight #main-highlight h1 a {color: rgb(33,60,112);}
#microsite-highlight #main-highlight p {color: rgb(54,54,54); font-size: 12px; padding-top: 5px;}
#dailyPost .view-all {position: absolute;right: 15px;bottom: 10px;clear: both;}
#dailyPost .view-all a {color: rgb(51,51,51); font-size: 12px; font-weight: bold;}
#microsite-highlight ul#latest-update {width: 235px; float: right;}
#microsite-highlight ul#latest-update li {width: 205px;border-bottom: 1px solid rgb(220,220,220);padding: 2px 0;margin-left: 15px;clear: both;line-height: 17px;}
#microsite-highlight ul#latest-update li span {font-size: 12px; font-weight:bold; color: rgb(51,51,51);}
#microsite-highlight ul#latest-update li a {font-size: 12px; font-weight: bold; color: rgb(30,121,188);}
#dailyPost .thumbnail-list-content {position: relative;width: 665px;height: 231px;background: url(../img/microsite/bg_video_microsite.jpg) no-repeat left top;margin-top: 10px;}
.thumbnail-list-content .date-time {}
#dailyPost .thumbnail-list-content a:hover {text-decoration: underline;}
#dailyPost .thumbnail-list-content h1{color: rgb(30,121,188);font-size: 16px;font-weight: bold;padding: 12px 0 3px 15px;	}
#dailyPost .thumbnail-list-content h1 a {color: rgb(30,121,188);}
#dailyPost .thumbnail-list-content p {color: rgb(33,60,112); font-size: 13px;}
#dailyPost .thumbnail-list-content p a {color: rgb(33,60,112);}
#dailyPost .thumbnail-list-content ul {width: 650px; padding-left: 10px;}
#dailyPost .thumbnail-list-content ul li{float:left;width:148px;margin:0 7px;_display:inline;}
#dailyPost .thumbnail-list-content ul li .date-time{color:rgb(94,94,94);font-size:13px;padding:2px 0 0 0;display:block;}

/* Repeat Shadow Box */
.innerShadowBox {width: 665px; margin: 10px 0 5px; position: relative;}
.innerShadowBox .topCorner {width: 665px; height: 40px; background: transparent url(../img/microsite/bg_top_shadow_box.jpg) no-repeat;}
.innerShadowBox .bottomCorner {width: 665px; height: 32px; background: transparent url(../img/microsite/bg_bottom_shadow_box.jpg) no-repeat;}
.innerShadowBox .subChanelDetail {width: 625px;margin: -20px 0 0 0;padding: 0 20px;background: transparent url(../img/microsite/bg_content_shadow_box.jpg) repeat-y;overflow: hidden;}
/* interactive media page */
.multimedia {width: 944px;margin: 10px auto 10px;height: 406px;background: #ccc;overflow: hidden;-moz-border-radius: 10px;border: 10px solid #ccc;-webkit-border-radius: 10px;_height: 384px;}
.embedMedia {width: 944px; margin: 10px auto 10px;	overflow: hidden;}
#teaser-banner {height: 80px; overflow: hidden; width: 984px; }

/*	=mediaInformation*/
.topHighlightBox {width: 635px; margin: 10px 0 0 20px;}
.topHighlightBox p {font-size: 12px; line-height: 18px; }
.topHighlightBox p.highlightThumbnail {width: 635px; margin-bottom: 10px;}
.topHighlightBox h1 {color: rgb(30,121,188); font-size: 24px; line-height: 24px; margin-bottom: 10px; }
.topHighlightBox h1 a {color: rgb(30,121,188);}
.topHighlightBox h1 a:hover {text-decoration: underline; }
.topHighlightBox ul#portfolio {position: relative;}
.topHighlightBox ul#portfolio li {display: none;}
.topHighlightBox ul#portfolio li:first-child {display: block;}
.topHighlightBox ul#portfolio li p {background:url(../img/microsite/bg_portfolio.png) repeat;bottom: 20px;color: rgb(255,255,255);left: 0;padding: 10px;position: absolute;width: 615px;z-index: 1000;}
.topHighlightBox div.highlightMediaThumb {width: 372px; height: 304px; float: left;}
.topHighlightBox div.mediaInformationBox {width: 250px; float: right; _display: inline;}
.topHighlightBox div.media-detail {width: 325px; float: left;}
.topHighlightBox .mediaInformation {width: 300px;color: rgb(102,102,102);float: right;font-size: 12px;margin-left: 10px;}
.topHighlightBox .mediaInformation li {list-style: none; }
div.mediaInformationBox .mediaInformation {width: 235px !important;padding-top: 15px;margin-left: 0;float: none !important;}
.mediaInformation a {color: rgb(102,102,102); text-decoration: underline;}
.mediaInformation a:hover {color: rgb(102,102,102); text-decoration: none;}
#dailyPost .topHighlightBox {-moz-background-clip:border;background:transparent url(../img/microsite/bg_gradient.gif) no-repeat scroll 8px bottom;font-size:13px;padding-bottom:30px;padding-left:10px;}
/*	=galleryTable*/
.galleryTable {	width: 635px;margin-left: 20px;	overflow: hidden;clear: both;}
.galleryTable td {width: 148px;padding: 0 10px 0 0;text-align: left;vertical-align: top;float:left;overflow:hidden;}
.galleryTable td  p{position:relative;left:0;top:0;/*width:21px;height:27px;*/}
span.type-panorama{text-indent:-9999px;background:url(../img/microsite/icon_360.png) no-repeat;width:24px;height:18px;position:absolute;left:0;top:0;}
span.type-video{text-indent:-9999px;background:url(../img/microsite/icon_video.png) no-repeat;width:24px;height:18px;position:absolute;left:0;top:0;}
span.type-image{text-indent:-9999px;background:url(../img/microsite/icon_photo.png) no-repeat;width:24px;height:18px;position:absolute;left:0;top:0;}
.galleryTable td h3 {font-size: 12px; font-weight: normal; color: rgb(22,63,104); margin-bottom: 0; }
.galleryTable td h3 a {color: rgb(22,63,104); text-decoration: none; }
.galleryTable td h3 a:hover {text-decoration: underline; }
.galleryTable td .mediaInformation {padding-top: 5px; padding-bottom: 10px; color: rgb(102,102,102);}
.galleryTable td .mediaInformation li {list-style: none; font-size: 12px;}
/*	=switchPhotoCategory*/
div.switchMediaCategory {
width: 635px;
height: 27px;
padding-top: 15px;
font-size: 12px;
border-top: 1px solid rgb(183,183,183);
position: relative;
margin-left: 20px;
/margin-bottom: 5px;
_margin-bottom: 6px;
}
div.switchMediaCategory {border-top: 0!important; border-bottom: 1px solid rgb(183,183,183); clear: both; margin-bottom: 15px;}
div.switchMediaCategory ul {width: 625px;height: 27px;padding-left: 10px;background: rgb(236,236,236);}
div.switchMediaCategory ul li {height: 16px;display: block;float: left;list-style: none;padding: 8px 0 3px 0;}
div.switchMediaCategory ul li a {color: rgb(51,51,51); text-decoration: none; border-right: 1px solid rgb(51,51,51); padding:  0 5px; }
div.switchMediaCategory ul li a.noBorder {border: 0;}
div.switchMediaCategory ul li a:hover {color: rgb(51,51,51); text-decoration: underline;}
div.switchMediaCategory li.active {
font-weight: bold;
color: rgb(22,63,104);
padding: 5px 10px;
margin-bottom: -1px;
margin-left: -1px;
margin-right: 5px;
background: rgb(255,255,255);
border: 1px solid rgb(183,183,183);
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
_height: 19px;
_position: relative;
}
/*	Media Details*/
.slide-media-controlPanel {padding: 10px; text-align: center;}
.slide-media-controlPanel img {vertical-align: bottom; margin-right: 5px;}
ul.slide-media-controlPanel {margin:0 auto;overflow:hidden;padding:30px 10px 0;text-align:center;width:154px;}
div.slide-mediaDetails {width: 613px;padding: 10px;background: rgb(247,247,247);border: 1px solid rgb(183,183,183);margin-bottom: 15px;margin-top: 15px;position: relative;}
div.slide-mediaDetails p {margin-bottom: 10px;font-size:12px;line-height:18px;}
div.slide-mediaDetails ul.mediaInformation {float: left !important; padding: 0 !important; margin-left: 0 !important; width: 150px; }
div.slide-mediaDetails ul.url-tags input {width: 255px;}
div.slide-mediaDetails ul.url-tags li {float: left;list-style: none;overflow: hidden;margin-bottom: 5px;}
div.slide-mediaDetails ul.url-tags li.embed { padding-right: 10px; width: 308px;}
div.slide-mediaDetails ul.url-tags li.url { width: 295px; }
div.slide-mediaDetails ul.url-tags li input {float: left;}
div.slide-mediaDetails ul.url-tags li label {float: left; font-size: 12px; padding: 3px 5px 0 0;}
h2.mediaHeader {color: rgb(22,63,104);font-size: 15px;background: rgb(236,236,236);padding: 5px;margin-bottom: 5px;margin-left: 20px;width: 625px;}
div.slide-mediaDetails #main-sns {clear: both;padding-top: 15px;width: 593px;}
/*	Media Search Result */
.media-searchResult {width: 635px; margin-left: 20px; }
.media-searchResult li:hover {background: rgb(238,238,238);}
.media-searchResult li {font-size: 12px;width: 625px;padding: 10px 5px;list-style: none;border-bottom: 1px dashed rgb(183,183,183);overflow: hidden;}
.media-searchResult li.readMore {text-align: right; padding-top: 10px; border-bottom: 0;}
.media-searchResult li.readMore:hover {background: none;}
.media-searchResult li.readMore a {color: rgb(102,102,102);}
.media-searchResult li.readMore a:hover {text-decoration: underline;}
.media-searchResult li h3 {font-size: 15px; margin-bottom: 0; }
.media-searchResult li h3 a {color: rgb(22,63,104); text-decoration: none; }
.media-searchResult li h3 a:hover {text-decoration: underline; }
.media-searchResult li p.resultThumb {width: 90px;height: 60px;float: left;margin-right: 10px;margin-bottom: 0;}
.media-searchResult li ul.mediaInformation {color: rgb(102,102,102);padding-top: 5px;float: none;}
.media-searchResult li ul.mediaInformation li {font-size: 12px;list-style: none;display: inline;padding: 0;border: none;}
/*	Media Gallery*/
.mediaGallery {background: url(../img/bg/bg_mediaGallery.jpg);height: 187px;width: 280px;margin: 5px 0;padding: 15px 10px;overflow: hidden;position: relative;}
.mediaGallery a:hover {text-decoration: underline;}
.mediaGallery h2 {color: rgb(30,121,188); font-size: 14px; padding-bottom: 10px;}
.mediaGallery h2 a {color: rgb(30,121,188);}
.mediaGallery table {padding-bottom: 15px; overflow: hidden; width: 280px; }
.mediaGallery table td img {float: left; padding: 0 5px 5px 0;}
.mediaGallery p {font-size: 12px; position: absolute; right: 10px; bottom: 15px; }
.mediaGallery p a {color: rgb(54,54,54); font-weight: bold; }
p.pageSwitch {text-align: center; padding: 10px 0; font-size: 12px; color: rgb(51,51,51); }
p.pageSwitch a {color: rgb(22,63,104); text-decoration: none;}
p.pageSwitch a:hover {color: rgb(200,42,36); text-decoration: none;}
p.pageSwitch img {vertical-align: bottom;}

/*	judgementDay */
#judgementDay {background: rgb(35,31,32);color: rgb(255,255,255);font-size: 12px;width: 100%;}
#judgementDay a:hover {text-decoration: underline; }
#judgementDay .judgementContent {margin: 0 auto;overflow: hidden;padding: 8px 0 9px 0;width: 984px;}
.judgementContent p.buttonRed {background: url(../img/button/button-red.gif);	float: left;font-size: 11px !important;height: 15px;line-height: 15px;margin-bottom: 5px;padding-left: 5px;}
.judgementContent p.buttonRed a {
background: url(../img/button/button-red.gif) top right;
color: rgb(255,255,255);
display: block;
float: left;
height: 15px;
padding-right: 5px;
}
.judgementContent #teaserJudgement {float: left; width: 524px; }
#teaserJudgement h1 a {clear: both;display: block;height: 45px;text-indent: -9999px;background: url(../img/microsite/judgementday.png) no-repeat left center;width: 506px;}
#teaserJudgement p {color: rgb(185,151,108); float: left; font-size: 12px; }
#teaserJudgement p.goto-microsite {float: left;font-size: 11px;font-weight: bold;	margin-left: 10px;}
#teaserJudgement p.goto-microsite a {
background: url(../img/button/btn-microsite.gif);
color: rgb(35,31,32);
display: block;
height: 15px;
line-height: 15px;
text-decoration: none !important;
padding-left: 20px;
width: 168px;
/padding-left: 18px;
/width: 170px;
}
#teaserJudgement p.goto-microsite a:hover {background-position: 0 -15px;color: rgb(255,255,255);}
.judgementContent .galleryPanel {border-left: 1px solid rgb(76,73,74);border-right: 1px solid rgb(76,73,74);float: left;height: 83px;overflow: hidden;padding-left: 10px;width: 200px;}
.galleryPanel ul {clear: both; }
.galleryPanel ul li {float: left; margin-right: 10px; }
.judgementContent .newsUpdate {float: left;overflow: hidden;padding-left: 10px;width: 235px;}
.newsUpdate a {color: rgb(255,255,255);	}
.newsUpdate p {font-size: 12px; color: rgb(255,255,255); }
.newsUpdate h3 {clear: both; font-size: 14px; }

/***Tabswitchmedia***/
#articleWrapper .creditMedia{font-size:13px;padding-bottom:20px;padding-left:20px;}
.Highlight_Radio{ font-size: 12px; margin: 0 0 0 10px;}
.Highlight_Radio p {padding: 10px 0 0;}
.Highlight_Radio img { vertical-align: middle;}

/* 	tabsSwitchMedia*/
#tabsSwitchMedia {width: 650px;background: url(../img/microsite/bg_grey.gif) left bottom repeat-x rgb(255,255,255);list-style: none;height: 40px;border-bottom: 10px solid rgb(255,255,255);overflow: hidden;margin:0 auto;}
#tabsSwitchMedia li {float: left;height: 40px;background: url(../img/microsite/bg_tabsSwitchMedia.gif);padding-left: 30px;}
#tabsSwitchMedia li a{color: rgb(138,138,138);font-size:13px; }
#tabsSwitchMedia li span {background: url(../img/microsite/bg_tabsSwitchMedia.gif) top right;display: block;float: left;padding: 15px 30px 0 0;height: 25px;}
#tabsSwitchMedia li.active {background: url(../img/microsite/bg_tabsSwitchMedia.gif) left bottom;}
#tabsSwitchMedia li.active span {background: url(../img/microsite/bg_tabsSwitchMedia.gif) right bottom;	}
#tabsSwitchMedia li.active a {color: rgb(196,44,33); text-decoration: none;font-size:13px; }
.content-slide-media {background:transparent url(../img/microsite/bg_gradient.gif) no-repeat scroll 8px bottom;	padding-bottom: 20px;}
/* 	Interactive 360 panoramas icon*/
.thumbnail-list-content ul li p{position:relative;}
/* Force CSS for main navigation*/
#mainNavigation{width:982px;left:9px;}
#mainNavigation ul#mainNavigationList{height:28px;background:url(../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;}
/* 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: #ffffff; font-weight: bold; }
#wrapper .infotab_graytheme .subCategories li a:hover{text-decoration: underline; color: #ffffff;}
/*Service Content*/
#ServiceContent {width:964px; margin:0 0 90px 19px; }
#ServiceContent p {font-size: 13px;font-weight:bold;color: rgb(0,0,0);padding:32px 0 20px 0;}
#ServiceContent ul {overflow:hidden; }
#ServiceContent ul li {width: 461px;height: 79px;border: 1px solid rgb(195,195,195);float: left;background: url(../img/bg/bg_service_list.jpg) repeat-x;margin:0 19px 10px 0;overflow: hidden;}
#ServiceContent ul li a {width: 80px; float: left;}
#ServiceContent ul li img {float:left;margin:8px 9px 0 8px;_display:inline;}
#ServiceContent ul li h3 {color: rgb(30,121,188);font-size: 15px;padding-top:3px;/padding-top:8px;width: 370px;float:left;}
#ServiceContent ul li h3 a {color: rgb(30,121,188);margin:5px 0 0 0; overflow: hidden; display:block; cursor: pointer; width: auto;}
#ServiceContent ul li h3 img {float: none; margin: 4px 0 0 5px;}
#ServiceContent ul li h3 a span {float:left; margin: 0; }
#ServiceContent ul li h3 a:hover {text-decoration:underline; }
#ServiceContent ul li p {color: rgb(51,51,51);font-size: 12px;font-weight:bold;padding:5px 0 0 0;width: 370px;float:left;}

/* 	BKP V2.6 MultimediaServiceTheme*/
#MultimediaContent{float:left;width:665px;margin-bottom:30px;}
#MultimediaContent h2{font-size:14px;font-weight:bold;color:rgb(30,121,188);}
#MultimediaContent .LatestMultimedia_List{padding: 0 0 15px 0;margin:10px 0 0 12px;width:655px;overflow:hidden;background:url(../img/multimedia/bg_multimedia_list_btm.jpg) no-repeat left bottom;}
#MultimediaContent .LatestMultimedia_List .LatestMultimedia_Content,
#MultimediaContent .LatestMultimedia_List .MorningFocus_Content{background:url(../img/multimedia/bg_multimedia_list.jpg) repeat-y;overflow:hidden;position:relative;width:655px;margin:0;padding: 0 0 22px 0;}
.LatestMultimedia_List .LatestMultimedia_Content .galleryTable,
.LatestMultimedia_List .MorningFocus_Content .galleryTable {margin:0 0 0 7px;width:640px;}
.LatestMultimedia_List .LatestMultimedia_Content .galleryTable tr td{width:160px;display:block;float:left;padding:0;}
.LatestMultimedia_List .LatestMultimedia_Content .galleryTable tr td p{width:146px;}
.LatestMultimedia_List .LatestMultimedia_Content .galleryTable tr td a,
.LatestMultimedia_List .MorningFocus_Content .galleryTable tr td a{color:rgb(33,60,112);}
.LatestMultimedia_List .LatestMultimedia_Content .galleryTable tr td a:hover,
.LatestMultimedia_List .MorningFocus_Content .galleryTable tr td a:hover{text-decoration:underline;}
#MultimediaContent .LatestMultimedia_List h1{background:url(../img/multimedia/bg_multimedia_list_top.jpg) no-repeat;color:#1E79BC;font-size:14px;font-weight:bold;padding:7px 0 8px 8px;}
#MultimediaContent .LatestMultimedia_List h1 a{color:rgb(30,121,188);}
#MultimediaContent .LatestMultimedia_List p{color:rgb(30,121,188);font-size:12px;}
#MultimediaContent .LatestMultimedia_List p img {padding-bottom: 5px;}
#MultimediaContent .LatestMultimedia_List .date-time {padding-top: 5px;}
#MultimediaContent .LatestMultimedia_List .date-time,
#MultimediaContent .LatestMultimedia_List .total-view,
#MultimediaContent .LatestMultimedia_List .media-length{color:rgb(94,94,94);display:block;font-size:11px;line-height: 14px;}
#MultimediaContent .view-all{bottom:0;clear:both;position:absolute;right:25px;}
#MultimediaContent .view-all a{color:rgb(51,51,51);font-size:12px;font-weight:bold;}
#MultimediaContent .view-all a:hover,
#MultimediaContent .LatestMultimedia_List h1 a:hover,
#MultimediaContent .LatestMultimedia_List ul li p a:hover,
#Popular_Tags ul li a:hover,
#Popular_Tags  .view-all a:hover{text-decoration:underline;}
/*Popular tags*/
#Popular_Tags{position:relative;margin-top:35px;width:300px;background:url(../img/multimedia/bg_populartag.jpg) no-repeat left top;height:215px;}
#Popular_Tags h2{font-size:14px;font-weight:bold;color:rgb(30,121,188);padding:10px 15px 8px;}
#Popular_Tags ul {margin-left:15px;}
#Popular_Tags ul li{float:left;width:130px;padding:2px 0;background:url(../img/multimedia/icon_tagsbullet.gif) no-repeat left 6px;}
#Popular_Tags ul li a{font-size:12px;color:rgb(51,51,51);margin-left:14px;display:block;}
#Popular_Tags  .view-all{bottom:22px;clear:both;position:absolute;right:16px;}
#Popular_Tags  .view-all a{color:rgb(51,51,51);font-size:12px;font-weight:bold;}
/*Tags Search Result*/
#MultimediaContent .Tags_Searchresult{width:613px;padding:10px;text-align:center;margin:10px 0 0 20px;border:1px solid rgb(183,183,183);font-size:14px;}
#MultimediaContent .Tags_Searchresult p.found{font-weight:bold;}
#MultimediaContent .Tags_Searchresult p{padding:5px 0 0 0;}
#MultimediaContent .Tags_Searchresult span{color: rgb(30,121,188);}
#MultimediaContent .Tags_Searchresult a{text-decoration:underline;color: rgb(51,51,51);}
#MultimediaContent .Tags_Searchresult a:hover{text-decoration:none;}
/*.MediaCategoryNavigation*/
.MediaCategoryNavigation{float:right;padding:0 0 10px 0;width:265px;font-size:12px;}
.MediaCategoryNavigation h3{float:left;font-size:12px;}
.MediaCategoryNavigation ul li{float:left;display:block;}
.MediaCategoryNavigation ul li a{color: rgb(51,51,51);padding:0 7px;}
.MediaCategoryNavigation ul li a:hover{text-decoration:underline;}
/*SortbyAlphabet_Result*/
#MultimediaContent .SortbyAlphabet_Result{width:603px;padding:15px;margin:10px 0 0 20px;border:1px solid rgb(183,183,183);font-size:14px;overflow:hidden;}
.SortbyAlphabet_Result h2{color: rgb(30,121,188);font-weight:bold;font-size:16px;text-decoration:underline;padding:0 0 15px 0;}
.SortbyAlphabet_Result .TagSearch_Navigation {overflow:hidden;}
.SortbyAlphabet_Result .TagSearch_Navigation ul li{float:left;margin:-4px 0 0 0;}
.SortbyAlphabet_Result .TagSearch_Navigation ul li a {color: rgb(51,51,51);font-size:14px;width:18px;cursor:pointer;}
.SortbyAlphabet_Result .TagSearch_Navigation ul li a span{background:url(../img/multimedia/bg_sort_alphabet.gif) no-repeat;	width:18px;height:20px;margin:5px 0 0 0;display:block;padding:2px 0 0 5px;}
#MultimediaContent .SortbyAlphabet_Result .TagSearch_Navigation ul li a.all span{ background:url(../img/multimedia/bg_sort_alphabet_all.gif) no-repeat; width:24px; }
#MultimediaContent .SortbyAlphabet_Result .TagSearch_Navigation ul li a.all span.active{ background:url(../img/multimedia/bg_sort_alphabet_all_active.gif) no-repeat; width:24px;}
.SortbyAlphabet_Result .TagSearch_Navigation ul li span.invisible{background:url(../img/multimedia/bg_sort_alphabet.gif) no-repeat;width:18px;height:20px;margin:5px 0 0 0;display:block;padding:2px 0 0 5px;color:rgb(204,204,204);}
.SortbyAlphabet_Result .TagSearch_Navigation ul li span.active{
background:url(../img/multimedia/bg_sort_all.gif) no-repeat;
width:18px;
height:20px;
margin:5px 0 0 0;
display:block;
padding:2px 0 0 5px;
color:rgb(255,255,255);
}
.SortbyAlphabet_Result .TagSearch_List {margin:15px 0;overflow:hidden;width:603px;}
.SortbyAlphabet_Result .TagSearch_List ul li{width:201px;padding:4px 0 0 0;float:left;background:url(../img/multimedia/icon_tagsbullet.gif) no-repeat left 8px;}
.SortbyAlphabet_Result .TagSearch_List ul li a{display:block;font-size:14px;margin-left:14px;font-weight:bold;color: rgb(35,66,91);}
.SortbyAlphabet_Result .TagSearch_List ul li a:hover{text-decoration:underline;}
/*Article Photo*/
#MultimediaContent #photos {visibility:hidden;}
#MultimediaContent #photos {margin-bottom:15px!important;}
#MultimediaContent #photos .panel .panel-overlay{background:url(../img/multimedia/bg_overlay.png) repeat;bottom:-1px!important;}
#MultimediaContent .slide-mediaDetails{margin-left:20px;}
#MultimediaContent .slide-mediaDetails .mediaInformation{font-size:12px;color: rgb(102,102,102);}
/*Member System*/
/*Signup Page*/
h1#Bangkokpostwelcome {color: rgb(54,54,54); font-size: 24px; font-weight: bold; padding: 30px 0 15px 30px;}
h1#Bangkokpostwelcome span {color: rgb(30,121,188); font-size: 24px; font-weight: bold;}
#content .userprofile .form-message label.error {width: auto; padding-top: 2px; color: rgb(204,0,0);}
#SignupContent {background: url(../img/member/bg_signupcontent.jpg) no-repeat left top;height: 487px;margin:0 auto 20px auto;overflow: hidden;width:946px;}
#SignupContent .SignupContent_intro {float: left;padding: 0 0 0 17px;width: 498px;}
#SignupContent .SignupContent_intro p.image{padding:0;}
#SignupContent .SignupContent_intro p {padding:15px 0 0 0;}
#SignupContent .SignupContent_intro p a {background: url(../img/member/bt_signupnow.jpg) no-repeat;display: block;height: 33px;width: 106px;}
#SignupContent .SignupContent_intro p a span {visibility:hidden;}
#SignupContent .SignupContent_intro h2 {color: rgb(30,121,188);font-size: 18px;font-weight: bold;padding: 15px 0 0 0;width: 450px;}
#SignupContent .SignupContent_intro ol {width: 410px;}
#SignupContent .SignupContent_intro ol li {color: rgb(54,54,54);font-size: 12px;list-style:none;clear:both;padding-top:1px;line-height:19px;}
#SignupContent .SignupContent_intro ol li .newlist {color: rgb(0,0,0); font-size: 12px; margin-right: 4px;}
#SignupContent .SignupContent_intro ol li span{font-size:24px;line-height: 20px;float:left;color:rgb(73,120,184);margin-right:7px;}
#SignupContent .SignupContent_intro ol li span.hilight {font-size: 12px; color: rgb(250,51,51); font-weight: bold;}
.Loginbox {background: url(../img/member/bg_loginbox.gif) no-repeat left 15px;float: left;height: 320px;width: 418px;font-size: 12px;}
.Loginbox h2 {color: rgb(30,121,188);font-size: 14px;padding: 35px 0 15px 35px;}
.Loginbox fieldset {margin: 0 0 0 35px;width: 370px;display:block;}
.Loginbox fieldset ul{padding: 0 0 25px 0;}
.Loginbox fieldset ul li p input {float: left;height: 20px;width: 215px;_margin: 0 0 7px 0;}
.Loginbox fieldset ul li  {	color: rgb(54,54,54);font-size: 12px;overflow: hidden;}
.Loginbox fieldset ul li p {overflow: hidden; padding:0 0 7px 0;}
.Loginbox fieldset ul li.forgotpassword {clear: both;font-size: 11px;margin-top: -1px;padding:0 0 0 127px;}
.Loginbox fieldset ul li.forgotpassword a {color: rgb(54,54,54); text-decoration: underline;}
.Loginbox fieldset ul li.forgotpassword a:hover{text-decoration: none;}
.Loginbox fieldset ul li p label {float: left;padding: 5px 0 0 0;width: 127px;}
.Loginbox fieldset input#submit {background: url(../img/member/bt_login.jpg) no-repeat;border: none;cursor: pointer;height: 33px;margin-top: 15px;width: 76px;}
.Loginbox form fieldset ul li span.form-message {display: block; padding-left: 127px; width: 195px;}
.Loginbox form fieldset ul li span.form-message label {color: rgb(204,0,0); width: 195px; _padding-top:0px;}
/*Login Link*/
#memberAssistance li span.msg {display: block; float: left;}
#memberAssistance li  p { float: left; margin-top: -1px;}
#memberAssistance li .alertmessage {
background: url(../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(../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;}
/*Register*/
#RegisterMember{margin: 0 auto;width: 948px;}
#RegisterMember .Register_instruction {color: rgb(30,121,188);font-size: 14px;padding: 15px 0 0 15px;}
#RegisterMember .Register_instruction a {color: rgb(30,121,188); text-decoration: underline;}
#content fieldset.userprofile {padding: 20px 0 25px 15px;font-size: 12px;overflow: hidden;}
#content fieldset.userprofile .strength0{background-position:0 26px !important;}
#content fieldset.userprofile .strength2{background-position:0 -54px !important;}
#content fieldset.userprofile .strength3{background-position:0 -94px !important;}
#content fieldset.userprofile ul li label {float: left;width: 145px;}
#content fieldset.userprofile ul li {margin: 4px 0 6px 0; overflow: hidden; width:100%; clear: both; display: block;}
#content fieldset.userprofile ul li a {color: rgb(30,121,188); font-size: 12px; text-decoration: underline;}
#content fieldset.userprofile ul li.avatar label {padding-top: 30px;}
#content fieldset.userprofile ul li.avatar span {color: rgb(210,0,0); font-size: 10px;}
#content fieldset.userprofile ul li.avatar input {width: 225px;}
#content fieldset.userprofile ul li.avatar img {margin-bottom: -5px;}
#content fieldset.userprofile ul li p#passwordStrength {
background:transparent url(../img/member/strength-level.gif) no-repeat scroll 0 0;
clear:both;
font-size:11px;
margin:5px 0 0 145px;
padding:5px 0 20px;
width:368px;
}
#content fieldset.userprofile ul li p.recommendedsize{font-size:10px;color: rgb(210,0,0);padding-top:5px;}
#content fieldset.userprofile ul li p.valid_code{clear: both; padding-top: 5px;}
#content fieldset.userprofile ul li label.radiofield{width: 82px; margin: 2px 0 0 0;}
#content fieldset.userprofile ul li label.radiofield input{width: 13px; _margin-top:-3px; /margin-top:-3px;}
#content fieldset.userprofile ul li.terms {padding: 5px 0;}
#content fieldset.userprofile ul li.terms input{width: 13px;}
#content fieldset.userprofile ul li.terms label {width: auto; margin-right: 10px;}
#content fieldset.userprofile ul li.terms label.error {padding: 0;}
#content fieldset.userprofile ul li input {width: 395px; float: left; margin-right: 10px;}
#content fieldset.userprofile ul li input#cavatar {width: 217px;}
#content fieldset.userprofile ul li img{float:left;}
#content fieldset.userprofile ul li input.submitbtn {background: url(../img/member/bt_signmeup.jpg) no-repeat;border: none;cursor: pointer;height: 33px;width: 106px;}
#content fieldset.userprofile ul li select {float: left; margin-right: 10px; width: 150px;}
#content fieldset.userprofile ul li.confirmationcode{padding-top: 10px;}
/*Activate Page*/
#NotifyMemberContent {background: url(../img/member/bg_interactive.gif) no-repeat;height: 283px;margin: 15px auto 15px auto;width: 947px;}
#NotifyMemberContent p {text-align: center;}
h1#Notify_Message {color: rgb(73,120,184);font-size: 24px;padding: 40px 0 0 25px;}
#NotifyMemberContent .ThankyouSignup {color: rgb(54,54,54);font-size: 14px;font-weight: bold;padding-top: 45px;}
#NotifyMemberContent .ThankyouSignup p.space{padding-top: 20px;}
#NotifyMemberContent .ThankyouSignup p.navigation {padding-top: 25px;}
#NotifyMemberContent .ThankyouSignup span {color: rgb(30,121,188);}
#NotifyMemberContent .ThankyouSignup a {color: rgb(30,121,188); text-decoration: underline;}
#NotifyMemberContent .ThankyouSignup a:hover{text-decoration:none;}
#NotifyMemberContent p.Notifylink {font-size: 12px;font-weight: normal;padding-top: 50px;}
#NotifyMemberContent p.Notifylink  a {color: rgb(30,121,188); text-decoration: underline;}
h1#thankyoumsg{font-size:18px;padding-bottom:15px;text-align:center;}
/*Forgot Password Page*/
#NotifyMemberContent .Forgotpassword {font-size: 12px; padding-top: 30px;}
#NotifyMemberContent .Forgotpassword label.error,	#NotifyMemberContent .Forgotpassword .birthdayactivate label.error{color: rgb(204,0,0); padding:0 0 0 10px; }
#NotifyMemberContent .Forgotpassword p {padding-top: 5px;}
#NotifyMemberContent .Forgotpassword p.birthdayactivate {padding:2px 0 10px 0;}
#NotifyMemberContent .Forgotpassword p.birthdayactivate label {color: rgb(0,0,0); font-size:13px; font-weight: normal; }
#NotifyMemberContent .Forgotpassword span {color: rgb(30,121,188);font-weight: bold;font-size: 14px;	}
#NotifyMemberContent .Forgotpassword .forgottenemail {margin-bottom:14px;}
#NotifyMemberContent .Forgotpassword .forgottenemail input{margin-bottom:-5px;}
#NotifyMemberContent .Forgotpassword input {width: 350px; margin: 10px 0;padding:2px;}
#NotifyMemberContent .Forgotpassword select {width: 99px;padding:2px;margin-bottom:-3px;}
#NotifyMemberContent .Forgotpassword select.date {width: 60px;}
#NotifyMemberContent .Forgotpassword input.submitemail,
#NotifyMemberContent .remind input.submitemail {background: url(../img/member/bt_sendemail.jpg) no-repeat;border: none;cursor: pointer;height: 33px;width: 260px;}
#NotifyMemberContent .remind h2 { font-size: 14px; font-weight: bold; text-align: left;}
#NotifyMemberContent .remind h2 span { display: block;}
#content #NotifyMemberContent .remind p { font-size: 12px; font-weight: normal; text-align: left; padding-top: 10px;}
#NotifyMemberContent .Forgotpassword p.note{color:rgb(54,54,54);font-size:12px;font-weight:normal;}
#NotifyMemberContent .Forgotpasswordmsg {padding:104px 0 0 0;}
#NotifyMemberContent .Forgotpasswordmsg p {height:30px;color: rgb(54,54,54); font-size: 14px; font-weight:bold;}
#NotifyMemberContent .Forgotpasswordmsg p a{color: rgb(30,121,188); font-size: 12px; font-weight: normal;}
#NotifyMemberContent .Forgotpasswordmsg p a:hover{text-decoration:underline;}
/*VerifyEmail Page*/
#NotifyMemberContent .VerifyEmail {color: rgb(54,54,54);font-size: 12px;padding-top: 37px;}
#NotifyMemberContent .VerifyEmail input {width: 295px;}
#NotifyMemberContent .VerifyEmail p {padding-top: 5px;}
#NotifyMemberContent .VerifyEmail span {color: rgb(30,121,188);font-weight: bold;font-size: 14px;}
#NotifyMemberContent .VerifyEmail .submit {
background: url(../img/member/bt_submit.jpg) no-repeat;
border: none;
cursor: pointer;
display: block;
height: 30px;
margin:10px 0 10px 146px;
width: 75px;
}
#NotifyMemberContent .VerifyEmailmsg {padding:104px 0 0 0;}
#NotifyMemberContent .VerifyEmailmsg p {height:30px;color: rgb(54,54,54); font-size: 14px; font-weight:bold; clear: both;}
#NotifyMemberContent .VerifyEmailmsg p a{color: rgb(30,121,188); font-size: 12px; font-weight: normal;}
#NotifyMemberContent .VerifyEmailmsg p a:hover{text-decoration:underline;}
#NotifyMemberContent .VerifyEmail p.activatecode {padding: 10px 0 0 295px; text-align: left;}
#NotifyMemberContent .VerifyEmail p.activatecode label.error {padding-left: 10px; color: rgb(204,0,0); }
#NotifyMemberContent .remind input.submitemail {margin: 10px 0 0 200px;}
#NotifyMemberContent .remind .head{width: 200px; float: left; font-weight: normal; font-size: 13px;}
#NotifyMemberContent .remind .error {color: #cc0000; display: block; margin-left: 200px;font-size: 13px; font-weight: normal;}
#NotifyMemberContent .remind .capcha {margin-left: 200px;}
/*Verify Email Redesign*/
#content .VerifyEmailContent .VerifyEmailmsg {padding: 25px 0 0 20px;}
#content .VerifyEmailContent .VerifyEmailmsg p {color: rgb(54,54,54); font-size: 14px; font-weight:bold; text-align: left; height: auto; }
#wrapper #content .VerifyEmailContent {background: url(../img/member/bg_verify.gif) no-repeat; height:350px;}
#content .VerifyEmailContent .VerifyEmailmsg .NotifyUserBox {padding-bottom: 15px; width: 905px; background-position: 20px 5px; margin-top: 20px;}
#content .VerifyEmailContent .VerifyEmailmsg .NotifyUserBox h3 {width: 670px; margin-right: 80px; _display:inline;}
#content .VerifyEmailContent .VerifyEmailmsg .NotifyUserBox p{font-size: 12px; font-weight: normal; width: 670px; margin-right: 80px; _display:inline;}
#content .VerifyEmailContent .VerifyEmailmsg .NotifyUserBox p a {color: rgb(54,54,54); text-decoration: underline;}
#content .VerifyEmailContent .VerifyEmailmsg ul {padding-top: 10px;}
#content .VerifyEmailContent .VerifyEmailmsg ul li {line-height: 20px; font-size: 12px; color: rgb(54,54,54);}
#content .VerifyEmailContent .VerifyEmailmsg ul li a {text-decoration: underline; color: rgb(54,54,54);}
#content .VerifyEmailContent .VerifyEmailmsg ul li a:hover {text-decoration: none;}
#content .VerifyEmailContent .VerifyEmailmsg .NotifyUserBox a:hover {text-decoration: none;}
/*Profile Page*/
#Member_Navigation {background: url(../img/member/bg_profilenav.gif) repeat-x;height: 31px;margin: 17px auto 0 auto;width: 952px; display: inline-block;}
#Member_Navigation ul{margin: 0 0 0 5px; padding: 0 0 0 5px;}
#Member_Navigation ul li{float: left;font-size: 12px;margin-left:-2px;}
#Member_Navigation ul li a.active {background: url(../img/member/bg_profileactiveleft.gif) no-repeat left top;display:block;height:31px;cursor: text;}
#Member_Navigation ul li a.active span, #Member_Navigation ul li.classified  a.active span,
#Member_Navigation ul li.blogsetting  a.active span {background: url(../img/member/bg_profileactive-right.gif) no-repeat right top;color: rgb(22,63,104);font-weight: bold;text-decoration: none!important;}
#Member_Navigation ul li.inbox a.active {background: url(../img/member/bg_profileactive-right.gif) no-repeat right top;}
#wrapper #content #Member_Navigation ul li.inbox a.active .alertmessage{margin: 0 9px 0 -5px;_margin: 0 5px 0 -5px;}
#Member_Navigation ul li.inbox a.active  span{background: url(../img/member/bg_profileactiveleft.gif) no-repeat left top;margin: 0;padding: 11px 10px 0 11px;}
#Member_Navigation ul li.publicprofile {width: 85px;}
#Member_Navigation ul li.editprofile {width: 93px;}
#Member_Navigation ul li.alert {width: 97px;}
#Member_Navigation ul li.inbox {width: 118px;}
#Member_Navigation ul li.careerprofile { width: 98px;}
#Member_Navigation ul li.changeemail {width:101px;}
#Member_Navigation ul li.changepassword {width:126px;}
#Member_Navigation ul li.forum{width:104px;}
#Member_Navigation ul li.classified a span {float: left; padding-right:10px;}
#Member_Navigation ul li.mydirectory{width:95px;}
#Member_Navigation ul li.myevent{width:75px;}
#Member_Navigation ul li.blogsetting{width:88px;}
#Member_Navigation ul .last a span{background:none;}
#Member_Navigation ul li a span {background: url(../img/member/bg_profileleft.gif) no-repeat right top;color: rgb(54,54,54);display: block;margin:  0 0 0 5px;padding: 11px 5px 0 6px;height: 20px;}
#content #Member_Navigation ul li.inbox .alertmessage {
background: url(../img/member/ico_alertleft.png) no-repeat left 14px;
float: left;
height: 13px;
margin: 0 9px 0 0;
padding: 13px 0 0 0;
min-width:16px;
text-align:center;
_width:20px;
/padding: 14px 0 0 0;
}
#content #Member_Navigation ul li.inbox .alertmessage span{
background: url(../img/member/ico_alertright.png) no-repeat right 1px;
color: rgb(255,255,255);
font-size: 9px;
padding: 0 5px 0 0;
_background: url(../img/member/ico_alertright.png) no-repeat right top;
/background: url(../img/member/ico_alertright.png) no-repeat right top;
float:none;
display:block;
margin-left:3px;
font-weight:normal;
}
#Member_Navigation ul li.inbox a:hover .alertmessage span{text-decoration: none;  }
#Member_Navigation ul li a {cursor: pointer;}
#Member_Navigation ul li a:hover span {text-decoration: underline;}
/*My Directories section*/
.MyDirectories ul.DirectoriesNavigation {width: 100%;height: 40px;overflow: hidden;background: url(../img/member/bg-directories-nav.gif) repeat-x left bottom;margin-top: 13px;}
.MyDirectories ul.DirectoriesNavigation li {float: left; padding: 0 15px 0 19px; background: url(../img/member/bg-sprite-right.gif) no-repeat right 2px;}
.MyDirectories ul.DirectoriesNavigation li a {float: left; color: rgb(54,54,54); font-size: 12px; height: 30px;}
.MyDirectories ul.DirectoriesNavigation li a:hover,.DirectoriesList .DirectoriesDetail h2 a:hover {text-decoration: underline;}
.MyDirectories ul.DirectoriesNavigation li a.active {font-weight: bold; color: rgb(33,60,112); cursor: text; background: url(../img/member/bg-arrow-active.gif) no-repeat center bottom;}
.MyDirectories ul.DirectoriesNavigation li a.active:hover {text-decoration: none;}
.MyDirectories ul.DirectoriesNavigation li.last {background: none;}
.MyDirectories p.instruction {color: rgb(51,51,51); font-size: 14px; padding: 20px;}
.MyDirectories p.instruction a {color: rgb(51,51,51); text-decoration: underline; display: block;}
.MyDirectories p.instruction a:hover {text-decoration: none;}
.DirectoriesList li {overflow: hidden; border-bottom: 1px solid rgb(204,204,204); width: 932px; padding:10px 0 10px 20px; line-height: 18px;}
.DirectoriesList li.first {border-top: 1px solid rgb(204,204,204);}
.DirectoriesList .thumbnail {float: left; margin-right: 10px;}
.DirectoriesList .DirectoriesDetail {width: 680px; float: left;}
.DirectoriesList .DirectoriesDetail h2,
.DirectoriesList .DirectoriesDetail h2 a {color: rgb(30,121,188); font-size: 14px; overflow: hidden;}
.DirectoriesList .DirectoriesDetail h2 a {float: left;margin-right: 5px;}
.DirectoriesList .DirectoriesDetail h2 span {float: left; }
.DirectoriesList .DirectoriesDetail h2 span.device{background: url(../img/member/ico-from-device.gif) no-repeat 0 1px;font-size: 11px;color: rgb(255,255,255);width: 51px;text-align: centerheight: 17px;}
.DirectoriesList .DirectoriesDetail p {color: rgb(51,51,51); font-size: 12px; clear: left;}
.DirectoriesList .Navpanel {float: left; width: 150px; padding-top: 15px;}
.DirectoriesList .Navpanel p {float: left; }
.DirectoriesList .Navpanel p.first {margin-right: 10px;}
/*Directories Pagination*/
.pageNavigation {text-align: right; word-spacing: 5px; margin: 10px 0; padding: 0 10px;overflow:hidden; font-size: 12px;}
.pageNavigation span {margin-right: 10px;}
.pageNavigationEvent {text-align: right; word-spacing: 5px; margin: 10px 0; padding: 0 10px 0 230px;;overflow:hidden;}
.pageNavigation a { color: rgb(30,121,188);}
.pageNavigation span,.pageNavigationEvent span {font-weight: 700; word-spacing: normal;}
/*Member info*/
#Member_Content {margin: 0 auto 30px auto; overflow: hidden; width: 952px; }
#Member_Content .Member-info {border-bottom: 7px solid rgb(200,200,200); overflow: hidden; padding: 20px 0 5px 0; width:100%;}
#Member_Content .Member-info .Thumbnail {float:left; margin-right: 15px;}
#Member_Content .Member-info h1 {font-size: 24px; color: rgb(30,121,188); padding-top: 15px;}
#Member_Content  .Profiledetail {float: left; width: 660px; }
#Member_Content .Personal_info {color: rgb(54,54,54);font-size: 12px;padding: 20px 0 30px 0;}
#Member_Content .Personal_info ul{padding-top: 25px;}
#Member_Content .Personal_info ul li, #Member_Content .activity  ul li {padding: 5px 0 0 0;}
#Member_Content .activity ul li a { color: #213C70; text-decoration: underline;}
#Member_Content .activity ul li a:hover { text-decoration: none;}
#Member_Content .activity{background: rgb(240,246,250);border: 1px solid rgb(222,222,222);color: rgb(54,54,54);font-size: 12px;padding: 15px 10px 65px 10px;width: 616px;	}
#Member_Content .activity h3, #Member_Content .Personal_info h2 {color: rgb(30,121,188); font-size: 14px;}
#Member_Content .activity  ul {padding-top: 25px;}
#Member_Content .Allmember {float: right; width: 291px; padding-top: 25px;}
#Member_Content .Allmember  h2 {
background: url(../img/member/bg_allmember_header.gif) no-repeat;
color: rgb(22,63,104);
font-size: 14px;
font-weight: bold;
height: 29px;
padding-top: 13px;
text-align: center;
width: 291px;
}
#Member_Content .Allmember ul {border: 1px solid rgb(222,222,222);border-top: none;border-bottom: none;width: 289px;}
#Member_Content .Allmember ul li {border-bottom: 1px solid rgb(222,222,222);overflow: hidden;padding: 0 0 2px 0;width: 100%;}
#Member_Content .Allmember h3 {display: block; padding-top: 13px;}
#Member_Content .Allmember h3 a {color: rgb(30,121,188); font-size: 14px;}
#Member_Content .Allmember h3 a:hover {text-decoration:underline;}
#Member_Content .Allmember .userThumbnail{float: left;margin: 0 10px;_display:inline;}
#Member_Content .Allmember .pageSwitch {background: rgb(245,245,245);font-size: 12px;height: 33px;padding: 5px 0 0 0;position: relative;text-indent: 40px;}
#Member_Content .Allmember .pageSwitch span {color: rgb(30,121,188);}
#Member_Content .Allmember .pageSwitch input {width: 25px;}
#Member_Content .Allmember .pageSwitch input.go-btn {width: 50px;}
#Member_Content .Allmember .pageSwitch .next {position: absolute;right: 8px;top: 9px;background:none;width:auto;height:auto;}
#Member_Content .Allmember .pageSwitch .previous{background:none;display:inline;width:auto;height:auto;left:-29px;top:3px;!important}
/*Edit Profile Page*/
h1#WelcometoEditprofile {color: rgb(54,54,54);font-size: 14px;font-weight: bold;padding: 30px 0 15px 15px;}
h1#WelcometoEditprofile span{color: rgb(30,121,188);}
#Member_Content .Editprofile_instuction {border: 1px solid rgb(206,206,206);color: rgb(30,121,188);font-size: 12px;padding: 15px;width: 920px;}
#content fieldset.userprofile ul li.firstname {clear:none; float: left; width:317px;}
#content fieldset.userprofile ul li.lastname {clear:none; float: left; width:443px;}
#content fieldset.userprofile ul li.firstname label {float: left; width: 145px; _width: 148px;}
#content fieldset.userprofile ul li.firstname input, #content fieldset.userprofile ul li.lastname input {float: left; width:157px; _width: 159px}
#content fieldset.userprofile ul li.lastname label {float: left; width: 67px;}
#content fieldset.userprofile ul li input.password {width: 146px;}
#content fieldset.userprofile ul li input#updateprofile {background: url(../img/member/bt_updateprofile.jpg) no-repeat;border: none;cursor: pointer;height: 33px;margin-top: 15px;width: 121px;}
#content fieldset.userprofile .form-message {color: rgb(210,20,0);}
/*Alert Setting*/
.Alert_introduction {background: url(../img/member/bg_alert.jpg) no-repeat;height: 148px;margin: 20px 0 40px 30px;width: 859px;}
.Alert_introduction h1 {color: rgb(22,63,104);font-size: 32px;font-weight: bold;padding: 10px 0 0 258px;}
.Alert_introduction p {color: rgb(255,255,255); font-size: 20px; padding: 19px 0 0 270px;}
#content fieldset.alert_setting {font-size: 12px; margin: 0 auto; width: 920px;}
#content fieldset.alert_setting ul li {margin: 0 0 15px 0;}
#content fieldset.alert_setting input {margin: 0 5px 0 0;}
#content fieldset.alert_setting input.savebtn {background: url(../img/member/bt_savesetting.jpg) no-repeat;border: none;height: 33px;margin: 0;width: 139px;}
#content fieldset.alert_setting label {margin-right: 8px;}
#content fieldset.alert_setting label.topic {display: block; float: left; width: 445px;}
#content fieldset.alert_setting legend { font-weight: bold; padding:0 0 15px 0; _margin-left: -7px; /margin-left: -7px;}
#content fieldset.alert_setting a {color: rgb(30,121,188); text-decoration: underline;}
#content fieldset.alert_setting a:hover {text-decoration: none;}
/*Inbox Content*/
.InboxContent {padding: 0 0 30px 0;}
.InboxContent .userThumbnail {margin-right: 10px; float: left;}
.InboxContent ul li{border-bottom: 1px dashed rgb(185,185,185);overflow: hidden;padding:10px 0 5px 0;width:100%;}
.InboxContent p {color: rgb(102,102,102); font-size: 11px; padding-top: 5px;}
.InboxContent h3{color: rgb(54,54,54);font-size: 12px;font-weight: normal;padding: 10px 0 0 0;}
.InboxContent h3 span{color: rgb(30,121,188); font-size: 14px; font-weight: bold;}
.InboxContent .Inbox_Button {clear: both; padding: 0;}
.InboxContent .Inbox_Button input {margin-right: 5px;}
/*Interactive Message*/
#wrapper #content .InteractiveMessage {margin: 0 auto 25px auto; overflow: hidden; width: 925px;}
.userPostComment .InteractiveMessage {width: 750px !important; }
#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 span{padding-left:5px;}
#content .UserDetail p.sendmessage {background: url(../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; padding-left: 3px;}
#content .UserDetail p.sendmessage a:hover, #postPanelWrapper .Otheroptions .Panelblock a:hover {text-decoration: underline;}
#postPanelWrapper .CommentBox {float:right; width: 823px;}
#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(../img/member/bt_submitcomment.jpg) no-repeat;border: none;cursor: pointer;height: 31px;margin: 5px 0 0 0;width: 155px;}
#postPanelWrapper .CommentBox .notifyemail,
#postPanelWrapper .CommentBox .comment-on-facebook {padding: 5px 0;}
#postPanelWrapper .CommentBox .notifyemail input,
#postPanelWrapper .CommentBox .comment-on-facebook input {margin-right: 5px; margin-left: -4px;}
#postPanelWrapper .CommentBox .notifyemail label,
#postPanelWrapper .CommentBox .notifyemail,
#postPanelWrapper .CommentBox .comment-on-facebook {color: #999999; font-size: 12px;}
#postPanelWrapper .CommentBox .notifyemail span { font-weight: bold; color: #666666;}
#postPanelWrapper .CommentBox .notifyemail a {color: #1E79BC; text-decoration: underline;}
#postPanelWrapper .CommentBox .notifyemail a:hover {text-decoration: none;}
#postPanelWrapper .CommentBox textarea {height: 145px; width: 810px;}
.Otheroptions  h3{font-size: 13px; font-weight: bold; padding: 25px 0 5px 5px;}
.Otheroptions .Panelblock {background: url(../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;}
/*Change E-mail page*/
#Member_Content .Changeemail,#Member_Content .Changepassword {margin: 40px 0 20px 20px;}
#Member_Content .Changeemail #submit{background:url(../img/member/bt_changeemail.jpg) no-repeat;cursor: pointer;height: 33px;margin-left: 235px;width: 121px;border:none;}
#Member_Content .Changeemail label ,#Member_Content .Changepassword  label {color: rgb(54,54,54);display: block;float: left;font-size: 12px;font-weight: bold;width: 235px;}
#Member_Content .Changeemail input ,#Member_Content .Changepassword  input{float: left; margin: 0 10px 0 0; width: 235px;}
#Member_Content .Changeemail ul li ,#Member_Content .Changepassword  ul li{clear: both; height: 30px;}
#Member_Content .Changeemail label.error,#Member_Content .Changepassword label.error {color: rgb(204,0,0);font-weight: normal;width: 300px;}
#Member_Content  fieldset.return_error {width:98%; margin:0 auto;}
#Member_Content  fieldset.return_error ul li label{width:100%; text-align: center; font-size: 14px;}
#Member_Content  fieldset.return_error ul li label a{color: rgb(30,121,188);font-size:12px;font-weight:normal;width:100%;text-align: center;}
#Member_Content  fieldset.return_error ul li label a:hover{text-decoration:underline;}
/*Change Password page*/
#Member_Content .Changepassword #submit{background:url(../img/member/bt_changepassword.jpg) no-repeat;cursor: pointer;height: 33px;margin-left: 235px;width: 146px;border:none;}
/* 	Marketing Area*/
#MarketingArea{width: 964px;height: 248px;background: url(../img/bg/bg_marketing_area.jpg) no-repeat left top;	margin: 0 auto;overflow:hidden;}
#MarketingArea .MarketingArea_Content{margin:0 auto;overflow:hidden;width:940px;}
#MarketingArea .MarketingArea_Content ul li.first{margin:0;}
#MarketingArea .MarketingArea_Content ul li{width:172px;float:left;margin:0 0 0 20px;overflow:hidden;height:232px;}
#MarketingArea .MarketingArea_Content ul li h2 {padding:16px 0 0 0;}
#MarketingArea .MarketingArea_Content ul li h2 a{color:rgb(33,60,112);font-size:14px;padding:0;vertical-align:top;}
#MarketingArea .MarketingArea_Content ul li h2 a:hover{text-decoration:underline;}
#MarketingArea .MarketingArea_Content ul li p{color:rgb(33,60,112);font-size:12px;}
#MarketingArea .MarketingArea_Content ul li a.link{display:block;padding-top:10px;color:rgb(33,60,112);font-size:12px;text-decoration:underline;}
#MarketingArea .MarketingArea_Content ul li a:hover{text-decoration:none;}
/*Special Content*/
#SpecialContents{clear:both;height:30px;background:rgb(22,47,95) url(../img/bg/bg_special_content.jpg) no-repeat left top;margin-top:-20px;width:100%;float:left;}
#SpecialContents h2{font-size:13px;color:rgb(255,255,255);padding:6px 0 0 33px;float:left;width:126px;}
/*Toggle Tabs UI breaking new and Most Read*/
/*.ui-tabs .tab-visible{display: block; }*/
#BreakingNews_MostRead{width:293px;height:212px;background:url(../img/bg/bg_breaking_news.gif) no-repeat left bottom;margin:5px 0 10px 5px;}
#BreakingNews_MostRead  ul{background:url(../img/bg/bg_breaking_list.gif) repeat-x;width:293px;overflow:hidden;}
#BreakingNews_MostRead li{float:left;cursor:pointer;}
#BreakingNews_MostRead li.tab1 {margin: 0 3px 0 0;}
#BreakingNews_MostRead li.first{border-bottom:1px solid rgb(204,204,204);padding:0 0 5px 0;margin:0 0 5px 0;}
#BreakingNews_MostRead div{clear:both;}
/* Breaking News*/
#BreakingNews_MostRead .Breakingnews_Button {
background:url(../img/bg/bg_breaking_list_active.gif) no-repeat left top;
width:145px;
height:32px;
display:block;
font-size:12px;
color:rgb(51,51,51);
font-weight:bold;
padding:4px 0 0 0;
text-align: center;
}
#BreakingNews_MostRead .active .Breakingnews_Button {background:url(../img/bg/bg_breaking_list_active.gif) no-repeat left -38px;color:rgb(255,255,255);}
#BreakingNewsContent ul{width:273px;margin:0 auto;background:none;}
/* MostRead*/
#BreakingNews_MostRead .MostRead_Button{
background:url(../img/bg/bg_mostread_list_active.gif) no-repeat left top;
width:145px;
height:32px;
display:block;
font-size:12px;
color:rgb(51,51,51);
font-weight:bold;
padding:4px 0 0 0;
text-align: center;
}
#BreakingNews_MostRead .active .MostRead_Button {background:url(../img/bg/bg_mostread_list_active.gif) no-repeat left -41px;color:rgb(255,255,255);}
.tab-hidden{ display: none; }
#BreakingNews_MostRead .active .Breakingnews_Button{cursor:text;}
#BreakingNews_MostRead .MostReadList{width:275px;height:160px;margin:0 auto;background:none;}
#BreakingNews_MostRead .MostReadList li{border-bottom:1px solid rgb(204,204,204);padding:0 0 4px 0;margin:0;width:100%;}
#BreakingNews_MostRead .MostReadList li a{color:rgb(30,121,188);font-size:12px;}
#BreakingNews_MostRead .MostReadList li a:hover{text-decoration:underline;}
/*Special Content,Photo Slider*/
/*Special Content*/
#SpecialContentDetail {list-style: none; height: 25px; width: 490px; position:relative;top:2px; }
#SpecialContentDetail li {margin: 5px; display: none; width: 500px;font-size:12px; color:rgb(255,255,255);background:none!important;overflow:hidden;}
#SpecialContentDetail li a {color:rgb(153,204,255);text-decoration:underline;}
/*photosOfTheDay*/
.photosOfTheDay{height:175px;margin-bottom:5px;padding:10px;width:305px;position: relative;background:url(../img/bg/bg_photooftheday.jpg) no-repeat 0 3px;z-index:0;}
.photosOfTheDay h2{color:#1E79BC;font-size:14px;margin-bottom:8px;color: rgb(30,121,188);}
.photosOfTheDayLink a{color:rgb(41,62,107);font-size:11px;text-decoration:underline;margin-right:2px;}
.photosOfTheDay .photosOfTheDayContent p{float:right;width:125px;font-size:12px;}
#photosOfTheDayContent{width: 100%; overflow: hidden;  float: left; }
ul.photosOfTheDayList {position: relative;width:300px;margin:0 auto;height:90px;padding:1px 0 0 0;}
ul.photosOfTheDayList li {width:300px;position:absolute; background: url(../img/bg/bg_multimedia.jpg) repeat-x;}
ul.photosOfTheDayList li h3 {font-size:12px; color: rgb(33,60,112); margin-bottom: 5px;}
ul.photosOfTheDayList li p{font-size:12px;color:rgb(0,0,0);}
.photosOfTheDayNavigation{width:267px;right:10px;font-size:12px;margin-top:7px;position:absolute;bottom: 15px;}
.photosOfTheDayLink{float:right!important;}
.photosOfTheDayLink a:hover {text-decoration: none;}
.photosOfTheDayNavigation li {float: left;margin-right: 5px; display:block;}
.previous, .next{position: relative;cursor: pointer;display:block;height:100%;}
.previous span, .next span {text-indent:-9999px;position: absolute;display: block;width: 100%;left: 0;top: 0;height: 100%;}
.previous{background:url(../img/button/btn-previous.gif) no-repeat;width:13px;height:13px;}
.next{background:url(../img/button/btn-next.gif) no-repeat;width:13px;height:13px;}
.thumbLeft {float: left; margin-right: 10px; }
/*Vocabulary*/
/*article vocabulary*/
.articleContents p span.LearningWord,
.articleContents h3 span.LearningWord {/*background:url(../img/icons/ico_book.gif) no-repeat 0 -1px;*/text-decoration:none;position:relative;_zoom:1;}
.articleContents p span.active,
.articleContents h3 span.active { z-index: 5 !important;}
.articleContents p span.LearningWord .vocabulary,
.articleContents h3 span.LearningWord .vocabulary {background:url(../img/icons/ico_book_border.gif) repeat-x left 24px;cursor:pointer;margin-right: 2px;font-weight: bold;}
.articleContents h3 span.LearningWord .vocabulary { margin-right: 5px;}
.articleContents p span.LearningWord .learning-vocabulary,
.articleContents h3 span.LearningWord .learning-vocabulary {background:url(../img/icons/ico_book_border.gif) repeat-x left 24px;cursor:pointer;margin-right: 2px;font-weight: bold;}
.articleContents h3 span.LearningWord .learning-vocabulary { margin-right: 5px;}
.LearningToolTip {background:url(../img/icons/vocab_corner.png) no-repeat left bottom;position:absolute;bottom:15px;left:-3px;padding-bottom:13px;}
.ToolTipDetail {border-bottom:none;background:url(../img/bg/vocab-bg.png) no-repeat;display:block;width:287px;}
.ToolTipDetail .translationcontent{overflow:hidden;display:block;padding-bottom:5px;width:100%;text-align: left;}
.ToolTipDetail .word{color:#d24602;font-weight:bold;font-size:14px;display:block;padding:65px 10px 0 15px;}
.ToolTipDetail .EnglishMeaning,.ToolTipDetail .ThaiMeaning{display:block;padding:10px 10px 0 15px;color:rgb(51,51,51);font-size:12px;}
.articleContents h3 .ToolTipDetail .EnglishMeaning,
.articleContents h3 .ToolTipDetail .ThaiMeaning { font-weight: normal;}
.LearningWord .more{width: 71px;display:block;text-align: center;padding: 10px 15px;text-decoration:none;}
.liteOrangeTheme #learning-content .learning-article .LearningWord .more a{color:#fff;display:block;width: 71px; height: 19px;text-decoration:none;font-size:11px;background: url(../img/button/learnmore.gif) no-repeat;padding: 0;}
.LearningWord .more a:hover{text-decoration:none;}
/*Right bubble*/
.LearningToolTipRight {background:url(../img/icons/vocab_corner.png) no-repeat left bottom;position:absolute;bottom:10px;left:-205px;padding-bottom:13px;}
/*BKP 2.7 Migration Member System*/
h1#HeaderSection{color:rgb(0,0,0);font-size:24px;font-weight:bold;padding:30px 0 0 30px;}
h1#HeaderSection span{color:rgb(73,120,184);}

/*Upgrade Member*/
#UpgradeMember{width:915px;height:326px;margin:0 auto 15px auto;background:url(../img/member/bg_attention.jpg) no-repeat;padding:15px 15px 0 15px;}
#UpgradeMember h2{font-size:15px;color:rgb(73,120,184);font-weight:bold;}
#UpgradeMember p{font-size:12px;color:rgb(57,57,57);}
#UpgradeMember img{float:left;margin-top:20px;marign-right:10px;}
#UpgradeMember ul{float:left;margin-top:20px;}
#UpgradeMember ul span{color:#4978B8;float:left;font-size:24px;line-height:20px;margin-right:7px;}
#UpgradeMember ul li{clear:both;color:#363636;font-size:12px;line-height:19px;list-style:none outside none;padding-top:1px;}
#UpgradeMember #UpgradeForm{background:url(../img/member/bg_upgradebox.jpg) no-repeat;width:358px;height:109px;float:left;margin-top:10px;padding:20px;}
#UpgradeMember #UpgradeForm input{padding:2px;display:block;width:355px;margin:10px 0;border:1px solid rgb(30,121,188);}
#UpgradeMember #UpgradeForm label{display:block;font-size:12px;color:rgb(54,54,54);}
#UpgradeMember #UpgradeForm label.error{color:rgb(204,0,0);}
#UpgradeMember #UpgradeForm input.upgradebtn{background:url(../img/member/btn_upgrade.jpg) no-repeat;width:106px;height:33px;border:none;cursor:pointer;}
/*EmailVerify*/
#NotifyMemberContent .EmailVerify{color:rgb(57,57,57);font-size:14px;font-weight:bold;padding-top:75px;}
#NotifyMemberContent .EmailVerify span{color:rgb(73,120,184);text-decoration:underline;}
#NotifyMemberContent .EmailVerify p img{padding-top:30px;}
/*Verify Account*/
#NotifyMemberContent .VerifyAccount{color:rgb(57,57,57);font-size:14px;font-weight:bold;padding-top:22px;}
#NotifyMemberContent .VerifyAccount ul li{padding-top:8px;_padding-top:5px;overflow:hidden;clear:both;}
#NotifyMemberContent .VerifyAccount ul li select{float:left;margin-right:5px;padding:2px;}
#NotifyMemberContent .VerifyAccount ul li span{font-size:11px;color:rgb(102,102,102);font-weight:normal;padding-left:130px;}
#NotifyMemberContent .VerifyAccount ul li span.form-message{padding:0;float:left;}
#NotifyMemberContent .VerifyAccount ul li span.form-message label{width:auto;color:rgb(204,0,0);font-size:12px;padding-left:10px;}
#NotifyMemberContent .VerifyAccount form{padding-top:10px;margin-left:250px;}
#NotifyMemberContent .VerifyAccount form fieldset{overflow:hidden;}
#NotifyMemberContent .VerifyAccount form fieldset input{width:210px;padding:2px;display:block;float:left;_display:inline;}
#NotifyMemberContent .VerifyAccount form fieldset label{width:124px;font-size:13px;color:rgb(57,57,57);font-weight:normal;text-align:right;display:block;float:left;margin-right:5px;padding-top:3px;}
#NotifyMemberContent .VerifyAccount .verifybtn{background: url(../img/member/bt_submit.jpg) no-repeat;border: none;cursor: pointer;height: 33px;width: 106px;margin-left:130px;}
/*MultiUsername*/
#MultiUserContent {background: url(../img/member/bg_interactive_btm.gif) no-repeat left bottom;overflow:hidden;margin: 15px auto 15px auto;width: 947px;padding-bottom:25px;}
#MultiUserContent p { text-align: center;}
#MultiUserContent .MultiUser{color:rgb(57,57,57);font-size:14px;font-weight:bold;padding-top:22px;background: url(../img/member/bg_interactive_top.gif) no-repeat left top;}
#MultiUserContent .MultiUser p span{font-size:14px;font-weight:bold;color:rgb(73,120,184);}
#MultiUserContent .MultiUser form{overflow:hidden;margin:10px 0 0 0;}
#MultiUserContent .MultiUser form li{overflow:hidden;padding-top:7px;margin-left:415px;clear:both;}
#MultiUserContent .MultiUser form fieldset ul li.submitbtn{clear:both;display:inline;}
#MultiUserContent .MultiUser form fieldset ul li.submitbtn input{margin:15px 0 0 305px;float:left;_display:inline;cursor:pointer;}
#MultiUserContent .MultiUser form li input{display:block;float:left;margin-right:5px;}
#MultiUserContent .MultiUser form li label{display:block;float:left;color:rgb(54,54,54);font-weight:normal;font-size:14px;/padding-top:3px;_padding-top:3px;}
#MultiUserContent .MultiUser form li input.Usernamebtn{	background:url(../img/button/bt_username.jpg) no-repeat;width:337px;height:33px;border:none;}
/*FullMember*/
#NotifyMemberContent .FullMember{color:rgb(57,57,57);font-size:14px;font-weight:bold;padding-top:50px;}
#NotifyMemberContent .FullMember p span{font-size:14px;font-weight:bold;color:rgb(73,120,184);}
#NotifyMemberContent .FullMember ul{padding:30px 0 0 350px;}
#NotifyMemberContent .FullMember ul li{color: rgb(57,57,57);font-size: 12px;font-weight:normal;list-style:disc;padding-top:5px;}
#NotifyMemberContent .FullMember ul li a{color:rgb(73,120,184);text-decoration:underline;}
#NotifyMemberContent .FullMember ul li a:hover{text-decoration:none;}
.guide-box {background: none; padding: 10px 0; position: absolute; left: 18px; bottom: 19px; }
.guide-box p {background: rgb(255,247,248);	border: 1px solid rgb(210,30,29);	color: rgb(193,24,1);font-size: 12px;padding: 10px;text-align: center;width: 942px;}
.guide-box a {color: rgb(210,30,29); text-decoration: underline;}
.guide-box a:hover {text-decoration: none;}
/*Notify Member*/
.NotifyUserBox {background: #F2F2F3;overflow: hidden;border: 1px solid rgb(214,214,214);width: 643px;margin-bottom: 10px;}
.NotifyUserBox a img { padding: 10px; float: left;}
.NotifyUserBox h3 {font-size: 15px; color: rgb(25,64,102); font-weight: bold; width: 510px; float: right; padding: 13px 10px 0 0; margin: 0;}
.NotifyUserBox h3 a { text-decoration: none; color: #213C70;}
.NotifyUserBox h3 a:hover { text-decoration: underline; color: #213C70;}
.NotifyUserBox p {color: rgb(51,51,51); font-size: 12px; width: 510px; float: right; line-height: 15px; padding: 5px 10px 0 0;}
/*IFRA award*/
.Award {position: absolute; left: 15px; top: 5px;}
.gradientBox8 ol li.readletter,
.IFRA_Award {position:absolute; left: 83px; float: none;}
.gradientBox8 {width: 295px;height: 240px;padding: 10px 15px 5px 15px;background: url(../img/bg/bg_gradientbox8.jpg) no-repeat 5px 0;position: relative;}
.gradientBox8 ol li {height: 80px; overflow: hidden; margin-bottom: 12px;}
.gradientBox8 ol li.readmore {margin-bottom: 0; height: auto;}
/*If li has thumbnail*/
.gradientBox8 ol li.thumbnail h3,.gradientBox8 ol li.thumbnail p,
.gradientBox8 ul li.thumbnail h3,.gradientBox8 ol li.thumbnail p,.gradientBox8 ul li.thumbnail p, .gradientBox11 ul li.thumbnail p {clear:right;float: right; width: 195px;}
.gradientBox8 ol li h3, .gradientBox8 .Previewmode li h3, .gradientBox11 .Previewmode li h3 {font-size: 12px; color: rgb(33,60,112);}
.gradientBox8 ol li p, .gradientBox8 .Previewmode p, .gradientBox11 .Previewmode p {padding-top: 3px;}
.gradientBox8 ol li.thumbnail p.newspic, .gradientBox8 ul li.thumbnail p.newspic, .gradientBox11 ul li.thumbnail p.newspic {float: left; width: 90px; }
.gradientBox8 ol li.thumbnail, .gradientBox8 ul li.thumbnail {overflow: hidden;}
.gradientBox8 ol li p.author {color: rgb(145,145,145); font-style: italic; font-size: 12px;}
.gradientBox8 ol li.readletter {background: url(../img/bg/bg_postbag.png) no-repeat;position: absolute;height: 21px;font-size: 11px;margin-bottom: 0;bottom: 15px;left:10px;}
.gradientBox8 ol li.readletter a {color: rgb(120,120,120); padding: 5px 0 0 101px; display: block; text-decoration: underline;}
.gradientBox8 li.readmore a,
.LatestMultimedia li.readmore,.Popular_Reader ul li.readmore, .gradientBox11 li.readmore a {position: absolute;height: 21px;font-size: 11px!important;margin-bottom: 0;bottom: 11px;}
.gradientBox8 .readmore a,.gradientBox8 ul.Previewmode li.readmore a,
.LatestMultimedia li.readmore a,
.Popular_Reader ul li.readmore a, .gradientBox11 ul.Previewmode li.readmore a {color: rgb(120,120,120)!important; text-decoration: underline!important;}
.gradientBox8 .readmore a:hover ,
.gradientBox8 ol li.readletter a:hover,
.LatestMultimedia li.readmore a:hover,
.Popular_Reader ul li.readmore a:hover,
.gradientBox8 ul.Previewmode li.readmore a:hover, .gradientBox11 ul.Previewmode li.readmore a:hover {text-decoration: none!important;color: rgb(120,120,120)!important;}
/*Preview Mode*/
.gradientBox8 ul.Previewmode li {line-height: 16px; clear:both;}
.gradientBox8 ul.Previewmode li.first {overflow: hidden; padding-bottom: 5px;}
.gradientBox8 ul.Previewmode span {color: rgb(0,0,0); font-size: 14px;}
.gradientBox8 ul.Previewmode li a {color: rgb(33,60,112); font-weight: normal!important;}
.gradientBox8 ul.Previewmode li a:hover {color: rgb(33,60,112); text-decoration: underline;}
.gradientBox8 ul.Previewmode li h3 {margin-bottom: 0;}
.gradientBox8 ul.Previewmode .first h3 a,.gradientBox8 ul.Previewmode .first h3 a:hover {color: rgb(33,60,112); font-weight: bold!important;}
.gradientBox8 ul.Previewmode .author,.gradientBox8 .author {color: rgb(145,145,145); font-style: italic;}
.gradientBox8 ul.Previewmode .author a, .gradientBox8 .author a {color: rgb(145,145,145); font-style: italic; text-decoration: underline;}
.gradientBox8 ul.Previewmode .author a:hover,.gradientBox8 .author a:hover {text-decoration: none; color: rgb(145,145,145); font-style: italic;}
.gradientBox11 ul.Previewmode li {line-height: 16px; clear:both;}
.gradientBox11 ul.Previewmode li.first {overflow: hidden; padding-bottom: 5px;}
.gradientBox11 ul.Previewmode span {color: rgb(0,0,0); font-size: 14px;}
.gradientBox11 ul.Previewmode li a {color: rgb(33,60,112); font-weight: normal!important;}
.gradientBox11 ul.Previewmode li a:hover {color: rgb(33,60,112); text-decoration: underline;}
.gradientBox11 ul.Previewmode li h3 {margin-bottom: 0;}
.gradientBox11 ul.Previewmode .first h3 a,.gradientBox8 ul.Previewmode .first h3 a:hover {color: rgb(33,60,112); font-weight: bold!important;}
.gradientBox11 ul.Previewmode .author,.gradientBox8 .author {color: rgb(145,145,145); font-style: italic;}
.gradientBox11 ul.Previewmode .author a, .gradientBox8 .author a {color: rgb(145,145,145); font-style: italic; text-decoration: underline;}
.gradientBox11 ul.Previewmode .author a:hover,.gradientBox8 .author a:hover {text-decoration: none; color: rgb(145,145,145); font-style: italic;}
/*Latest multimedia*/
.LatestMultimedia {clear: both;margin: 0 0 -5px 7px;width: 649px;height: 275px;position: relative;background: url(../img/bg/bg_multimedia_panel.jpg) no-repeat;overflow: hidden;}
.LatestMultimedia ul {width: 640px; margin-left: 10px; overflow: hidden; float: left;}
.LatestMultimedia ul li {position: relative; width: 160px; float: left;}
.LatestMultimedia h2 {padding: 8px 0 0 10px;}
.LatestMultimedia ul li.readmore {width: auto; position: absolute; left: 10px; bottom: 10px; float:none; clear:both;}
.LatestMultimedia ul li h3{ width: 148px; padding-top: 3px;}
.LatestMultimedia ul li h3 a{color: rgb(33,60,112); font-size: 12px; display:block;}
.LatestMultimedia ul li h3 a:hover {text-decoration: underline;}
.LatestMultimedia ul li p.published-date {color: rgb(145,145,145); font-size: 11px; padding-top: 5px; line-height: 14px; width: 148px;}
/*Popular Reader*/
.Popular_Reader {width: 279px;height: 310px;padding:10px 5px 10px 10px;margin-top: 10px;background: url(../img/bg/bg_popular_reader.jpg) no-repeat;position: relative;/margin-top: 9px;}
.Popular_Reader ul li{width: 100%; overflow: hidden; padding-top: 5px;}
.Popular_Reader ul li.readmore {}
.Popular_Reader ul li p,.Popular_Reader ul li p a {font-size: 12px; color: rgb(0,0,0);}
.Popular_Reader ul li p a:hover {text-decoration: underline;}
.Popular_Reader ul li p.author {color: rgb(145,145,145); font-style: italic; padding-top: 5px;}
.Popular_Reader ul li p.author a {color: rgb(145,145,145); font-style: italic; text-decoration: underline;}
.Popular_Reader ul li p.author a:hover {text-decoration: none;}
.Popular_Reader ul li p.thumbnail {float: left; margin-right: 10px; width: 73px;}
/*International news*/
.Internationalnews .Tab1Content {display:none;}
.Internationalnews .active {display:block!important;}
.Internationalnews .Tab2Content {display:none;}
.Internationalnews ul li {line-height: 18px; clear: both;}
.Internationalnews ul li a{font-size: 12px; font-weight: bold; color: rgb(33,60,112);}
.Internationalnews ul li.readmore a{font-weight:normal; color: rgb(120,120,120)!important; padding-left: 5px;}
.Internationalnews ul li.readmore a:hover {color: rgb(120,120,120)!important;}
.Internationalnews ul li a:hover {text-decoration: underline;}
.Internationalnews ul li span {color: rgb(0,0,0); font-size: 14px; padding: 0 4px;}
/*International news navigation*/
.Internationalnews ul.navigation {background: url(../img/bg/bg_tabnav.gif) repeat-x 0 bottom; overflow: hidden; margin-bottom: 8px; width: 100%;}
.Internationalnews ul.navigation li {float: left; height: 19px; font-size: 12px; padding-top: 3px; color: rgb(255,255,255); font-weight: bold; clear:none; cursor: pointer;}
.gradientBox8 .Internationalnews ul.navigation li.active {background-position: 0 0; color: rgb(0,0,0); cursor: text;}
.Internationalnews ul.navigation li.tab1 {background: url(../img/bg/bg_tabnav1.gif) no-repeat 0 -22px; width: 84px; margin:0 1px 0 5px; text-align: center;}
.Internationalnews ul.navigation li.tab2 {background: url(../img/bg/bg_tabnav2.gif) no-repeat 0 -22px; width: 61px; text-align: center;}
/*Thailand Directory*/
.ThailandDirectory {background: url(../img/bg/bg_directoryhome.jpg) no-repeat;width: 389px;height: 328px;margin: 3px auto;padding: 10px;position: relative;}
.ThailandDirectory .DirectoryLeft,.ThailandDirectory .DirectoryRight {width: 50%; overflow: hidden; float: left;}
.ThailandDirectory ul { width: 154px; padding-left: 40px; padding-top: 8px;}
.ThailandDirectory ul li a {color: rgb(0,0,0); font-size: 12px;}
.ThailandDirectory ul li span {padding-right: 5px;}
.ThailandDirectory ul li h3 a {color: rgb(33,60,112);}
.ThailandDirectory ul li h3 a:hover,.ThailandDirectory ul li a:hover {text-decoration: underline;}
.ThailandDirectory .business {background: url(../img/icons/ico_business.png) no-repeat 4px 12px;}
.ThailandDirectory .art-culture {background: url(../img/icons/ico_artsandculture.png) no-repeat 0 12px;}
.ThailandDirectory .leisure,.ThailandDirectory .food {background: url(../img/icons/ico_food.png) no-repeat 0 12px;}
.ThailandDirectory .life,
.ThailandDirectory .lifestyle {background: url(../img/icons/ico_lifestyle.png) no-repeat 0 12px;}
.ThailandDirectory .property {background: url(../img/icons/ico_property.png) no-repeat 0 12px;}
.ThailandDirectory .learning {background: url(../img/icons/ico_learningsmall.png) no-repeat -3px 12px;}
.ThailandDirectory .travel {background: url(../img/icons/ico_travel.png) no-repeat 0 12px;}
.ThailandDirectory .readmore {position: absolute; right: 10px; bottom: 10px; clear: both;}
.ThailandDirectory .readmore a {color: rgb(0,0,0)!important;}
.ThailandDirectory .readmore a:hover {text-decoration: underline;}
/*EventCalendarHome*/
.EventCalendarHome {background: url(../img/bg/bg_event_section.png) no-repeat;width: 389px;height: 139px;margin: 0 auto;padding: 10px;}
.EventCalendarHome ul li {border-bottom: 1px solid rgb(200,200,200); float: left; overflow: hidden; width: 100%;}
.EventCalendarHome ul li.last {border: none;}
.EventCalendarHome ul li a {float: right; width: 350px; padding-top: 9px;}
.EventCalendarHome ul li img {float: left; }
.EventCalendarHome ul li a span{font-size: 12px; color: rgb(33,60,112); font-weight: bold; }
.EventCalendarHome ul li a:hover{text-decoration: underline;color: rgb(33,60,112); }
/*Tech page*/
.gradientBox9 {width: 296px;height: 301px;padding: 10px 15px;background: url(../img/bg/bg_gradientbox9.jpg) no-repeat;margin-bottom: 5px;position: relative;}
.gradientBox9 ol li {height: 80px; overflow: hidden; margin-bottom: 12px;}
.gradientBox9 ol li.readmore {margin-bottom: 0; height: auto;}
/*If li has thumbnail*/
.gradientBox9 ol li.thumbnail h3,.gradientBox9 ol li.thumbnail p,
.gradientBox9 ul li.thumbnail h3,.gradientBox9 ol li.thumbnail p,.gradientBox9 ul li.thumbnail p {clear:right;float: right; width: 195px;}
.gradientBox9 ol li h3, .gradientBox9 .Previewmode li h3 {font-size: 12px;}
.gradientBox9 ol li p, .gradientBox9 .Previewmode p {padding-top: 3px;}
.gradientBox9 ol li.thumbnail p.newspic, .gradientBox9 ul li.thumbnail p.newspic {float: left; width: 90px; }
.gradientBox9 ol li.thumbnail, .gradientBox9 ul li.thumbnail {overflow: hidden;}
.gradientBox9 ol li p.author {color: rgb(145,145,145); font-style: italic; font-size: 12px;}
.gradientBox9 ol li.readletter {background: url(../img/bg/bg_postbag.png) no-repeat;position: absolute;height: 21px;font-size: 11px;margin-bottom: 0;bottom: 15px;}
.gradientBox9 ol li.readletter a {color: rgb(33,60,112); padding: 5px 0 0 101px; display: block; text-decoration: underline;}
.gradientBox9 li.readmore a,
.LatestMultimedia li.readmore,.Popular_Reader ul li.readmore {position: absolute;height: 21px;font-size: 11px!important;margin-bottom: 0;bottom: 11px;}
.gradientBox9 .readmore a,.gradientBox9 ul.Previewmode li.readmore a,
.Popular_Reader ul li.readmore a{color: rgb(120,120,120)!important; text-decoration: underline!important;}
.LatestMultimedia li.readmore a {color: rgb(33,60,112)!important; text-decoration: underline!important;}
.LatestMultimedia li.readmore a:hover {color: rgb(33,60,112)!important;}
.gradientBox9 .readmore a:hover ,
.gradientBox9 ol li.readletter a:hover,
.gradientBox9 ul.Previewmode li.readmore a:hover {text-decoration: none!important;color: rgb(120,120,120)!important;}
/*Preview Mode*/
.gradientBox9 ul.Previewmode li {line-height: 16px; clear:both;}
.gradientBox9 ul.Previewmode li.first {overflow: hidden; padding-bottom: 5px;}
.gradientBox9 ul.Previewmode span {font-size: 14px;}
.gradientBox9 ul.Previewmode li a,.gradientBox9 ul li.readmore a {font-weight: normal!important;}
.gradientBox9 ul.Previewmode li a:hover {text-decoration: underline;}
.gradientBox9 ul.Previewmode li h3 {margin-bottom: 0;}
.gradientBox9 ul.Previewmode li.first h3 a,.gradientBox9 ul.Previewmode li.first h3 a:hover { font-weight: bold!important;}
.gradientBox9 ul.Previewmode .author {color: rgb(145,145,145); font-style: italic;}
/*Multimedia dropdown menu*/
.MultimediaServiceTheme #mainNavigation {z-index: 99;}
.MultimediaServiceTheme #header {z-index:99!important;}
#header #mainNavigation .multimedialist {background: url(../img/bg/bg_multimedia_dropdown.jpg) 0 0 no-repeat; width: 99px; height: 73px; padding-top: 3px; clear: both;}
#header #mainNavigation .multimedialist li{width:106px; height: 18px; float: none; background: 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(../img/bg/bg_multimedia_hover.gif) no-repeat; color: rgb(255,255,255);}
/*Service dropdown menu*/
#header #mainNavigation .servicelist {  width: 92px; height: 169px; padding-top: 5px; position: absolute; top: 26px; width: 92px; left: -34px;}
#header #mainNavigation .servicelist li {width:92px; height: 18px; float: none; background: none; }
#header #mainNavigation .servicelist li.last a {border: none;}
#header #mainNavigation .servicelist a {
background: none;
width:82px;
height: 15px;
display: block;
margin: 0 auto 0 4px;
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(../img/bg/bg_service_hover.gif) repeat-x; color: rgb(255,255,255);}

/*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(../img/navigation/opacity.png) 0 bottom repeat-x;
font-size: 11px;
}
#header #mainNavigation .pulldownlist a:hover { background: url(../img/navigation/opacity.png) 0 0 repeat; color: #ffffff; }
#header #mainNavigation .pulldownlist li.last a:hover { background: url(../img/navigation/opacity.png) 0 0 repeat; color: #ffffff; }

#header #mainNavigation .pulldownlist {   padding: 3px 0; position: absolute; top: 26px; width: 100px; left: -41px; background: #1f336b; overflow: hidden; }
#header #mainNavigation .pulldownlist li { width:97px; 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: 90px;
float: left;
margin: 0 0 0 3px;
color: #ffffff;
padding: 0 0 0 4px;
background: url(../img/navigation/opacity.png) 0 bottom repeat-x;
font-size: 12px;
line-height: 22px;
overflow: hidden;
}




/*Sponser Link on Thailand Search
#thailandSearchWrapper .localDetail { background: url(../img/bg/bg_sponser_search.jpg) no-repeat; width: 927px; height: 208px; padding: 15px 0 0 15px; border: none; margin:15px 0 10px;}
#thailandSearchWrapper .localDetail h2{float: left; font-size: 14px; margin-bottom: 10px; color: #1E79BC;}
#thailandSearchWrapper .localDetail ul.travelList li ,#thailandSearchWrapper .localDetail ul.travelList li iframe{width: 450px;}
#thailandSearchWrapper .localDetail p.Sponsorlink { font-size: 12px; color: #8F8F8F;}
#thailandSearchWrapper .localDetail p.Sponsorlink a { color: #8F8F8F; text-decoration: none;}
#thailandSearchWrapper .localDetail p.Sponsorlink a:hover { text-decoration: underline;}*/
/*BKP3.1*/
#HilightMultimedia {width: 637px; height: 578px; overflow: hidden; background: rgb(0,0,0); margin: 10px 0 0 15px;}
.HilightMultimediaList {width: 637px; height: 424px; overflow: hidden; margin:1px 0 0 1px; position: relative;}
/*Video caption*/
.HilightMultimediaList .active {display: block!important;}
.HilightMultimediaList .HilightDetail {width: 637px; height: 424px; position: relative; display: none;}
.HilightMultimediaList .HilightDetail img {position: absolute;}
.HilightMultimediaList .HilightDetail .caption {bottom: 0;padding: 10px;position: absolute;width: 615px;overflow: hidden;background: url("../img/multimedia/bg_overlay.png") repeat ;}
.HilightMultimediaList .HilightDetail .caption h2 {line-height: 18px; position: relative;}
.HilightMultimediaList .HilightDetail .caption h2 .type-video ,
.HilightMultimediaList .HilightDetail .caption h2 .type-panorama
.HilightMultimediaList .HilightDetail .caption h2 .type-image {padding:0; left: 0px; top: 0px; }
.HilightMultimediaList .HilightDetail .caption h2 span {padding-left: 35px;}
.HilightMultimediaList .HilightDetail .caption h2 {font-size: 14px; color: rgb(30,121,188); font-weight: bold;}
.HilightMultimediaList .HilightDetail .caption p {font-size: 12px; color: rgb(255,255,255); padding-top: 10px;}
.HilightMultimediaList .HilightDetail .caption p.video-length {color: rgb(152,152,152);}
/*Navigation*/
.HilightNavigation {position: relative; z-index: 9999; margin-top: -6px; overflow: hidden; width: 637px;}
.HilightNavigation .ThumbnailLink {width: 155px; height: 140px; float: left; margin:0 2px; _display:inline; padding-top: 15px; overflow: hidden;}
.HilightNavigation .ThumbnailLink p {position: relative; left: 3px; top: 0; width: 148px; height: 107px;}
.HilightNavigation .ThumbnailLink p.detail {padding:0 5px 0 5px; width: 138px; line-height: 12px; height: auto;}
.HilightNavigation .ThumbnailLink p a {font-size: 12px; color: rgb(255,255,255);}
#HilightMultimedia .HilightNavigation .hover {background: url(../img/bg/bg-thumblink-hover.gif) no-repeat;}
#HilightMultimedia .HilightNavigation .hover a {color: rgb(33,60,112);}
/*Morning focus*/
#MultimediaContent .LatestMultimedia_List h1#MorningFocus {background: url("../img/multimedia/bg_multimedia_list.jpg") repeat-y;}
#MultimediaContent .LatestMultimedia_List h1#MorningFocus span {border-top: 1px solid rgb(204,204,204);width: 620px;display: block;margin-top: 7px;padding-top: 10px;}
/*Share to Friend*/
#wrapper .infotab_sharetheme {background: rgb(33,60,112);height: 4px;padding:0;margin-top: 0;width: 984px;}
/*Share to Friend*/
#ShareToFriend {width: 955px; margin: 0 auto; padding: 20px 0 60px 0;}
#ShareToFriend h1 {font-size: 20px; color: rgb(54,54,54); border-bottom: 1px solid rgb(204,204,204);}
.ShareContent {width: 935px; background: rgb(236,236,236); padding: 15px 10px; margin: 20px 0; line-height: 18px;}
.ShareContent h2 {color: rgb(30,121,188); font-size: 20px; padding-bottom: 8px;}
.ShareContent p {font-size: 12px; color: rgb(54,54,54);}
#ShareToFriend form {padding: 0 10px;}
#ShareToFriend ul li {clear:both; overflow: hidden; font-size: 12px; color: rgb(54,54,54); padding:15px 0 0 0; _padding: 5px 0 0 0;}
#ShareToFriend ul li #errorX-Email,#ShareToFriend ul li #errorX-Code {float: left; width: 380px;}
#ShareToFriend ul li input#xEmail,#ShareToFriend ul li input#xCode {margin-right: 5px;}
#ShareToFriend ul li label {width:250px; float:left; font-weight: bold;}
#ShareToFriend ul li input {width: 240px; float: left; font-size: 12px; padding: 2px;}
#ShareToFriend ul li.validate {padding-left: 250px;}
#ShareToFriend ul li.validate span {float: left;}
#ShareToFriend ul li.validate input {width: auto; float: none; margin: 58px 0 0 10px; }
#ShareToFriend ul li input.submit {margin-left: 250px; width: auto;}
/*9film fest - 22 March 2011 by Benz*/
#film-Fes {background: url("../img/bg/bg_9film.jpg") no-repeat 5px 0;height: 392px;margin: 10px 0 5px 0;overflow: hidden;padding-left: 20px;}
#film-Fes a img { padding: 10px 0 0 25px;}
#film-Fes h2 a { color: rgb(19,62,113); font-size: 13px; padding: 15px 0 5px 0; text-decoration: none;}
#film-Fes h2 a:hover { text-decoration: underline;}
#film-Fes p { clear: both; float: left; font-size: 12px; padding: 5px 0 15px 0;}
#film-Fes span { display: block;}
#film-Fes a {clear: both;color: rgb(19,62,113);float: left;font-size: 13px;padding-top: 3px;text-decoration: none;width: 250px;}
#film-Fes a:hover { text-decoration: underline;}
/*Election 2011 - 24 May 2011 by Benz*/
.election-on-twitter {background: url("../img/bg/bg_election-on-twitter.png") 0 0 no-repeat;height: 331px;overflow: hidden;padding-bottom: 10px;width: 294px;}
.election-on-twitter h2 a{color: #1E79BC;float: left;font-size: 14px;padding: 10px 0 10px 10px;width: 205px;}
.election-on-twitter p { overflow: hidden; margin-top: 10px; width: 294px;}
.election-on-twitter img { float: left; padding-left: 95px; _display: inline}
.election-on-twitter a {color: #787878;float: right;font-size: 11px;overflow: hidden;padding-right: 10px;width: 165px;_display: inline;}
.election-on-twitter ul {height: 245px;overflow: hidden;padding: 0 0 10px 10px;width: 284px;}
.election-on-twitter ul li { font-size: 12px; line-height: 17px;}
.election-on-twitter ul li span.twitter-update-time {float: left;padding-right: 10px;width: 30px;}
.election-on-twitter ul li span.twitter-update-content {float: left;font-size: 12px;overflow: hidden;padding: 0;width: 240px;}
.election-on-twitter ul li span.twitter-update-content a {color: #1E79BC;float: none;font-size: 12px;}
.election-on-twitter a:hover,
.election-on-twitter ul li a:hover { text-decoration: underline;}
/*google share - 7 June 2011 by Benz*/
#main-sns .google-share {width: 50px;height: 61px;padding-top: 3px;float: left;overflow: hidden;_display: inline; /* for M$IE6 */}
#main-sns .tweeter-icon { float: left; overflow: hidden; padding-bottom: 5px; width: 85px;}
#main-sns .facebook-icon { float: left; padding: 0 10px 5px 0;}
#main-sns .google-icon {float: left;overflow: hidden;padding: 0 10px 5px 0;_display: none;}
.google-icon iframe { _display: none;}
#main-sns .url-tags {clear: both;overflow: hidden;width: 613px;}
/*article facebook share - 20 June 2011 by Benz*/
.userComment .discussionInfogroup {float: left;font-weight: bold;margin: -45px 0 10px;padding: 0 0 5px 28px;overflow: hidden;width: 500px;_display: inline;}
.discussionInfogroup .discussionInfo {margin-top: 3px; padding-left: 0;}
.discussionInfogroup .facebook-Share {clear: none;float: left;width: 135px;height: 20px;margin: 0;}
.facebook-Share a {background: url(../img/button/btn-Post-to-Facebook.png) 0 0 no-repeat;width: 135px;height: 20px;display: block;}
.facebook-Share a:hover {background: url(../img/button/btn-Post-to-Facebook-hover.png) 0 0 no-repeat;width: 135px;height: 20px;}
.facebook-Share a span {display: none;}
/*Election 2011 - 23 June 2011 by Benz*/
.election-on-twitter-widget { padding-bottom: 10px;}
/*Member 2011 - 21 July 2011 by Benz*/
.Premium-members-Box {background: url(../img/bg/bg_Article_Notifiation.png) 0 0 no-repeat;height: 262px;overflow: hidden;width: 645px;}
.Premium-members-Box p { color: #333333; margin: 0; text-align: center;}
.Premium-members-Box .subscribe-now { display: block; margin: 0 auto; width: 130px;}
.Premium-members-Box .headline { padding: 25px 0 10px 0;}
.Premium-members-Box .headline h2 { color: #333333; font-size: 15px; text-align: center; }
.Premium-members-Box .headline p a { color: #203c70; }
.Premium-members-Box .headline p a:hover { text-decoration: none;}
.Premium-members-Box .headline .highlight { font-size: 21px; padding-bottom: 10px;}
.Premium-members-Box .highlight { color: #203c70;}
.Premium-members-Box .detail .highlight { padding: 10px 0;}
.Premium-members-expired { background: url(../img/bg/bg_Article_expired.png) 0 0 no-repeat;height: 86px;overflow: hidden;width: 620px; margin: 0 0 20px; padding-top: 28px;}
.Premium-members-expired p {color: #333333; font-weight: bold;margin: 0; text-align: center;}
.Premium-members-expired p span {display: block;font-size: 13px;font-weight: normal;}
.Premium-members-expired p span a { color: #203C70; text-decoration: underline;}
.Premium-members-expired p span a:hover { color: #203C70; text-decoration: none;}
/*Archive*/
.archive { padding: 20px;}
.archive h1 { border-bottom: 1px solid #dddddd; color: #24435a; font-size: 18px; padding-bottom: 10px; width: 942px;}
.archive p { font-size: 12px; padding: 10px 0 30px 0;}
.archive form ul li {  clear: both; float: left; padding: 0 0 10px;	width: 800px;}
.archive form ul li label { float: left;  font-size: 12px; font-weight: bold; padding: 3px 0 0; width: 200px;}
.archive form ul li .calendar{ width: 180px;}
.archive form ul li .text { width: 325px;}
.archive form ul li select { width: 332px;}
.archive form ul li .from,
.archive form ul li .to { float: none; font-weight: normal; padding: 0 5px 0 10px; width: auto;}
.archive form ul li label span { display: block;}
.archive form ul li label .detail { font-weight: normal;}
.archive form ul .btn-searchbtn { padding: 10px 0 30px 200px; width: 200px;}
.archive form ul .btn-searchbtn input {background: url(../img/button/Search.png) 0 0 no-repeat;border: none;height: 27px;cursor: pointer;width: 78px;}

/*Archive search result*/
.archive-search-result { padding: 20px; width: 964px;}
.archive-search-result .headline { border-bottom: 1px solid #dddddd; overflow: hidden; margin-bottom: 15px; padding-bottom: 10px; width: 942px;}
.archive-search-result .headline h1,
.archive-premiun-member .headline h1 { color: #24435a; float: left; font-size: 18px;}
.archive-search-result .headline p { float: right; font-size: 15px; font-weight: bold;}
.archive-search-result .headline p span { color: #ef112b}
.archive-search-result #thailandSearchList { margin: 0; padding: 0;}
.archive-search-result #thailandSearchList h3 { font-size: 15px;}
.archive-search-result #thailandSearchList h3 img { padding-right: 5px;}
.archive-search-result #thailandSearchList li h3 a span { border-bottom: 1px dotted #23425B;}
.archive-search-result #thailandSearchList li h3 a:hover span { border: none;}
.archive-search-result #thailandSearchList li .moredetail { padding: 10px 0;}
.archive-search-result #thailandSearchList li .moredetail a { color: #35658B;}
.archive-search-result #thailandSearchList li .moredetail a:hover { text-decoration: underline;}
.archive-search-result .detail { float: left; overflow: hidden; padding-bottom: 10px; width: 614px;}
.archive-search-result .detail .pageNavigation { padding: 0; word-spacing: 0;}
.archive-search-result .detail ul li p { font-size: 12px;}
.archive-search-result .detail ul li p a { color: #1b4164; text-decoration: underline;}
.archive-search-result .detail ul li p a:hover { text-decoration: none;}
.Searchbox {background: url(../img/bg/bg_archive_search-result.png) 0 0 no-repeat;float: right;height: 330px;padding-right: 20px;width: 294px;_display: inline;}
.Searchbox h2 { color: #24435a; font-size: 18px; padding: 10px;}
.Searchbox form { padding: 0 0 10px 8px;}
.Searchbox form ul { overflow: hidden;}
.Searchbox form ul li { clear: both; float: left; overflow: hidden; padding: 5px 0; width: 280px;}
.Searchbox form ul li label { float: left; font-size: 12px; font-weight: bold; overflow: hidden; padding-top: 3px; width: 124px;}
.Searchbox form ul li .text { float: right; width: 145px;}
.Searchbox form ul li select { float: right; width: 150px;}
.Searchbox form ul li label .detail { float: left; font-size: 10px; font-weight: normal; padding: 0;}
.Searchbox form ul li .pick-online { clear: both; padding-bottom: 10px; width: 280px;}
.Searchbox form ul li .from,
.Searchbox form ul li .to { float: none; padding-left: 5px; font-weight: normal;}
.Searchbox form ul li .calendar { width: 70px;}
.Searchbox form ul .btn-searchbtn { padding-top: 10px;}
.Searchbox form ul .btn-searchbtn input {background: url("../img/button/Search.png") 0 0 no-repeat;border: none;cursor: pointer;height: 27px;width: 78px;}
/*light box*/
.caution {
background: #000000;
height: 100%;
left: 0;
opacity: 0.8;
position: fixed;
top: ;
width: 100%;
z-index: 9995;
opacity: 75%;
filter: alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
-khtml-opacity: .75;
-moz-opacity: .75;
}
.lightbox-content { background: none;}
.lightBOX {width:645px; text-align: center;}
.lightBOX .closed { position: absolute; right: -12px; top: -13px;}
.lightBOX h1 { font-size: 15px; padding-top: 20px;}
.lightBOX .highlight { color: #223d6e; font-size: 21px; font-weight: normal; padding-bottom: 5px;}
.lightBOX p { font-size: 12px; font-weight: bold;}
.lightBOX p a { color: #1b4164; text-decoration: underline;}
.lightBOX p a:hover { text-decoration: none;}
.subscribe-now img { padding-top: 10px;}
/*archive-premiun-member*/
.ArchiveUserBox { background: #F2F2F3;}
.archive-premiun-member { overflow: hidden; padding: 20px 10px 10px; width: 964px;}
.archive-premiun-member .headline  { border-bottom: 1px solid #dddddd; overflow: hidden; margin-bottom: 15px; padding-bottom: 10px; width: 964px;}
.archive-premiun-member .entry { float: left; line-height: 110%; width: 643px;}
.archive-premiun-member .sideBar { padding: 0;}
.archive-premiun-member .sideBar .Searchbox,
.archive-search-result .sideBar .Searchbox { padding: 0 0 10px 0;overflow:hidden;}
.ArchiveUserBox a img { float: left; padding: 10px 10px 10px 27px;}
/*Advance Search*/
.Article-premium { float: right; padding-right: 10px; _display: inline;}
.Article-premium p { float: right; font-size: 12px; }
.Article-premium .click-here { clear: both; float: right; color: #1b4164;}
.Article-premium .click-here a { color: #1b4164; text-decoration: underline;}
.Article-premium .click-here a:hover { text-decoration: none;}
/*Member*/
#memberAssistance .Member { background: url("../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;}
.Member-info a img { padding-top: 5px;}
.Member-info-detail { float: left;}
#Member_Content .Member-info  .Member-info-detail h1 { float: left; padding: 5px 0;}
.Member-info-detail img { float: left; padding: 6px 0 0 10px;}
.Member-info-detail p { clear: both; color: #363636; font-size: 12px; padding-top: 5px;}
.Member-info-detail p a img { padding: 0; margin: 0 5px 0 0;}
/*Archive&Bundle-member by benz 22/08/54*/
.Normal-members { overflow: hidden; padding: 10px 0 15px 20px; width: 964px;}
.Normal-members h1 { font-size: 25px; padding: 20px 0 15px 5px;}
.Normal-members h1 span { color: #1e79bc;}
.Normal-members-detail { background: #f4f4f4; border-radius: 10px; overflow: hidden; padding: 0 5px 10px 10px; width: 932px; margin-bottom: 10px; overflow: hidden; clear: both;}
.Normal-members-detail .headline img { float: left; padding: 0 20px 0 10px;; _display: inline;}
.Normal-members-detail .headline { overflow: hidden; padding-bottom: 10px; clear: both; width: 927px; border:none; line-height: 35px;}
.Normal-members-detail .headline p { font-size: 24px; font-weight: bold; padding-top: 30px; float: left; text-transform: none;}
.Normal-members-detail .headline p span { display: block;}
.Normal-members-detail .member { background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e3e3e3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e3e3e3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e3e3e3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e3e3e3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
clear: both;float: left;height: 545px;margin-right: 10px;overflow: hidden;padding: 15px 0 0; width: 280px;border-radius: 10px; border: 1px solid #e3e3e3;}
.Normal-members-detail .member h2 { color: #1e79bc; font-size: 18px; padding-left: 10px;}
.Normal-members-detail .member ul { clear: both; overflow: hidden; padding-top: 10px; width: 262px; padding-left: 10px;}
.Normal-members-detail .member ul li { clear: both; width: 262px; overflow: hidden;}
.Normal-members-detail .member ul li p {font-size: 12px;font-weight: normal;overflow: hidden;padding: 0 0 10px;width: 262px; }
.Normal-members-detail .member ul li p span { float: left; padding-right: 5px;}
.Normal-members-detail .member ul li p .content { padding: 0; width: 240px;}
.Normal-members-detail .member .sign-up { padding-left: 10px; width: 130px; height: 33px;}
.Normal-members-detail .upgrade-premium { background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e3e3e3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e3e3e3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e3e3e3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e3e3e3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
float: left;height: 545px;margin-right: 10px;padding: 15px 10px 0;width: 260px;border-radius: 10px; border: 1px solid #e3e3e3;}
.Normal-members-detail .upgrade-premium h2 { color: #1e79bc; font-size: 18px;}
.Normal-members-detail .upgrade-premium img { float: none; padding: 0 0 0 5px;}
.Normal-members-detail .upgrade-premium ul {clear: both;overflow: hidden;padding-top: 10px;width: 262px;}
.Normal-members-detail .upgrade-premium ul li { clear: both; float: left;}
.Normal-members-detail .upgrade-premium ul li p {font-size: 12px;font-weight: normal;overflow: hidden;padding: 0 0 10px;width: 262px;}
.Normal-members-detail .upgrade-premium ul li p span { float: left; padding-right: 5px;}
.Normal-members-detail .upgrade-premium ul li p .content { padding: 0; width: 250px;}
.Normal-members-detail .login-member { background: #ffffff; border-radius: 10px; height: 545px;overflow: hidden;width: 338px;padding: 15px 0 0; float: left;}
.Normal-members-detail .login-member h2 { color: #1e79bc; font-size: 18px; width: 300px; padding-left: 10px;}
.Normal-members-detail .login-member form {overflow: hidden;padding: 10px 0 0 10px;width: 318px;}
.Normal-members-detail .login-member form ul { overflow: hidden; width: 318px;}
.Normal-members-detail .login-member form ul li { clear: both; float: left; overflow: hidden; padding-bottom: 10px; width: 318px;}
.Normal-members-detail .login-member form ul li p { font-size: 12px; float: right; padding: 5px 0; width: 185px;}
.Normal-members-detail .login-member form ul li p a { color: #363636; text-decoration: underline;}
.Normal-members-detail .login-member form ul li p a:hover { text-decoration: none;}
.Normal-members-detail .login-member form ul .login label { font-size: 12px; float: left; padding-top: 4px;}
.Normal-members-detail .login-member form ul .login input { float: right; width: 175px;}
.Normal-members-detail .login-member form ul .checkbox { clear: both; font-size: 12px; float: left; overflow: hidden; padding: 0; width: 310px;}
.Normal-members-detail .login-member form ul .checkbox label { padding-left: 5px; width: 280px;}
.Normal-members-detail .login-member form ul .submit { height: 33px; width: 130px; margin: 10px 0 0; float: left;}
.Normal-members .BKP-plus p { font-size: 12px;}
.Normal-members-detail .login-member form ul li .headline { width: 130px; text-transform: none; line-height: normal;}
.Normal-members-detail .login-member form ul li .form-message { clear: both; float: left; width: 315px;}
.Normal-members-detail .login-member form ul li .fotgotPassword { margin: 14px 0 0; width: 175px;}
/* New service */
.New-service { padding: 20px; width: 944px;}
.New-service h1 { color: #213c70; font-size: 18px;}
.New-service h1 span { color: #1e79bc; display: block; font-size: 24px;}
.New-service p { font-size: 12px; padding: 10px 0;}
.New-service h2 { color: #1e79bc; font-size: 14px; padding: 10px 0; }
.New-service .contact-detail { clear: both; padding-bottom: 20px;}
.New-service .contact-detail p { padding: 0;}
.New-service .contact-detail p a { color: #213C70;}
.New-service .contact-detail p a:hover { text-decoration: underline;}
.New-service .contact-detail .call-center { color: #FA002F; padding-bottom: 5px;}
.Special-promotion { background: #f7f6f6; margin-bottom: 30px; width: 920px;}
.Special-promotion tr td { border: 1px solid #cfcfcf; font-size: 12px; padding: 10px; width: 248px;}
.Special-promotion tr td span { color: #fa002f;}
.Special-promotion tr .price { border-left: none; width: 670px;}
.Special-promotion tr .price span { }
.Special-promotion tr .no-border,
.Member-benefits tr .no-border { border-bottom: none;}
.Member-benefits { border: 1px solid #cfcfcf; margin-bottom: 20px; width: 920px;}
.Member-benefits tr th {background: #1e79bc; color: #ffffff;border-bottom: 1px solid #cfcfcf;font-size: 14px;text-align: center;padding: 15px 0 10px;width: 430px;}
.Member-benefits tr .detail { width: 250px;}
.Member-benefits tr td { border-bottom: 1px solid #cfcfcf;  font-size: 13px; padding: 10px;}
.Member-benefits tr .Check { text-align: center; border-left: 1px solid #cfcfcf; vertical-align: middle;}
.BKP-plus { height: 140px; width: 944px; clear: both; overflow: hidden;}
.BKP-plus .detail { clear: both; float: left; width: 410px;}
.BKP-plus .detail h2 { float: left; padding: 20px 0 0 20px;}
.BKP-plus .detail p { float: left;line-height: 17px;padding: 27px 0 0 20px;width: 180px;}
.BKP-plus .detail p span { display: block;}
.BKP-plus .detail p .highlight { color: #1d79bc;}
.BKP-plus .detail .readMore {clear: both;overflow: hidden;padding: 0 0 0 20px;}
.BKP-plus .detail .readMore a { color: #787878;  float: left; padding-right: 5px; text-decoration: underline;}
.BKP-plus .detail .readMore a:hover { text-decoration: none;}
.BKP-plus .detail .readMore img { float: left; padding-top: 1px;}
.BKP-plus ul {float: right;overflow: hidden;padding: 20px 45px 0 0;_display: inline;
	}


	.BKP-plus ul li {
		float: left;
    	overflow: hidden;
    	text-align: center;
    	width: 160px;
    }
    .BKP-plus ul li p { color: #787878;}
    .BKP-plus ul .plus { padding-top: 20px; width: 30px;}
    .BKP-plus ul .last { width: 100px;}
	#wrapper .no-sub-channel .BKP-plus {padding: 25px 0 0;}
	/* Bundel Package by benz 29/08/54 */
	.bundel-package { padding: 20px; width: 944px;}
	.bundel-package h1 {
		font-size: 12px;
		font-weight: normal;
		padding-bottom: 10px;
		width: 770px;
	}
	.bundel-package p { font-size: 12px; padding-bottom: 10px;}
	.bundel-package .vat {
    	font-weight: bold;
    	padding: 0 0 20px 0;
    	text-align: right;
	}
	.bundel-package p span { color: #1e79bc; font-weight: bold;}
	.bundel-package table { clear: both; margin-bottom: 10px;}
	.bundel-package table tr .first {
		border-left: 1px solid #CCCCCC;
		width: 130px;
	}
	.bundel-package table tr th.first {
		border-left: 1px solid #CCCCCC;
		padding-right: 13px;
		width: 130px;
	}
	.bundel-package table tr th {
		background: #1e79bc;
		border-left: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;;
		color: #ffffff;
		font-size: 14px;
		font-weight: normal;
		padding: 10px 0;
		vertical-align: middle;
		width: 130px;
		text-align: center;
	}
	.bundel-package table tr th span { display: block;}
	.bundel-package table tr th div {
		float: right;
		text-align: center;
		width: 130px;
	}

	.bundel-package table .gray { background: #f4f4f4;}
	.bundel-package table tr th div p { padding: 0; font-size: 14px;}
	.bundel-package table tr td {
		border-bottom: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		font-size: 12px;
		padding: 10px 0;
		text-align: center;
    	vertical-align: middle;
    }
    .bundel-package table tr .category {
    	font-size: 14px;
    	padding-left: 10px;
    	text-align: left;
    	width: 155px;
    }
    .border-right { border-right: 1px solid #cccccc;}
    .border-right img { padding-top: 10px;}
    .bundel-package table tr .noBorderBottom { border-bottom: none;}
    .bundel-package table tr .noneBorder { border-left: none;}
	.bundel-package table tr .left { border-left: none; }
	.bundel-package table tr  .no span { visibility: hidden;}
	.bundel-package .Additional { color: #213c70; font-weight: bold; line-height: 20px;}
	.bundel-package .Additional span { display: block; color: #333333; font-weight: normal; line-height: 16px; padding-left: 15px;}
	.bundel-package .contact span { color: #000000; display: block; font-weight: normal;}
	.bundel-package .contact span a { color: #213C70; text-decoration: underline;}
	.bundel-package .contact span a:hover { text-decoration: none;}
	.text-blue { color: #213c70; font-size: 18px; font-weight: bold; display: block; padding-bottom: 5px;}
	.text-Lightblue { color: #1e79bc; font-size: 18px; font-weight: bold;}

	.bundel-package table .sms-news { width: 250px;}
	.bundel-package table .width110 { width: 125px;}
	.bundel-package table span { display: block; padding: 2px 0 0;}

	.bundel-package .remarks { color: #1E79BC; font-weight: bold; line-height: 20px;}
	.bundel-package .remarks span { display: block; color: #333333; font-weight: normal; line-height: 16px; padding-left: 15px;}
	.bundel-package .bkpPlus-detail { width: 780px; overflow: hidden; margin-bottom: 10px;}
	.bundel-package .bkpPlus-detail h4 { margin-bottom: 5px; color: #213C70; font-size: 12px;}
	.bundel-package .bkpPlus-detail ul li { margin: 0 0 5px 33px; padding: 0; font-size: 12px; list-style: decimal outside none;}
	.bundel-package .bkpPlus-detail ul li a { color: #213C70;text-decoration: underline;}
	.bundel-package .bkpPlus-detail ul li a:hover { text-decoration: none;}
	.bundel-package .total { font-size: 12px; font-weight: bold;}
	.bundel-package .total p { font-size: 12px; color: #999999; font-weight: normal; padding: 0;}
	.bundel-package .total p span { display: inline; color: #999999; font-weight: normal;}
	.bundel-package .yes-active { color: #fb0606;}

/******Policy*******/
	#Policy	{
		background: #FFFFFF;
    	line-height: 110%;
    	margin: 0 auto;
    	padding: 10px 20px;
    	width: 944px;
    	overflow: hidden;
	}
	#Policy a { color: #13344F; text-decoration: underline;}
	#Policy a:hover { color: #13344F; text-decoration: none;}
	#Policy dl {
    	margin: 0 auto;
    	padding-top: 10px;
    	width: 900px;
	}
	#Policy dl dd { margin-bottom: 10px;}
	#Policy dl h2 {
    	color: #333333;
    	font-size: 22px;
    	margin-bottom: 10px;
	}
	#Policy dl dd p {
		color: #333333;
    	font-size: 12px;
    	margin-bottom: 5px;
    }
	#Policy dl ol li dd h3 { color: #333333; font-size: 14px;}
	#Policy dl ol li .detail li { overflow: hidden; padding: 0 0 10px 10px;}
	#Policy dl ol li .detail li dd {
		color: #333333;
    	font-size: 12px;
    	margin-bottom: 5px;
    	overflow: hidden;
    }
	#Policy dl ol li .detail li dd span { float: left;}
	#Policy dl ol li .detail li dd .number { padding-right: 5px;}
	#Policy dl ol li .detail li dd .content { width: 865px;}
	#Policy dl ol li .detail li ol { clear: both; padding: 10px 0 0 13px;}
	#Policy dl ol li .detail li ol li { overflow: hidden; padding-bottom: 10px;}
	#Policy dl ol li .detail li ol li dd  { overflow: hidden;}
	#Policy dl ol li .detail li ol li dd span { float: left;}
	#Policy dl ol li .detail li ol li dd .number { padding-right: 5px;}
	#Policy dl ol li .detail li ol li dd .content { width: 820px;}
	#Policy dl ol li .detail li ol li .num-text li { clear: both; overflow: hidden; padding: 0 0 10px 18px;}
	#Policy dl ol li .detail li ol li .num-text li dd {
		color: #333333;
    	font-size: 12px;
    	margin-bottom: 5px;
    	overflow: hidden;
    }
	#Policy dl ol li .detail li ol li .num-text li .number { padding-right: 5px;}
	#Policy dl ol li .detail li ol li .num-text li .content { width: 810px;}
	#Policy dl ol li .detail .contact .left { width: 15%;}
	#Policy dl ol li .detail .contact .right { width: 85%;}

	#postDirectories .rightColumn .buzzBoombox { padding: 0 0 35px;}
	#postDirectories .rightColumn .gradientBox2	{
		background: url("../img/bg/bg_categoriesBox2.jpg") 0 0 no-repeat;
    	height: 180px;
    	margin: 0 auto;
    	padding: 15px 10px 15px 15px;
    	width: 277px;
    }

    /****** E-paper & Digital Magazine by benz 02/12/11 *******/

    .gradientBox11 {
    background: url("../img/bg/bg_gradientbox11.png") 5px 0 no-repeat ;
    height: 270px;
    padding: 10px 15px 5px;
    position: relative;
    width: 295px;
	}
	.readerForum { height: 126px; margin: 4px 0 8px; overflow: hidden;  width: 293px;}

    .Epaper-DigitalMagazine { background: url("../img/bg/bg-toggle-navigation.jpg") no-repeat 0 0 ; height: 285px; overflow: hidden; width: 293px;}
    .Epaper-DigitalMagazine .toggle-navigation { width: 293px; background: none; height: 34px; padding: 0;}
    .toggle-navigation {
    	background: url("../img/bg/bg_toggle-navigation.gif") 0 0 repeat-x;
    	height: 22px;
    	overflow: hidden;
    	padding-left: 7px;
    	width: 267px;
    }
    .toggle-navigation li {
    	color: #1e79bc;
    	font-size: 12px;
    	font-weight: bold;
    	float: left;
    }
    .toggle-navigation li span { color: #f7941d;}


    .toggle-detail>li {display:none;}

    .Epaper-DigitalMagazine .toggle-detail .active { display: block; overflow: hidden; width: 274px;}
	.Epaper-DigitalMagazine .toggle-navigation #Epaper { background: url("../img/bg/bg_E-paper.png") 0 -34px no-repeat; color: #333333; cursor: pointer; height: 22px; padding: 5px 0 0 12px; margin-right: 3px; width: 55px;}
    .Epaper-DigitalMagazine .toggle-navigation #Epaper.active { background: url("../img/bg/bg_E-paper.png") 0 0 no-repeat; color: #FFFFFF; cursor: default; height: 29px; padding: 5px 0 0 12px; width: 55px; }
    .Epaper-DigitalMagazine .toggle-navigation #Magazine { background: url("../img/bg/bg_DigitalMagazine.png") 0 -34px no-repeat; color: #333333; cursor: pointer; height: 22px; margin-right: 2px; padding: 5px 0 0 5px; width: 132px; position: relative;}
    .Epaper-DigitalMagazine .toggle-navigation #Magazine.active { background: url("../img/bg/bg_DigitalMagazine.png") 0 0 no-repeat; color: #FFFFFF; cursor: default; height: 29px; padding: 5px 0 0 5px; width: 132px;}
    .Epaper-DigitalMagazine .toggle-navigation #SmsNews{ background: url("../img/bg/bg_SmsNews.png") 0 -34px no-repeat; color: #333333; cursor: pointer; height: 22px; padding: 5px 0 0 10px; width: 74px;}
    .Epaper-DigitalMagazine .toggle-navigation #SmsNews.active { background: url("../img/bg/bg_SmsNews.png") 0 0 no-repeat; color: #FFFFFF; cursor: default; height: 29px; padding: 5px 0 0 10px; width: 74px;}

    .Epaper-DigitalMagazine .toggle-navigation #Magazine img { position: absolute; right: 5px;}
    .Epaper-DigitalMagazine .toggle-detail {  clear: both; width: 273px; padding: 5px 10px 5px; background: url("../img/bg/bg_DigitalMagazine-toggleDetail.png") 0 0 no-repeat;}

       /******** Epaper*********/
    .e-paper {height: 232px;overflow: hidden;position: relative;width: 274px;}
    .e-paper .link {overflow: hidden;}
    .e-paper .link a{float: left; background:#fff; border:1px solid #e2e2e2; font-size: 11px; color:#213c70; width: 84px; margin: 0 5px 0 0; text-align: center; padding: 2px 0;}
    .e-paper .figure { margin: 0 auto; display: block;}
    .e-paper .download {margin: 0 0 4px 18px; overflow: hidden;}
    .e-paper .download a {padding: 0 5px 0 0; float: left;}
    .e-paper p {font-size: 12px; color: #333; text-align: center;}
    .e-paper p strong{color: #213c70;}
    .e-paper .buynow {padding: 5px 0 0; color: #666666;}
    .e-paper .buynow  a{color: #213c70;font-weight: bold;}
    .e-paper .buynow a img{vertical-align: middle;}
    .e-paper p span {display: block; color: #00397f;}
    .e-paper p span.font-bold { font-weight: bold; font-size: 13px;}

    /******** Digital Magazine *********/

    .digital-magazine {
    	height: 232px;
    	overflow: hidden;
    	position: relative;
    	width: 280px;
	}
    .digital-magazine .thumbnail {
    	height: 99px;
    	float: left;
    	padding: 0 7px 0 0;
    	width: 121px;
    	_display: inline;
    }
    .digital-magazine h2 {
    	color: #213c70;
    	font-size: 12px;
    	float: left;
    	width: 147px;
    }
    .digital-magazine h2 span { color: #F7941D;}
    .digital-magazine .thaipad-download { float: left; width: 138px; height: 27px;}
    .digital-magazine h3 {
    	clear: both;
    	color: #213c70;
    	font-size: 12px;
    }
    .digital-magazine .top-story {
   		clear: both;
   		margin-bottom: 8px;
   		overflow: hidden;
    	width: 274px;
   	}
    .digital-magazine .top-story li {
    	color: #000000;
    	display: block;
    	font-size: 12px;
    	line-height: 16px;
    	margin: 0;
    	overflow: hidden;
    	width: 274px;
    }
	.digital-magazine .top-story li span {
		color: #333333;
    	float: left;
    	font-size: 16px;
    	padding-right: 5px;
    }
    .digital-magazine .top-story li .detail {
    	float: left;
    	font-size: 12px;
    	padding: 0;
    	width: 260px;
    }
    .digital-magazine .top-story li a { color: #213C70; text-decoration: none;}
	.digital-magazine .top-story li a:hover { text-decoration: underline;}
	.digital-magazine .top-story .readmore {
    	bottom: 4px;
    	color: #787878;
    	position: absolute;
	}
	.digital-magazine .top-story .readmore a {
    	color: #787878;
    	float: none;
    	font-size: 11px;
    	font-weight: normal;
    	text-decoration: underline;
	}
	.digital-magazine .top-story .readmore a:hover { text-decoration: none;}
	.digital-magazine p { font-size: 12px; width: 274px;}

	/******** Bangkok Post Digital *********/

	/*Digital service navigation*/
	.bkpConnection {
		background: #FFFFFF;
		margin: 0 auto;
		overflow: hidden;
		padding: 45px 10px 10px;
		width: 964px;
	}
	.bkpConnection p {
		color: #213c70;
		font-size: 14px;
		font-weight: bold;
	}
	.bkpConnection .toggle-navigation {
		width: 955px;
		background: url(../img/icons/connection-nav.gif) repeat-x 0 bottom;
		height: 60px;
		overflow: hidden;
		position: relative;
		padding-left: 10px;
	}
	.bkpConnection .toggle-navigation li {
		float: left;
		margin-right: 3px;
		list-style: none;
		border: 1px solid #ccc;
		height: 25px;
		border-bottom: none;
		position: relative;
		top: 20px;
		cursor: pointer;
		padding-top:13px;
		font-size: 12px;
		color:#213c70;
		font-weight: normal;
	}
	.bkpConnection .toggle-navigation li a,.bkpConnection .toggle-navigation li a:hover {text-decoration: none;}
	.productWrapper .bkpConnection .toggle-navigation .active {height: 26px;}

	.bkpConnection .toggle-navigation .rss {background: url(../img/icons/icn-rss.gif) no-repeat 13px 5px; padding-left: 47px; /*width: 83px;*/ padding-right: 12px;}
	.bkpConnection .toggle-navigation .rss:hover,
	.bkpConnection .toggle-navigation .rss.active {background: #fff url(../img/icons/icn-rss.gif) no-repeat 13px -48px;}
	.bkpConnection .toggle-navigation .newsletter {background: url(../img/icons/icn-newsletter.gif) no-repeat 13px 5px; padding-left: 47px; /*width: 88px;*/ padding-right: 12px;}
	.bkpConnection .toggle-navigation .newsletter:hover,
	.bkpConnection .toggle-navigation .newsletter.active {background: #fff url(../img/icons/icn-newsletter.gif) no-repeat 13px -48px;}
	.bkpConnection .toggle-navigation .mobile {background: url(../img/icons/icn-mobile.gif) no-repeat 13px 5px; padding-left: 47px; /*width: 88px;*/ padding-right: 12px;}
	.bkpConnection .toggle-navigation .mobile:hover,
	.bkpConnection .toggle-navigation .mobile.active {background: #fff url(../img/icons/icn-mobile.gif) no-repeat 13px -48px;}
	.bkpConnection .toggle-navigation .tablet {background: url(../img/icons/icn-tablet.gif) no-repeat 13px 5px; padding-left: 47px; /*width: 58px;*/ padding-right: 12px;}
	.bkpConnection .toggle-navigation .tablet:hover,
	.bkpConnection .toggle-navigation .tablet.active {background: #fff url(../img/icons/icn-tablet.gif) no-repeat 13px -48px;}
	/*.bkpConnection .toggle-navigation .news { padding-left: 50px; width: 90px;padding-top:0;}*/
	.bkpConnection .toggle-navigation .news a {padding-left: 47px; /*width: 90px;*/ height: 35px;background: url(../img/icons/icn-news.gif) no-repeat 13px 5px; margin-top: -13px; display: block; margin-right: 12px;}
	.bkpConnection .toggle-navigation .news a:hover {background: #fff url(../img/icons/icn-news.gif) no-repeat 13px -48px; }
	.bkpConnection .toggle-navigation .fansite a { background: url(../img/icons/icn-facebook.gif) no-repeat 13px 5px; padding-left: 47px; /*width: 107px;*/ padding-right: 13px; height: 35px; display: block;}
	.bkpConnection .toggle-navigation .fansite a:hover {background: url(../img/icons/icn-facebook.gif) no-repeat 13px -48px;}
	.bkpConnection .toggle-navigation .twitter {
		background: url(../img/icons/icn-twitter.gif) no-repeat 13px 5px;
		padding-left: 47px;
		/*width: 53px;*/
		display: block;
		margin-right: 0;
		padding-right: 12px;
	}
	.bkpConnection .toggle-navigation .twitter:hover{background: url(../img/icons/icn-twitter.gif) no-repeat 13px -48px;}
	.bkpConnection .toggle-navigation .twitter.active{background: #fff url(../img/icons/icn-twitter.gif) no-repeat 13px -48px;}
	.bkpConnection .toggle-navigation li.fansite a { margin-top: -13px;}

	.bkpConnection .toggle-navigation li.fansite a span,
	.bkpConnection .toggle-navigation li.twitter,
	.bkpConnection .toggle-navigation li.news a span { padding-top: 13px; display: block;color:#213c70;}

	.bkpConnection .toggle-navigation .allProduct {background: url(../img/icons/icn-allProduct.gif) no-repeat 13px 5px; padding-left: 47px; padding-right: 12px;}
	.bkpConnection .toggle-navigation .allProduct:hover,
	.bkpConnection .toggle-navigation .allProduct.active {background: #fff url(../img/icons/icn-allProduct.gif) no-repeat 13px -48px;}
	.bkpConnection .toggle-navigation .smartTV {background: url(../img/icons/icn-smartTV.gif) no-repeat 13px 5px; padding-left: 47px; padding-right: 12px;}
	.bkpConnection .toggle-navigation .smartTV:hover,
	.bkpConnection .toggle-navigation .smartTV.active {background: #fff url(../img/icons/icn-smartTV.gif) no-repeat 13px -48px;}

	.bkpConnection .toggle-navigation .toggle-navigation li.active {top: 9px;}

	.bkpConnection .faqDL {
		margin: 0 auto;
    	padding-top: 10px;
    	width: 955px;
    }
    .bkpConnection .faqDL h2 {
    	color: #23425B;
    	font-size: 18px;
    	margin-bottom: 10px;
    	line-height: 20px;
	}
	.bkpConnection .faqDL p {
		color: #333333;
		font-size: 12px;
		font-weight: normal;
		line-height: 18px;
	}
	.bkpConnection .faqDL p a { color: #23425B; text-decoration: none;}
	.bkpConnection .faqDL p a:hover { text-decoration: underline;}
	.bkpConnection .faqDL table a { color: #23425B; text-decoration: none;}
	.bkpConnection .faqDL table a:hover { text-decoration: underline;}

	.bkpConnection table,
	.bkpConnection table tbody,
	.bkpConnection table tbody tr,
	.bkpConnection table tbody tr td,
	.bkpConnection table tbody tr td,
	.bkpConnection table tbody tr td img { vertical-align: top;}

	.bkpConnection table p { font-weight: normal;}
	.bkpConnection table .h_content {
    	color: #333333;
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 12px;
    	font-weight: bold;
	}
	.bkpConnection table .content {
    	color: #212121;
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 12px;
    	line-height: 20px;
	}
	.bkpConnection table .h_sub {
    	color: #3366CC;
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 18px;
    	font-weight: bold;
	}
	.bkpConnection table .sub_link {
    	color: #000000;
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 12px;
    	font-weight: bold;
    	line-height: 20px;
	}
	.bkpConnection table .web a:link {
    	color: #336699;
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 12px;
    	text-decoration: none;
	}
	.bkpConnection table .web a:hover { text-decoration: underline;}
	.bkpConnection table { margin: 0 auto;}

	.bkpConnection .tab5-detail table,
	.bkpConnection .tab5-detail table tbody,
	.bkpConnection .tab5-detail table tbody tr,
	.bkpConnection .tab5-detail table tbody tr td,
	.bkpConnection .tab5-detail table tbody tr td,
	.bkpConnection .tab5-detail table tbody tr td img { vertical-align: top;}

	.bkpConnection .tab5-detail table p { font-weight: normal;}
	.bkpConnection .tab5-detail table .h_content {
    	color: #333333;
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 12px;
    	font-weight: bold;
	}
	.bkpConnection .tab5-detail table .content {
    	color: #212121;
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 12px;
    	line-height: 20px;
	}
	.bkpConnection .tab5-detail table .h_sub {
    	color: #3366CC;
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 18px;
    	font-weight: bold;
	}
	.bkpConnection .tab5-detail table .sub_link {
    	color: #000000;
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 12px;
    	font-weight: bold;
    	line-height: 20px;
	}
	.bkpConnection .tab5-detail table .web a:link {
    	color: #336699;
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 12px;
    	text-decoration: none;
	}
	.bkpConnection .tab5-detail table .web a:hover { text-decoration: underline;}
	.bkpConnection .tab5-detail table { margin: 0 auto;}

	.toggle-detail li { width: 965px; overflow: hidden;}
	.toggle-detail .active {display: block;}

	.BKP-digital {
		clear: both;
		overflow: hidden;
		padding-top: 25px;
		width: 964px;
	}
	.BKP-digital h2 {
		color: #213c70;
		font-size: 14px;
		padding-left: 5px;
		width: 964px;
	}
	

	.BKP-digital ul .twitter { border-right: none; padding: 0 19px 0 20px;}


	/******** readerForum *********/


.readerForum .toggle-navigation { background: url("../img/bg/bg-toggle-navigation.jpg") 0 0 no-repeat; padding: 0; width: 293px; height: 34px;}
.readerForum .toggle-navigation #Reader-Forum { background: url("../img/bg/bg_readerForum-toggleNavigation.png") 0 -34px no-repeat; color: #333333; cursor: pointer; font-size: 12px; font-weight: bold; height: 17px; margin-right: 0; padding: 5px 5px 0; width: 138px;}
.readerForum .toggle-navigation #Reader-Forum.active { background: url("../img/bg/bg_readerForum-toggleNavigation.png") 0 0 no-repeat; color: #FFFFFF; cursor: default; font-size: 12px; font-weight: bold; height: 29px; margin-right: 3px; padding: 5px 0 0 5px; width: 140px;}
.readerForum .toggle-navigation #printEdit {background: url("../img/bg/bg_readerForum-toggleNavigation.png") 0 -34px no-repeat; color: #333333; cursor: pointer; font-size: 12px; font-weight: bold; height: 17px; padding: 5px 0 0 10px; width: 135px;}
.readerForum .toggle-navigation #printEdit.active { background: url("../img/bg/bg_readerForum-toggleNavigation.png") 0 0 no-repeat; color: #FFFFFF; cursor: default; font-size: 12px; font-weight: bold; height: 29px; padding: 5px 0 0 10px; width: 135px;}


.readerForum .toggle-detail {clear: both; overflow: hidden;width: 273px; background: url("../img/bg/bg_readerForum-toggleDetail.jpg") 0 0 no-repeat; height: 77px; padding: 5px 10px 10px;}
.readerForum .toggle-detail .active {display: block;overflow: hidden;width: 274px;}
.Featured-forums {height: 77px;overflow: hidden;position: relative;width: 274px;}
.Featured-forums .thumbnail {height: 60px;float: left;overflow: hidden;padding-right: 10px;width: 90px}
.Featured-forums h2 a {color: #213C70;float: left;font-size: 12px;padding-bottom: 5px;text-decoration: none;width: 170px;}
.Featured-forums h2 a:hover { text-decoration: underline;}
.Featured-forums p {color: #333333;float: left;font-size: 12px;width: 170px;}
.Featured-forums .readmore {bottom: 0;left: 100px;position: absolute;}
.Featured-forums .readmore a {color: #787878;font-size: 11px;text-decoration: underline;}
.Featured-forums .readmore a:hover { text-decoration: none;}
.print-section { overflow: hidden; margin-top: 5px; width: 274px;}
.print-section ul { float: left;}
.print-section ul li { display: block; margin: 0; overflow: hidden;}
.print-section ul li span { float: left; padding-right: 3px;}
.print-section ul li a {float: left;color: #213C70;font-size: 12px;padding-top: 2px;text-decoration: none;}
.print-section ul li a:hover { text-decoration: underline;}
.print-section .section-left { overflow: hidden; width: 80px;}
.print-section .section-left li { width: 80px;}
.print-section .section-center { overflow: hidden; width: 108px;}
.print-section .section-center li { width: 108px;}
.print-section .section-right { overflow: hidden; width: 75px;}
.print-section .section-right li { width: 75px;}
/******** E-newsletter *********/
.E-newsletter {margin: 0 auto;overflow: hidden;padding: 50px 10px;width: 944px;}
.E-newsletter .thumbnail {float: left; height: 450px;width: 400px;}
.E-newsletter .thumbnail a img {padding-left: 37px;}
.E-newsletter h1 { float: left; margin-bottom: 15px;width: 535px; font-size: 26px; color: #213c70; border-bottom: 2px solid #eaeef1; padding-bottom: 15px;}
.E-newsletter p {color: #333333;float: left;font-weight: normal;line-height: 22px;width: 535px; font-size: 18px;}
.E-newsletter .choose-section {float: left;margin-top: 20px;overflow: hidden;width: 535px;}
.E-newsletter .choose-section > p {color: #1e79bc;font-size: 14px;font-weight: bold; }
.E-newsletter .choose-section p span { display: block; line-height: 18px;}
.E-newsletter .choose-section ul { margin-top: 10px;overflow: hidden;width: 535px; float: left;}
.E-newsletter .choose-section ul li {display: block;margin: 0;overflow: hidden;width: 265px;}
.E-newsletter .choose-section ul .left { float: left; overflow: hidden; width: 245px; margin-right: 20px; padding-right: 9px; border-right: 1px solid #dfdfdf;}
.E-newsletter .choose-section ul .left ul { overflow: hidden; width: 245px; margin: 0;}
.E-newsletter .choose-section ul .left ul li { overflow: hidden; width: 245px; margin-bottom: 5px;}
.E-newsletter .choose-section ul .right { float: left; overflow: hidden; width: 245px;}
.E-newsletter .choose-section ul .right ul { overflow: hidden; width: 245px; margin: 0;}
.E-newsletter .choose-section ul .right ul li { overflow: hidden; width: 245px; margin-bottom: 5px;}
.E-newsletter .choose-section ul li ul li span { float: left; padding-right: 3px;}
.E-newsletter .choose-section ul li ul li p {color: #333333;float: left;font-size: 12px;font-weight: normal;line-height: 16px;padding-top: 2px;width: 230px;}
.E-newsletter .detail {float: left;margin-top: 30px;overflow: hidden;width: 535px;}
.E-newsletter .detail p { font-size: 12px; line-height: 18px; margin-bottom: 10px;}
.E-newsletter .detail p span { display: block;}
.E-newsletter .detail p a { color: #333333; text-decoration: underline;}
.E-newsletter .detail p a:hover { color: #333333; text-decoration: none;}
/******** Tablet *********/
.Tablet {margin: 0 auto;overflow: hidden;padding-left: 5px;width: 960px;}
.Tablet h1 {color: #213C70;font-size: 18px;padding: 10px 0; line-height: 20px;}
.Tablet p {color: #000000;font-size: 12px;font-weight: normal;}
.TabletDeivces {overflow: hidden;width: 960px;}
.TabletDeivces li {border-bottom: 1px solid #d7d7d7;display: block;margin: 0;overflow: hidden;width: 965px;	}
.TabletDeivces li .thumbnail {float: left;height: 185px;overflow: hidden;padding: 35px 0 0;text-align: center;width: 310px;}
.TabletDeivces li h2 {color: #1e79bc;float: left;font-size: 14px;padding: 35px 0 5px;width: 634px; line-height: 16px;}
.TabletDeivces li h2 span { color: #cc0000;}
.TabletDeivces li p {float: left;font-size: 12px;width: 634px;}
.TabletDeivces li p span {display: block;float: left;line-height: 18px;width: 645px;}
.TabletDeivces li p span a { color: #333333; text-decoration: underline;}
.TabletDeivces li p span a:hover { text-decoration: none;}
.TabletDeivces li img { padding-right: 30px;}
.TabletDeivces .iPad-app { padding-bottom: 30px;}
.TabletDeivces .Thaipad { border: none;}
.TabletDeivces .Thaipad h2 { padding: 55px 0 5px;}
.TabletDeivces .E-paper-on-tablet { padding-bottom: 30px;}
.TabletDeivces li .donwload { padding: 15px 0;}
.TabletDeivces li .donwload span {display: block;float: left;width: 634px;}
.TabletDeivces li .donwload a { color: #000000; text-decoration: underline;}
.TabletDeivces li .donwload a:hover { text-decoration: none;}
/******** Mobile Phones *********/
.MobilePhones {margin: 0 auto;overflow: hidden;padding-left: 5px;width: 960px;}
.MobilePhones h1 {color: #213C70;font-size: 18px;padding: 10px 0; line-height: 20px;}
.MobilePhones p {color: #333333;font-size: 12px;font-weight: normal;}
.MobileDevice { overflow: hidden; width: 960px;}
.MobileDevice li {border-bottom: 1px solid #D7D7D7;display: block;margin: 0;overflow: hidden;width: 965px;}
.MobileDevice li .thumbnail {float: left;height: 185px;overflow: hidden;padding: 35px 0 0;text-align: center;width: 310px;}
.MobileDevice li h2 {color: #1E79BC;float: left;font-size: 14px;padding: 35px 0 5px;width: 634px; line-height: 16px;}
.MobileDevice li p {float: left;font-size: 12px;width: 634px;}
.MobileDevice li p span {display: block;float: left;line-height: 18px;width: 645px;}
.MobileDevice  li img { padding-right: 30px;}
.MobileDevice li p span a { color: #333333; text-decoration: underline;}
.MobileDevice li p span a:hover { text-decoration: none;}
.MobileDevice li .donwload { padding: 15px 0;}
.MobileDevice li .donwload a { color: #333333; text-decoration: underline;}
.MobileDevice li .donwload a:hover { text-decoration: none;}
.MobileDevice .SMS-news h2 { padding: 55px 0 5px;}
.MobileDevice .E-paper-on-mobile { border: none; padding-bottom: 60px;}
.legal p{ color: red; float: left; font-size: 12px; font-weight: bold; margin:20px 0;text-align: center; width: 984px; overflow: hidden;}
.legal p a { color: #213C70; text-decoration: underline;}
.legal p a:hover { text-decoration: none;}
/*like-dislike panel*/
.like-dislike {width: 100%; overflow: hidden; margin: 20px 0 20px; font-size: 12px;}
.like-dislike .like {width: 65px; float: left; background: url(../img/bg/like-dislike.gif) no-repeat; height: 26px; margin-right: 3px;}
.like-dislike .like:hover {background: url(../img/bg/like-dislike.gif) no-repeat 0 -26px;}
.like-dislike span {float: left; line-height: 25px;}
.like-dislike .like span, .like-dislike .dislike span {display: none;}
.like-dislike .dislike {width: 35px; float: left; background: url(../img/bg/like-dislike.gif) no-repeat 0 -52px; height: 26px; margin-right: 5px;}
.like-dislike .dislike:hover {background: url(../img/bg/like-dislike.gif) no-repeat 0 -78px;}
.like-dislike .total {color:#1e79bc; display:block; margin:0 3px 0 3px;}
/*force for reset like-dislike on discussion*/
.userComment .like-dislike {width: 800px; margin: 15px auto 5px;}
/*EURO 2012*/
.rightColumn .euro2012 { background: url("../img/bg/bg_euro2012.png") 5px 0 no-repeat; padding: 8px 15px 5px;}
.rightColumn .euro2012 h2 { padding-left: 15px; width: 80px;}
.article-euro2012 { margin-bottom: 20px;}
/*advertorial*/
.flexiblebox { width: 300px; background: url(../img/ads/bottom-advertorial.gif) no-repeat left bottom; overflow: hidden; padding-bottom: 17px; margin-bottom: 10px;}
.flexiblebox h2 { width: 280px; background: url(../img/ads/top-advertorial.gif) no-repeat left top; overflow: hidden; font-size: 14px; padding: 10px 10px 10px 15px; color: #1E79BC;}
.flexiblebox ul li { width: 280px; background: url(../img/ads/body-advertorial.gif) repeat ; overflow: hidden; padding: 0 10px 5px 15px;clear:both;float:left; }
.flexiblebox ul li .thumbnail-left { float: left; padding: 3px 10px 10px 0; width: 90px;}
.flexiblebox ul li .header { float: left; font-size: 12px; padding-bottom: 5px; width: 170px;}
.flexiblebox ul li .header a { color: #213C70;text-decoration: none;}
.flexiblebox ul li .header a:hover { text-decoration: underline;}
.flexiblebox ul li p { font-size: 12px; float: left; width: 170px;}
/*survey*/
#container .survey-questionnaire { height: 100px;}
.survey { width: 954px; padding: 0 15px 10px;}
.survey h1 { color: #23425b; font-size: 22px; margin-bottom: 10px;}
.survey h1 span { display: block;font-size: 18px;}
.survey p { font-size: 12px; font-weight: bold; margin-bottom: 15px;}
.survey p span { display: block;}
.survey p a { color: #1e79bc;}
.survey p a:hover { text-decoration: underline;}
.questionnaire { width: 760px; padding: 0 0 40px; }
.content-wrapper {  padding: 20px 0 40px; width: 760px; height: auto;}
/*GMMZ event*/
.GMMZ-event { width: 964px; overflow: hidden; padding: 10px;}
.GMMZ-event .GMMZ-event-content { background: url("../img/bg/bg-GMMZ.jpg") 0 0 no-repeat; position: relative; width: 964px; height: 446px;}
.GMMZ-event .GMMZ-event-content .group-head { width: 590px; overflow: hidden; float: right; margin-top: 25px;}
.GMMZ-event .GMMZ-event-content .group-head h1 { background: url("../img/bg/head-gmmz.png") 0 0 no-repeat; height: 93px; width: 572px;}
.GMMZ-event .GMMZ-event-content .group-head h1 span { display: none;}
.GMMZ-event .GMMZ-event-content .group-head p { font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.GMMZ-event .GMMZ-event-content .group-head .highlight { font-size: 12px; color: #666666; font-weight: normal; margin-bottom: 15px;}
.GMMZ-event .GMMZ-event-content .group-head .highlight span { color: #ff0000;}
.GMMZ-event .GMMZ-event-content .btn-group { width: 400px; overflow: hidden; clear: both; position: absolute; bottom: 10px; left: 20px;}
.GMMZ-event .GMMZ-event-content .btn-group li { float: left; padding-right: 15px;}
.GMMZ-event .GMMZ-event-content .detail { position: absolute; right: 10px; bottom: 13px; color: #213c70; font-size: 15px;}
.GMMZ-event .GMMZ-event-content .detail a { text-decoration: underline; color: #213c70;}
.GMMZ-event .GMMZ-event-content .detail a:hover { text-decoration: none;}
.GMMZ-event .GMMZ-event-detail { margin:15px 0; width: 964px; overflow: hidden; border-bottom: 1px solid #EDECEC; padding-bottom: 10px;}
.GMMZ-event .GMMZ-event-detail p { font-size: 13px; color: #333333; margin-bottom: 10px; border-bottom: 1px solid #edecec; padding-bottom: 15px;}
.GMMZ-event .GMMZ-event-detail p a { color: #1e79bc;}
.GMMZ-event .GMMZ-event-detail p a:hover { text-decoration: underline;}
.GMMZ-event .GMMZ-event-detail ul { width: 964px; overflow: hidden;}
.GMMZ-event .GMMZ-event-detail ul li { margin-bottom: 10px; width: 964px; overflow: hidden;}
.GMMZ-event .GMMZ-event-detail ul li h2 { color: #1e79bc; font-size: 15px;}
.GMMZ-event .GMMZ-event-detail ul li p { border: none; margin: 0; padding: 0; line-height: 22px;}
.GMMZ-event .GMMZ-event-detail ul li p span { color: #1e79bc;}
#winner-lucky-draw { color: #1e79bc; width: 964px; clear: both; overflow: hidden;}
#winner-lucky-draw h2 { font-size: 18px; margin-bottom: 10px;}
#winner-lucky-draw p { margin-bottom: 10px; font-size: 13px;}
/*Member list*/
#memberAssistance .Online-member { padding: 2px 5px 0; height: 15px; width: 85px; border: none; position: relative;}
#memberAssistance .Online-member a { overflow: hidden;}
#memberAssistance .Online-member a span img { padding-right: 3px; }
#memberAssistance .Online-member .member-list { width: 97px; background: url("../img/bg/bg-member-list.png") 0 0 no-repeat; height: 57px;position: absolute; top:16px; left: -1px; _top: 19px; padding-top: 3px;}
#memberAssistance .Online-member .member-list li { font-size: 12px; padding: 0 5px; border: none;}
#memberAssistance .Online-member .member-list li a { background: none; border-bottom: 1px dotted #979797; color: #213c70; display: block; font-size: 10px; height: 14px; margin: 0 auto; padding:2px 0 0 4px; width: 82px; }
#memberAssistance .Online-member .member-list li a:hover {background: #ededed repeat-x; color: rgb(247,148,29);}
#memberAssistance .Online-member .member-list .last a { border: none;}
#memberAssistance .last { border-right: none; border-left: 1px dotted #C5C5C5; }
#memberAssistance .Online-member .dropdown { position: absolute; right: 4px; top: 4px;}
.iconNew { position: absolute; right: 35px; top: -10px;}

/*Regional-news*/
.followBox { margin: 10px 0 5px; width: 665px;}
.followBox .topCorner { background: url("../img/bg/bg_topCorner-followBox.jpg") no-repeat 0 0 ; height: 10px; width: 665px;}
.followBox .subChanelDetail { border-left: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; margin: 0 auto; overflow: hidden; padding: 0 15px; width: 615px; background: #f3f9fd;}
.followBox .bottomCorner { background: url("../img/bg/bg_bottomCorner-followBox.jpg") no-repeat 0 0 ; height: 10px; width: 665px;}
.followBox p { font-size: 12px; font-weight: bold;}
.followBox p a { color: #1e79bc; text-decoration: none;}
.followBox p a:hover { color: #1e79bc; text-decoration: underline;}
.RegionalNews-Box .topCorner { background: url("../img/bg/bg_topCorner-RegionalNews.jpg") no-repeat 0 0 ;}
.RegionalNews-Box .bottomCorner { background: url("../img/bg/bg_bottomCorner-RegionalNews.jpg") no-repeat 0 0;}
.RegionalNews-Box .latestList .last { border: none;}
.RegionalNews-Box .readMore { font-size: 12px; text-align: right;}
.RegionalNews-Box .readMore a { text-decoration: underline; color: #1e79bc;}
.RegionalNews-Box .readMore a:hover { text-decoration: none;}
.RegionalNews-Box .header h2 { float: left; width: 300px;}
.RegionalNews-Box .header p { overflow: hidden; float: right; line-height: 18px;}
.RegionalNews-Box .header p span { float: left; font-size: 11px; padding-right: 5px; margin-top: 3px;}
.RegionalNews-Box .header p a { float: left;}
#articleWrapper #headergroup ul .partner { margin-top: 5px;}
#articleWrapper #headergroup ul .partner p span { float: left; margin-top: 3px; padding-right: 5px;}
#articleWrapper #headergroup ul .partner p a { float: left;}
.Promote-regional { width: 944px; padding: 20px; overflow: hidden;}
.Promote-regional h1 { color: #23425b; font-size: 22px; margin-bottom: 20px;}
.Promote-regional p { font-size: 12px; margin-bottom: 20px; color: #333333; line-height: 20px;}
.Promote-regional h2 { margin: 30px 0 20px; padding-bottom: 5px; border-bottom: 1px solid #dddddd; font-size: 16px;}
.Promote-regional form { width: 944px; overflow: hidden; clear: both;}
.Promote-regional form ul { width: 894px; overflow: hidden; clear: both; padding-left: 50px;}
.Promote-regional form ul li { width: 894px; overflow: hidden; clear: both; margin-bottom: 20px;}
.Promote-regional form ul li label { width: 150px; text-align: left; float: left; font-size: 12px; margin-top: 5px;}
.Promote-regional form ul li input { width: 250px; padding: 2px; float: left;}
.Promote-regional form ul li select { width: 250px; float: left;}
.Promote-regional form ul li textarea { width: 410px; height: 160px; float: left;}
.Promote-regional .submit { background: #294782; border:  none; color: #ffffff; cursor: pointer; display: inline-block; font-size: 11px; padding: 8px 0; text-transform: uppercase; width: 100px; cursor: pointer; margin-left: 200px;}
.Promote-regional .submit:hover { background: #1d325b;}
.Promote-regional form ul li p img { float: left; margin-right: 10px;}
.Promote-regional form ul li p input { float: left; margin-right: 5px; width: 90px;}

/*survey-page*/
.survey-page { overflow: hidden; padding: 20px 17px;  width: 950px; margin: 0 auto;}
.survey-page img { margin-bottom: 30px;}
.survey-page .detail { width: 950px; overflow: hidden; }
/*.popup-survey { width: 277px; height: 182px; overflow: hidden; position: fixed; background: url("../img/bg/bg_Popup-surveyPage.png") 0 0 no-repeat; right: 30px; bottom:10px; z-index: 20000;}
.popup-survey .detail { position: relative; width: 277px; height: 182px; overflow: hidden;}
.popup-survey .detail .closed { position: absolute; right: 8px; top: 5px; width: 11px; height: 11px;}
.popup-survey .detail .click-here { position: absolute; bottom: 15px; left: 58px; width: 160px; height: 26px; cursor: pointer;}*/
.popup-survey .detail .individuals { position: absolute; bottom: 20px; left: 129px; width: 131px; height: 43px; cursor: pointer;}
.popup-survey .detail .companies { position: absolute; bottom: 20px; right: 40px; width: 120px; height: 43px; cursor: pointer;}
.popup-survey .detail iframe { max-height: 4050px !important;}
.subCategories .border-left { border-left: 1px dotted #333333; margin-left: 50px;}
.subCategories .bkp-job {position: absolute; top: 10px; left: 8px;width: 200px; width: 43px;}
.subCategories .bkp-job a{ width: 43px; float: left;}
.subCategories .bkp-job a:hover {text-decoration: none!important;}
.subCategories .bkp-job a span { padding-right: 5px;}
.subCategories .sublist { width: 140px; background: #ebebeb; margin-top: 23px; padding: 0 2px 3px 2px; overflow: hidden;margin-left:-10px; position: relative; z-index: 9999;}
#wrapper .subCategories .sublist li { clear: both; border: none; padding: 0; background: url(../img/navigation/opacity.png) 0 bottom repeat-x; width:127px;}
#wrapper .subCategories .sublist li a {background: none;width:135px;height: 15px;display: block;margin: 0 auto;color: rgb(0,0,0);padding:2px 0 2px 7px;font-size: 12px;font-weight: normal;}
#wrapper .subCategories .sublist li a:hover {background: #999; color: rgb(255,255,255); text-decoration: none;height:15px;}
#wrapper .subCategories .sublist .last { background: none;}
.feedBox { width: 300px; overflow: hidden; margin-bottom: 7px;}
.subCategories .regional {position: absolute; top: 5px; left: 140px; padding-top: 5px; width: 200px; width: 70px; background: none; }
.subCategories .regional a{ width: 70px; float: left;}
.subCategories .regional a:hover {text-decoration: none!important;}
.subCategories .regional a span { padding-right: 5px;}
#wrapper .subCategories .regional .sublist { background: url(../img/navigation/opacity.png) 0 bottom repeat-x #213C70; border-top: none;  margin-top: 22px; width: 90px;}
#wrapper .subCategories .regional .sublist li { width: 90px;}
#wrapper .subCategories .regional .sublist li.last { background : none;}
#wrapper .subCategories .regional .sublist li a { color: #ffffff;  width: 85px;}
#wrapper .subCategories .regional .sublist li a:hover { background: #3c5991;}
.subCategories .leftBorder { background: url(../img/navigation/opacity.png) left 0 repeat-y; }
.subCategories .politics { margin-right: 80px;}
/*mini marathon 16/08/55 by Benz*/
.mini-marathon { background: url("../img/bg/bg-mini-marathon.jpg") 0 0 no-repeat; width: 924px; height: 350px; overflow: hidden; padding: 180px 30px 20px; font-size: 12px;}
.mini-marathon .intro  {line-height:20px; width: 610px;}
form#interrun {padding: 20px 0 0;}
form#interrun label{width: 129px; }
form#interrun p {display: block; clear: both; padding: 15px 0 5px; margin: 0; font-size: 11px;}
form#interrun input.file {width: auto;}
form#interrun .submit {cursor: pointer;}
form#interrun .error{clear: both;font-weight:normal;width: 610px; padding: 10px 0 0 0;}
.mini-marathon p { margin-bottom: 15px;}
.mini-marathon form ul { overflow: hidden; width: 924px;}
.mini-marathon form ul li { margin-bottom: 15px; overflow: hidden; clear: both; width: 924px;}
.mini-marathon form ul li label { width: 120px; float: left; padding-top: 3px; font-weight: bold;}
.mini-marathon form ul li input { float: left; padding: 2px; width: 125px;}
.mini-marathon form ul li select { width: 134px; padding: 2px;}
.mini-marathon form ul li label.radiofield { width: 60px; padding: 3px 0 0 0; font-weight: normal;}
.mini-marathon form ul li label.radiofield input { float: none; padding: 0 5px 0 0; width: 14px; height: 14px;}
.mini-marathon form ul li label.record-time { width: 110px; padding: 0; font-weight: normal;}
.mini-marathon form ul li label.record-time input { float: none; padding: 2px; margin-right: 2px; width: 40px; vertical-align: middle;}
.mini-marathon form ul li input.width400 { width: 400px;}
.mini-marathon form ul li input.width270 { width: 270px;}
.mini-marathon form ul li input.width175 { width: 175px;}
.mini-marathon form ul .confirmationcode label { padding: 0; width: 116px;}
.mini-marathon form ul .confirmationcode img { float: left; padding-right: 5px;}
.mini-marathon form ul .confirmationcode input { clear: both; margin: 10px 0 10px 116px; width: 165px; _display: inline;}
.mini-marathon .submit-clear { clear: both; margin: 20px 0; overflow: hidden; width: 924px;}
.mini-marathon .submit-clear input { border: none; width: 77px; height: 33px; float: left;}
.mini-marathon .submit-clear .submit { background: url("../img/button/btn-submit.png") 0 0 no-repeat; margin-right: 5px;}
.mini-marathon .submit-clear .clear { background: url("../img/button/btn-clear.png") 0 0 no-repeat;}
#articleWrapper .article-features #socialLink,
#articleWrapper .article-features .latestStory ul { background: none; border: none; float: none; margin: 0; padding: 0; width: auto;}
#articleWrapper .article-features .latestStory ul { padding: 0 0 0 15px;}
#articleWrapper .article-features .latestStory ul li { list-style: disc outside none;}
#content fieldset.userprofile .form-message .suggest { color: #000000; width: 340px;}
.innerRepeat-Box { margin: 10px 0 5px; width: 665px;}
.innerRepeat-Box .topCorner { height: 40px; overflow: hidden; width: 665px;}
.innerRepeat-Box .subChanelDetail { background: url("../img/bg/bg_subChanelDetail.jpg") 0 0 repeat-y; width: 665px; }
.innerRepeat-Box .bottomCorner { height: 32px; overflow: hidden; width: 665px; clear: both;}
.innerRepeat-Box .subChanelDetail .subChanelDetail-poll {overflow: hidden;}
.innerRepeat-Box .subChanelDetail h2 { padding: 0 20px;}
.innerRepeat-Box .subChanelDetail #main-sns { padding-left: 20px; _display: inline;}
.innerRepeat-Box .subChanelDetail .subChanelDetail-poll { padding-right: 20px; _display: inline;}
.epaper-campaign { overflow: hidden; padding: 10px; width: 964px;}
.campaign-banner { background: url(../img/bg/bg-microsite-epaper.jpg) no-repeat; height: 458px; width: 964px; position: relative;}
.campaign-banner p.register { background: url(../img/button/bt-subscribe.png) no-repeat; height: 62px; width: 170px; position: absolute; bottom: 140px; right: 185px;}
.campaign-banner p.register a { display: block; height: 48px; width: 165px; text-decoration: none;}
.campaign-banner p.register a span, .campaign-banner p.winners a span { visibility: hidden;}
.campaign-banner ul { position: absolute; bottom: 20px; left: 30px; overflow: hidden;}
.campaign-banner ul li { float: left; margin-right: 15px; list-style: none;}
.campaign-banner p.winners { background: url(../img/bg/see-winners.png) no-repeat; height: 24px; width: 328px; position: absolute; bottom: 30px; right: 100px;}
.campaign-banner p.winners a { display: block; height: 24px; width: 328px; text-decoration: none;}
.campaign-detial { margin: 15px 0; overflow: hidden; padding-bottom: 10px; width: 964px;}
.campaign-detial p.intro { border-bottom: 1px solid #EDECEC; colour: #333333; font-size: 13px; margin-bottom: 10px; padding-bottom: 15px; line-height: 18px;}
.campaign-detial p a { color: #1273b9;}
.campaign-detial h3 {  font-size: 15px; margin-bottom: 8px; color: #1e79bc;}
.campaign-detial p { color: #333333; font-size: 13px; margin-bottom: 10px;}
.campaign-detial table { margin-bottom: 10px;}
.campaign-detial table tr td { border: 1px solid #CCC; color: #333333; font-size: 13px; padding: 10px 20px;}
.campaign-detial table tr th { background: #e9edef; border: 1px solid #CCC; color: #027ad1; font-size: 13px; padding: 10px 100px 10px 20px;}
.campaign-detial ol { margin-bottom: 20px; width: 750px;}
.campaign-detial ol li { color: #333333; font-size: 13px; line-height: 22px; overflow: hidden;}
.campaign-detial ol li span { float: left; padding-right: 5px;}
.campaign-detial ol li span.detail { width: 720px;}

/*wego*/
body.travelGreenTheme #wrapper .new-ico {background:url("../img/icons/icon-newRegional.png") no-repeat 141px 0; padding-right: 0;padding-top: 7px; margin-top: -7px; border:none; }
body.travelGreenTheme #wrapper .new-ico a { background: url(../img/navigation/opacity.png) right 0 repeat-y; padding-right: 7px;}
.subCategories .dir {position: absolute; width: 70px; background: none; border: none!important;left:10px;z-index: 10;}
.subCategories .dir a {  background: url(../img/navigation/opacity.png) right 0 repeat-y; line-height: 15px; padding-right: 8px; float: left;}
.subCategories .dir>a {}
.subCategories .second {margin-left: 77px;}
/*directory sublist*/
.subCategories .dir .sublist {background: #3c8413; margin: 22px 0 0 -9px; border: none; display: none; width: 128px;}
#wrapper .subCategories .dir .sublist li a { color:#fff;  height: 16px; width: 120px; float: left;}
#wrapper .subCategories .dir .sublist li a:hover { background: url(../img/navigation/opacity.png) 0 0 repeat;}
/*wego box*/
.partnerbox {width: 300px; position: relative; margin-top: 8px; height: 285px; }
.partnerbox h2 {color:#fff; font-size: 14px; font-weight: bold; background:#3c8413; padding:5px; border: 1px solid #60aa38; border-bottom: none;}
.partnerbox iframe {width: 299px!important; border-right: 1px solid #60aa38;}
.partnerbox .hotels .wg_navigation {background:#3c8413!important;}
#content .partnercontent {margin:0 0 0 10px;}
#content .partnercontent .searchbox {margin: 10px 0 0;}
#content .partnercontent .sidebar-ads {position: absolute; right: 10px; top:190px; width: 160px; height: 600px;}
/*wego sidebar*/
.sideBar .HotelRecommendBox {width: 284px; background: url(../img/bg/bg_hotelrecom.png) no-repeat; margin-top: 5px;}

.like-share { margin-bottom: 25px; overflow: hidden; width: 625px; padding: 8px 10px; overflow: hidden;}
.learning-wrapper .like-share {background: url(../img/bg/like-share-learning.gif) repeat-x;}
.like-share h3 { font-size: 14px;}

.like-share .like-dislike {width: 315px; overflow: hidden; margin: 0; font-size: 12px; float: left;}
.like-share .like-dislike .like {width: 35px; float: left; background: url(../img/button/like-dislike.png) no-repeat; height: 26px; margin-right: 3px;}
.like-share .like-dislike .like:hover {background: url(../img/button/like-dislike.png) no-repeat 0 -26px;}
.like-share .like-dislike span {float: left; line-height: 25px;}
.like-share .like-dislike .like span, .like-dislike .dislike span {display: none;}
.like-share .like-dislike .dislike {width: 35px; float: left; background: url(../img/button/like-dislike.png) no-repeat 0 -52px; height: 26px; margin-right: 5px;}
.like-share .like-dislike .dislike:hover {background: url(../img/button/like-dislike.png) no-repeat 0 -78px;}

.like-share .shareSocial { width: 285px; float: left; overflow: hidden; padding-left: 15px; border-left: 1px solid #dad8d8;}

.like-share .shareArticle .facebook-share { width: 85px; float: left; margin-bottom: 10px;}
.like-share .shareArticle .facebook-share img { cursor: pointer; float: left; width: 32px;}
.like-share .shareArticle .facebook-share p { background: url("../img/bg/social-values-left.png") 2px 0 no-repeat; color: #666666; display: block; float: left; font-size: 11px;  line-height: 18px; padding-left: 2px; text-align: center; width: 46px; margin: 0;}
.like-share .shareArticle .facebook-share p span { background: url("../img/bg/social-values-right.png") no-repeat scroll right 0 transparent; display: block; height: 20px; padding: 2px 0 0 3px;}

.like-share .shareArticle .tweetmeme_button { float: left; height: 21px; padding: 0 7px 0 0; width: 81px; margin-bottom: 10px;}
.like-share .shareArticle .tweetmeme_button img { cursor: pointer; float: left; width: 32px;}
.like-share .shareArticle .tweetmeme_button p { background: url("../img/bg/social-values-left.png") 2px 0 no-repeat; color: #666666; display: block; float: left; font-size: 11px; height: 25px; line-height: 18px; padding-left: 2px; text-align: center; width: 46px;}
.like-share .shareArticle .tweetmeme_button p span { background: url("../img/bg/social-values-right.png") no-repeat scroll right 0 transparent; display: block; height: 20px; padding: 2px 0 0 3px;}

.like-share .shareArticle .google-share { float: left; height: 21px; padding: 0 7px 0 0; width: 65px; margin-bottom: 10px;}

.like-share .socialBookmark { border:none; float: none; overflow: hidden; padding: 0; width: auto;}


.like-share #socialLink li#addthis a span { background: none repeat scroll 0 0 transparent; height: 0; width: 0;}

.about-related { float: left; width: 290px; overflow: hidden;}
.about-related .Related-search { border-top: 1px dotted #cccccc;color: #787878; clear: both; float: left; font-size: 12px; overflow: hidden; padding-top: 10px; width: 290px;}

.article-features h3 { font-size: 14px;}
.SponsorLink { width: 624px; border: 1px solid #cccccc; padding: 10px 10px 20px 10px; overflow: hidden; margin-bottom: 20px;}
.SponsorLink h3 { font-size: 12px; color: #787878;}
.SponsorLink p { color: #787878;}
#articleWrapper .SponsorLink ul { background: none; border: none; float: left; margin: 0; padding: 0; width: 624px; overflow: hidden; clear: both;}
#articleWrapper .SponsorLink ul li { list-style: none; margin: 0; color: #787878; width: 208px; float: left;}
#articleWrapper .SponsorLink ul li h4 { font-size: 12px;}
#articleWrapper .SponsorLink ul li h4 a { color: #787878;}
#articleWrapper .SponsorLink ul li p { clear: both; margin: 0; color: #787878;}
#articleWrapper .SponsorLink ul li .hotlink a { color: #787878; text-decoration: underline;}
#articleWrapper .SponsorLink ul li .hotlink a:hover { text-decoration: none;}


/* 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(../img/navigation/newNav-right.png) right 0 no-repeat;text-align: center;margin-right: 1px;}
#mainNavigation ul li a { background: url(../img/navigation/newNav-left.png) 0 0 no-repeat;float: left; overflow: hidden;}
#mainNavigation ul li a:hover { text-decoration: none;}
#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(../img/navigation/newNav-right-active.png) right 0 no-repeat;text-align: center;margin-right: 1px;}
#mainNavigation ul li.active a { background: url(../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(../img/navigation/newNav-right-active.png) right 0 no-repeat;text-align: center;margin-right: 1px;}
#mainNavigation ul li:hover a { background: url(../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;}
#thailandguide .iconNew { right:43px;}
#lifestyle .iconEnhanced { right: 13px; position: absolute; top: -10px;}
#thailandguide .iconEnhanced { right: 35px; position: absolute; top: -10px;}
#jobs .iconNew { right: 9px;}
#jobs .iconEnhanced { position: absolute; top: -10px; left: -4px;}
#learning .iconEnhanced { right: 11px; position: absolute; top: -10px;}

/**** reviews-mostRecent ****/
.reviews-mostRecent { background: url(../img/bg/reviews-mostRecent-bottom.gif) 5px bottom no-repeat; clear: both; overflow: hidden; padding: 0 5px 10px; width: 655px; margin: 10px 0 0;}
.reviews-mostRecent ul { width: 655px; overflow: hidden; background: url(../img/bg/reviews-mostRecent-center.gif) 0 0 repeat-y;}
.reviews-mostRecent ul li { background: url(../img/bg/reviews-mostRecent-top.gif) 0 top no-repeat; width: 640px; padding: 10px 10px 0;}
.reviews-mostRecent ul li h2 { font-size: 14px; margin-bottom: 5px;}

.reviews-mostRecent p.breadcrumbs { font-size: 11px; color: #787878; margin-bottom: 5px;}
.reviews-mostRecent p.breadcrumbs a { color: #787878; text-decoration: none;}
.reviews-mostRecent p.breadcrumbs a:hover { text-decoration: underline;}

.editorialReview { width: 640px; overflow: hidden; margin-bottom: 10px;}
.editorialReview .reviewsHighlight { width: 395px; float: left; overflow: hidden; padding: 0 10px 10px 0;}
.editorialReview .reviewsHighlight h3 { font-size: 16px; margin-bottom: 3px;}
.editorialReview .reviewsHighlight h3 a { color: #213c70; text-decoration: none;}
.editorialReview .reviewsHighlight h3 a:hover { text-decoration: underline;}

.editorialReview .reviewsHighlight .highlight { width: 395px; overflow: hidden;}
.editorialReview .reviewsHighlight .highlight .thumbnail { float: left; width: 185px; margin: 5px 5px 0 0;}
.editorialReview .reviewsHighlight .highlight .detail { width: 205px; overflow: hidden; float: left;}
.editorialReview .reviewsHighlight .highlight .detail h3 a { font-size: 14px; }
.editorialReview .reviewsHighlight .highlight .detail p { font-size: 12px; color: #333333;}

.editorialReview .reviewsList { float: left; width: 220px; padding: 0 0 0px 9px; border-left: 1px solid #d6d6d6; overflow: hidden; position: relative; height: 170px;}
.editorialReview .reviewsList ul { background: none; width: 220px;}
.editorialReview .reviewsList ul li { background: none; padding: 0; width: 220px;}
.editorialReview .reviewsList ul li span { width: 10px; float: left; margin: 3px 0 0;}
.editorialReview .reviewsList ul li .detail { width: 210px; float: left;}
.editorialReview .reviewsList ul li .detail h3 a { font-size: 12px; color: #213c70;}
.editorialReview .reviewsList ul li .detail h3 a:hover { text-decoration: underline;}
.editorialReview .reviewsList ul li .detail .breadcrumbs { margin: 0;}

.editorialReview .reviewsList .ViewAll { position: absolute; left: 10px; bottom: 0; font-size: 11px; color: #787878; text-decoration: underline;}
.editorialReview .reviewsList .ViewAll:hover { text-decoration: none;}


.mostRecent { clear: both; width: 640px; overflow: hidden; padding-bottom: 20px; position: relative;}
.mostRecent ul { background: none; width: 640px; overflow: hidden;}
.mostRecent ul li { background: none; width: 310px; float: left; padding: 0 10px 0 0; margin-bottom: 10px;}
.mostRecent ul li.left { clear: both;}
.mostRecent ul li a img { float: left; padding: 3px 5px 0 0;}
.mostRecent ul li .detail { float: left; width: 215px; overflow: hidden;}
.mostRecent ul li .detail h3 { line-height: 14px; padding-bottom: 3px;}
.mostRecent ul li .detail h3 a { color: #213c70;  font-size: 12px;}
.mostRecent ul li .detail h3 a:hover { text-decoration: underline;}
.mostRecent ul li .detail .breadcrumbs { margin: 0;}
.mostRecent .ViewAll { position: absolute; left: 0; bottom: 0; font-size: 11px; color: #787878; text-decoration: underline;}
.mostRecent .ViewAll:hover { text-decoration: none;}

.gradientBox17 {width: 275px;height: 300px;padding: 15px 10px 15px 15px;margin: 0 auto;background: url(../img/bg/bg_categoriesBox11.png) 0 0 no-repeat;}
.gradientBox17 h2 { font-size: 14px; margin-bottom: 8px;}
.gradientBox17 ol li { height: 63px; margin-bottom: 8px; overflow: hidden;}
.gradientBox17 ol li p { font-size: 12px;}
.gradientBox17 ol li p.newspic { float: left; height: 60px; margin-right: 10px; width: 90px; }
.gradientBox17 ol li p a { color: #213C70; text-decoration: none;}
.gradientBox17 ol li p a:hover { text-decoration: underline;}
.gradientBox17 ol li h3 { color: #213C70; font-size: 12px; margin-bottom: 5px;}
.gradientBox17 ol li h3 a { color: #213C70; text-decoration: none;}
.gradientBox17 ol li h3 a:hover { text-decoration: underline;}
.gradientBox17 form label { font-size: 14px; font-weight: bold;}

.sideBar .holoList { background: url(../img/bg/bg_categoriesBox-holo.jpg) no-repeat scroll 0 0;height: 273px;padding: 10px;width: 280px;margin-bottom: 5px; overflow: hidden;}
.sideBar .whatonCalendar { background: url(../img/bg/bg_categoriesBox12.png) 0 0 no-repeat; width: 277px; height: 237px; clear: both; overflow: hidden; padding: 10px 10px 20px 15px; margin: 0 auto 10px; position: relative;}
.sideBar .whatonCalendar h2 { font-size: 14px; margin-bottom: 15px;}
.sideBar .whatonCalendar #datepicker { margin: 0 0 10px 43px;}
.sideBar .whatonCalendar p { bottom: 10px; clear: both; color: #999999; font-size: 11px; left: 46px; position: absolute; text-align: center;}
.sideBar .whatonCalendar p span { display: block;}

.sideBar .holoList .holoMore { overflow: hidden; float: right;}
.sideBar .holoList .holoMore a { font-size: 12px; font-weight: bold; color: #000000;}
.sideBar .holoList .holoMore a:hover { text-decoration: underline;}

.subCategories .InterviewsSecond { margin-left: 57px;}

#wrapper .subCategories .dirTwo { background: url(../img/navigation/opacity.png) right 0 repeat-y #ab6a86; background: none;  border-top: none; width: 55px; padding: 0;}
#wrapper .subCategories .dirTwo a {  background: url(../img/navigation/opacity.png) right 0 repeat-y; line-height: 15px; padding: 0 7px; float: left;}

#wrapper .subCategories .dirTwo li { width: 90px;}
#wrapper .subCategories .dirTwo li.last { background : none;}
#wrapper .subCategories .dirTwo li a { color: #ffffff;  width: 85px;}
#wrapper .subCategories .dirTwo li a:hover { background: #3c5991;}

.subCategories .dirTwo { position: absolute; left: 529px; width: 50px; border: none!important; z-index: 10;}
.subCategories .dirTwo>a {}
/*directory sublist*/

.subCategories .dirTwo .listTwo { background: #ab6a86;; margin: 22px 0 0 -3px;  border: none; display: none; width: 95px; overflow: hidden; padding: 0 0 3px;}
.subCategories .dirTwo .listTwo .last { background: none;}

#wrapper .subCategories .listTwo li { clear: both; border: none; padding: 0; background: url(../img/navigation/opacity.png) 0 bottom repeat-x; width:88px; margin-left: 3px;}
#wrapper .subCategories .listTwo li a { background: none; width:81px;height: 15px;display: block;margin: 0 auto;color: #ffffff;padding:2px 0 2px 7px;font-size: 12px;font-weight: normal;}
#wrapper .subCategories .listTwo li a:hover { background: url(../img/navigation/opacity.png) 0 0 repeat; color: rgb(255,255,255); text-decoration: none;height:15px;}

/*****Widget Map List*****/

.toggle-navigation #widget-Map { color: #FFFFFF; cursor: pointer; height: 22px; margin-right: 3px; padding: 5px 0 0 17px; width: 42px;}
.toggle-navigation #widget-Map.active { cursor: default; height: 22px; margin-right: 3px; padding: 5px 0 0 17px; width: 42px;}
.toggle-navigation #widget-List { color: #FFFFFF; cursor: pointer; height: 22px; margin-right: 3px; padding: 5px 0 0 18px; width: 42px;}
.toggle-navigation #widget-List.active { cursor: default; height: 22px; margin-right: 3px; padding: 5px 0 0 20px; width: 42px;}

.widgetMap { width: 278px; overflow: hidden; clear: both; margin-top: 10px;}
.widgetMap h2 { font-size: 12px; color: #333333; margin-bottom: 5px;}
.widgetMap .pic-map { width: 276px; height: 159px;  overflow: hidden; clear: both; border: 1px solid #bababa; border-bottom: none;}
.widgetMap .map-highlight { width: 271px; clear: both; border: 1px solid #bababa; border-top: none; overflow: hidden; font-size: 11px; color: #666666; background: #ffffff; padding: 5px 0 5px 5px;}
.widgetMap .map-highlight span { margin-right: 10px;}

.widgetList { width: 278px; overflow: hidden; clear: both; margin-top: 10px;}
.widgetList h2 { font-size: 12px; color: #333333; margin-bottom: 5px;}
.widgetList .thumbnail { float: left; height: 60px; padding: 0 7px 0 0; width: 90px;}
.widgetList h3 { float: left; font-size: 12px; width: 177px;}
.widgetList h3 a { color: #213C70; text-decoration: none;}
.widgetList h3 a:hover { text-decoration: underline;}
.widgetList p { float: left; width: 177px; color: #333333; font-size: 12px;}

.top-story { clear: both; margin-top: 10px; overflow: hidden; width: 278px;}
.top-story li { display: block;}
.top-story li span { color: #333333;}
.top-story li span.detail a { color: #213c70;font-weight: bold; font-size: 12px;}
.top-story li span.detail a:hover { text-decoration: underline;}

.gradientBox13 { background: url("../img/bg/bg_categoriesBox13.jpg") 0 0 no-repeat ; height: 285px; margin: 0 auto; padding: 10px 10px 15px 12px; width: 278px; position: relative;}
.gradientBox13 p.seeAll { font-size: 11px; margin-bottom: 10px;  margin: 8px 0 5px;; width: 285px; clear: both; overflow: hidden;}
.gradientBox13 p.seeAll a { color: #333333; text-decoration: none; letter-spacing: 0.007em;}
.gradientBox13 p.seeAll a:hover { color: #333333; text-decoration: underline;}
.gradientBox13 p.seeAll span { font-weight: bold;}
.gradientBox13 .readMore { float: right; font-size: 12px; font-weight: bold; color: #333333; position: absolute; right: 15px; bottom: 20px;}
.gradientBox13 .readMore:hover { text-decoration: underline;}

.smsNews-index { height: 232px; overflow: hidden; position: relative; width: 280px;}
.smsNews-index h3 a { color: #1e4280; text-decoration: none; font-size: 12px;}
.smsNews-index h3 a:hover { color: #1e4280; text-decoration: underline;}
.smsNews-index p { font-size: 12px; line-height: 16px;}
.smsNews-index p span { display: block;}
.smsNews-index a.readMore { position: absolute; right: 10px; bottom: 5px; color: #787878; font-size: 11px; text-decoration: underline; bottom: 0;}
.smsNews-index a.readMore:hover { text-decoration: none;}

/****** Digital product by benz 04/03/56******/

.smart-tv { width: 925px; padding: 0 20px; overflow: hidden; margin: 75px 0;}
.smart-tv .thumbnail { width: 375px; float: left; text-align: center;}
.smart-tv .detail { float: right; width: 540px; overflow: hidden; padding-top: 30px;}
.smart-tv .detail h1 { font-size: 26px; color: #213c70; margin-bottom: 10px;}
.smart-tv .detail p { font-size: 12px; color: #333333; margin-bottom: 10px; line-height: 18px;}

.allDigitalProduct { width: 965px; overflow: hidden; background: url(../img/bg/bg-allProduct.jpg) 0 0 no-repeat; margin-top: 30px;}
.allDigitalProduct .detail { float: right; width: 540px; overflow: hidden; padding: 60px 0;}
.allDigitalProduct .detail h1 { font-size: 26px; color: #213c70; margin-bottom: 10px;}
.allDigitalProduct .detail p { font-size: 12px; color: #333333; margin-bottom: 15px; line-height: 18px;}
.allDigitalProduct ul { width: 935px; overflow: hidden; clear: both; padding: 50px 0 50px 30px;}
.allDigitalProduct ul li { float: left; width: 209px; border-right: 1px solid #efefef; display: block; text-align: center; padding: 10px 15px 0; height: 222px; margin-bottom: 30px;}
.allDigitalProduct ul li h3 { text-align: left; margin: 10px 0 5px;}
.allDigitalProduct ul li h3 a { color: #1e79bc; font-size: 14px; line-height: 16px;}
.allDigitalProduct ul li h3 a:hover { text-decoration: underline;}
.allDigitalProduct ul li p { text-align: left; color: #333333; font-size: 12px;}
.allDigitalProduct ul li p a { text-decoration: underline; color: #333333;}
.allDigitalProduct ul li p a:hover { text-decoration: none;}
.allDigitalProduct ul li.noBorder { border: none; padding-right: 0;}
.allDigitalProduct ul li.noPaddingLeft { padding-left: 0;}

.bkpConnection .toggle-navigation li a span { color: #213C70; display: block; }

/****** World top news videos by benz 04/03/56******/

#subChanelReview #MultimediaContent { float: none; margin-bottom: 0;}

.MultimediaServiceTheme .subCategories .second  { margin-left: 65px;}
.MultimediaServiceTheme .subCategories .dir .sublist { background: #000000; width: 100px;}
.MultimediaServiceTheme  #wrapper .subCategories .sublist li { width: 99px;}
.MultimediaServiceTheme  #wrapper .subCategories .dir .sublist li a { width: 92px;}

.LatestMultimedia ul li p.sub-category {  padding-left: 20px; font-size: 11px; line-height: 14px; width: 148px; background: url("../img/bg/bg-sub-category.png") 0 0 no-repeat;}
.LatestMultimedia ul li p.sub-category a { text-decoration: none; color: #919191;}
.LatestMultimedia ul li p.sub-category a:hover { text-decoration: underline;}
.LatestMultimedia ul li p.total-view {color: #919191; font-size: 11px; line-height: 14px; width: 148px; }

.DarkGreenTheme #MultimediaContent { margin-bottom: 5px;}

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

.ToolTipclose { width: 28px; height: 29px; overflow: hidden; position: absolute; right: 8px; top: 25px;}

.promote-running { width: 964px; overflow: hidden; padding: 10px; }
.promote-running  img { display: block; border: none; margin: 0; padding: 0; float: left;}


.Epaper-microsite { width: 965px; overflow: hidden; padding: 0 9px 0 10px;}

.Epaper-billboard { width: 905px; height: 671px; padding: 0 30px; overflow: hidden; margin: 10px auto 20px; background: url("../img/bg/bg-Epaper-Microsite.jpg") 0 0 no-repeat; }
.Epaper-billboard .Epaper-subscribe { float: right; width: 415px; overflow: hidden; margin: 60px 0 0; }
.Epaper-billboard .Epaper-subscribe h2 { margin-bottom: 15px; width: 415px;}
.Epaper-billboard .Epaper-subscribe a { float: left; width: 150px; height: 36px; margin: 0 0 50px 120px; position: relative;}
.Epaper-billboard .Epaper-subscribe a .fingerClick { position: absolute; right: -15px; top: 20px;}
.Epaper-billboard .Epaper-subscribe p { float: left; color: #666766; clear: both; margin-left: 60px; width: 355px;}

.Epaper-download { clear: both; float: right; padding: 75px 0 0; width: 640px;}
.Epaper-download h3 { font-size: 18px; color: #666766; margin-bottom: 15px; font-weight: normal;}
.Epaper-download img { clear: both; float: left; margin-right: 10px;}
.Epaper-download p { font-size: 14px; color: #666766; padding: 10px 0;}
.Epaper-download .btn-download a img { clear: none;}

.Epaper-content { border-bottom: 1px solid #edecec; width: 965px; overflow: hidden; margin-bottom: 10px;}
.Epaper-content p { color: #333333; font-size: 13px; padding: 10px 0;}
.Epaper-content p span { font-weight: bold;}
.Epaper-content p a { color: #1e79bc;}
.Epaper-content p a:hover { text-decoration: underline;}

.Epaper-detail { width: 965px; overflow: hidden; padding: 0 0 30px;}
.Epaper-detail h4 { font-size: 15px; color: #1e79bc; margin-bottom: 5px; clear: both;}
.Epaper-detail ul { margin-bottom: 20px;}
.Epaper-detail ul li { font-size: 13px; color: #333333; line-height: 20px;}
.Epaper-detail ul li a { color: #1e79bc;}
.Epaper-detail ul li a:hover { text-decoration: underline;}
.Epaper-detail ul li span { color: #1e79bc;}
.Epaper-detail p { font-size: 13px;}
.Epaper-detail p a { color: #1e79bc;}
.Epaper-detail p a:hover { text-decoration: underline;}

.Lucky-draw { clear: both; padding: 20px 0 0; width: 785px; margin: 0 auto;}
.Lucky-draw ul { width: 785px; overflow: hidden; float: left;}
.Lucky-draw li { overflow: hidden; clear: both; float: left; margin-bottom: 30px; width: 785px;}
.Lucky-draw li h2 { padding: 10px 15px; background: #1E79BC; color: #ffffff; font-size: 16px; width: 755px; margin-bottom: 20px;}
.Lucky-draw li h3 { font-size: 18px; font-weight: bold; text-align: center; width: 785px; color: #1E79BC;}
.Lucky-draw li p { text-align: center; width: 785px; font-size: 18px; font-weight: bold;}
.Lucky-draw li table { width: 380px; overflow: hidden;}
.Lucky-draw li table th { background: #1E79BC; color: #ffffff; padding: 8px 10px; border: 1px solid #819ecb; text-align: center;}
.Lucky-draw li table td { border: 1px solid #819ecb; padding: 5px 10px;}
.Lucky-draw li table .noBorderRight { border-right: none; text-align: center;}
.Lucky-draw li table .noBorderbottom { border-bottom: none;}
.Lucky-draw li table span { color: #333333; width: 150px; float: left;}
.Lucky-draw li .table-left { float: left;}
.Lucky-draw li .table-right { float: right;}

/*doublerect boombox on homepage*/
body .boomboxSize1.hp {z-index: 1;margin: -5px 0 10px;height:auto;min-height: 250px;}
body .boomboxSize1.hp .normalStage,body .boomboxSize1.hp .expandStage {position: absolute;clip:auto;direction:inherit; height: auto; min-height: 250px; left:0; top:0; width: 300px; }
/*doublerect boombox inside*/
body .boomboxSize1.inside {z-index: 1;margin: 10px 0 25px;height:auto;min-height: 250px;}
body .boomboxSize1.inside .normalStage,body .boomboxSize1.inside .expandStage {position:relative;clip:auto;direction:inherit; height: auto; min-height: 250px; left:0; top:0; width: 300px;}

/*jobSearch-panel*/
.jobSearch-panel {width: 268px; padding: 15px 15px 0;height: 228px; font-size: 12px;border: 1px solid #bebebe; overflow: hidden;border-radius: 10px; margin: 13px 0 0;box-shadow: 0 2px 2px 0 #ccc;position: relative;
background: #f2f2f2;/* Old browsers */
background: -moz-linear-gradient(top,  #fff 0%, #f1f1f1 75%, #d4d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff),color-stop(75%,#f1f1f1), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff 0%,#f1f1f1 75%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff 0%,#f1f1f1 75%,#d4d4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff 0%,#f1f1f1 75%,#d4d4d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fff 0%,#f1f1f1 75%,#d4d4d4 100%); /* W3C */
}
.jobSearch-panel form {margin: 0;}
.jobSearch-panel h2 {font-size: 14px; padding: 0 0 5px;}
#content .jobSearch-panel h2 a,#content .jobSearch-panel div h3,#content .jobSearch-panel div h3 a{color:#1E79BC;}
.jobSearch-panel h2 a:hover,.jobSearch-panel h3 a:hover {text-decoration: underline;}
.jobSearch-panel h3 {font-size: 12px;color:#000;padding: 0 0 10px;}
.jobSearch-panel h4 a{color:#195F8C;font-size: 12px;}
.jobSearch-panel h4 a:hover {text-decoration: underline;}
.jobSearch-panel .text,.jobSearch-panel select {font-size: 12px; border: 1px solid #4a81a4; width: 187px;}
.jobSearch-panel .text,.jobSearch-panel select option {padding: 0 5px;}
.jobSearch-panel .text{padding:8px 5px;}
.jobSearch-panel select{left: 15px; color:#787878;}
.jobSearch-panel .submit { cursor: pointer; background: #1f608a; width:85px; margin: 0 0 0 8px; height: 32px; border: none; color: #ffffff;}
.jobSearch-panel .submit:hover { background: #164360;}
.jobSearch-panel span.customSelect{background-position: 165px -499px; height: 30px; padding: 0; font-size: 12px; font-weight: normal;color:#787878; width: 197px;}
.jobSearch-panel p {padding: 0 0 10px;}
.jobSearch-panel div{width: 270px;overflow: hidden; padding: 5px 0 0;}
.jobSearch-panel .custom {width: 300px; border-bottom: 1px solid #cacaca; box-shadow: 0 1px 0 #F9F9F9; height: 33px;}
.jobSearch-panel div h3{padding: 0 0 5px; font-size:13px; line-height: 14px;}
.jobSearch-panel div .thumbnail {float: left; width: 100px;}
.jobSearch-panel div p{font-weight: normal;}
#search-panel .searchbox form select{padding: 8px 10px;height: 44px;left: 244px;width: 205px;}
span.customSelect {font-size:14px;background-color: #fff;color:#333;border: 1px solid #3E7AA1;height: 34px;padding: 4px 0 0;width: 215px;float: left;background: #fff url(../img/bg/ico-homepage.png) 179px -231px no-repeat;}
.customSelectInner {display: block; width: 195px!important;padding: 8px 10px;}

/*Most viewed*/
.gradientBox18 { background: url("../img/bg/bg-gradientBox18.gif") 0 0 no-repeat; width: 280px; height: 246px; margin-bottom: 10px; padding: 10px; overflow: hidden;}
.Most-Viewed { background: linear-gradient(to bottom, #FFFFFF 0%, #F1F1F1 75%, #D4D4D4 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #BEBEBE; border-radius: 10px; box-shadow: 0 2px 2px 0 #CCCCCC; width: 280px; padding: 10px; height: 246px; margin: 10px 0;}
.Most-Viewed h2 { font-size: 14px; color: #1e79bc;}
.Most-Viewed .mostViewList { width: 280px; overflow: hidden;}
.Most-Viewed .mostViewList li { padding: 4px 0 3px; border-bottom: 1px solid #dfdfdf; width: 280px; overflow: hidden; clear: both; float: left;}
.Most-Viewed .mostViewList li .thumbnail { float: left; color: #cccccc; font-size: 24px; font-weight: bold; width: 30px; overflow: hidden; margin-bottom: 0; padding-left: 10px;}
.Most-Viewed .mostViewList li .detail { float: left; overflow: hidden; width: 240px; overflow: hidden; margin-top: 7px;}
.Most-Viewed .mostViewList li .detail h3 { font-size: 12px; margin: 0;}
.Most-Viewed .mostViewList li .detail h3 a { color: #213c70;}
.Most-Viewed .mostViewList li .detail p { color: #484848; font-size: 12px;}
.Most-Viewed .mostViewList li.last { border: none;}
.Most-Viewed .mostViewList li.first .thumbnail { margin-top: 20px;}
.sideBar .jobSearch-panel { margin: 0 0 10px;}

.find-facebook { line-height: 0; margin: 0 0 10px; overflow: hidden; width: 300px;}
.sideBar-sponsorlink { width: 283px; border-radius: 10px; overflow: hidden; padding: 10px 5px 10px 10px; border: 1px solid #d6d6d6; margin: 0 auto 10px;}
.sideBar-sponsorlink h2 { color: #1E79BC; font-size: 14px; margin-bottom: 10px;}
.sideBar-sponsorlink ul { width: 283px; overflow: hidden;}
.sideBar-sponsorlink ul li { clear: both; float: left; overflow: hidden;}

.text-size { background: #EEEEEE; float: right; height: 30px; margin: -10px 0 10px 10px; padding: 10px 12px; width: 63px;}
.text-size a { display: block; float: left; height: 30px; text-decoration: none; width: 29px;}
.text-size a.minimize { background: url("../img/button/btn-textsize.gif") 0 0 no-repeat; margin-right: 5px;}
.text-size a.minimize:hover { background: url("../img/button/btn-textsize.gif") 0 -30px no-repeat;}
.text-size a.enlarge { background: url("../img/button/btn-textsize.gif") 0 -60px no-repeat;}
.text-size a.enlarge:hover { background: url("../img/button/btn-textsize.gif") 0 -90px no-repeat;}
.text-size span { visibility: hidden;}

.topic-category { width: 620px; overflow: hidden; clear: both; margin-bottom: 25px;}
.more-topic { width: 300px; float: left; overflow: hidden; margin-right: 18px;}
.more-topic .header { width: 280px; overflow: hidden; background: #ededed; padding: 10px;}
.more-topic .header h2 { font-size: 11px; color: #333; float: left; margin: 0; text-transform: uppercase;}
.articleContent .more-topic .header ul { background: none; border: none; margin: 4px 0 0; padding: 0; width: 316px; float: right; width: 52px; overflow: hidden;}
.articleContent .more-topic .header ul li { margin: 0; list-style: none; float: left; margin-right: 5px;}
.articleContent .more-topic .pager li a.pagenum { background: #bebebe; width: 9px; height: 9px; float: left; border-radius: 5px;}
.articleContent .more-topic .pager li a.pagenum span { display: block; text-indent: -9999px;}
.articleContent .more-topic .pager li a.active  { background: #666;}
.articleContent .more-topic .pager li.last { margin-right: 0;}
.articleContent .viewport { width: 300px; overflow: hidden; clear: both; float: left; height: 251px; position: relative;}
.articleContent .viewport .overview { overflow: hidden; position: absolute;}
.articleContent .viewport .overview ul { background: none; border: none; float: left; width: 300px; overflow: hidden; margin: 0; padding: 5px 0 5px; height: 245px;}
.articleContent .viewport .overview ul li { list-style: none; border-bottom: 1px solid #e5e5e5; width: 290px; overflow: hidden; padding: 10px 10px 10px 0;; margin:0; clear: both; float: left; background:#fff;}
.articleContent .viewport .overview ul li .detail { width: 190px; float: left; overflow: hidden; background: none; clear: none;padding: 0; height: auto; }

.articleContent .viewport .overview ul li h3 { font-size: 13px; margin-bottom: 5px; padding: 0;}
.articleContent .viewport .overview ul li h3 a { color: #213c70; text-decoration: none;}
.articleContent .viewport .overview ul li h3 a:hover { text-decoration: underline;}
.articleContent .viewport .overview ul li p { margin: 0;}
.articleContent .viewport .overview ul li p span { display: block; font-size: 11px; color: #5e5e5e; line-height: 14px;}
.articleContent .viewport .overview .img-thumbnail { position: relative; width: 90px; height: 60px; overflow: hidden; float: left; margin-right: 10px;}

.articleContent .Other-stories { width: 302px; float: left; overflow: hidden;}
.articleContent .Other-stories h2 { width: 296px; padding: 10px; background: #ededed; font-size: 11px; color: #333;text-transform: uppercase; margin: 0 0 7px;}
.articleContent .Other-stories ul { background: none; float: none; border: none; width: 316px; overflow: hidden; padding: 0; margin: 0;}
.articleContent .Other-stories ul li { border-bottom: 1px solid #e5e5e5; padding: 9px 10px ; width: 296px; overflow: hidden; margin: 0; clear: both; float: left; list-style: none;}
.articleContent .Other-stories ul li span { font-size: 18px; float: left; margin-right: 5px;}
.articleContent .Other-stories ul li a { text-decoration: none; float: left; font-size: 13px; color: #213c70;}
.articleContent .Other-stories ul li a:hover { text-decoration: underline;}

.articleContent .RelatedSearch { font-size: 14px; font-weight: bold; color: #363636; margin-bottom: 15px; line-height: 26px; width: 645px; clear: both; float: left;font-family: Arial;}
.articleContent .RelatedSearch span { display: block; font-weight: normal; line-height: 12px;}
.articleContent .RelatedSearch span a { font-size: 11px; color: #1e79bc; text-decoration: none;}
.articleContent .RelatedSearch span a:hover { text-decoration: underline;}

.articleContent.no-moretopic { width: 645px; overflow: hidden;}
.articleContent .no-moretopic h2 { width: 625px;}
.articleContent .no-moretopic ul { width: 645px;}
.articleContent .no-moretopic ul li { width: 625px;}

.articleContent .Other-stories.no-moretopic { width: 620px;}

#headergroup ul li a { color: #1e79bc; text-decoration: none;}
#headergroup ul li a:hover { text-decoration: underline;}

#ch-header { font-style: italic; color: #363636; font-weight: bold; font-size: 12px; margin-bottom: 10px; width: 450px; float: left;}

#main-sns .group-main-sns { width: 180px;} 
#main-sns ul { width: 168px; overflow: hidden; border-top: 1px solid #cccccc; padding: 10px 0 0; clear: both; /width: 175px;}
#main-sns ul li { float: left; margin-right: 10px; overflow: hidden;}
#main-sns ul li img { margin-right: 5px; float: left;}
#main-sns ul li a { color: #333333; font-size: 12px; float: left;}
#main-sns ul li a:hover { text-decoration: underline;}
#main-sns ul li.last { margin: 0; width: auto;}
/*#main-sns #socialLink  { width: auto; float: left; border: none; padding: 0; clear: none;}
#main-sns #socialLink li a { text-decoration: none; width: 35px; /margin: -15px 0 0;}
#main-sns #socialLink li a:hover { text-decoration: underline;}
#main-sns #socialLink #addthis { margin: 0; padding-left: 0; }
#main-sns #socialLink #addthis a span { background: none; height: auto;}*/

body .boomboxSize1.floating { margin: 0 0 25px; z-index: 1; height: auto;}
body .boomboxSize1.floating .normalStage, 
body .boomboxSize1.floating .expandStage { clip: auto; direction: inherit; height: auto; min-height: 250px; /*position: absolute; top: 0; left: 0; */ width: 300px;}

.blog_section .Most-Viewed { margin: 0; width: 302px; height: 294px;}

.rightColumn .Worldcup2014 { background: url("../img/bg/bg_worldcup2014.png") 0 0 no-repeat; padding: 8px 15px 5px;}
.rightColumn .Worldcup2014 h2 { margin-bottom: 0; padding: 2px 0 0 10px;}
.rightColumn .Worldcup2014 ol li { margin-bottom: 5px;}

.worldcupGroups { width: 295px; float: left; border-radius: 5px; box-shadow: 0 0 2px 1px #CCCCCC; overflow: hidden; padding: 10px; margin: 10px 0 10px 10px; height: 295px; border: 1px solid #CCCCCC;}
.worldcupGroups h2 { color: #1e79bc; font-size: 16px; margin-bottom: 10px;}
.worldcupGroups .toggle-navigation { width: 291px; padding-left: 3px;}
.worldcupGroups .toggle-navigation li { cursor: pointer; width: 33px; padding: 3px 0; text-align: center; margin-right: 1px; font-size: 13px; color: #333333; background: url("../img/bg/bg-worldcupGroupsTab.gif") 0 -1px no-repeat;}
.worldcupGroups .toggle-navigation li.active { padding: 3px 0 4px; background: url("../img/bg/bg-worldcupGroupsTab.gif") 0 -22px no-repeat; cursor: default;}

.worldcupGroups .toggle-detail { width: 295px; overflow: hidden;}
.worldcupGroups .toggle-detail th { border-bottom: 1px solid #ebebeb; padding: 0; height: 45px; width: 30px; font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle;}
.worldcupGroups .toggle-detail td { border-bottom: 1px solid #ebebeb; padding: 0; height: 45px; width: 30px; font-size: 12px; font-weight: normal; text-align: center; vertical-align: middle;}
.worldcupGroups .toggle-detail th.teams { width: 140px; text-align: left; padding: 0 0 0 5px;}
.worldcupGroups .toggle-detail td.teams { width: 140px; text-align: left; padding: 0 0 0 5px;}
.worldcupGroups .toggle-detail .teams img { float: left; margin-right: 5px;}
.worldcupGroups .toggle-detail .teams p { float: left; margin: 7px 0 0;}
.worldcupGroups .toggle-detail .teams p.twoLine { margin: 0;}
.worldcupGroups .toggle-detail .teams p.twoLine span { display: block;}

.worldcupResults { border: 1px solid #CCCCCC; width: 295px; float: right; border-radius: 5px; box-shadow: 0 0 2px 1px #CCCCCC; overflow: hidden; padding: 10px; margin: 10px 3px 10px 0; height: 295px;}
.worldcupResults h2 { color: #1e79bc; font-size: 16px; margin-bottom: 10px;}
.worldcupResults table { width: 295px; overflow: hidden;}
.worldcupResults table th { font-size: 13px; border-bottom: 1px solid #999999; padding: 3px 0; vertical-align: middle;}
.worldcupResults table td { font-size: 13px; border-bottom: 1px solid #ebebeb; padding: 7px 0; vertical-align: middle;}
.worldcupResults table .date { width: 90px; text-align: left; }
.worldcupResults table td.date { font-size: 12px; font-weight: bold;}
.worldcupResults table td img { float: left; margin-right: 5px;}
.worldcupResults table td p { float: left; margin: 7px 0 0;}
.worldcupResults table td.score { width: 70px; text-align: center;}

.PlacesToWatch { border: 1px solid #CCCCCC; border-radius: 5px; box-shadow: 0 0 2px 1px #CCCCCC; margin: 10px 0 10px 8px; padding: 10px; width: 632px; clear: both; overflow: hidden;}
.PlacesToWatch h2 { font-size: 16px; color: #1e79bc; margin-bottom: 10px;}
.PlacesToWatch ul { width: 632px; overflow: hidden; clear: both;}
.PlacesToWatch ul li { float: left; width: 310px; margin: 0 10px 20px 0;}
.PlacesToWatch ul li.right { margin-right: 0;}
.PlacesToWatch ul li .thumbnail { float: left; margin-right: 10px; width: 90px; height: 60px;}
.PlacesToWatch ul li .detail { float: left; width: 210px;}
.PlacesToWatch ul li .detail h3 { font-size: 14px; line-height: 18px;}
.PlacesToWatch ul li .detail h3 a { color: #213c70; text-decoration: none;}
.PlacesToWatch ul li .detail h3 a:hover { text-decoration: underline;} 
.PlacesToWatch ul li .detail p { font-size: 12px;}
.PlacesToWatch .readMore { font-size: 12px; float: right; color: #333333; font-weight: bold;}
.PlacesToWatch .readMore:hover { text-decoration: underline;}

.highlight-MostRecent { clear: both; float: left; padding: 10px 0 10px; margin: 0 0 10px; border-top: 1px solid #333333; width: 645px;}
.highlight-MostRecent span { display: block;}
.highlight-MostRecent span a { color: #1E79BC; text-decoration: none;}
.highlight-MostRecent span a:hover { color: #1E79BC; text-decoration: underline;}

#wrapper .sns-EventBanner { top: 311px;}

.sideBar-boxTab { width: 300px; overflow: hidden; clear: both; margin-bottom: 10px;}
.sideBar-boxTab .toggle-navigation { background: url("../img/bg/bg-toggle-navWorldcup.gif") 0 0 no-repeat; height: 34px; padding: 0; width: 300px;}
.sideBar-boxTab .toggle-navigation li { text-align: center;}
.sideBar-boxTab .toggle-navigation #groups { background: url("../img/bg/bg_worldcup-toggleNavigatio.png") no-repeat 0 -34px; color: #333333; cursor: pointer; font-size: 12px; font-weight: bold; height: 17px; margin-right: 0; padding: 5px 5px 0; width: 143px;margin-right: 2px;}
.sideBar-boxTab .toggle-navigation #groups.active { background: url("../img/bg/bg_worldcup-toggleNavigatio.png") 0 0 no-repeat; color: #FFFFFF; cursor: default; font-size: 12px; font-weight: bold; height: 29px; margin-right: 2px; padding: 5px 0 0 5px; width: 148px;}
.sideBar-boxTab .toggle-navigation #results { background: url("../img/bg/bg_readerForum-toggleNavigation.png") 0 -34px no-repeat; color: #333333; cursor: pointer; font-size: 12px; font-weight: bold; height: 17px; padding: 5px 0 0 10px; width: 135px;}
.sideBar-boxTab .toggle-navigation #results.active { background: url("../img/bg/bg_readerForum-toggleNavigation.png") no-repeat 0 0; color: #FFFFFF; cursor: default; font-size: 12px; font-weight: bold; height: 29px; padding: 5px 0 0 10px; width: 135px;}
.sideBar-boxTab .toggle-detail { background: #ffffff; border-radius: 0 0 5px 5px; clear: both; overflow: hidden; padding: 10px 5px 10px; width: 288px; border: 1px solid #999999; border-top: none; height: 265px;}
.sideBar-boxTab .toggle-detail .tab1-detail,
.sideBar-boxTab .toggle-detail .tab2-detail { width: auto;}

.sideBar-boxTab .worldcupGroups .toggle-detail th.teams { width: 133px; text-align: left; padding: 0 0 0 5px;}
.sideBar-boxTab .worldcupGroups .toggle-detail td.teams { width: 133px; text-align: left; padding: 0 0 0 5px;}

.sideBar-boxTab .worldcupGroups { padding: 0; margin: 0; border: none; height: auto; box-shadow: none; border-radius: 0;}
.sideBar-boxTab .worldcupGroups .toggle-navigation { background: url("../img/bg/bg_toggle-navigation.gif") repeat-x 0 0 ; width: 285px; padding: 0 0 0 3px; height: 22px;}
.sideBar-boxTab .worldcupGroups .toggle-detail { box-shadow: none; border-radius: 0; border: none; padding: 5px 0 10px;}

.sideBar-boxTab .worldcupResults { border: none; box-shadow: none; border-radius: none; margin: 0; padding: 0; width: 288px;}

.sideBar .PlacesToWatch { width: 278px; overflow: hidden; margin: 0 0 10px 0;}
.sideBar .PlacesToWatch ul li { width: 278px; clear: both; float: left; overflow: hidden;}
.sideBar .PlacesToWatch ul li .detail { width: 178px;}

.worldcup-eng { background: url("../img/bg/bg_worldcup_eng.jpg") repeat-x 0 0 ; width: 280px; height: 299px; overflow: hidden; clear: both; margin-bottom: 10px; padding: 10px; }
.worldcup-eng h2 { color: #1e79bc; font-size: 16px;}
.worldcup-eng p { }
.worldcup-eng p span { color: #666666; font-size: 11px;display: block;}
.worldcup-eng ul { width: 280px; overflow: hidden; clear: both; padding: 10px 0 0;}
.worldcup-eng  ul li { width: 280px; overflow: hidden; margin-bottom: 10px;}
.worldcup-eng  ul li .thumbnail { float: left; margin-right: 10px; width: 90px; height: 60px;}
.worldcup-eng  ul li .detail { float: left; width: 180px;}
.worldcup-eng  ul li .detail h3 { font-size: 14px; line-height: 18px;}
.worldcup-eng  ul li .detail h3 a { color: #213c70; text-decoration: none;}
.worldcup-eng  ul li .detail h3 a:hover { text-decoration: underline;} 
.worldcup-eng  ul li .detail p { font-size: 12px;}
.worldcup-eng .readMore { font-size: 12px; float: right; color: #333333; font-weight: bold;}
.worldcup-eng .readMore:hover { text-decoration: underline;}
/*theme*/
aside, section, header, hgroup, footer, nav, article, dialog, figure, figcaption {display: block;}
@font-face {
    font-family: 'arial_blackregular';
    src: url('../font/arial_blackwebfont.eot');
    src: url('../font/arial_blackwebfont.eot?#iefix') format('embedded-opentype'),
         url('../font/arial_blackwebfont.woff') format('woff'),
         url('../font/arial_blackwebfont.ttf') format('truetype'),
         url('../font/arial_blackwebfont.svg#arial_blackregular') format('svg');
}

@font-face {
    font-family: 'vonnes-light';
    src: url('../font/vonnes-light-webfont.eot');
    src: url('../font/vonnes-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/vonnes-light-webfont.woff') format('woff'),
         url('../font/vonnes-light-webfont.ttf') format('truetype'),
         url('../font/vonnes-light-webfont.svg#vonnes-light-regular') format('svg');
}

/*@font-face {
    font-family: 'charter_itc_ttregular';
    src: url('../font/charteritc-webfont.eot');
    src: url('../font/charteritc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/charteritc-webfont.woff') format('woff'),
         url('../font/charteritc-webfont.ttf') format('truetype'),
         url('../font/charteritc-webfont.svg#charter_itc_ttregular') format('svg');

}

@font-face {
    font-family: 'charter_bd_os_itc_ttbold';
    src: url('../font/charteritcb-webfont.eot');
    src: url('../font/charteritcb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/charteritcb-webfont.woff') format('woff'),
         url('../font/charteritcb-webfont.ttf') format('truetype'),
         url('../font/charteritcb-webfont.svg#charter_bd_os_itc_ttbold') format('svg');
}
@font-face {
    font-family: 'rockwell-boldregular';
    src: url('../font/rockwell-bold-webfont.eot');
    src: url('../font/rockwell-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/rockwell-bold-webfont.woff') format('woff'),
         url('../font/rockwell-bold-webfont.ttf') format('truetype'),
         url('../font/rockwell-bold-webfont.svg#rockwell-boldregular') format('svg');

}
@font-face {
    font-family: 'rockwellregular';
    src: url('../font/rockwell-webfont.eot');
    src: url('../font/rockwell-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/rockwell-webfont.woff') format('woff'),
         url('../font/rockwell-webfont.ttf') format('truetype'),
         url('../font/rockwell-webfont.svg#rockwellregular') format('svg');

}
@font-face {
    font-family: 'charteritc_bd_btbold';
    src: url('../font/ichrtrb-webfont.eot');
    src: url('../font/ichrtrb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ichrtrb-webfont.woff2') format('woff2'),
         url('../font/ichrtrb-webfont.woff') format('woff'),
         url('../font/ichrtrb-webfont.ttf') format('truetype'),
         url('../font/ichrtrb-webfont.svg#charteritc_bd_btbold') format('svg');

}
@font-face {
    font-family: 'charteritc_btroman';
    src: url('../font/ichrtrn-webfont.eot');
    src: url('../font/ichrtrn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ichrtrn-webfont.woff2') format('woff2'),
         url('../font/ichrtrn-webfont.woff') format('woff'),
         url('../font/ichrtrn-webfont.ttf') format('truetype'),
         url('../font/ichrtrn-webfont.svg#charteritc_btroman') format('svg');

}*/
@font-face {
    font-family: 'bitterregular';
    src: url('../font/bitter-regular-webfont.eot');
    src: url('../font/bitter-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bitter-regular-webfont.woff2') format('woff2'),
         url('../font/bitter-regular-webfont.woff') format('woff'),
         url('../font/bitter-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bitterbold';
    src: url('../font/bitter-bold-webfont.eot');
    src: url('../font/bitter-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bitter-bold-webfont.woff2') format('woff2'),
         url('../font/bitter-bold-webfont.woff') format('woff'),
         url('../font/bitter-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'charis_silbold';
    src: url('../font/charissilb-webfont.eot');
    src: url('../font/charissilb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/charissilb-webfont.woff2') format('woff2'),
         url('../font/charissilb-webfont.woff') format('woff'),
         url('../font/charissilb-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'charis_silregular';
    src: url('../font/charissilr-webfont.eot');
    src: url('../font/charissilr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/charissilr-webfont.woff2') format('woff2'),
         url('../font/charissilr-webfont.woff') format('woff'),
         url('../font/charissilr-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/*library*/
header[id|=hd] li a,header[id|=hd] .menu-switch a,header[id|=hd] .hd-right *,#main-navigation h4,
#main-navigation a, .sectionInfo li h3 a,.sectionInfo li .header, .sectionInfo li:last-child ol li a, footer .BKP-digital h2,
footer .BKP-digital ul li a, footer section article h2, .highlight-vdo h2,.section-vdo h2 a,#static-hd, .relate-story h4,.articleContent .Most-Viewed  h2,
.articleContent .jobSearch-panel h2, .article-tab .relate-story h4,.Most-Recent .headline, .Most-Recent ul li,
body #hot-topic .hot-topic .section, .MostUpdate li .time,.more-topic .header h2,.articleContent .Other-stories h2, #MostUpdate > h2, .dropbox-paper .detail ul li:nth-child(2) a, .jobSearch-panel .submit, ol.advanceSearchPanel li p input#btnSubmits, ol.advanceSearchPanel li p input#btnClear, .Promote-regional .submit, .allDigitalProduct .detail h1, .allDigitalProduct ul li h3 a {font-family:'arial_blackregular'; font-weight: normal;}

header[id|=hd] .menu-switch a:hover,header[id|=hd] .hd-right a:hover,
.hd-navigation ul li.menu-switch a:hover,#learning-content header[id|=hd] .menu-switch a:hover {text-decoration: none;}

 
.articleContent article header p.kicker, .articleContent article p, .articleContent article ul li, .relate-story ul li a, 
.article-tab .relate-story p { font-family: 'charis_silregular';}

.articleContent article .bold, .articleContent .Most-Viewed .mostViewList li .detail h3 a,.articleContent article header h1,
.vdo-detail h3 a,.highlight-list li h3 a, .section-vdo.article-vdo .highlight-vdo h2,.articleContent article h2, .articleContent article h3, .articleContent article h4,.articleContent article .bold,.Most-Recent ul li a,.TopStory .detail h3,
.SpecialReport article h3, .overview h3, #hot-topic h2,#hot-topic h3 a,#hot-list h2 a,#hot-list h3 a,.Other-stories ul li a,#hot-list .intro h2 { font-family: charis_silbold; font-weight: normal;}

div[class|=dropbox] .detail { position: absolute; z-index: 2;}
div[class|=dropbox] .detail ul:before {background: url(../img/nav/ico-theme.png) no-repeat 0 -404px; content:''; width: 20px; height: 20px;float: left;}
div[class|=dropbox] .detail ul {background: #fff; margin-top: 10px;border: 1px solid #ededed; float: left;box-shadow: 1px 2px 3px 0 #d6d6d6;}
/*header*/
header[id|=hd]{width: 100%; background:#213c70; position: relative; z-index: 10002;}
header[id|=hd] a:hover,
#hot-topic a:hover,
.MostUpdate li a:hover {text-decoration: underline;}
header[id|=hd]>section{width: 940px; margin: 0 auto; padding: 10px;position: relative; height: 93px;}
header[id|=hd] h1,header[id|=hd] .datetime{color:#6b88a9; font-size: 11px;width: 345px; float: left; font-weight: bold;}
header[id|=hd] h1 span {padding-left: 16px;clear: both; display: block;}
header[id|=hd] .datetime {position: absolute; top: 74px; left: 193px; left: 200px\0;}
@media screen and (-moz-windows-theme)  { header[id|=hd] .datetime { left : 200px;}}
header[id|=hd] .hd-center{width: 345px; position: absolute; top: 10px; left: 50%; margin-left: -172px;}
#hd-default .hd-center,#hd-default .hd-center h1  {height: 88px;line-height: 12px;}
#hd-default .hd-center h1 span {position: relative; bottom: 0; line-height: 12px;}
#hd-default .hd-center .datetime {bottom: 0; line-height: 10px;}
header[id|=hd] .hd-left{width: 295px; float: left;position: relative;}
header[id|=hd] .hd-left ul {overflow: hidden; width: 100%; height: 40px;}
header[id|=hd] .hd-left li {background: url(../img/nav/ico-theme.png) no-repeat 0 3px; padding: 0 10px 0 0;float: left;}
header[id|=hd] .hd-left li a{font-size: 9px; color:#fff; padding: 0 0 0 20px;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);opacity: 0.6; text-transform: uppercase;}
header[id|=hd] .hd-left li.signup { background-position: -150px 3px; padding: 0 10px 0 2px;}
header[id|=hd] .hd-left li.search { background-position: -398px 4px; padding: 0;}
header[id|=hd] .menu-switch{width: 35px; height: 40px;float: left;}
header[id|=hd] .menu-switch a{ font-size: 10px; color:#fff;  background: url(../img/nav/ico-theme.png) no-repeat 3px -102px; display: block;width: 37px; padding: 25px 0 0;}
header[id|=hd] .hd-right {width: 233px; float: right; position: relative; height: 100px;}
.dropbox-paper div.epaper,footer div.epaper{width: 124px; position: absolute; right: 0; top: 11px; overflow: hidden; height: 72px; background: none;z-index: 1;}
div.epaper:after {content: '';width: 124px; height: 35px; position: absolute; bottom: 0; left: 0;display: block;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(33, 60, 112, 0.81) 49%, rgba(33, 60, 112, 1) 100%); }
div.epaper  .img-wrap{width: 124px; height: 46px; overflow: hidden;display: block; position:relative; z-index: 1;}
div.epaper  .img-wrap:after {content:''; position: absolute; left:0;bottom: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 76%, rgba(0, 0, 0, 1) 105%);width: 124px; height: 46px; z-index: 2;}
div.epaper  p:nth-child(2){-webkit-transform: scaleY(-1);-moz-transform: scaleY(-1);-ms-transform: scaleY(-1);-o-transform: scaleY(-1); transform: scaleY(-1); position: absolute;left:0; bottom: -24px;z-index: -1; }
div.epaper  p:nth-child(2) img {display: none\9;}
div.epaper  p:nth-child(2){background: url(../img/nav/ico-theme.png) no-repeat 0 -315px\9;width: 124px\9; height: 50px\9;  bottom:0\9;top: 37px\9; z-index: 3\9; -ms-transform: none\9; display: block;}
/*e-paper-footer*/
footer div.epaper:after {content: '';width: 124px; height: 35px; position: absolute; bottom: 0; left: 0;display: block;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.72) 45%, rgba(255, 255, 255, 1) 100%); }
footer div.epaper{top: 0;}


header[id|=hd] .hd-right .epaper div { overflow: hidden; height: 46px;}
header[id|=hd] .hd-right > div{clear: both; position: relative; top: 0;  width: 223px; float: right;}
header[id|=hd] .hd-right div a{color:#fff; text-transform: uppercase; font-size: 11px; background: url(../img/nav/ico-theme.png) no-repeat 114px -282px; float: left; padding: 0 23px 0 0;margin: 0 0 0 10px; overflow: hidden; cursor: pointer; padding: 0;  width: 134px; position: relative;}
header[id|=hd] .hd-right .dropbox-paper{color:#fff; text-transform: uppercase; font-size: 11px; float: left; padding: 0 23px 0 0;margin: 0 0 0 10px; overflow: hidden; cursor: pointer; padding: 0;  width: 134px; position: relative;}
header[id|=hd] .hd-right div .archive {background-position: -237px 0; padding: 0 0 0 23px; width: 56px; margin: 70px 0 0 0;}
/*paper nav*/
header[id|=hd] .hd-right .dropbox-paper span.today {padding: 70px 0 0 40px; display: block; width: 95px; height: 20px;background:  url(../img/nav/ico-theme.png) no-repeat -45px -366px; position: relative; z-index: 3;}
header[id|=hd] .hd-right .dropbox-paper.active {overflow: visible; height: 200px; }
.dropbox-paper .detail {width: 315px; left: -184px;}
.dropbox-paper .detail ul{width: 285px; padding: 20px 10px 20px 20px;}
.dropbox-paper .detail ul:before {margin: -31px 0 0 277px; }
.dropbox-paper .detail ul li { padding: 0 0 8px; margin: 9px 0 0; float: left; width: 130px; border-bottom: 1px solid #ededed;}
.dropbox-paper .detail ul li a { color: #333333; padding: 0; text-transform: none; margin: 0; width: auto; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 12px;}
.dropbox-paper .detail ul li a:hover { text-decoration: underline;}
.dropbox-paper .detail img {border: 1px solid #e1e1e1;}
.dropbox-paper .detail ul li h4 { font-size: 13px; color: #333333;}
.dropbox-paper .detail ul li:nth-child(1) { overflow: hidden; padding: 0 10px 0 0; margin: 0; width: 140px; overflow: hidden; float: left; border: none; height: 214px;}
.dropbox-paper .detail ul li:nth-child(2) { float: left; margin: -4px 0 0; border: none; padding: 0;}
.dropbox-paper .detail ul li:nth-child(2) { border: none; padding: 0;}
.dropbox-paper .detail ul li:nth-child(2) a { background: #666666; height: 23px; padding: 6px 0 0; text-align: center; width: 130px; color: #ffffff; font-size: 11px;}
.dropbox-paper .detail ul li:nth-child(2) a:hover { background: #333333; text-decoration: none;}
.dropbox-paper .detail ul li:nth-child(3) { font-size: 12px;}
.dropbox-paper .detail ul li:last-child { border: none;}
/*.dropbox-paper .detail ul li:nth-child(7) { border: none;}
.dropbox-paper .detail ul li:nth-child(7) a { font-size: 13px;}*/
#E-newspaper .dropbox-paper .detail ul li:nth-child(2) a { color: #ffffff; text-decoration: none;}
#E-newspaper .dropbox-paper .detail ul li:nth-child(2) a:hover { background: #333333; text-decoration: none;}
#E-newspaper .dropbox-paper .detail ul li a { color: #333333; text-decoration: none;}
#E-newspaper .dropbox-paper .detail ul li a:hover { text-decoration: underline;}
.shortHeader .hd-center h1 {text-align: center;}
/*main-nav*/
.hd-navigation {clear: both;width: 100%; background: url(../img/nav/bg-subnav.png) repeat #213c70; height: 25px; padding: 12px 0 0; z-index: 10001; position: relative;}
.hd-navigation ul {width: 960px; padding: 0; margin: 0 auto; text-align: center;}
.hd-navigation > ul li {display: inline-block;background: url(../img/nav/ico-theme.png) no-repeat -45px -436px ; padding: 0 8px; /float: left;}
body nav.hd-navigation * {color:#fff; font-size: 12px; font-weight: bold; text-transform: uppercase;}
.hd-navigation ul li:first-child {background: none;}
.hd-navigation ul li.topsection {background: url(../img/nav/ico-theme.png) no-repeat -151px -873px; padding: 4px 10px 5px 5px !important; margin: -3px 0 0; width: 91px; white-space: nowrap;}
.hd-navigation ul li a.active { text-decoration: underline;}
.hd-navigation ul li.news {background: none;}
.hd-navigation a:hover {text-decoration: underline;}
#E-newspaper .hd-navigation a:hover {text-decoration: underline;}
/*section-navigation global page*/
html body nav.hd-navigation.main-section {background: #191919!important; height: 22px; padding: 8px 0 0; overflow: hidden; line-height: 14px;}
nav.hd-navigation.main-section ul {text-align: left; width: 960px;}
nav.hd-navigation.main-section ul .topsection {margin-left: 14px;padding:3px 10px 5px 8px !important;}
nav.hd-navigation.main-section ul li{float: left; padding: 0 11px;}
nav.hd-navigation.main-section ul li a{font-size: 11px; color: #ccc;}
nav.hd-navigation.main-section ul li.topsection span{font-size: 11px;}
/*search-global*/ 
form.searchb {background: #213c70 url(../img/nav/ico-theme.png) no-repeat 0 -217px; height: 36px; padding: 5px 0 0 10px; top: 40px; left: 50px; width: 150px;position: absolute;-webkit-transition:width 300ms;-moz-transition:width 300ms;
-o-transition:width 300ms;transition:width 300ms; z-index: 1;}
form.searchb input {background: url(../img/nav/ico-theme.png) no-repeat 0 -41px; border: none; font-size: 11px;color:#fff; line-height: 27px; padding: 0 0 0 33px; display: block; width: 150px; height: 27px; float: left;width: 100px}
form.searchb.active{width:200px;}
form.searchb.active input {width: 138px;}
form.searchb .remove,
form.search-menu .remove {display: none; position: absolute; top: 10px; right: 10px; width: 16px; height: 16px;}
form.searchb.active .remove,
form.search-menu.active .remove {display: block;}

form.searchb input,
form.search-menu input { font-weight: bold; font-size: 12px;}
/*main-nav*/
#main-navigation {padding: 0 20px;width: 180px; position: absolute; left: -220px; top: 0; height: 100%; z-index: 10002;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;-ms-transition: all 300ms ease;transition: all 300ms ease;opacity: -100; background: url("../img/button/btn-close_mainNav.png") 195px 10px no-repeat #000000;}
#main-navigation h4 {text-transform: uppercase; color: #8d8d8d; font-size: 13px; padding: 20px 0 5px; border-bottom: 1px solid #37373a;letter-spacing: 0.1em;}
#main-navigation a {color:#fff;font-size: 13px;}
#main-navigation a:hover { text-decoration: underline;}
#main-navigation a.close-nav{width: 20px; height: 20px; position: absolute; right: 7px; top: 7px; display: block;}
#main-navigation a.close-nav span{display: block; text-indent: -9999px;}
#main-navigation ul li{line-height: 24px;}
#main-navigation.active {padding: 0 20px;left: 0;opacity: 1;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;-ms-transition: all 300ms ease;transition: all 300ms ease;}
form.search-menu  { margin: 50px 0 0;background: url(../img/nav/ico-theme.png) 0 -217px no-repeat; height: 36px; padding: 5px 0 0 10px; width: 170px; position: relative;}
form.search-menu input { background: url("../img/nav/ico-theme.png") 0 -41px no-repeat; border: none; color: #fff; display: block; float: left; font-size: 11px; height: 27px; line-height: 27px; padding: 0 0 0 33px; width: 120px;}
#main-navigation .nav-other h4 { margin-bottom: 5px;}
.nav-other { overflow: hidden; width: 180px;}
.nav-other ul li { padding-left: 20px; width: 160px; background: url(../img/nav/ico-theme.png) no-repeat 0 -477px;}
.nav-other ul li:nth-child(2) {background-position: 0 -506px;}
.nav-other ul li:nth-child(3) {background-position: 0 -540px;}
.nav-other ul li:nth-child(4) {background-position: 0 -569px;}
.nav-other ul li:nth-child(5) {background-position: 0 -595px;}
.nav-other ul li:nth-child(6) {background-position: 0 -627px;}
.nav-other ul li:nth-child(7) {background-position: 0 -651px;}

header[id|=hd] .hd-left .dropbox-user span { color: #ffffff; font-size: 11px; font-weight: bold; /*background: url(../img/nav/ico-theme.png) 0 3px no-repeat;*/ display: block; height: 20px; padding: 5px 20px 0 20px; cursor: pointer;}
header[id|=hd] .hd-left .dropbox-user span img { margin: -5px 0 0; vertical-align: middle;}
header[id|=hd] .hd-left .dropbox-user .detail ul { background: none; border: none; height: auto; display: none; margin-top: 12px;}
header[id|=hd] .hd-left .dropbox-user .detail ul:before { background: none; height: auto;}
header[id|=hd] .hd-left .dropbox-user .detail ul li { background: none; clear: both;}
header[id|=hd] .hd-left .dropbox-user { width: 100%; height: 40px; overflow: hidden; background: url(../img/nav/ico-user.png) right 2px no-repeat; color: #fff; float: left; font-size: 11px;}

header[id|=hd] .hd-left .dropbox-user.active { overflow: visible; background-position: right -50px;}
header[id|=hd] .hd-left .dropbox-user.active .detail { z-index: 2; background: url(../img/nav/ico-theme.png) 70px -402px no-repeat; left: 43px; width: 165px; top: 18px;}
header[id|=hd] .hd-left .dropbox-user.active .detail ul { background: #ffffff; display: block; padding: 15px 15px 5px; width: 135px;}
header[id|=hd] .hd-left .dropbox-user.active .detail ul li { padding: 0 0 7px; margin-bottom: 5px; border-bottom: 1px solid #ededed; width: 135px;}
header[id|=hd] .hd-left .dropbox-user.active .detail ul li a { color: #333333; padding: 0; font-size: 12px; opacity: 1; text-transform: none;}
header[id|=hd] .hd-left .dropbox-user.active .detail ul li:last-child { border: none;}
#hd-inside .hd-left .dropbox-user.active .detail { overflow: visible;}
#hd-inside header[id|=hd] .hd-left .dropbox-user span { height: 20px; width: 100px; margin: 0;}

/* drop down section */
.hd-navigation li.dropDown { position: relative; padding: 0 6px 0 8px;}
.hd-navigation li.dropDown .detail { display: none; overflow: hidden; padding-top: 10px; position: absolute; top: 15px; width: 190px; z-index: 5; left: 0;}
.hd-navigation li.dropDown .detail ul { margin: 0; padding: 0 15px; overflow: hidden; width: 160px; text-align: left;}
.hd-navigation .dropDown .detail ul li { clear: both; float: left; background: url(../img/nav/border-dropDown.png) 0 bottom repeat-x; padding: 10px 0; width: 160px;}
.hd-navigation .dropDown .detail ul li:last-child { background: none;}
.hd-navigation .dropDown:hover .detail { display: block;}
.hd-navigation .dropDown .detail ul li a { background: none; padding: 0; display:block;}
.hd-navigation .dropDown > a { background: none; padding: 0 7px 0 0;}
.hd-navigation .dropDown > a:after { content: ""; display: inline-block; background: url(../img/nav/ico-theme.png) 0 -352px no-repeat; width: 16px; height: 16px; float: right;}
.hd-navigation .dropDown:hover > a:after { content: ""; display: inline-block; background: url(../img/nav/ico-theme.png) -238px -419px no-repeat; width: 16px; height: 16px; float: right;}
.hd-navigation .dropDown .detail a { padding: 0;}
.hd-navigation .dropDown .detail a:after { background: none; width: auto; height: auto; float: none;}
.hd-navigation .dropDown .detail a:hover { background: none;}
.hd-navigation ul li:first-child { padding-left: 0;}
.hd-navigation ul li:last-child { padding-right: 0; }
.hd-navigation ul li:last-child .detail { left: -124px;}
.hd-navigation ul li.menu-switch a{ padding: 0 30px 2px 0; background: url(../img/nav/ico-theme.png) 44px -162px no-repeat;}

.search-switch {width: 50px; float: left; height: 37px;background: url(../img/nav/ico-theme.png) 0 -217px; margin-left: 10px; cursor: pointer; overflow: hidden;}
.search-switch span {text-indent: -9999px;background: url(../img/nav/ico-theme.png) 11px -39px;}
#hd-inside { clear: both; float: left; z-index: 10002;}
#hd-inside .hd-center{text-align: center; width: 400px;}
#hd-inside .hd-center h1{display:inline-block; float: none; text-transform: uppercase;}
.opinionNavyBlueTheme #hd-inside .hd-center h1 {margin:0!important;}
.opinionNavyBlueTheme > #container {z-index: 2!important;}
.opinionNavyBlueTheme > #container,.opinionNavyBlueTheme > #container #wrapper {background: none;}
.opinionNavyBlueTheme footer h3 {border: none;}
/* force CSS for forum*/
#hd-inside .hd-center h1 a{font-family: 'vonnes-light'; font-size:40px; color:#fff; font-weight: normal;}
#hd-inside .hd-center h1.small a{font-size: 28px;}
#hd-inside .hd-center h1 a:hover {text-decoration: none; }
#hd-inside > section { height: 74px;}
#hd-inside .hd-right .epaper { top: 2px; height: 63px; overflow: hidden;}
#hd-inside .hd-right { height: 70px;}
#hd-inside .hd-left ul { height: 30px;}
#hd-inside .hd-left form.searchb { top: 30px; width: 36px; left: 270px; height: 32px; background: #213c70 url(../img/nav/ico-theme.png) 0 -217px; padding: 5px 0 0; display: none;}
#hd-inside .hd-left form.searchb input { background: none;padding: 0;}
#hd-inside .hd-left form.searchb.active { width: 200px; display: block;}
#hd-inside .hd-left span { width: 162px; height: 31px; float: left; margin-top: 3px;}
#hd-inside .hd-left .login span { background: none; width: auto; margin-top: 0;}
#hd-inside .menu-switch { margin-right: 13px;}
#hd-inside .hd-center { top: 37px;}
#hd-inside form.searchb.active .remove {display: none;}
#hd-inside form.searchb.active .remove.active {display: block;}
#hd-inside .hd-right div .archive,
#hd-microsite .hd-right div .archive{margin: 53px 0 0;}
#hd-inside .hd-right .dropbox-paper:after,
#hd-microsite .hd-right .dropbox-paper:after,
header[id|=hd] .hd-right .dropbox-paper:after  {background: url(../img/nav/ico-theme.png) no-repeat 0 -351px; position: absolute;width: 15px; height: 15px; display:block; content:''; top:52px; right: 2px;z-index:2;}
header[id|=hd] .hd-right .dropbox-paper:after{top:69px;}
#hd-inside .hd-right .dropbox-paper.active:after,
#hd-microsite .hd-right .dropbox-paper.active:after,
header[id|=hd] .hd-right .dropbox-paper.active:after{background-position: -238px -418px; }
#hd-inside .hd-right .dropbox-paper span.today,
#hd-microsite .hd-right .dropbox-paper span.today {padding:53px 0 0 40px; background:  url(../img/nav/ico-theme.png) no-repeat -45px -383px;height: 17px; }
#hd-inside .hd-left .dropbox-user.active .detail ul { height: auto;}

.memberPage #hd-microsite { clear: none; float: none;}
#hd-microsite { clear: both; float: left;}
#hd-microsite > section { height: 69px;}
#hd-microsite .hd-right .epaper { top: 0;}
#hd-microsite .hd-right { height: 69px;}
#hd-microsite .hd-left ul { height: 30px;}
#hd-microsite .hd-left form.searchb { top: 30px;}
#hd-microsite .hd-left span { width: 162px; height: 31px; float: left;}
#hd-microsite .hd-left li span { width: 90px; background: none;}
#hd-microsite .hd-left li.login span { width: auto; float: none; height: 20px;}
#hd-microsite .menu-switch { margin-right: 13px;}
#hd-microsite .hd-center { top: 20px;width: 204px; margin-left: -102px;}
#hd-microsite .hd-center h1 { width: 204px;}
#hd-microsite .hd-center h1 span { text-align: center;}
#hd-microsite .hd-left .dropbox-user.active .detail ul { height: auto;}
#hd-microsite .hd-left .dropbox-user.active .detail { overflow: visible;}

footer { width: 100%; background: #ffffff; overflow: hidden; border-top: 3px solid #e6e6e6; padding-top: 10px;}
.sectionInfo { width: 940px; padding: 0 10px; overflow: hidden; margin: 0 auto;}
.sectionInfo li .header {padding: 2px 0 0;}
.sectionInfo li { width: 157px; overflow: hidden; float: left; line-height: 24px;}
.sectionInfo li h3 a ,.sectionInfo li .header{ font-size: 11px; text-transform: uppercase; color: #213c70;}
.sectionInfo li h3 a:hover { text-decoration: underline;}
.sectionInfo li ol { margin-bottom: 30px;}
.sectionInfo li ol li a { font-size: 12px; color: #333333;} 
.sectionInfo li ol li a:hover { text-decoration: underline;}
.todayInfo { width: 160px; overflow: hidden; margin-bottom: 20px;}
.our-network { width: 160px; overflow: hidden; margin-bottom: 15px;}
.sectionInfo>li:last-child { width: 124px; border: 3px solid #ededed;  padding: 15px 10px; float: right;}
.sectionInfo>li:last-child h3 { text-align: center; padding: 5px 0 0;}
.sectionInfo>li:last-child .epaper { height: 70px; overflow: hidden; position: relative; width: 124px;}
.sectionInfo>li:last-child .epaper span { background: url("../img/nav/ico-theme.png") 0 -315px no-repeat; display: block; height: 25px; position: absolute; top: 7px; width: 124px; left: 0;}
.sectionInfo>li:last-child ol { overflow: hidden; float: left; width: 124px; margin: 0;}
.sectionInfo>li:last-child ol li { width: 100px; overflow: hidden; line-height: 14px; margin-bottom: 5px; padding: 5px 0 0 20px; background: url(../img/footer/all-icon.png) 0 0 no-repeat;}
.sectionInfo>li:last-child ol li a { text-transform: uppercase; font-size: 11px; color: #213c70; }
.sectionInfo>li:last-child ol li a:hover { text-decoration: underline;}
.sectionInfo>li:last-child ol li:nth-child(1) { background-position: -4px 2px;}
.sectionInfo>li:last-child ol li:nth-child(2) { background-position: -4px -390px;}
.sectionInfo>li:last-child ol li:nth-child(3) { background-position: -5px -37px;}
.sectionInfo>li:last-child ol li:nth-child(4) { background-position: -5px -70px;}
.sectionInfo>li:last-child ol li:nth-child(5) { background-position: -5px -110px;}

footer section:nth-child(2) { background: #ededed; width: 100%; overflow: hidden; padding: 20px 0 25px;}
footer .BKP-digital { margin: 0 auto; width: 940px; padding: 20px 0;}
footer .BKP-digital h2 { color: #333333; font-size: 11px; font-weight: normal; padding: 0; text-transform: uppercase;}
footer .BKP-digital ul {overflow: hidden;padding-top: 20px;width: 964px;}
footer .BKP-digital ul li { overflow: hidden; float: left;border-right: 1px solid #d7d7d7; padding: 0 19px;}
footer .BKP-digital ul li:last-child {border: none;}
footer .BKP-digital ul li a{ overflow: hidden; background: url(../img/footer/all-icon.png) no-repeat 0 0; padding: 0 0 0 29px; float: left;text-transform: uppercase; font-size: 12px; color:#213c70;line-height:24px; }
footer .BKP-digital ul li:nth-child(1) { padding: 0 23px 0 0;}
footer .BKP-digital ul li:nth-child(1) a{ background-position: -3px -149px;}
footer .BKP-digital ul li:nth-child(2) a{ background-position: -3px -191px;}
footer .BKP-digital ul li:nth-child(3) a{ background-position: -2px -227px; }
footer .BKP-digital ul li:nth-child(4) a{ background-position: 0px -259px;}
footer .BKP-digital ul li:nth-child(5) a{ background-position: -4px -296px;}
footer .BKP-digital ul li:nth-child(6) a{ background-position: -4px -329px;}
footer .BKP-digital ul li:nth-child(7) a{ background-position: -2px -362px;}

footer section article { width: 940px; padding: 10px 10px 0; overflow: hidden; margin: 0 auto;}
footer section article h2 { font-size: 13px;}
footer section article p { color: #cccccc;}
footer section article p a { font-size: 12px; color: #333333;}
footer section article p a:hover,footer .BKP-digital ul li a:hover { text-decoration: underline;}
/*end theme*/

.Login-with-social { width: 313px; margin: 20px auto 0;}
.Login-with-social p { text-align: center; font-size: 12px; margin-bottom: 20px; background: url(../img/bg/bg-LoginPage.gif) 0 2px repeat-x;}
.Login-with-social p span { background: #ffffff; padding: 0 10px;}
.Login-with-social a { margin-bottom: 10px; display: inline-block;}

.social-account { width: 940px; padding: 45px 10px; overflow: hidden; margin: 0 auto;}
.social-account h1 { font-size: 14px; float: left; margin: 24px 20px 50px 0;}
.social-account h2 { font-size: 18px; color: #257bb9; clear: both; margin: 0 0 30px;}
.social-account h3 { font-size: 12px;}
.social-account p { font-size: 12px; margin: 0 0 20px; clear: both; line-height: 18px;}
.social-account p span { display: block;}
.social-account p a { color: #1e79bc; font-weight: bold;}
.social-account p a:hover { text-decoration: underline;}
.social-account ul { width: 940px; overflow: hidden;}
.social-account ul li { margin: 0 0 5px; width: 940px; overflow: hidden;}
.social-account ul li label {  font-size: 12px; font-weight: bold; width: 125px; float: left; margin: 4px 0 0;}
.social-account ul li label.headline { border: none; padding: 0; text-transform: none;}
.social-account ul li:nth-child(2) { margin: 0 0 10px;}
.social-account ul li:last-child { margin: 30px 0 0;}
.social-account ul li #submit { float: left; margin: 0 10px 0 0;}
.social-account ul li .fotgotPassword { width: auto; clear: none; float: left; margin: 7px 0 0;}
.social-account ul li .fotgotPassword a { text-decoration: underline;}
.social-account ul li .fotgotPassword a:hover { text-decoration: none;}
.social-account ol { width: 940px; overflow: hidden; clear: both; float: left; padding: 20px 0;}
.social-account ol li { float: left; margin: 0 25px 0 0;}
.social-account .step-2 label { width: 225px;}
.social-account .step-2 label span { font-weight: normal; display: block;}
.social-account .step-2 input { width: 390px; float: left; margin: 0 5px 0 0;}
.social-account .step-2 .form-message label { width: auto; font-weight: normal;}
.social-account .step-2 select { width: 150px; height: 22px;}
.social-account .step-2 #submit { width: 130px;}
.social-account .step-2 label input { width: auto;}
.social-account .step-2 label a { font-weight: normal; text-decoration: underline; margin: 0 5px 0 0;}
.social-account .step-2 label a:hover { text-decoration: none;}
.social-account .step-2 li:nth-child(5) label { width: auto;}
.social-account .step-2 #next { width: 121px;}
.social-account .step-3 label { width: 115px;}
.social-account .step-3 label input { width: auto;}
.social-account .step-3 input { width: 400px;}
.social-account .step-3 li label:nth-child(2),
.social-account .step-3 li label:nth-child(3),
.social-account .step-3 li label:nth-child(4) { width: 80px;}
.social-account .step-3 li img { margin: 6px 0 10px; float: left;}
.social-account .step-3 select { width: 150px; margin: 0 10px 0 0; height: 22px;}
.social-account .step-3 li:nth-child(7) label { width: auto;}
.social-account .step-3 .skip { width: 121px; float: left; margin: 0 10px 0 0; background: url("../img/button/btn-skip.png") 0 0 no-repeat; border: none; height: 33px; cursor: pointer; }
.social-account .step-3 .next { width: 121px; height: 33px; float: left;}
.social-account .form-message label.error { float: none; width: auto;}
.step-4 { text-align: center;}
.step-4 h2 { text-align: center; margin: 0;	}
.step-4 .group-btn { padding: 80px 0 30px;}
.img-problemSocial { float: left; clear: both; margin: 30px 0 50px;}

.writeSomething { width: 616px; overflow: hidden; margin: 25px 0; float: left; clear: both; background: #f3f3f3; border-bottom: 1px solid #b9b9b9; padding: 20px 10px;}
.writeSomething h2 { font-size: 14px; margin: 0 0 10px;}
.writeSomething h2 a { color: #257bb9;}
.writeSomething h2 a:hover { text-decoration: underline;}
.writeSomething form img { float: left; margin: 0 10px 10px 0;}
.writeSomething form div { float: left; overflow: hidden; width: 533px;}
.writeSomething form div textarea { border: 1px solid #737373; width: 527px; height: 53px; overflow: hidden; float: left; margin: 0 0 10px; padding: 2px;}
.writeSomething form div .send { background: url(../img/button/btn-send.gif) 0 0 no-repeat; display: inline-block; width: 44px; height: 17px; border: none; cursor: pointer; clear: both; float: left;}

#content fieldset.userprofile ul li input.createPassword { background: url(../img/button/btn-createPassword.png) 0 0 no-repeat; border: none; width: 100px; height: 20px; cursor: pointer;}
#content fieldset.userprofile ul li p.createPass { float: left; margin: 3px 0 0;}
#content fieldset.userprofile ul li p.avarta { display: inline-block; float: left;}
#content fieldset.userprofile ul li p.avarta img { margin: 0 0 5px;}
#content fieldset.userprofile ul li p span { display: block;}
#content fieldset.userprofile ul li p#passwordStrength span { display: inline-block;}
#content fieldset.userprofile ul li input.changeAvatar { background: url(../img/button/btn-changeAvatar.png) 0 0 no-repeat; border: none; width: 80px; height: 20px; clear: both; cursor: pointer;}
#content fieldset.userprofile .social-network { float: left;}
#content fieldset.userprofile .social-network li img { float: left; margin: 0 5px 0 0;}
#content fieldset.userprofile .social-network li span { background: url(../img/bg/bg-authorize.png) 0 -25px no-repeat; width: 70px; height: 20px; text-indent: -9999px; float: left; margin: 0 5px 0 0;}
#content fieldset.userprofile .social-network li.active span { background: url(../img/bg/bg-authorize.png) 0 0 no-repeat;}
#content fieldset.userprofile .social-network li.active label { display: block;}
#content fieldset.userprofile .social-network li label { width: auto; display: none; margin: 3px 0 0;}
#content fieldset.userprofile .social-network li label input { width: auto; margin: 0 5px 0 0;}


.profile-lightbox { width: 490px; padding: 80px 15px 50px; overflow: hidden; text-align: center; background: #ffffff; margin: 0 auto;}
.profile-lightbox p { font-size: 14px; color: #333333; margin-bottom: 20px;}
.profile-lightbox p span { display: block;}
.profile-lightbox p a:first-child { margin: 0 15px 0 0;}
.profile-lightbox ul { width: 377px; overflow: hidden; margin: 0 auto;}
.profile-lightbox ul li { overflow: hidden; width: 377px; margin: 0 0 10px;}
.profile-lightbox ul li label { float: left; font-size: 12px; font-weight: bold; width: 120px; text-align: left;}
.profile-lightbox ul li p { font-size: 12px; margin: 0; float: left;}
.profile-lightbox ul li input { float: left; width: 250px; border: 1px solid #cccccc; padding: 2px;}
.profile-lightbox ul li:last-child { margin: 20px 0 0;}
.profile-lightbox.box2 { padding: 25px 15px;}
.profile-lightbox .form-message { display: inline-block; margin: 0 0 0 40px;}
.profile-lightbox .form-message label.error { width: auto; padding: 5px 0 0;}

/*page not found*/
#thailandSearchWrapper {width: 942px; margin: 0 auto; padding: 20px 0 60px; overflow: hidden;}
#thailandSearchWrapper p.results{font-size: 16px;font-weight: bold;color: rgb(19,52,79);border-bottom: 1px solid rgb(221,221,221);}
#thailandSearchWrapper p.results .searchcomment {font-size: 12px; color: rgb(0,0,0);font-weight: normal;}
#thailandSearchWrapper p.results .searchcomment  a {color: rgb(53,101,139); text-decoration: none;}
#thailandSearchWrapper p.results .searchcomment  a:hover {text-decoration: underline;}
#thailandSearchWrapper p.results span { color: rgb(239,28,36);}
#Search-noresult {font-size: 12px; color: rgb(0,0,0); line-height: 18px;}
#Search-noresult a {color: rgb(30,121,188); text-decoration: underline;}
#Search-noresult a:hover {text-decoration: none;}
#Search-noresult p.returnmsg {padding-top: 20px; color: rgb(30,121,188); font-weight: bold; font-size: 14px;}
#Search-noresult p.returnmsg span {color: rgb(0,0,0);}
#Search-noresult form {margin-bottom: 25px;}
#Search-noresult form label {font-size: 14px; font-weight: bold; margin-right: 10px;}
#Search-noresult form input {width: 318px; padding: 2px;}
#Search-noresult form .searchbtn { background: url("../img/button/btn_advancesearch.jpg") no-repeat 0 0; border: none; cursor: pointer; height: 27px; width: 78px; margin: 0 0 0 10px;}

aside .gradientBox2 { margin: 0 auto 15px;}

.Expat-forum #hd-inside .hd-left ul { font-size: 16px;}
.Expat-forum #wrapper { background: none; padding: 15px 0 20px;}
.Expat-forum.shortHeader .hd-center h1 { margin: 0;}
.Expat-forum #hd-inside p { margin-bottom: 0;}
.Expat-forum div.epaper p:nth-child(2) { margin-bottom: 0;}
.Expat-forum .sectionInfo li h3 { margin: 0; border: none;}


/*Ads expand*/
#leaderAd #leader-2p{z-index: 3!important; height: 90px!important; overflow: hidden; position:relative}
#leaderAd.leaderAdExpand #leader-2p{overflow: visible; height: 300px!important; left:0; top:0; width: 728px; margin-bottom: -90px;}
.upper #wrapper,
.upper .articleContent,.upper .twoCol,
.upper .sectionPhoto,.upper .wp-highlight section,
.upper .highlight-topic .levelNavigaton,
.upper .highlight-topic .content,
#hot-topic.upper #oneCol{position: relative; top: -120px; z-index: 0;}
/*Ads- Sidebar Scroll*/
#sidebar-scroll .ads-left,#sidebar-scroll .ads-right {top: 135px!important;}

.attentionBox { background: #db2027; font-size: 18px; margin: 20px auto 0; width: 940px; padding: 10px 0px; height: 50px; color: #ffffff; text-align: center;}
.attentionBox span { display: block;}

.secondary .settrade { background: #efefef; padding: 0 50px;}

/*Add new listing global*/
#add-profile.profile-thx .location .map #themap {  height: 306px;width: 529px;}
#add-profile.profile-thx .location .map {border-right: 20px solid #ffffff; float: left;height: 306px; overflow: hidden; width: 529px;}

/*search directory*/
body form.mini div > p:nth-of-type(2) .styled .customSelectInner {width:127px!important; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*logo 70 year*/
footer section article .logo70year,
footer section article .logoBKPgroup { float: left; margin: 6px 20px 0 0;}
footer section article > h2 { margin: 0;}