/*	GADGET:

	This CSS file cotain the style sheets of all panel box that used in every
	page of PostToday's site.

	Last update: 10 March 2009

	......................................................................... */


		/*	topPanel link list:
			................................................................. */

			#helpList {width: 420px; float: left; }

			#helpList li {float: left; padding: 5px 10px 5px 0; list-style: none; }

			#helpList li.dropDownTab {
				width: 102px;
				height: 20px;
				padding: 6px 5px 0;
				color: rgb(255,255,255);
				background: rgb(218,0,0);
				border: 1px solid rgb(173,173,173);
			}

			#helpList li a {color: rgb(102,102,102); }

			#helpList li.dropDownTab img {vertical-align: baseline;}
			#helpList li.dropDownTab a {color: rgb(255,255,255); text-decoration: none;}
			#helpList li.dropDownTab a:hover {color: rgb(255,255,255); text-decoration: none;}

			#helpList li.activeDropDown {
				width: 102px;
				height: 25px;
				padding: 6px 5px 0;
				color: rgb(51,51,51);
				background: rgb(255,255,255) !important;
				border-top: 1px solid rgb(173,173,173);
				border-right: 1px solid rgb(173,173,173);
				border-bottom: 1px solid rgb(255,255,255);
				border-left: 1px solid rgb(173,173,173);
				margin-bottom: -1px;
			}

			#helpList li.activeDropDown a:hover {color: rgb(218,0,0); text-decoration: none; }

			#dropDownMenu p {margin: 0 10px 5px; }

			#productList {
				/*width: 470px;*/
				height: 17px;
				color: rgb(255,255,255);
				background: transparent url(../images/bg/product_bg.gif) no-repeat;
				padding: 5px 0 5px 15px;
				margin: 0 30px 5px 0;
				float: right;
				position: relative;
				_margin-right: 15px;
			}

			#productListStatic {
				width: 332px;
				height: 17px;
				color: rgb(255,255,255);
				background: transparent url(../images/bg/productStatic_bg.gif) no-repeat;
				padding: 5px 0 5px 20px;
				margin-bottom: 5px;
				float: right;
			}

			#productList li, #productListStatic li  {
				float: left;
				padding-right: 5px;
				list-style: none;
			}

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

			#productList li.truehits {
				height: 22px;
				background: transparent url(../images/bg/product_bg.gif) -485px 0 no-repeat;
				position: absolute;
				right: -30px;
				top: 0;
				padding: 5px 0 0 20px;
				width: 14px;
			}

		/*user-navigation*/
.user-navigation ul li{
	border-right: solid 1px #d1d1d1;
	float: right;
	list-style: none;
	height: 25px;
	overflow: hidden;
}

.user-navigation ul .login {
	background: url(../images/icon/login.jpg) no-repeat 0 0;
	height: 20px;
	margin-left: 10px;
	padding-left: 23px;
	width: 63px;
}

.user-navigation ul .register {
	background: url(../images/icon/register.jpg) no-repeat 0 0;
	height: 20px;
	margin-left: 10px;
	padding-left: 23px;
	width: 77px;
}

.user-navigation ul .premium {
    background: url(../images/icon/premium.jpg) no-repeat scroll 0 0 transparent;
    height: 20px;
    margin-left: 10px;
    padding-left: 23px;
    width: 63px;
}

.user-navigation ul .last{
	border: none;
	height: 20px;
	padding: 0 10px;
	width: 75px;
}

.user-navigation ul .userAvatar {
	border: none;
	height: 20px;
	padding: 0 5px 0;
}

.user-navigation ul .rateUser {
	border: none;
	height: 20px;
}
.user-navigation ul .rateUser .score,
.user-navigation ul .rateUser .rate { font-size: 11px; color: #999;}
.user-navigation ul .rateUser a.premuimUpgrade { padding: 0 3px 0 2px;}
.user-navigation ul .rateUser a.premuimUpgrade img { vertical-align: middle;}

.user-navigation ul .rateUser .name span,
.user-navigation ul .rateUser .score span,
.user-navigation ul .rateUser .rate span { border: none; padding-right: 0px;}

.user-navigation ul .logOut {
	height: 20px;
	padding-left: 10px;
	width: 85px;
}

/************ sub-navigation *************/
.sub-navigation h2{
	background: url(../images/bg/community-bg.png) no-repeat 0 0;
	float: left;
	font-size: 13px;
	height: 33px;
	padding-left: 10px;
	padding-top: 8px;
	width: 84px;
}

.sub-navigation ul li a { color: #222; display: block; padding-top: 10px; }

.sub-navigation ul li a:hover{ color: #c82a24; cursor: pointer;}

.sub-navigation ul li span{
	border-right: dotted 1px #000;
	display: block;
	height: 18px;
}

.sub-navigation ul a:hover {text-decoration: none;}

.sub-navigation ul .hot-news a{
	background: url(../images/icon/icon-hot-news.jpg) no-repeat 0 2px;
	height: 23px;
	padding-left: 26px;
	width: 102px;
}

.sub-navigation ul .hot-news a:hover,
.sub-navigation ul .hot-news.active a { background: url(../images/icon/icon-hot-news.jpg) no-repeat 0 -31px; }

.sub-navigation ul .horoscope a{
	background: url(../images/icon/icon-horoscope.jpg) no-repeat 0 0;
	height: 23px;
	padding-left: 31px;
	width: 37px;
}

.sub-navigation ul .horoscope a:hover ,
.sub-navigation ul .horoscope.active a{ background: url(../images/icon/icon-horoscope.jpg) no-repeat 0 -33px;}

.sub-navigation ul .picture a{
	background: url(../images/icon/icon-picture.jpg) no-repeat 0 0;
	height: 23px;
	padding-left: 30px;
	width: 46px;
}

.sub-navigation ul .picture a:hover,
.sub-navigation ul .picture.active a{ background: url(../images/icon/icon-picture.jpg) no-repeat 0 -33px;}

.sub-navigation ul .clip-vdo a{
	background: url(../images/icon/icon-clip-vdo.jpg) no-repeat 0 0;
	height: 23px;
	padding-left: 30px;
	width: 59px;
}

.sub-navigation ul .clip-vdo a:hover,
.sub-navigation ul .clip-vdo.active a{ background: url(../images/icon/icon-clip-vdo.jpg) no-repeat 0 -33px;}

.sub-navigation ul .webboard a{
	background: url(../images/icon/icon-webboard.jpg) no-repeat 0 0;
	height: 23px;
	padding-left: 32px;
	width: 56px;
}

.sub-navigation ul .webboard a:hover,
.sub-navigation ul .webboard.active a{ background: url(../images/icon/icon-webboard.jpg) no-repeat 0 -33px;}

.sub-navigation ul .poll a{
	background:url(../images/icon/icon-poll.jpg) no-repeat 0 0;
	height: 23px;
	padding-left: 28px;
	width: 31px;
}

.sub-navigation ul .poll a:hover,
.sub-navigation ul .poll.active a{ background: url(../images/icon/icon-poll.jpg) no-repeat 0 -33px;}

.sub-navigation ul .columnist-online a{
	background:url(../images/icon/icon-columnist-online.jpg) no-repeat 0 0;
	height: 23px;
	padding-left: 28px;
	width: 108px;
}

.sub-navigation ul .columnist-online a:hover,
.sub-navigation ul .columnist-online.active a{ background: url(../images/icon/icon-columnist-online.jpg) no-repeat 0 -33px;}

.sub-navigation ul .learning a{
	background: url(../images/icon/icon-learning.jpg) no-repeat 0 0;
	height: 23px;
	padding-left: 24px;
	width: 62px;
}

.sub-navigation ul .learning a:hover,
.sub-navigation ul .learning.active a{ background: url(../images/icon/icon-learning.jpg) no-repeat 0 -33px;}

.sub-navigation ul .lottery a{
	background: url(../images/icon/icon-lottery.jpg) no-repeat 0 0;
	height: 23px;
	padding-left: 24px;
	width: 75px;
}

.sub-navigation ul .lottery a:hover,
.sub-navigation ul .lottery.active a{ background: url(../images/icon/icon-lottery.jpg) no-repeat 0 -33px;}


		/*	LOGO and Effect:
			................................................................. */

			.defaultLogo { background: url(../images/bg/PTlogo.jpg) no-repeat 0 0;}
			.newsLogo {background: transparent url(../images/posttodayLogoNews.png) no-repeat;}
			.analyseLogo {background: transparent url(../images/posttodayLogoAnalyse.png) no-repeat;}
			.columnistLogo {background: transparent url(../images/posttodayLogoColumnist.png) no-repeat;}
			.mouthLogo {background: transparent url(../images/posttodayLogoMouth.png) no-repeat;}
			.thaisocietyLogo {background: transparent url(../images/posttodayLogoThaisociety.png) no-repeat;}
			.lifestyleLogo {background: transparent url(../images/posttodayLogoLifestyle.png) no-repeat;}
			.moneyguideLogo {background: transparent url(../images/posttodayLogoMoneyguide.png) no-repeat;}
			.homecondoLogo {background: transparent url(../images/posttodayLogoHomecondo.png) no-repeat;}
			.motorLogo {background: transparent url(../images/posttodayLogoMotor.png) no-repeat;}
			.digitallifeLogo {background: transparent url(../images/posttodayLogoDigitallife.png) no-repeat;}
			.sportLogo {background: transparent url(../images/posttodayLogoSport.png) no-repeat;}
			.worldLogo {background: transparent url(../images/posttodayLogoWorld.png) no-repeat;}
			.eattravelLogo {background: transparent url(../images/posttodayLogoEattravel.png) no-repeat;}
			.mindsoulLogo {background: transparent url(../images/posttodayLogoMindsoul.png) no-repeat;}
			.pollLogo {background: transparent url(../images/posttodayLogoPoll.png) no-repeat;}
			.photoLogo {background: transparent url(../images/posttodayLogoPhoto.png) no-repeat;}
			.videoLogo {background: transparent url(../images/posttodayLogoVideo.png) no-repeat;}
			.watchedTopicLogo {background: transparent url(../images/posttodayLogoWatched.png) no-repeat;}
			.iPosttodayLogo {background: transparent url(../images/posttodayLogoiPosttoday.png) no-repeat;}
			.encyclopediaLogo {background: transparent url(../images/posttodayLogoEncyclopedia.png) no-repeat;}
			.registerLogo {background: transparent url(../images/posttodayLogoRegister.png) no-repeat;}
			.epaperLogo {background: transparent url(../images/posttodayLogoEpaper.png) no-repeat;}
			.frontLogo {background: transparent url(../images/posttodayLogoFrontpage.png) no-repeat;}
			.buySaleLogo {background: transparent url(../images/posttodayLogoBuySale.png) no-repeat;}
			.rssFeedsLogo {background: transparent url(../images/posttodayLogoRssfeeds.png) no-repeat;}
			.nineFilmfestLogo {background: transparent  url(../images/posttodayLogo_9filmfest.png) no-repeat;}
			.smsLogo {background: transparent url(../images/posttodayLogoSMSNews.png) no-repeat;}
			.buddhismLogo {background: transparent url(../images/posttodayLogoBuddhism.png) no-repeat;}
			.businessLogo {background: transparent url(../images/posttodayLogoBusiness.png) no-repeat;}
			.financial-stockLogo {background: transparent url(../images/posttodayLogoFinancialStock.png) no-repeat;}
			.travelLogo {background: transparent url(../images/posttodayLogoTravel.png) no-repeat;}
			.money-stock-goldLogo {background: transparent url(../images/posttodayLogoMoneyguide.png) no-repeat; }
			.blogsLogo {background: transparent url(../images/posttodayLogoBlogs.png) no-repeat; }
			.webboardLogo {background: transparent url(../images/posttodayLogoWebboard.png) no-repeat;}
			.jobLogo {background: transparent url(../images/posttodayLogoJob.png) no-repeat;}
			.radioLogo {background: transparent url(../images/posttodayLogoRadioTalk.png) no-repeat;}
			.howtoLogo {background: transparent url(../images/posttodayLogoHowto.png) no-repeat;}
			.investmentLogo {background: transparent url(../images/posttodayLogoInvestmentExpo2010.png) no-repeat;}

			#campaign-logo {
			left: -95px;
			position: absolute;
			top: -16px; }


		/*	Info Box and Default Search:
			................................................................. */



			#defaultSearchBox {
				width: 295px;
				height: 49px;
				float: left;
				padding-top: 22px;
				color: rgb(255,255,255);
			}

			.searchPanel #defaultSearchBox {
				width: 550px !important;
				height: 40px !important;
				vertical-align: middle;
				padding-top: 4px !important;
			}

			#defaultSearchBox .textfield {width: 203px; height: 25px;}
			#defaultSearchBox .searchBtn {vertical-align: bottom;}
			#defaultSearchBox input.searchBtn {
				width: 80px;
				height: 32px;
				border:  none;
				cursor: pointer;
				background: url(../images/button/search.png);
				vertical-align: bottom;
			}




		/*	Login Box | After Login Box:
			................................................................. */

			.loginRegister {
				width: 206px;
				height: 87px;
				float: right;
				text-align: center;
				background: transparent url(../images/bg/loginRegister_bg.gif) repeat-x;
				border: 1px solid rgb(190,190,190);
			}

			.loginRegister ul {margin: 0 auto 10px;	line-height: 18px;}
			.loginRegister p {clear: both;}

			.loginRegister ul.nonLogin {width: 187px; height: 30px; padding-top: 20px;}
			.loginRegister ul.nonLogin li {float: left; list-style: none;}

			.loginRegister ul.nonLogin li a {
				display: block;
				height: 30px;
				background-position: 0 0;
				background-repeat: none;
				text-decoration: none;
			}

			.loginRegister ul.nonLogin li a:hover {background-position: 0 -30px; _background-position: 0 -29px;}
			.loginRegister ul.nonLogin li span {visibility: hidden;}

			.loginRegister ul.nonLogin li#register a {
				width: 98px;
				background-image: url(../images/button/register-btn.png);
				margin-right: 5px;
				_margin-right: 1%;
			}

			.loginRegister ul.nonLogin li#login a {width: 84px; background-image: url(../images/button/login-btn.png);}

			.loginRegister ul.afterLogin {
				width: 190px;
				height: 53px;
				margin: 0px 8px 0;
				padding-top: 7px;
				_overflow: hidden;
			}

			.loginRegister ul.afterLogin li {float: left; list-style: none;}

			.loginRegister ul.afterLogin li.userAvatar {
				width: 48px;
				height: 48px;
				float: left;
				padding: 3px 10px 5px 0;
			}

			.loginRegister ul.afterLogin li.logOut {width: 120px; text-align: left; margin-top: 6px;}
			ul.afterLogin li.logOut a {color: rgb(102,102,102);}

		/*	=CAMPAIGN [afterLogin]
			................................................................. */

			.loginRegister ul.afterLogin-campaign {
				width: 190px;
				height: 53px;
				margin: 0px 8px 0;
				padding-top: 7px;
				_overflow: hidden;
			}

			.loginRegister ul.afterLogin-campaign li {float: left; line-height: 17px; list-style: none;}

			.loginRegister ul.afterLogin-campaign li.userAvatar {
				width: 48px;
				height: 48px;
				float: left;
				padding: 3px 10px 5px 0;
			}

			.loginRegister ul.afterLogin-campaign li.rateUser {width: 132px; text-align: left; font-size: 10px;}
			.loginRegister ul.afterLogin-campaign li.rateUser a {color: rgb(200,42,36); font-size: 11px;}
			.loginRegister ul.afterLogin-campaign li.rateUser a span {font-size: 9px;}

			.loginRegister ul.afterLogin-campaign li.logOut {width: 120px; text-align: left; }
				ul.afterLogin-campaign li.logOut a {color: rgb(102,102,102);}



		/*	=define for .highlight-breakingNews
			................................................................. */

			#highlight {padding-bottom: 15px; overflow: hidden; position: relative; width: 635px; /padding-bottom: 0; }
			#highlight h1 {border-bottom: 3px solid rgb(200,42,36); color: rgb(200,42,36); font-size: 16px; margin-bottom: 15px; padding-bottom: 12px; }
			#highlight h1 span {background: rgb(255,255,255); float: left; margin-bottom: -10px; padding-right: 10px; }

			.todayHighlight {
				width: 372px;
				float: left;
				overflow: hidden;
			}

			.todayHighlight ol {
				width: 372px;
				background: rgb(200,42,36);
				height: 358px;
				margin-bottom: 8px;
				padding: 0 0 10px 0 !important;
				list-style: none;
			}

			.todayHighlight ol li {background: rgb(200,42,36); display: none; padding: 0 10px; overflow: hidden; width: 352px; }
			.todayHighlight ol li:first-child {display: block; }

			.todayHighlight h1 {
				border: 0 !important;
				color: rgb(255,255,255);
				font-size: 25px !important;
				font-weight: normal;
				height: auto !important;
				margin: 0 !important;
				padding: 0 0 5px !important ;
				overflow: hidden;
				width: 352px;
			}

			.todayHighlight h1 span {background: none !important; display: block; float: none !important; margin-bottom: 0 !important; width: 940px;}
			.todayHighlight h1 a {color: rgb(255,255,255); text-decoration: none; }
			.todayHighlight h1 a:hover {color: rgb(255,255,255); text-decoration: underline;}

			.todayHighlight p {color: rgb(255,255,255);}
			.todayHighlight p img {margin: 0 0 5px -10px; }

			.breakingNews-specialReport h2, .videoPanel h2 {
			border-bottom: 3px solid rgb(200,42,36);
			color: rgb(200,42,36);
			font-size: 15px;
			margin-bottom: 10px;
			padding-bottom: 5px; }

			.breakingNews-specialReport h2 a, .videoPanel h2 a,
			.breakingNews-specialReport h2 a:hover, .videoPanel h2 a:hover {color: rgb(200,42,36); }

			.breakingNews-specialReport h2 img, .videoPanel h2 img {margin-bottom: 4px; vertical-align: middle; }

			.breakingNews-specialReport ol {font-size: 13px; margin-bottom: 10px; }
			.breakingNews-specialReport ol li {list-style: none !important; }
			.breakingNews-specialReport ol li em {font-style: normal; font-weight: bold; color: rgb(200,42,36); margin-right: 5px; }
			.breakingNews-dpecialReport p.readMore {border-bottom: 1px dotted rgb(139,139,139); padding: 0 0 5px 5px; }


		/*	=define for .highlight-breakingNews
			................................................................. */

			.highlight-controls {overflow: hidden; width: 372px; clear: both; }
			.highlight-controls li {
				float: left;
				height: 13px;
				list-style: none;
				margin-right: 4px;
				width: 13px;
			}

			.highlight-controls li a {
				background: url(../images/bg/bg-highlight-controls.gif);
				color: rgb(111,111,111);
				display: block;
				font-size: 10px;
				height: 11px;
				line-height: 10px;
				padding-top: 2px;
				text-align: center;
				width: 13px;
			}

			.highlight-controls li a:hover, .highlight-controls li a.active {
				background-position: 0 -13px;
				color: rgb(255,255,255);
				text-decoration: none;
			}



		/*	=define for .innerpageHighlight
			................................................................. */

			.innerpageHighlight h1 {font-size: 25px; color: rgb(200,42,36); margin: 5px 0;}

			.innerpageHighlight h1 a {color: rgb(200,42,36); text-decoration: none;}
			.innerpageHighlight h1 a:hover {color: rgb(200,42,36); text-decoration: underline;}

			.innerpageHighlight h2 {
				border-bottom: 1px dotted rgb(139,139,139);
				border-top: 1px solid rgb(139,139,139);
				margin-top: 10px;
				padding: 8px 0 5px;
			}

			.innerpageHighlight h2 a {font-size: 16px; color: rgb(200,42,36); margin: 5px 0;}

			.innerpageHighlight h2 img {}

			.innerpageHighlight em {font-style: normal; display: block; padding-top: 10px;}

			.innerpageHighlight ul li {
				background: url(../images/bg/bg-randomCategories-list.gif) 0 13px no-repeat;
				border-bottom: 1px dotted rgb(139,139,139);
				padding: 5px 0 5px 12px;
				list-style: none;
			}

			.centerColumn-S .innerpageHighlight {border-bottom: 1px dotted rgb(139,139,139); width: 305px; }
			.centerColumn-S .innerpageHighlight h1 {font-size: 18px; }

		/*	=define for .innerpage-HighlightList
			................................................................. */

			.innerpage-HighlightList {clear: both; margin-bottom: 30px; width: 305px; }
			.innerpage-HighlightList li {
			border-bottom: 1px dotted rgb(139,139,139);
			padding: 10px 0;
			width: 305px;
			list-style: none;
			overflow: hidden; }

			.innerpage-HighlightList .thumbnail img {float: right; padding: 0 0 10px 10px; }
			.innerpage-HighlightList h3 {font-size: 15px; }


		/*	=define for .innerpageHighlight
			................................................................. */

			.innerpage-subHighlight-breakingNews ol.subHighlight,
			#highlight .subHighlight {width: 250px;}

			#highlight .subHighlight {float: right; }

			.innerpage-subHighlight-breakingNews ol.subHighlight li,
			#highlight .subHighlight li {
				list-style: none;
				padding-bottom: 5px;
				margin-bottom: 5px;
				border-bottom: 1px dotted rgb(139,139,139);
			}

			.innerpage-subHighlight-breakingNews ol.subHighlight li.hot,
			#highlight .subHighlight li.hot {width: 100%; _overflow: hidden; clear: both;}

			.innerpage-subHighlight-breakingNews ol.subHighlight li.hot h2,
			#highlight .subHighlight li.hot h2 {font-size: 13px; color: rgb(200,42,36);}
			.innerpage-subHighlight-breakingNews ol.subHighlight li.hot h2 a {color: rgb(200,42,36); text-decoration: none;}
			.innerpage-subHighlight-breakingNews ol.subHighlight li.hot h2 a:hover {color: rgb(200,42,36); text-decoration: underline;}

			.innerpage-subHighlight-breakingNews ol.subHighlight li.hot img,
			#highlight .subHighlight li.hot img {
				width: 90px;
				height: 60px;
				float: left;
				margin-right: 5px;
			}

			.innerpage-subHighlight-breakingNews ol.subHighlight li.hot div.hotdetial,
			#highlight .subHighlight li.hot div.hotdetial {width: 150px; float: right;}

			.innerpage-subHighlight-breakingNews .breakingNews {width: 250px; margin-bottom: 15px;}
			.innerpage-subHighlight-breakingNews .breakingNews h2 {font-size: 15px; color: rgb(200,42,36); margin-bottom: 5px;}
			.innerpage-subHighlight-breakingNews .breakingNews h2 a {color: rgb(200,42,36);}
			.innerpage-subHighlight-breakingNews .breakingNews h2 span {font-size: 13px;}
			.innerpage-subHighlight-breakingNews .breakingNews h2 img {margin-bottom: 4px; vertical-align: middle; }
			.innerpage-subHighlight-breakingNews .breakingNews ol {color: rgb(200,42,36); padding-left: 15px;}
			.innerpage-subHighlight-breakingNews .breakingNews ol li {list-style: disc;}
			.innerpage-subHighlight-breakingNews .breakingNews ol li em {font-style: normal; font-size: 11px; color: rgb(102,102,102);}
			.innerpage-subHighlight-breakingNews p.readMore {margin-bottom: 15px;}


			.specialReport {padding-top: 10px; }
			.specialReport img {float: left; margin-right: 15px; }
			.specialReport p a {font-size: 15px; font-weight: bold; }
		/************** header ***************/
		#posttodayLogo a { text-decoration: none; width: 205px; height:93px; display:block;}
		#posttodayLogo span{ visibility: hidden;}

		.user-navigation ul li a{ display: inline; cursor: pointer;}
		.user-navigation ul li.userAvatar a img { vertical-align: middle;}
		.user-navigation ul li span{ display: inline; height: 20px; }


		.datetime-display{
			color: #999;
			float: left;
			font-size: 12px;
			overflow: hidden;
		}

		/*	=define for .panelBar-BoomBoxAds
			................................................................. */

			#hotIssues {
				background: rgb(239,239,239);
				border-right: 10px solid rgb(239,239,239);
				float: left;
				height: 21px;
				padding: 7px 0 5px 140px;
				position: relative;
				overflow: hidden;
				width: 485px;
				margin-top: 15px;
			}

			#hotIssues h1 {
				border: 0;
				color: #C51913;
				font-size: 13px;
				margin-bottom: 0;
				padding-top: 0;
				position: absolute;
				left: 10px;
				width: 130px;
			}

			#hotIssues h1 a, #hotIssues h1 a:hover{color: #C51913;}

			#hotIssues ol {width: 800px; }
			#hotIssues ol li {border-right: 1px solid rgb(192,192,192); list-style: none; float: left; margin-top: 0px; padding: 0 5px; }

			.hotIssues {
				width: 294px;
				border: 1px solid rgb(29,29,29);
				background: rgb(15,42,91);
				margin-bottom: 15px;
				padding: 2px;
			}

			.hotIssues h2 {
				width: 278px;
				height: 29px;
				background: transparent url(../images/bg/hotIssue-header_bg.gif) repeat-x;
				font-size: 16px;
				color: rgb(255,255,255);
				border-bottom: 1px solid rgb(39,80,139);
				padding: 6px 8px 0;
			}

			.hotIssues h2 a {color: rgb(255,255,255); text-decoration: none;}
			.hotIssues h2 a:hover {color: rgb(255,255,255); text-decoration: underline;}

			.hotIssues ol li {
				width: 200px;
				min-height: 27px;
				color: rgb(255,255,255);
				list-style: none;
				padding: 4px 68px 4px 28px;
				border-bottom: 1px solid rgb(39,80,139);
				position: relative;
			}

			.hotIssues ol li:hover {background: rgb(228,0,0);}
			.hotIssues ol li a {color: rgb(255,255,255); line-height:16px;}
			.hotIssues ol li img {vertical-align: middle; margin-right: 5px; float: left;}
			.hotIssues ol li p span {visibility: hidden;}

			.hotIssues ol li em {
				width: 15px;
				height: 35px;
				display: block;
				margin-right: 5px;
				font-style: normal;
				font-weight: bold;
				font-size: 20px;
				position: absolute;
				vertical-align: top;
				top: -2px;
				left: 8px;
			}

			.hotIssues ol li p.follow, .hotIssues ol li p.unfollow {
				width: 70px;
				height: 32px;
				position: absolute;
				top: 0;
				right: 0;
			}

			.hotIssues ol li p.follow a {
				display: block;
				width: 70px;
				height: 32px;
				background-image: url(../images/button/follow.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				text-decoration: none;
			}

			.hotIssues ol li p.unfollow a {
				display: block;
				width: 70px;
				height: 32px;
				background-image: url(../images/button/unfollow.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				text-decoration: none;
			}

			.hotIssues ol li p.follow a:hover, .hotIssues ol li p.unfollow a:hover {background-position: 0 -32px; text-decoration: none;}

/*	Next Version
			.hotIssues {
				width: 294px;
				border: 1px solid rgb(29,29,29);
				background: rgb(15,42,91);
				margin-bottom: 15px;
				padding: 2px;
			}

			.hotIssues h2 {
				width: 278px;
				height: 29px;
				background: transparent url(../images/bg/hotIssue-header_bg.gif) repeat-x;
				font-size: 16px;
				color: rgb(255,255,255);
				border-bottom: 1px solid rgb(39,80,139);
				padding: 6px 8px 0;
			}

			.hotIssues h2 a {color: rgb(255,255,255); text-decoration: none;}
			.hotIssues h2 a:hover {color: rgb(255,255,255); text-decoration: underline;}

			.hotIssues ol li {
				width: 200px;
				min-height: 27px;
				color: rgb(255,255,255);
				list-style: none;
				padding: 4px 68px 4px 28px;
				border-bottom: 1px solid rgb(39,80,139);
				position: relative;
			}

			.hotIssues ol li:hover {background: rgb(228,0,0);}
			.hotIssues ol li a {
				color: rgb(255,255,255);
				font-size: 15px;
				font-weight: bold;
				float: left;
				padding-top: 8px;
				line-height: 16px;
			}

			.hotIssues ol li img {vertical-align: middle; margin: -8px 8px 0 0; float: left;}
			.hotIssues ol li p span {visibility: hidden;}

			.hotIssues ol li em {
				width: 15px;
				height: 35px;
				display: block;
				margin-right: 5px;
				font-style: normal;
				font-weight: bold;
				font-size: 20px;
				position: absolute;
				vertical-align: top;
				top: 8px;
				left: 8px;
			}

			.hotIssues ol li p.follow, .hotIssues ol li p.unfollow {
				width: 70px;
				height: 32px;
				position: absolute;
				top: 5px;
				right: 0;
			}

			.hotIssues ol li p.follow a {
				display: block;
				width: 70px;
				height: 22px;
				background-image: url(../images/button/follow.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				text-decoration: none;
			}

			.hotIssues ol li p.unfollow a {
				display: block;
				width: 70px;
				height: 22px;
				background-image: url(../images/button/unfollow.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				text-decoration: none;
			}

			.hotIssues ol li p.follow a:hover, .hotIssues ol li p.unfollow a:hover {background-position: 0 -32px; text-decoration: none;}
*/

		/*	POLL PANEL, BREAKING NEWS and POLL VOTED MEMBERS PANEL:
			................................................................. */

			.pollPanel, .breakingNewsPanel, .linkPanel, .pollVotedMembers {
				width: 298px;
				margin-bottom: 15px;
				border: 1px solid rgb(185,185,185);
				background: url(../images/bg/bg-breakingNewsPanel.gif);
				_overflow: hidden;
			}

			.pollPanel h2, .breakingNewsPanel h2, .pollVotedMembers h2, .linkPanel h2 {
				width: 286px;
				height: 27px;
				font-size: 15px;
				color: rgb(200,42,36);
				border-top: 1px solid rgb(255,255,255);
				margin: 0 auto 0;
				padding: 8px 0 0 10px;
			}

			.breakingNewsPanel h2 img {margin-bottom: 4px; vertical-align: middle; }

			.pollPanel h2 a, .breakingNewsPanel h2 a, .pollVotedMembers h2 a, .linkPanel h2 a
			{color: rgb(200,42,36); text-decoration: none;}
			.pollPanel h2 a:hover, .breakingNewsPanel h2 a:hover, .pollVotedMembers h2 a:hover, .linkPanel h2 a:hover
			{color: rgb(200,42,36); text-decoration: underline;}


			.content-panel h1.channel-header,
			.side-bar h1.channel-header{
				background: url(../images/bg/sub-nav-bg.png) repeat;
				height: 24px;
				line-height: 0;
				margin:0 0 10px;
				padding: 0;
				width: 300px;
				}

			.content-panel h1.channel-header a,
			.side-bar h1.channel-header a{
				background-color: #1b66d8;
				border-right: solid 3px #FFF;
				color: #FFF;
				float: left;
				font-size: 13px;
				line-height: 14px;
				padding: 5px 10px;
				}
			.pollPanel {
    			background: #EFEFEF;
    			overflow: hidden;
				padding-bottom: 20px;
   				width: 298px;
				margin: 0;
				}
			.pollPanel ul li p.graph {
    			background: none repeat scroll 0 0 #FFFFFF;
    			border: 1px solid #0CACEF;
    			clear: both;
    			float: left;
    			height: 25px;
				margin: 0;
    			padding: 0!important;
    			position: relative;
    			width: 230px;
			}
			.pollPanel h3 {
				font-size: 15px;
				color: rgb(22,63,104);
				overflow: hidden;
    			padding: 10px 0 6px 10px;
			}

				.pollPanel .voteRate {
    			background: url("../images/button/voteRate-btn.png") no-repeat scroll 0 0 transparent;
    			float: left;
    			height: 24px;
    			margin-left: 10px;
    			width: 78px;
				}
				.pollPanel .joyVote {
    			background: url("../images/button/joyVote-btn.png") no-repeat scroll 0 0 transparent;
    			float: left;
   				height: 24px;
    			margin-left: 10px;
    			width: 78px;
				}
			.pollPanel p a:hover {background-position: 0 -24px; }

			.pollPanel p img {float: left; margin-right: 5px;}
			.pollPanel ul {  background: #EFEFEF; float: left; list-style: none outside none; padding: 0 0 15px 10px; width: 290px;
}
			.pollPanel ul li {clear: both; width: 280px;}
			.pollPanel ul li label { color: #C82A24; display: block; font-weight: bold; padding: 5px 0;}
			.pollPanel ul li .radioBtn {margin: 3px 5px 0 0; /margin: -2px 0 0 0 !important; float: left; _margin: 0;}

			.pollPanel ul li p {
				float: right;
    			padding-top: 5px;
			}

			.pollPanel ul li p em {
				color: #0CACEF;
    			font-style: normal;
    			overflow: hidden;
			}

			.pollPanel ul li p span {
				display: block;
				height: 18px;
				background: url(../images/bg/pollRate_bg.gif) repeat;
				padding-bottom: 7px;
			}

			.breakingNewsPanel ol.breakingNewsList, .linkPanel ol.linkPanelList {color: rgb(200,42,36); padding: 0 0 0 25px;}
			.linkPanel ol.linkPanelList {border-bottom: 1px solid rgb(255,255,255); padding-bottom: 10px; }
			ol.breakingNewsList li, ol.linkPanelList li {list-style: disc; margin-bottom: 5px; }
			.breakingNewsPanel ol.breakingNewsList li em, .linkPanel ol.linkPanelList li em {
				color: rgb(102,102,102);
				font-size: 11px;
				font-style: normal;
				display: block;
			}
			.breakingNewsPanel p.readMore {border-bottom: 1px solid rgb(255,255,255) ; padding: 5px 10px 25px 0;}
			.breakingNewsPanel p.readMore a {background-color: rgb(237,237,237);  }

			.pollVotedMembers table {width: 100%; border-bottom: 1px solid rgb(255,255,255); }
			.pollVotedMembers table td {
				margin: 0;
				padding: 0;
				border: 1px solid rgb(204,204,204);
				line-height: 0;
			}


		/*	RANDOM CATEGORIES:
			................................................................. */

			div.randomCategories {
				width: 950px;
				clear: both;
				margin-bottom: 15px;
				_padding-top: 15px;
			}

			div.randomCategories div {
				width: 178px;
				float: left;
				list-style: none;
				margin-right: 15px;
			}

			div.randomCategories div.lastBox {margin-right: 0; }

			div.randomCategories h1 {
				font-size: 15px;
				width: 178px;
				color: rgb(200,42,36);
				border-bottom: 3px solid rgb(200,42,36);
				padding-bottom: 5px;
				margin-bottom: 5px;
			}

			div.randomCategories h1 a {color: rgb(200,42,36); text-decoration: none;}
			div.randomCategories h1 a:hover {color: rgb(200,42,36); text-decoration: underline;}

			div.randomCategories div p a {
				font-size: 15px;
				font-weight: bold;
			}

			div.randomCategories ul li {
				background: url(../images/bg/bg-randomCategories-list.gif) 0 7px no-repeat;
				border-bottom: 1px dotted rgb(139,139,139);
				list-style: none;
				margin-bottom: 5px;
				padding: 0 0 5px 12px;
			}

			div.randomCategories ul li.highlight-news {
				background: none;
				font-size: 15px;
				font-weight: bold;
				list-style: none;
				padding-left: 0;
			}

			div.randomCategories div p.readMore {text-align: right; }
			div.randomCategories div p.readMore a { font-size: 13px; font-weight: normal; }

		/*	NEWS BOX
			=defined for .leftColumn-M
			................................................................. */


			.leftColumn-M .newsBox {width: 635px; clear: both;}

			.leftColumn-M .newsBox h2 {
				width: 623px;
				height: 27px;
				font-size: 15px;
				margin-bottom: 0;
				padding: 3px 5px 0;
				background: url(../images/bg/contentTab_bg.gif) repeat-x;
				border-top: 1px solid rgb(185,185,185);
				border-left: 1px solid rgb(185,185,185);
				border-right: 1px solid rgb(185,185,185);
			}

			.leftColumn-M .newsBox .details, .panelBar-BoomBoxAds .newsBox .details {
				width: 623px;
				padding: 5px;
				margin-bottom: 15px;
				border: 1px solid rgb(185,185,185);
				_overflow: hidden;
			}

			.panelBar-BoomBoxAds .newsBox .details {width: 288px; }

			.leftColumn-M .newsBox .details .highlightNews {
				width: 300px;
				float: left;
				padding-right: 5px;
				_overflow: hidden;
			}

			.leftColumn-M .newsBox .details .highlightNews li {list-style: none; margin-bottom: 10px; width: 300px; }

			.leftColumn-M .newsBox .details .highlightNews h3 {font-size: 15px;}
			.leftColumn-M .newsBox .details .highlightNews h3 a {color: rgb(22,63,104); text-decoration: none;}
			.leftColumn-M .newsBox .details .highlightNews h3 a:hover {text-decoration: underline;}

			.leftColumn-M .newsBox .details .highlightNews p.picture {
				width: 90px;
				height: 60px;
				float: left;
				margin: 0 10px 5px 0;
			}

			.leftColumn-M .newsBox .details .subHighlight {width: 290px; border-left: 1px dotted rgb(139,139,139); float: right; /float: left; padding-left: 26px; /padding-left: 15px; overflow: hidden; }

			.leftColumn-M .newsBox .details .subHighlight ul li {
				margin-bottom: 5px;
				list-style: disc;
				list-style-position: outside;
				/* added by radiz */
				/margin-left: 15px;
				_margin-left: 15px;
			}
			.newsBox .details .subHighlight p.readMore {border: none; margin-right: 5px; }


		/*	COLUMNIST BOX
			=defined for .leftColumn-M
			................................................................. */

			.leftColumn-M .columnistBox-innerPage {width: 635px; _overflow: hidden; }

			.leftColumn-M .columnistBox-innerPage h2 {
				width: 623px;
				height: 27px;
				font-size: 15px;
				padding: 3px 5px 0;
				margin-bottom: 0;
				background: url(../images/bg/contentTab_bg.gif) repeat-x;
				border-top: 1px solid rgb(185,185,185);
				border-left: 1px solid rgb(185,185,185);
				border-right: 1px solid rgb(185,185,185);
			}

			.leftColumn-M .columnistBox-innerPage h2 a {color: rgb(200,42,36); }

			.leftColumn-M .columnistBox-innerPage .details {
				width: 623px;
				padding: 5px;
				margin-bottom: 15px;
				border: 1px solid rgb(185,185,185);
				_overflow: hidden;
			}

			.leftColumn-M .columnistBox-innerPage .details li {list-style: none; float: left; width: 300px;}
			.leftColumn-M .columnistBox-innerPage .details li.first {
				border-right: 1px dotted rgb(139,139,139);
				margin-right: 10px;
				padding-right: 10px;
				width: 298px;
			}

			.leftColumn-M .columnistBox-innerPage .details p.picture {
				width: 90px;
				height: 60px;
				float: left;
				margin: 0 10px 5px 0;
			}

			.leftColumn-M .columnistBox-innerPage .details h3 {font-size: 15px; margin-bottom: 5px;}

			.leftColumn-M .columnistBox-innerPage .details h3 a {color: rgb(22,63,104); text-decoration: none;}
			.leftColumn-M .columnistBox-innerPage .details h3 a:hover {text-decoration: underline;}


		/*	WEBBOARDS PANEL
			=defined for .leftColumn-M
			................................................................. */

			.webboardPanel .contentSwitchTab li a {color: rgb(200,42,36); }
			.webboardPanel .contentSwitchTab li.active {color: rgb(22,63,104); }

			.leftColumn-M .webboardPanel {width: 310px; _overflow: hidden; float: right; margin-top: 15px;}

			.leftColumn-M .webboardPanel .contentSwitchTab {
				width: 308px;
				height: 28px;
				background: transparent !important;
				border-left: 0;
				border-right: 0;
				border-top: 0;
				position: relative;
			}

			.leftColumn-M .webboardPanel .contentSwitchTab li {
				height: 20px;
				list-style: none;
				float: left;
				padding: 5px 10px 0;
				margin-right: 1px;
				border-right: 0;
			}


			.leftColumn-M .webboardPanel .contentSwitchTab li.active {
				border-top: 1px solid rgb(185,185,185);
				border-left: 1px solid rgb(185,185,185);
				border-right: 1px solid rgb(185,185,185);
				border-bottom: 1px solid rgb(255,255,255);

				-moz-border-radius-topright: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-webkit-border-top-left-radius: 5px;

				background: transparent;
			}

			.leftColumn-M .webboardPanel .contentSwitchTab li.inActive {
				background: rgb(243,243,243);
				border-top: 1px solid rgb(185,185,185);
				border-left: 1px solid rgb(185,185,185);
				border-right: 1px solid rgb(185,185,185);
				border-bottom: 0;

				-moz-border-radius-topright: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-webkit-border-top-left-radius: 5px;
			}

			.leftColumn-M .webboardPanel .contentSwitchTab li.inActive a {color: rgb(66,66,66); text-decoration: none;}
			.leftColumn-M .webboardPanel .contentSwitchTab li.inActive a:hover {color: rgb(66,66,66); text-decoration: underline;}

			.leftColumn-M .webboardPanel ol {
				width: 298px;
				padding: 5px;
				margin: -2px 0 5px;
				border: 1px solid rgb(185,185,185);
			}

			.leftColumn-M .webboardPanel ol li {
				list-style:  none;
				padding-bottom: 5px;
				margin-bottom: 5px;
				border-bottom: 1px dotted rgb(139,139,139);
				width: 268px;
			}


		/*	NEWS BOX
			=defined for .leftColumn-S
			................................................................. */

			.leftColumn-S .newsBox {width: 370px; _overflow: hidden;}
			.panelBar-BoomBoxAds .newsBox {width: 300px; }

			.leftColumn-S .newsBox h2, .panelBar-BoomBoxAds .newsBox h2, .trafficReport .header {
				width: 358px;
				height: 27px;
				font-size: 15px;
				padding: 3px 5px 0;
				background: url(../images/bg/contentTab_bg.gif) repeat-x;
				border-top: 1px solid rgb(185,185,185);
				border-left: 1px solid rgb(185,185,185);
				border-right: 1px solid rgb(185,185,185);
			}

			.panelBar-BoomBoxAds .newsBox h2 {width: 288px; }

			.newsBox h2 a, .newsBox h2 a:hover {color: rgb(200,42,36); }

			.leftColumn-S .newsBox .details {
				width: 358px;
				padding: 5px;
				margin-bottom: 15px;
				border: 1px solid rgb(185,185,185);
				_overflow: hidden;
			}

			.leftColumn-S .newsBox .details li {list-style: none; width: 358px; }
			.panelBar-BoomBoxAds .newsBox .details li {list-style: none; width: 288px; clear: both;}
			.leftColumn-S .newsBox .details li.first,
			.panelBar-BoomBoxAds .newsBox .details li.first {border-bottom: 1px dotted rgb(139,139,139); margin-bottom: 7px; padding-bottom: 7px; }


			.leftColumn-S .newsBox .details p.picture,
			.panelBar-BoomBoxAds .newsBox .details p.picture {
				width: 90px;
				height: 60px;
				float: left;
				margin: 0 10px 5px 0;
			}

			.leftColumn-S .newsBox .details h3,
			.panelBar-BoomBoxAds .newsBox .details h3 {font-size: 15px; margin-bottom: 5px;}

			.leftColumn-S .newsBox .details h3 a,
			.panelBar-BoomBoxAds .newsBox .details h3 a {color: rgb(22,63,104); text-decoration: none;}
			.leftColumn-S .newsBox .details h3 a:hover,
			.panelBar-BoomBoxAds .newsBox .details h3 a:hover {text-decoration: underline;}


		/*	WEBBOARD PANEL
			=defined for .leftColumn-S
			................................................................. */

			.leftColumn-S .webboardPanel {width: 370px; _overflow: hidden;}
			.webboardPanel .contentSwitchTab {width: 370px; position: relative;}

			.webboardPanel .contentSwitchTab li {
				height: 20px;
				list-style: none;
				float: left;
				padding: 5px 10px 0;
				margin-right: 1px;
			}

			.webboardPanel .contentSwitchTab li strong {font-size: 15px;}

			.webboardPanel .contentSwitchTab li.active {
				font-weight: bold;
				border-top: 1px solid rgb(185,185,185);
				border-left: 1px solid rgb(185,185,185);
				border-right: 1px solid rgb(185,185,185);
				border-bottom: 1px solid rgb(255,255,255);

				-moz-border-radius-topright: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-webkit-border-top-left-radius: 5px;
			}

			.webboardPanel .contentSwitchTab li.inActive {
				background: rgb(243,243,243);
				border-top: 1px solid rgb(185,185,185);
				border-left: 1px solid rgb(185,185,185);
				border-right: 1px solid rgb(185,185,185);

				-moz-border-radius-topright: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-webkit-border-top-left-radius: 5px;
			}

			.webboardPanel .contentSwitchTab li.inActive a {color: rgb(66,66,66); text-decoration: none;}
			.webboardPanel .contentSwitchTab li.inActive a:hover {color: rgb(66,66,66); text-decoration: underline;}

			.webboardPanel ol {
				width: 358px;
				padding: 5px;
				margin: -1px 0 15px;
				border: 1px solid rgb(185,185,185);
			}

			.webboardPanel ol li {
				list-style: none;
				padding: 0 0 5px 30px;
				margin-bottom: 5px;
				border-bottom: 1px dotted rgb(139,139,139);
				position: relative;
				width: 328px;
			}

			.webboardPanel ol li em {font-style: normal; position: absolute; left: 10px; }

		/*	=defined for .rightColumn-M
			................................................................. */

			.rightColumn-M .businessRadioSlot {width: 565px; height: 37px; margin-bottom: 15px;	}

			.rightColumn-M .businessRadioSlot a {
				display: block;
				width: 565px;
				height: 37px;
				background-image: url(../images/bg/bg-businessRadioSlot.gif);
				overflow: hidden;
				text-indent: -9999px;
			}

			.rightColumn-M .businessRadioSlot a:hover {background-position: 0 -37px; }

			.rightPanelWrapper {
				width: 553px;
				border: 1px solid rgb(185,185,185);
				margin-bottom: 15px;
				padding: 5px;
				_overflow: hidden;
				clear: both;
			}

				.rightPanelWrapper h2 {color: rgb(200,42,36); font-size: 15px; margin-bottom: 10px;}
				.rightPanelWrapper h2 a, .rightPanelWrapper h2 a:hover {color: rgb(200,42,36); }


		/*	VIDEO PANEL =on top page
			................................................................. */

			.videoPanel dt {
				width: 128px;
				padding-right: 10px;
				border-right: 1px dotted rgb(139,139,139);
				float: left;
				text-align: center;
			}

			.videoPanel dt p {margin-bottom: 5px;}

			.videoPanel dd {
				width: 400px;
				float: right;
				position: relative;
				margin-right: 3px;
				_margin-right: 0;
			}

			.videoPanel dd p.rollLeft {
				width: 24px;
				height: 18px;
				position: absolute;
				top: 20px;
				left: 0;
			}

			.videoPanel dd p.rollRight {
				width: 24px;
				height: 18px;
				position: absolute;
				top: 20px;
				right: 0;
			}

			.videoPanel dd p.readMore {border: 0; padding-right: 5px;}
			.videoPanel dd ul {width: 400px; margin: 0 auto;}

			.videoPanel dd ul li {
				width: 90px;
				float: left;
				list-style: none;
				margin-right: 10px;
			}

			.videoPanel dd ul li.noMargin {margin-right: 0;}


			div.videoPanel {float: right; margin-bottom: 15px; width: 250px; }
			.videoPanel ul {overflow: hidden; }
			.videoPanel ul li {float: right; height: 135px; list-style: none; margin-bottom: 10px; width: 118px; overflow: hidden;}
			.videoPanel ul li.firstCol {float: left; }
			.videoPanel ul li img {float: left; margin-bottom: 5px; }
			.videoPanel .player {margin: 25px 0 0 -80px; }


		/*	PHOTO PANEL =on top page
			................................................................. */

			.mediaPanel dt {
				width: 230px;
				float: left;
				padding-right: 10px;
				border-right: 1px dotted rgb(139,139,139);
			}

			.mediaPanel dt p {margin-bottom: 5px;}

			.mediaPanel dd {
				width: 300px;
				float: right;
				margin-right: 5px;
				_display: inline;
			}

			.mediaPanel dd table {width: 300px;}
			.mediaPanel dd table td {padding: 0 5px 5px;}
			.mediaPanel dd p.readMore {border: 0; padding: 5px 5px 0 0;}


		/*	BUSINESS RADIO SLOT
			=defined for .panelBar-BoomBoxAds
			................................................................. */

			.panelBar-BoomBoxAds .businessRadioSlot {width: 300px; height: 56px; margin-bottom: 15px;}

				.panelBar-BoomBoxAds .businessRadioSlot a {
					display: block;
					width: 300px;
					height: 56px;
					background-image: url(../images/bg/bg-businessRadioSlot2.gif);
					overflow: hidden;
					text-indent: -9999px;
				}

				.panelBar-BoomBoxAds .businessRadioSlot a:hover {background-position: 0 -56px; }

			.panelBar-BoomBoxAds .commonPanel {
				width: 298px;
				border: 1px solid rgb(185,185,185);
				margin-bottom: 15px;
				padding: 10px 0;
			}

			.panelBar-BoomBoxAds .commonPanel h2 {font-size: 15px; margin-bottom: 10px; padding-left: 10px;}
			.panelBar-BoomBoxAds .commonPanel h2 a {color: rgb(200,42,36); }
			.panelBar-BoomBoxAds .commonPanel h3 {color: rgb(22,63,104); padding: 5px 0 0 15px;}
			.panelBar-BoomBoxAds .commonPanel h3 a {color: rgb(22,63,104); text-decoration: none;}
			.panelBar-BoomBoxAds .commonPanel h3 a:hover {text-decoration: underline;}

			.panelBar-BoomBoxAds .commonPanel table {margin: 0 auto;}
			.panelBar-BoomBoxAds .commonPanel p {text-align: center;}
			.panelBar-BoomBoxAds .commonPanel p.readMore {border: 0; margin: 5px 15px 5px 0; }

			.centerColumn-S .commonPanel h2 {border-bottom: 3px solid rgb(194,194,194); color: rgb(22,63,104); font-size: 15px; margin-bottom: 10px; padding-bottom: 5px; }
			.centerColumn-S .commonPanel table img {margin: 0 15px 5px 0; }


		/*	ARTICLE DETAIL PANEL
			=defined for .leftColumn-M
			................................................................. */

			/* .leftColumn-M .articleDetailPanel {border-top: 1px solid rgb(185,185,185);} */

			.articleDetailPanel {
				color: rgb(114,114,114);
				padding: 15px 0 0;
				overflow: hidden;
				width: 635px; }

			.articleDetailPanel h1 {
				font-size: 25px !important;
				color: rgb(200,42,36);
				margin-bottom: 5px;
				padding-top: 0 !important;
				border-top: 0 !important;
			}

			.articleDetailPanel h1 em {font-size: 15px; font-style: normal;}

			.articleDetailPanel p em {font-style: normal; color: rgb(102,102,102);}

			.articleDetailPanel .articleHeader {float: left; width: 450px; }

			.articleDetailPanel h2 {
				background: no-repeat !important;
				color: rgb(0,0,0);
				font-size:  13px !important;
				margin-bottom: 5px !important;
				padding: 0 !important; }

			.articleHeader p {clear: both; font-size: 12px; padding-bottom: 10px; }
			.articleHeader ul {overflow: hidden; list-style: none; line-height: 12px; margin-bottom: 15px; }
			.articleHeader ul li {color: rgb(200,42,36); float: left; font-size: 12px; margin-right: 5px; }
			.articleHeader ul li span {color: rgb(114,114,114); }

			.articleHeader ul li img {vertical-align: middle; }

			.articleDetailPanel p.followBtn {width: 75px; height: 47px; float: right;}

			.articleDetailPanel p.followBtn a {
				width: 75px;
				height: 47px;
				display: block;
				background-image: url(../images/button/newsFollow.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				text-decoration: none;
			}

			.articleDetailPanel p.followBtn a:hover {
				width: 75px;
				height: 47px;
				display: block;
				background-image: url(../images/button/newsFollow.png);
				background-position: 0 -47px;
				_background-position: 0 -46px;
				background-repeat: no-repeat;
				text-decoration: none;
			}

			.articleDetailPanel p.followBtn a span {visibility: hidden;}
			.articleDetailPanel p.unfollowBtn {width: 75px; height: 47px; float: right;}

			.articleDetailPanel p.unfollowBtn a {
				width: 75px;
				height: 47px;
				display: block;
				background-image: url(../images/button/news-unFollow.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				text-decoration: none;
			}

			.articleDetailPanel p.unfollowBtn a:hover {
				width: 75px;
				height: 47px;
				display: block;
				background-image: url(../images/button/news-unFollow.png);
				background-position: 0 -47px;
				_background-position: 0 -46px;
				background-repeat: no-repeat;
				text-decoration: none;
			}

			.articleDetailPanel p.unfollowBtn a span {visibility: hidden;}

			#main-sns {width: 175px; float: right; }
			#main-sns .tweetmeme_button {float: left; padding: 0 7px; width: 55px; }
			#main-sns .facebook-share {float: left; width: 53px; }
			#main-sns .google-share{ float: left; width: 50px;}

			.shareBox {
			 	border-bottom: 1px dotted rgb(184,184,184);
				border-top: 1px dotted rgb(184,184,184);
				float: right;
				height: 20px;
				padding: 5px 0;
				width: 146px;	}

				.shareBox li {float: left; list-style: none; padding-left: 8px; position: relative;}
				.shareBox li img {vertical-align: bottom; }

				.shareBox li em {
					background: url(../images/bg/bg_shareBoxList.gif);
					color: rgb(255,255,255);
					font-size: 12px;
					font-style: normal;
					position: absolute;
					display: block;
					height: 24px;
					left: 50%;
					margin: 0 0 0 -40px;
					padding: 5px 0;
					text-align: center;
					bottom: 18px;
					width: 80px;
					display: none;
				}

				.shareBox li.shareThis {width: 16px; }
				.shareBox li.shareThis span a {display: block; width: 16px; height: 16px; overflow: hidden; padding: 0; text-indent: -999px; }

				.shareBox li.tiny-url {
				background: rgb(244,244,244);
				border: 1px solid rgb(190,190,190);
				cursor: pointer;
				font-size: 9px;
				margin-left: 8px;
				padding: 2px 4px; }

				#shareBoxModule {
					position: absolute;
					width: 500px;
					height: 500px;
					background: #ccc;
				}

		/*	ARTICLE CONTENTS
			=defined for .leftColumn-M
			................................................................. */

			.articleContents {width: 635px; margin-bottom: 15px; }
			.articleContents p, .articleContents blockquote {line-height: 22px; }
			.articleContents a {text-decoration: underline;}
			.articleContents a:hover {color: rgb(200,42,36);}
			.articleContents p {margin-bottom: 10px;}
			.articleContents em {margin-bottom: 10px;}
			.Gallerylist {clear:both;}
			.articleContents p strong {color: rgb(0,0,0);}
			.articleContents p em {color: rgb(102,102,102);}
			.articleContents blockquote {
				background: url(../images/bg/bg_blockqoute.png) no-repeat;
				font-style: italic;
				margin: 0 0 10px 30px;
				padding: 0 0 0 35px;
				width: 565px;
				clear: both;
			}
			.articleContents ul {line-height: 22px; margin: 0 0 10px 50px;}
			.articleContents ol {line-height: 22px; margin: 0 0 10px 25px;}

			.articleContents p.leftThumbnail,
			.articlePhotoLeft {
				width: 250px;
				float: left;
				margin-right: 10px;
				padding: 10px;
				text-align: center;
				background: rgb(243,243,243);
				overflow: hidden;
			}

			.articleContents p.rightThumbnail,
			.articlePhotoRight {
				width: 250px;
				float: right;
				margin-left: 10px;
				padding: 10px;
				text-align: center;
				background: rgb(243,243,243);
				overflow: hidden;
			}

			.articleContents p.centerThumbnail,
			.articlePhotoCenter {
				width: 615px;
				clear: both;
				text-align: center;
				padding: 10px;
				background: rgb(243,243,243);
				margin: 0 auto 10px;
			}


			.articleContents p.leftThumbnail em, .articleContents p.rightThumbnail em, .articleContents p.centerThumbnail em,
			.articlePhotoCenter em, .articlePhotoLeft em, .articlePhotoRight em	{
				border-top: 1px dotted rgb(139,139,139);
				display: block;
				margin-top: 5px;
				padding-top: 5px;
				font-size: 12px;
			}

			.articleContents p.leftThumbnail em, .articleContents p.rightThumbnail em,
			.articlePhotoCenter em, .articlePhotoLeft em, .articlePhotoRight em {text-align: left; }

			.divider {clear: both; margin-bottom: 20px; overflow: hidden; }
			.divider h3 {color: rgb(37,75,113); font-size: 15px; }
			.divider p.leftThumbnail {background: none; margin-right: 15px; padding: 0; }
			.divider p.rightThumbnail {background: none; margin-left: 15px; padding: 0; }


		/*	=misc
			................................................................. */
			.misc {clear: both; margin-top: 20px; }
			.misc img {vertical-align: middle; }
			.misc p.survey a {color: rgb(200,42,36); text-decoration: underline; }
			.misc p.survey a:hover {color: rgb(37,75,113); }
			.misc p {text-align: center; }

			.articleContents .misc {margin: 0; }
			.articleContents .misc p {float: left; }
			.articleContents .misc p.survey {float: right; }

		/*	=shortlyURL
			................................................................. */

			#shortlyURL {
			border-top: 1px solid rgb(184,184,184);
			clear: both;
			height: 30px;
			padding-top: 8px;
			width: 635px; }

			#shortlyURL p {float: left; padding-right: 10px; }
			#shortlyURL p label {font-weight: bold; padding-right: 10px; }
			#shortlyURL p span {position: relative;	}

			#shortlyURL p span span {
				background: url(../images/bg/bg_shortURL-expand.png) no-repeat;
				bottom: 15px;
				display: none;
				height: 116px;
				left: -140px;
				padding: 20px;
				position: absolute;
				width: 456px;
			}

			#shortlyURL p img {vertical-align: middle; }
			#shortlyURL p #newURL {font-size: 14px; width: 300px; }

			#shortlyURL p #submitCopy {
				background: url(../images/button/copy.png);
				border: 0;
				cursor: pointer;
				height: 22px;
				overflow: hidden;
				padding-top: 22px;
				width: 67px;
			}

			#shortlyURL p #submitCopy:hover {background-position: 0 -22px; }

		/*	=socialBookmark
			................................................................. */

			.socialBookmark {border-bottom: 1px dotted rgb(184,184,184); border-top: 1px dotted rgb(184,184,184); margin-top: 25px; padding: 5px 0 0; overflow: hidden; width: 630px; /padding-bottom: 10px; }
			#socialLink {list-style: none; margin: 0; overflow: hidden; }
			#socialLink li {
				background-position: left bottom;
				background-repeat: no-repeat;
				float: left;
				height: 16px;
				margin: 0 10px 10px 0;
				padding: 0 0 4px 20px; }

			#socialLink li#addthis {padding: 0 !important; }
			#socialLink li#addthis a {background: url(../images/icon/addthis.png) no-repeat 0 4px; float: left; text-indent: 21px;}
			#socialLink li#addthis a span {background: none; height: 0; width: 0;}
			#socialLink li#delicious {background-image: url(../images/icon/sns/delicious.gif); }
			#socialLink li#digg {background-image: url(../images/icon/sns/digg.gif); }
			#socialLink li#reddit {background-image: url(../images/icon/sns/reddit.gif); }
			#socialLink li#stumbleupon {background-image: url(../images/icon/sns/stumbleupon.gif); }
			#socialLink li#technorati {background-image: url(../images/icon/sns/technorati.gif); }
			#socialLink li#twitter {background-image: url(../images/icon/sns/twitter.gif); }
			#socialLink li#reprint {background-image: url(../images/icon/sns/reprint.gif); margin-right: 0; width: 140px; }
			#socialLink li#printThis {background-image: url(../images/icon/sns/printThis.gif); }
			#socialLink li#mailtof {background-image: url(../images/icon/sns/mailtof.gif); }


/*	POST COMMENT PANEL
	use as global in every section:

	author: radiz
	latest update: 7 March 2009
	......................................................................... */

	.commentWrapper {width: 635px; padding-top: 10px;}
	.commentWrapperPollPage {width: 635px; padding-top: 0;}
	.commentIposttoday {width: 635px; padding-top: 10px;}

	.commentWrapper ol, .commentWrapperPollPage ol, .commentIposttoday ol {width: 635px; margin-bottom: 15px;}
	.commentWrapper ol a, .commentWrapperPollPage ol a, .commentIposttoday ol a {color: rgb(51,51,51); text-decoration: none;}
	.commentWrapper ol a:hover, .commentWrapperPollPage ol a:hover, .commentIposttoday ol a:hover {color: rgb(51,51,51); text-decoration: underline;}

	.commentWrapper ol li, .commentWrapperPollPage ol li {
		list-style: none;
		border-bottom: 1px dotted rgb(185,185,185);
		padding: 10px 0;
		_width: 635px;
		_clear: both;
		_overflow: hidden;
		/overflow: hidden;
	}
	.commentIposttoday ol li {border-bottom: 1px solid rgb(185,185,185);}

	.commentWrapper ol li ul, .commentWrapperPollPage ol li ul, .commentIposttoday ol li ul {width: 527px !important; float: right; _overflow: hidden;}

	.commentWrapper ol li ul li, .commentWrapperPollPage ol li ul li, .commentIposttoday ol li ul li
	{border-bottom: 0; padding: 0!important; margin-bottom: 5px;}

	.commentWrapper ol li ul li textarea, .commentWrapperPollPage ol li ul li textarea, .commentIposttoday ol li ul li textarea
	{width: 527px; border: 1px solid rgb(153,153,153); margin-bottom: 5px; height: auto;}

	.commentWrapper ol li ul li p.submitComment,
	.commentWrapperPollPage ol li ul li p.submitComment,
	.commentIposttoday ol li ul li p.submitComment {
		width: 136px;
		height: 32px;
		float: left;
		margin-right: 10px;
	}

	.commentWrapper ol li ul li p.submitComment a,
	.commentWrapperPollPage ol li ul li p.submitComment a {
		width: 136px;
		height: 32px;
		display: block;
		background-image: url(../images/button/postComment.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		text-decoration: none;
	}

	.commentWrapper ol li ul li p.submitComment a:hover,
	.commentWrapperPollPage ol li ul li p.submitComment a:hover {
		width: 136px;
		height: 32px;
		_height: 31px;
		display: block;
		background-image: url(../images/button/postComment.png);
		background-repeat: no-repeat;
		background-position: 0 -32px;
		text-decoration: none;
	}

	.commentWrapper ol li ul li input.submitComment,
	.commentWrapperPollPage ol li ul li input.submitComment {
		width: 136px;
		height: 32px;
		display: block;
		border: 0;
		cursor: pointer;
		background-image: url(../images/button/postComment.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		text-decoration: none;
	}

	.commentWrapper ol li ul li input.submitComment:hover,
	.commentWrapperPollPage ol li ul li input.submitComment:hover {
		width: 136px;
		height: 32px;
		_height: 31px;
		display: block;
		background-image: url(../images/button/postComment.png);
		background-repeat: no-repeat;
		background-position: 0 -32px;
		text-decoration: none;
	}

	.commentIposttoday ol li ul li p.submitComment a {
		width: 136px;
		height: 32px;
		display: block;
		background-image: url(../images/button/iposttoday-sendMessage.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		text-decoration: none;
	}

	.commentIposttoday ol li ul li p.submitComment a:hover {
		width: 136px;
		height: 32px;
		_height: 31px;
		display: block;
		background-image: url(../images/button/iposttoday-sendMessage.png);
		background-repeat: no-repeat;
		background-position: 0 -32px;
		text-decoration: none;
	}

	.commentIposttoday ol li ul li input.submitComment {
		width: 136px;
		height: 32px;
		display: block;
		border: 0;
		cursor: pointer;
		background-image: url(../images/button/iPosttoday-sendMessage.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		text-decoration: none;
	}

	.commentIposttoday ol li ul li input.submitComment:hover {
		width: 136px;
		height: 32px;
		_height: 31px;
		display: block;
		background-image: url(../images/button/iPosttoday-sendMessage.png);
		background-repeat: no-repeat;
		background-position: 0 -32px;
		text-decoration: none;
	}
	.commentWrapper ol li ul li p.submitComment a span,
	.commentWrapperPollPage ol li ul li p.submitComment a span,
	.commentIposttoday ol li ul li p.submitComment a span {visibility: hidden;}

	.commentWrapper ol li p.miniThumbnail,
	.commentWrapperPollPage ol li p.miniThumbnail,
	.commentIposttoday ol li p.miniThumbnail {
		width: 48px;
		height: 48px;
		float: left;
		margin-right: 10px;
		padding: 0 0 10px 0 !important;
	}

	.commentWrapper ol li p span.username,
	.commentWrapperPollPage ol li p span.username,
	.commentIposttoday ol li p span.username
	{font-size: 15px; font-weight: bold;}

	.commentWrapper ol li p em, .commentWrapperPollPage ol li p em, .commentIposttoday ol li p em
	{font-size: 13px; font-style: normal; color: rgb(102,102,102);}

	.commentWrapper ol li.postComment, .commentIposttoday ol li p.postComment {padding-bottom: 1px!important; margin-bottom: 15px;}
	.commentWrapperPollPage ol li.postComment {padding-top: 0!important; padding-bottom: 1px!important; margin-bottom: 15px;}

	.commentWrapper ol li.postComment p.userThumbnail,
	.commentWrapperPollPage ol li.postComment p.userThumbnail,
	.commentIposttoday ol li.postComment p.userThumbnail
	{width: 73px; height: 73px; float: left;}

	.commentWrapper ol li.postComment form,
	.commentWrapperPollPage ol li.postComment form,
	.commentIposttoday ol li.postComment form
	{background: rgb(243,243,243); padding: 10px 10px 5px;}

	.commentWrapper ol li h2,
	.commentWrapperPollPage ol li h2,
	.commentIposttoday ol li h2 {
		font-size: 15px;
		color: rgb(200,42,36);
		background: transparent !important;
		margin-bottom: 10px!important;
		padding: 0!important;
	}

	.commentWrapper ol li h2 span, .commentWrapperPollPage ol li h2 span, .commentIposttoday ol li h2 span {color: rgb(51,51,51);}

	.commentWrapperPollPage ol li h2 a {color: rgb(200,42,36); text-decoration: underline;}
	.commentWrapperPollPage ol li h2 a:hover {color: rgb(200,42,36); text-decoration: none;}

	.commentWrapperPollPage ol li h2 span a {color: rgb(51,51,51) !important; text-decoration: none !important;}
	.commentWrapperPollPage ol li h2 span a:hover {color: rgb(51,51,51) !important; text-decoration: underline !important;}

/*	USER COMMENT PANEL
	Like and Unlike function

	author: Mook
	latest update: 16 Dec 2010
	......................................................................... */
	.commentWrapper .CommentDetail {float: right; width: 575px; position: relative;}
	.leftColumn-M .commentWrapper .CommentDetail ul li.likepanel,.leftColumn-M .commentWrapper .CommentDetail ul li.unlikepanel {
		width: 109px;
		float: left;
		overflow: hidden;
		margin: 0;
		clear:none;
	}
	.commentWrapper .CommentDetail ul li a span {display: none;}

	.CommentDetail ul li.likepanel a {
		background: url(../images/icon/ico_like.gif) no-repeat;
		color: rgb(22,63,104);
		padding: 2px 5px 0 24px;
		float: left;
		height: 20px;
		font-size: 12px;
	}
	.commentWrapper .CommentDetail ul {width: 100%; overflow: hidden; float:left!important; padding-top: 5px;}

	.CommentDetail ul li.unlikepanel a {
		background: url(../images/icon/ico_unlike.gif) no-repeat;
		color: rgb(200,42,36);
		padding: 2px 5px 0 24px;
		float: left;
		height: 20px;
		font-size: 12px;
	}

	.CommentDetail ul li.likepanel a:hover,
	.CommentDetail ul li.likepanel a.active {background: url(../images/icon/ico_like_active.gif) no-repeat; text-decoration: none; color: rgb(22,63,104);}
	.CommentDetail ul li.unlikepanel a:hover,
	.CommentDetail ul li.unlikepanel a.active {background: url(../images/icon/ico_unlike_active.gif) no-repeat; text-decoration: none; color: rgb(200,42,36);}

	.commentWrapper .CommentDetail ul li a.like, .commentWrapper .CommentDetail ul li a.unlike {text-decoration: underline; padding-left: 0; background: none;}
	.commentWrapper .CommentDetail ul li a.like, .commentWrapper .CommentDetail ul li a {outline: none;}
	.commentWrapper .CommentDetail ul li a.like:hover, .commentWrapper .CommentDetail ul li a.unlike:hover {background: none; text-decoration: none;}
	.commentWrapper .CommentDetail ul li {width: auto;}
	.CommentDetail .active {display:block!important;}
	.commentWrapper .CommentDetail h2 span {display: none;}

	/*LikeResult*/
	.LikeResult {position: relative; width:100%; clear: both; display:none; top: -4px;}
	.LikeResult img {margin-left: 71px; position: relative; z-index: 99;}

	.commentWrapper .CommentDetail .LikeResult .LikeResultList{
		width: auto!important;
		min-width: 400px;
		float: none!important;
		margin-top: -4px;
		position: relative;
		z-index: 98;
		_width:100%;
	}

	.commentWrapper .CommentDetail .LikeResult p{
		float: left!important;
		overflow: hidden;
		background: rgb(237,237,237);
		border: 1px solid rgb(231,231,230);
		min-width: 195px;
		position: relative;
		padding: 1px 20px 2px 5px!important;
		width: auto!important;
		_width: 550px;
	}

	.commentWrapper .CommentDetail .LikeResultList p a {color: rgb(22,63,104); }
	.commentWrapper .CommentDetail .close-btn {
		width: 13px;
		height: 13px;
		display:block;
		background: url(../images/button/btn_close_like.gif);
		position: absolute;
		right: 2px;
		top: 4px;
	}
	.commentWrapper .CommentDetail .close-btn:hover {background: url(../images/button/btn_close_like_active.gif);}
	.commentWrapper .CommentDetail .close-btn span{display: none;}

	/*UnLikeResult*/
	.UnlikeResult { position: relative; width:100%; clear: both;display:none; top: -4px;}
	.UnlikeResult img {margin-left: 174px; position: relative; z-index: 99;}

	.commentWrapper .CommentDetail .UnlikeResult .UnlikeResultList{
		width: auto!important;
		min-width: 400px;
		float: none!important;
		margin-top: -4px;
		position: relative;
		z-index: 98;
		_width:100%;
	}

	.commentWrapper .CommentDetail .UnlikeResult p{
		float: left!important;
		overflow: hidden;
		background: rgb(237,237,237);
		border: 1px solid rgb(231,231,230);
		min-width: 195px;
		position: relative;
		padding: 1px 20px 1px 5px!important;
		width: auto!important;
		_width: 550px;

	}

	.commentWrapper .CommentDetail .UnlikeResultList p a {color: rgb(22,63,104); }

	/*LikeResultPopup*/
	.LikeResultPopup {
		background: url(../images/bg/bg_like_popup.png) no-repeat;
		position: absolute;
		width: 576px;
		height: 377px;
		left: 0;
		top: 0;
		margin: -383px 0 0 0;
		z-index: 99999999;
		display:none;
	}

	.commentWrapper ol li .CommentDetail .LikeResultPopup h2 {

		width: 75px;
		height: 31px;
		margin: 12px 0 6px 12px!important;
	}
	.LikeResultPopup a {position: absolute; right: 12px; top: 15px;}
	.LikePopupList {
		background: rgb(255,255,255);
		width: 552px;
		overflow: auto;
		padding: 0;
		height: 315px;
		margin: 5px auto 0;
	}
	.commentWrapper ol li .CommentDetail .LikeResultPopup .LikePopupList ul li {overflow: hidden; border-bottom: 1px solid rgb(203,196,196);}
	.commentWrapper ol li .CommentDetail .LikeResultPopup .LikePopupList ul {width: 535px!important; overflow:hidden;}
	.LikePopupList ul li {overflow:hidden; width:100%; height: 50px;}
	.LikePopupList ul li a {position: static; text-decoration: underline;}
	.LikePopupList ul li a:hover {text-decoration: none;}
	.LikePopupList ul li a.nofollow,.LikePopupList ul li a.nofollow:hover {color: rgb(200,42,36);}
	.LikePopupList ul li .userThumbnail {float: left; margin: 0 10px 0 5px; _display:inline;}
	.LikePopupList ul li h3,.LikePopupList ul li h3 {font-size: 15px; color: rgb(22,63,104);}
	.LikePopupList ul li h3 a {text-decoration: none;}
	/*LikeResultPopup*/
	.UnlikeResultPopup {
		background: url(../images/bg/bg_like_popup.png) no-repeat;
		position: absolute;
		width: 576px;
		height: 377px;
		left: 0;
		top: 0;
		margin: -383px 0 0 0;
		z-index: 99999999;
		display:none;
	}

	.commentWrapper ol li .CommentDetail .UnlikeResultPopup h2 {

		width: 75px;
		height: 31px;
		margin: 12px 0 6px 12px!important;
	}
	.UnlikeResultPopup a {position: absolute; right: 12px; top: 15px;}
	.UnlikePopupList {
		background: rgb(255,255,255);
		width: 552px;
		overflow: auto;
		padding: 0;
		height: 315px;
		margin: 5px auto 0;
	}
	.commentWrapper ol li .CommentDetail .UnlikeResultPopup .UnlikePopupList ul li {overflow: hidden; border-bottom: 1px solid rgb(203,196,196);}
	.commentWrapper ol li .CommentDetail .UnlikeResultPopup .UnlikePopupList ul {width: 535px!important; overflow:hidden;}
	.UnlikePopupList ul li {overflow:hidden; width:100%; height: 50px;}
	.UnlikePopupList ul li a {position: static; text-decoration: underline;}
	.UnlikePopupList ul li a:hover {text-decoration: none;}
	.UnlikePopupList ul li a.nofollow,.UnlikePopupList ul li a.nofollow:hover {color: rgb(200,42,36);}
	.UnlikePopupList ul li .userThumbnail {float: left; margin: 0 10px 0 5px; _display:inline;}
	.UnlikePopupList ul li h3,.UnlikePopupList ul li h3 {font-size: 15px; color: rgb(22,63,104);}
	.UnlikePopupList ul li h3 a {text-decoration: none;}

	#at20mc {z-index: 99999!important;}
		/*	TOOLS PANEL
			=defined for .leftColumn-M
			................................................................. */

			.toolsPanel {
				width: 623px;
				padding: 5px;
				border: 1px solid rgb(185,185,185);
				margin-top: 15px;
				text-align: right;
			}

			.toolsPanel li {list-style: none; display: inline; margin-left: 10px;}
			.toolsPanel li img {vertical-align: bottom;}


		/*	SEARCH PANEL
			=defined for .leftColumn-M
			................................................................. */

			.searchPanel {width: 920px; clear: both;}
			.searchPanel #defaultSearchBox {padding-top: 0;}

			.searchPanel ul.searchPanelNavigation {
				width: 350px;
				float: right;
				padding-top: 8px;
				_display: inline;
			}

			.searchPanel ul.searchPanelNavigation li {
				display: block;
				height: 15px;
				float: left;
				padding: 3px 6px;
				border-right: 1px solid rgb(255,255,255);
				list-style: none;
			}

			.searchPanel ul.searchPanelNavigation li a {color: rgb(255,255,255); text-decoration: none;}
			.searchPanel ul.searchPanelNavigation li a:hover {color: rgb(255,255,255); text-decoration: underline;}

			.searchPanel ul.searchPanelNavigation li.noBorder {border-right: 0 !important;}


/*	STYLE SHEETS for Poll Page Sets
	Create on: 4 March 2009
	Last Update: 9 March 2009

	author: radiz
	......................................................................... */


		/*	NOTICE BOX
			................................................................. */

			.noticeBox {
				width: 280px;
				padding: 10px;
				background: rgb(236,236,236);
				margin-bottom: 15px;
			}

			.noticeBox h2 {font-size: 15px; color: rgb(200,42,36); margin-bottom: 5px;}


		/*	createPoll button
			................................................................. */

			p.createOnlinePoll {width: 299px; height: 48px; margin-bottom: 15px;}

			p.createOnlinePoll a {
				width: 299px;
				height: 48px;
				display: block;
				background: transparent url(../images/button/createOnlinePoll.png) 0 0 no-repeat;
				text-decoration: none;
			}

			p.createOnlinePoll a:hover {
				width: 299px;
				height: 48px;
				display: block;
				background: transparent url(../images/button/createOnlinePoll.png) 0 -48px no-repeat;
				text-decoration: none;
			}

			p.createOnlinePoll a span {visibility: hidden;}


		/*	Favourite Poll Box
			................................................................. */

			.favVotedPoll {
				width: 635px;
				padding: 15px 0;
				margin-bottom: 15px;
				border-top: 3px solid rgb(234,33,39);
				border-bottom: 3px solid rgb(234,33,39);
			}

			.favVotedPoll li {list-style: none;}
			.favVotedPoll ol li {
				padding: 10px 5px 10px 0;
				border-bottom: 1px dotted rgb(183,183,183);
				_overflow: hidden;
				clear: both;
			}

			.favVotedPoll ol li.readMore {padding: 10px 0 0; text-align: right; border-bottom: 0;}
			.favVotedPoll ol li ul li {padding: 0; border-bottom: 0;}

			.favVotedPoll h3 {margin-bottom: 5px;}
			.favVotedPoll h3 em {
				display: block;
				font-size: 11px;
				font-style: normal;
				font-weight: normal;
				color: rgb(102,102,102);
			}

			.favVotedPoll p.thumbnail {
				width: 90px;
				height: 60px;
				float: left;
				margin: 0 5px 5px 0 !important;
			}

			.favVotedPoll p.sampPollResult {font-size: 13px; color: rgb(200,42,36);}
			.favVotedPoll p.sampPollResult em {font-style: normal; color: rgb(102,102,102);}

			.favVotedPoll p.sampPollResult span {
				display: block;
				font-size: 13px;
				font-weight: bold;
				color: rgb(22,63,104);
			}

			.favVotedPoll ul.pollTools {width: 83px; float: right; margin: 0 0 10px 5px;}

			.favVotedPoll ul.pollTools li.voterSummary {
				width: 83px;
				height: 45px;
				background: transparent url(../images/bg/bg_voterSummary.gif) no-repeat;
				text-align: center;
				color: rgb(200,42,36);
				padding-top: 8px;
				margin-bottom: 5px;
			}

			.favVotedPoll ul.pollTools li.voterSummary span {font-size: 15px; font-weight: bold;}

			.favVotedPoll ul.pollTools li.joinVoting a {
				width: 81px;
				height: 36px;
				display: block;
				background: transparent url(../images/button/joinVote.gif) 0 0 no-repeat;
				text-decoration: none;
			}

			.favVotedPoll ul.pollTools li.joinVoting a:hover {
				width: 81px;
				height: 36px;
				display: block;
				background: transparent url(../images/button/joinVote.gif) 0 -36px no-repeat;
				text-decoration: none;
			}

			.favVotedPoll ul.pollTools li.joinVoting a span {visibility: hidden;}


		/*	Switch View Navigation in Poll Page
			................................................................. */

			.pollSwitchView {
				width: 320px;
				height: 27px;
				float: right;
				position: relative;
			}

			.pollSwitchView li {
				height: 16px;
				display: block;
				float: left;
				list-style: none;
				padding: 5px;
			}

			.pollSwitchView li.active {
				font-weight: bold;
				color: rgb(200,42,36);
				padding: 5px 10px;
				border-top: 1px solid rgb(183,183,183);
				border-right: 1px solid rgb(183,183,183);
				border-bottom: 1px solid rgb(255,255,255);
				border-left: 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;
			}

			.pollSwitchView li a {color: rgb(51,51,51); text-decoration: none;}
			.pollSwitchView li a:hover {color: rgb(51,51,51); text-decoration: underline;}


		/*	Normal Poll Tools Panel
			................................................................. */

			ul.normPollTools {
				width: 168px;
				height: 53px;
				float: right;
				margin: 0 0 10px 5px;
				_overflow: hidden;
			}

			ul.normPollTools li {float: left; padding: 0; border-bottom: 0!important;}

			ul.normPollTools li.voterSummary {
				width: 83px;
				height: 45px;
				background: transparent url(../images/bg/bg_normal-voterSummary.gif) no-repeat;
				text-align: center;
				color: rgb(51,51,51);
				padding-top: 8px;
				margin-bottom: 5px;
				float: left;
			}

			ul.normPollTools li p.summary {font-size: 15px; font-weight: bold; color: rgb(200,42,36);!important;}

			ul.normPollTools li.normJoinVote {
				width: 75px;
				height: 53px;
				float: right;
				padding: 0 5px 0 0 !important;
				margin-bottom: 10px;
			}

			ul.normPollTools li.normJoinVote a {
				width: 75px;
				height: 53px;
				display: block;
				background: transparent url(../images/button/normJoinVote.gif) 0 0 no-repeat;
				text-decoration: none;
			}

			ul.normPollTools li.normJoinVote a:hover {
				width: 75px;
				height: 53px;
				display: block;
				background: transparent url(../images/button/normJoinVote.gif) 0 -53px no-repeat;
				text-decoration: none;
			}

			ul.normPollTools li.normJoinVote a span {visibility: hidden;}


		/*	tabContent
			................................................................. */
			.tabContent {margin-bottom: 20px; }


		/*	Poll Search Tab and Photo Switch Tab
			................................................................. */

			div.pollSearchTab, div.switchPhotoCategory {
				width: 2053;
				height: 27px;
				padding-top: 5px;
				border-top: 1px solid rgb(183,183,183);
				position: relative;
				/margin-bottom: 5px;
				_margin-bottom: 6px;
			}

			div.switchPhotoCategory {
				border-top: 0!important;
				border-bottom: 1px solid rgb(183,183,183);
				clear: both;
			}

			div.pollSearchTab ul, div.switchPhotoCategory ul {
				width: 625px;
				height: 27px;
				padding-left: 10px;
				/*background: rgb(236,236,236);*/
			}

			div.switchPhotoCategory ul {float: right; width: auto; }

			div.pollSearchTab ul li, div.switchPhotoCategory ul li {
				height: 16px;
				display: block;
				float: left;
				list-style: none;
				padding: 5px 5px 5px 0;
			}

			div.switchPhotoCategory ul li {
				background: rgb(236,236,236);
				border-top: 1px solid rgb(183,183,183);
				border-right: 1px solid rgb(183,183,183);
				border-bottom: 1px solid rgb(183,183,183);
				border-left: 1px solid rgb(183,183,183);
				cursor: pointer;
				margin: 0 1px;
				padding: 5px;
				-moz-border-radius-topright: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-webkit-border-top-left-radius: 5px;
			}

			div.pollSearchTab ul li a, div.switchPhotoCategory ul li a {color: rgb(51,51,51); text-decoration: none;}
			div.pollSearchTab ul li a:hover, div.switchPhotoCategory ul li a:hover {color: rgb(51,51,51); text-decoration: underline;}

			div.pollSearchTab ul li.active, div.switchPhotoCategory li.active {
				font-weight: bold;
				color: rgb(200,42,36);
				cursor: text;
				padding: 5px 10px;
				margin-bottom: -1px;
				background: rgb(255,255,255);
				border-top: 1px solid rgb(183,183,183);
				border-right: 1px solid rgb(183,183,183);
				border-bottom: 1px solid rgb(255,255,255);
				border-left: 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;
			}

			div.pollSearchTab ul li.selectCategory {
				height: 16px;
				display: block;
				position: absolute;
				top: 15px;
				/top: 11px;
				_top: 12px;
				right: 0;
			}
			.selectCategory {float: right !important; padding-top: 3px !important;}
			.selectCategory select {font-size: 11px;}

		/*	Smart Poll Panel
			continue coding by Samart
			................................................................. */

			.statDetails {width: 950px; background: url(../images/bg/pollfix_bg.jpg) repeat-y; overflow: hidden;}

			.statDetails .socialShare { width: 419px; height: 24px; float: right; margin-top: 15px;}
			.statDetails .socialShare .googlePlus,
			.statDetails .socialShare .tweeterBt,
			.statDetails .socialShare .facebook-share { float: left;}

			.statDetails .socialShare .googlePlus { width: 77px;}
			.statDetails .socialShare .tweeterBt { width: 100px; margin-top: 2px;}
			.statDetails .socialShare .facebook-share { width: 85px;}
			.statDetails .socialShare .facebook-share iframe { width: 60px; margin-top: 3px;}

			.statDetails span {display: block; background-repeat: no-repeat; clear: both;}
			.statDetails span.pollfixTop {height: 20px; background: url(../images/bg/pollfixTop_bg.jpg);}
			.statDetails span.pollfixBottom {height: 12px; background: url(../images/bg/pollfixBottom_bg.jpg);}

			.statDetails p {float: left; margin-left: 10px; _display: inline;}

			.statDetails p.toolstatDetails { width: 419px; margin: 15px 0 0; /padding-top: 10px; float: right;}
			.statDetails p.toolstatDetails a {padding-left: 10px;}
			.statDetails p.toolstatDetails a img {vertical-align: middle;}

			.statDetails .flashcontent {float: left; width: 500px;}

			.pollCheckboxSelect {
				width: 390px;
				clear: both;
				margin-left: 45px;
				list-style: none;
				padding: 10px;
				border: 1px solid rgb(234,33,39);
				background: rgb(247,247,247);
				overflow: hidden;
			}
			.pollCheckboxSelect li {
				line-height: 25px;
				float: left;
				width: 388px;
			}
			.pollCheckboxSelect li input {
				float: left;
				margin: 5px 10px 0 0;
			}
			.pollCheckboxSelect li label {
				float: left;
			}

			.SmartPollBox {
				width: 387px;
				border: 1px solid rgb(204,204,204);
				list-style: none;
				float: right;
				background: rgb(247,247,247);
				padding: 10px;
				margin-right: 10px;
				_margin-right: 5px;
				color: rgb(22,63,104);
				font-size: 15px;
				clear: right;
			}

			.SmartPollTank {

				width: 387px;
				border: 1px solid rgb(204,64,40);
				list-style: none;
				float: right !important;
				background: rgb(249,220,219);
				padding: 10px;
				margin: 5px 10px 5px 0;
				color: rgb(22,63,104);
				font-size: 15px;
				clear: right;
			}

			.SmartPollBox li {
				padding-bottom: 10px;
				width: 387px;
				overflow: hidden;
			}

			.SmartPollBox .listIconType {
				border:#999999 1px solid;
				display:block;
				width:18px;
				height:18px;
			}
			.SmartPollBox li textarea {
				margin-top: 5px;
				border: 1px solid rgb(124,124,124);
			}
			.SmartPollBox li p a {
				display: block;
				width: 114px;
				height: 35px;
			}
			.SmartPollBox li p a.sendForetell {background: url(../images/button/smartPoll.jpg); margin-left: -10px;}
			.SmartPollBox li p a.jointForetell {background: url(../images/button/foretellBtn.jpg); margin-left: -10px;}
			.SmartPollBox li p a.cancelForetell {background: url(../images/button/CancelPoll.jpg);}
			.SmartPollBox li p a:hover {background-position: 0 -35px;}
			.SmartPollBox li p a span {visibility: hidden;}

			.SmartPollBox li ul {
				list-style: none;
				width: 367px;
				padding: 0 10px;
				color: rgb(51,51,51);
				font-size: 13px;
			}

			.SmartPollBox li ul li {width: 367px; float: left; clear: both; padding: 5px 0;}

			.SmartPollBox li ul li.pollBoxTitle {padding-left: 30px;}


			.SmartPollBox li ul li img {float: left; margin-right: 5px;}
			.SmartPollBox li ul li em {
				display: block;
				width: 40px;
				text-align: center;
				float: left;
				background: rgb(233,233,233);
				padding: 2px 0;
				margin: 0 5px;
				font-style: normal;
				border: 1px solid rgb(199,199,199);
			}

			.SmartPollBox li ul li em.active {
				background: rgb(98,97,97);
				border: 1px solid rgb(51,51,51);
				color: rgb(255,255,255);
			}

			.SmartPollBox li ul li span {
				display: block;
				float: left;
				height: 22px;
				clear: none;
				margin: 0 5px;
			}

			.SmartPollBox li ul li span a {
				display: block;
				text-indent: -9999px;
				width: 18px;
				height: 22px;
			}

			.SmartPollBox li ul li span.smartPollVote {
				width: 135px;
				/*background: url(../images/bg/pollVote_bg.jpg) center no-repeat;*/
				position: relative;
			}

			span.smartPollVote img {position: absolute; margin: 0 !important;}
			.SmartPollBox li ul li span.locked {background: url(../images/button/locked.jpg) no-repeat; width: 18px;}
			.SmartPollBox li ul li span.unlocked {background: url(../images/button/unlocked.jpg) no-repeat; width: 18px;}


/*	STYLE SHEETS for Photo Gallery Page Set
	Create on: 9 March 2009
	Last Update: 11 March 2009

	author: radiz
	......................................................................... */

		/*	search Photo Panel
			author: radiz
			................................................................. */

			#mediaSearch {padding-top: 8px;}
			#gallerySearch {background: rgb(243,243,243); border: 1px solid rgb(218,218,218); margin-bottom: 15px; padding: 10px; overflow: hidden; }

			#mediaSearch ul, #gallerySearch ul {_overflow: hidden;}
			#mediaSearch ul li, #gallerySearch ul li {list-style: none; float: left; vertical-align: top;}

			#mediaSearch ul li input {width: 180px; height: 20px;}
			#mediaSearch ul li label {display: inline; color: rgb(255,255,255); padding-right: 5px;}

			#gallerySearch ul li input {margin-right: 10px; }
			#gallerySearch ul li input#qpho {padding: 3px; width: 180px; }
			#gallerySearch ul li input#qvdo {padding: 3px; width: 280px; }
			#gallerySearch ul li select {
				background: url(../images/bg/select.gif);
				border: 1px solid rgb(160,160,160);
				margin-right: 5px;
				padding: 3px 4px;
				height: 23px;
				width: 280px;
				-moz-border-radius: 5px;
			}

			#gallerySearch ul li label {color: rgb(22,63,104); font-size: 15px; font-weight: bold; margin-right: 5px; }
			#gallerySearch ul li input.search-button {
				background: url(../images/button/search.gif);
				border: 0;
				cursor: pointer;
				float: left;
				font-size: 0;
				height: 30px;
				line-height: 0;
				overflow: hidden;
				width: 63px;
			}

			#gallerySearch ul li input.search-button:hover {background-position: 0 -30px; }
			#gallerySearch ul li input.ok-button {
				background: url(../images/button/btn-ok.png) no-repeat;
				border: 0;
				cursor: pointer;
				height: 22px;
				float: right;
				line-height: 0;
				font-size: 0;
				margin-top: 2px;
				padding-top: 22px;
				overflow: hidden;
				width: 51px;
			}

			#gallerySearch ul li input.ok-button:hover {background-position: 0 -22px; }

			#mediaSearch ul li input, #mediaSearch ul li select, #mediaSearch ul li p.searchMedia {margin-right: 5px;}
			#mediaSearch ul li p.searchMedia {width: 59px; height: 31px; margin-top: -3px;}

			#gallerySearch ul li a {color: rgb(51,51,51); float: left; margin-top: 5px; }

			#mediaSearch ul li p.searchMedia a {
				width: 59px;
				height: 30px;
				display: block;
				background: transparent url(../images/button/searchButton-lite.png) 0 0 no-repeat;
				text-decoration: none;
			}

			#mediaSearch ul li p.searchMedia a:hover {
				width: 59px;
				height: 31px;
				display: block;
				background: transparent url(../images/button/searchButton-lite.png) 0 -31px no-repeat;
				text-decoration: none;
			}

			#mediaSearch ul li p.searchMedia a span {visibility: hidden;}

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



		/*	Photo and Video Search Result
			author: radiz
			................................................................. */

			.photo-video-searchResult {width: 635px;}
			.photo-video-searchResult li:hover {background: rgb(238,238,238);}

			.photo-video-searchResult li {
				width: 625px;
				padding: 10px 5px;
				list-style: none;
				border-bottom: 1px dashed rgb(183,183,183);
				overflow: hidden;
			}

			.photo-video-searchResult li.readMore {text-align: right; padding-top: 10px; border-bottom: 0;}
			.photo-video-searchResult li.readMore:hover {background: none;}
			.photo-video-searchResult li h3 {font-size: 15px;}

			.photo-video-searchResult li p.resultThumb {
				width: 90px;
				height: 60px;
				float: left;
				margin-right: 10px;
			}

			.photo-video-searchResult li ul.photoVideoInformation {
				color: rgb(102,102,102);
				padding-top: 5px;
				float: none;
			}

			.photo-video-searchResult li ul.photoVideoInformation li {
				list-style: none;
				display: inline;
				padding: 0;
				border: none;
			}

			/*	Media Search Result
				author: radiz
				................................................................. */

				.media-searchResult {width: 635px;}
				.media-searchResult li:hover {background: rgb(238,238,238);}

				.media-searchResult li {
					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 h3 {font-size: 15px;}

				.media-searchResult li p.resultThumb {
					width: 90px;
					height: 60px;
					float: left;
					margin-right: 10px;
				}

				.media-searchResult li ul.mediaInformation {
					color: rgb(102,102,102);
					padding-top: 5px;
					float: none;
				}

				.media-searchResult li ul.mediaInformation li {
					list-style: none;
					display: inline;
					padding: 0;
					border: none;
				}


		/*	Photo and Video Details
			author: radiz
			................................................................. */

			.slide-video-controlPanel {padding: 10px; text-align: center;}
			.slide-video-controlPanel img {vertical-align: bottom; margin-right: 5px;}
			ul.slide-video-controlPanel {
				margin:0 auto;
				overflow:hidden;
				padding:30px 10px 0;
				text-align:center;
				width:154px;
			}

			div.slide-videoDetails {
				width: 613px;
				padding: 10px;
				background: rgb(247,247,247);
				border: 1px solid rgb(183,183,183);
				_overflow: hidden;
				margin-bottom: 15px;
				margin-top: 15px /*--- bouy edit --- */
			}

			div.slide-videoDetails p {margin-bottom: 15px;}
			div.slide-videoDetails ul.photoVideoInformation {float: left !important; padding: 0 !important; margin-left: 0 !important;}

			div.slide-videoDetails ul.url-tags {width: 300px; float: right;}
			div.slide-videoDetails ul.url-tags input {width: 240px;}

			div.slide-videoDetails ul.url-tags li {
				list-style: none;
				clear: both;
				_overflow: hidden;
				margin-bottom: 5px;
			}

			div.slide-videoDetails ul.url-tags li input {float: right;}
			div.slide-videoDetails ul.url-tags li label {float: left;}


			/*	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);
					_overflow: hidden;
					margin-bottom: 15px;
					margin-top: 15px /*--- bouy edit --- */
				}

				div.slide-mediaDetails p {margin-bottom: 15px;}
				div.slide-mediaDetails ul.mediaInformation {float: left !important; padding: 0 !important; margin-left: 0 !important;}

				div.slide-mediaDetails ul.url-tags {width: 300px; float: right;}
				div.slide-mediaDetails ul.url-tags input {width: 240px;}

				div.slide-mediaDetails ul.url-tags li {
					list-style: none;
					clear: both;
					_overflow: hidden;
					margin-bottom: 5px;
				}

				div.slide-mediaDetails ul.url-tags li input {float: right;}
				div.slide-mediaDetails ul.url-tags li label {float: left;}


		/*	watchedFollowing
			author: Samart
			................................................................. */

			.watchedFollowing {width: 300px; padding-bottom: 5px; _overflow: hidden;}

			.watchedFollowing h2 {font-size: 15px; color: rgb(37,75,113); padding: 0 0 0 8px; }

			.watchedFollowing table {width: 100%;}
			.watchedFollowing table td {margin: 0; padding: 0; line-height: 0;}
			.watchedFollowing table td img {border: 1px solid rgb(204,204,204);}

			.watchedFollowing p.readMore {margin: 0 9px 0 7px; }


		/*	toptenWatched
			author: Samart
			................................................................. */

			.toptenWatched {
				width: 618px;
				border: 1px solid rgb(200,200,200);
				overflow: hidden;
				background: url(../images/bg/toptenWatched_bg.jpg) repeat-y;
				padding: 10px 15px 10px 0;
				margin-bottom: 15px;
			}

			.toptenWatched h3 {margin-bottom: 10px; color: rgb(22,63,104);}

			.toptenWatched p {margin-bottom: 15px;}
			.toptenWatched p a {text-decoration: underline;}
			.toptenWatched p a:hover {text-decoration: none;}

			.toptenWatched ul {list-style: none; float: right; width: 310px; text-align: center; _margin-bottom: 55px;}
			.toptenWatched ul li {margin: 8px 0; color: rgb(200,42,36);}

			.toptenWatched ul li a {
				display: block !important;
				width: 137px;
				height: 33px;
				text-decoration: none;
				margin: 0 auto;
			}

			.toptenWatched ul li a.jointpostComment {background: url(../images/button/postComment.jpg);}
			.toptenWatched ul li a.jointpostComment:hover {background-position: 0 -33px;}
			.toptenWatched ul li a.jointpostComment span {visibility: hidden;}

			.toptenWatched ul li a.jointCase {background: url(../images/button/jointCase.jpg);}
			.toptenWatched ul li a.jointCase:hover {background-position: 0 -33px;}
			.toptenWatched ul li a.jointCase span {visibility: hidden;}

			.toptenWatched .toptenWatched-List {width: 287px; margin-right: 15px; float: left; overflow: hidden;}
			.toptenWatched-List ol {width: 287px; float: left;}

			.leftColumn-M .toptenWatched-List ol li {
				width: 270px;
				color: rgb(255,255,255);
				list-style: none;
				padding: 4px 8px;
				border-bottom: 1px solid rgb(39,80,139);
				clear: both;
				overflow: hidden;
			}

			.toptenWatched-List ol li a {color: rgb(255,255,255); line-height: 16px;}
			.toptenWatched-List ol li a:hover {text-decoration: none;}

			.toptenWatched-List p.readMore {
				width: 271px;
				text-align: right;
				float: left;
				height: 20px;
				border: none;
				padding-top: 10px;
				clear: both;
				margin:0px;
			}

			.toptenWatched-List p.readMore a {background: rgb(16,42,91); color: rgb(255,255,255);}
			.toptenWatched-List p.readMore a:hover {color: rgb(255,255,255); text-decoration: none;}
			.toptenWatched-List ol li:hover {width: 271px; background: rgb(255,255,255); color: rgb(228,0,0);}
			.toptenWatched-List ol li:hover a {color: rgb(228,0,0);}

			.toptenWatched-List ol li.active {width: 271px; background: rgb(255,255,255); color: rgb(228,0,0);}
			.toptenWatched-List ol li.active a {color: rgb(228,0,0);}

			.toptenWatched-List ol li img {vertical-align: middle; margin: 0 10px 0 5px; float: left;}
			.toptenWatched-List ol li p span {visibility: hidden;}

			.toptenWatched-List ol li em {
				width: 30px;
				display: block;
				float: left;
				margin-right: 5px;
				font-style: normal;
				font-size: 20px;
				text-align: center;
				line-height: 22px;
			}


		/*	wetchedNewsList
			author: Samart
			................................................................. */

			.wetchedNewsList {
				width: 468px;
				margin-bottom: 10px;
				float: left;
				margin-right: 14px;
			}

			.wetchedNewsListNomargin {margin-right: 0; }

			.wetchedNewsList h2 {
				background: rgb(236,236,236);
				font-size:15px;
				margin-bottom:5px;
				padding:5px;
			}

			.wetchedNewsList p.readMore {border: 0; width: 468px; text-align: right; padding-top: 5px;}

			.wetchedNewsList ul li {
				width: 468px;
				list-style: none;
				border-bottom: 1px dotted rgb(139,139,139);
				padding: 4px 0;
				overflow: hidden;
			}

			div.voterSummary {
				background:transparent url(../images/bg/bg_normal-voterSummary.gif) no-repeat;
				color: rgb(102,102,102);
				float:right;
				height:45px;
				padding-top:8px;
				text-align:center;
				width:83px;
			}

			div.voterSummary p {float: none; margin: 0; width:83px !important; padding: 0 !important;}
			div.voterSummary p.summary {color: rgb(200,42,36); font-size: 15px; font-weight: bold;}

			.wetchedNewsList ul li.firstList h3 {width: 280px; display: inline; font-size: 15px;}
			.wetchedNewsList ul li.firstList p {width: 265px; clear: none; margin: 0 auto; padding-left: 15px;}
			.wetchedNewsList ul li.firstList p em {font-size: 13px;}
			.wetchedNewsList ul li.firstList p.thumbnail {width: 90px; margin-right: 5px; padding: 0 !important;}

			.wetchedNewsList ul li h3 {
				width: 350px;
				float: left;
				margin-right: 5px;
				font-size: 13px;
			}

			.wetchedNewsList ul li p {
				width: 335px;
				float: left;
				margin-right: 5px;
				clear: left;
			}

			.wetchedNewsList ul li p em {
				font-style: normal;
				font-size: 11px;
				color: rgb(102,102,102);
				margin-left: 5px;
			}

			.wetchedNewsList ul li p.userViews {
				width: 112px;
				float: right !important;
				margin-right: 0;
				text-align: right;
				clear: none;
			}


		/*	mainTopic
			author: Samart
			................................................................. */

			#topicNavigation {
				width: 299px;
				border-bottom: 1px solid rgb(204,204,204);
				margin: 15px 0;
				list-style: none;
			}

			#topicNavigation li {
				width: 287px;
				height: 25px;
				padding: 8px 0 0 10px;
				background:url(../images/bg/topicNavigation_bg.jpg) repeat-x;
				border: 1px solid rgb(204,204,204);
				border-bottom: none;
			}

			#topicNavigation li:hover {
				width: 289px;
				height: 24px;
				background: rgb(255,255,255);
				border: 1px solid rgb(204,46,40);
				border-right: none;
			}

			#topicNavigation li:hover a {color: rgb(200,42,36); text-decoration: none;}

			#topicNavigation li.active {
				width: 289px;
				height: 24px;
				background: rgb(255,255,255);
				border: 1px solid rgb(204,46,40);
				border-right: none;
			}

			#topicNavigation li.active a {color: rgb(200,42,36);}
			#topicNavigation li a {color: rgb(51,51,51);}
			#topicNavigation li a:hover {color: rgb(200,42,36); text-decoration: none;}

			.topicReport {margin: 10px auto; width: 250px; list-style: none;}

			.topicReport li {
				background:transparent url(../images/bg/topicReport_bg.jpg) no-repeat;
				color: rgb(51,51,51);
				float: left;
				height:53px;
				padding-top:8px;
				text-align:center;
				width:108px;
				margin-right: 10px;
			}

			.topicReport li p.summary {color: rgb(200,42,36); font-size: 15px; font-weight: bold;}

			.topicComment {
				clear: both;
				margin: 0 10px;
				list-style: none;
				color: rgb(51,51,51);
				margin-bottom: 10px;
			}

			.titleTopicComment {color: rgb(200,42,36);}
			.topicComment a {color: rgb(51,51,51); text-decoration: underline;}

			.topicFollow a {
				display: block;
				width: 143px;
				height: 35px;
				background: url(../images/button/topicFollow.png);
				text-decoration: none;
				margin: 0 auto;
			}

			.topicUnFollow a {
				display: block;
				width: 143px;
				height: 35px;
				background: url(../images/button/topicCancelFollow.png);
				text-decoration: none;
				margin: 0 auto;
			}

			.topicFollow a:hover, .topicUnFollow a:hover {background-position: 0 -35px; text-decoration: none;}
			.topicFollow a span, .topicUnFollow a span {visibility: hidden;}

			.topicNewsList {list-style: none; margin-bottom: 15px; line-height: 25px;}
			.topicNewsList li a {color: rgb(51,51,51);}

			.commentIposttoday .topicNewsList li {padding: 0;}

			.galleryListItem {border-bottom: 1px dotted rgb(185,185,185);}
			.galleryListItem p { margin-bottom: 5px;}
			.galleryListItem p.thumbnail {float: left; margin-right: 10px;}
			.galleryListItem p em { font-style: normal; color: rgb(37,75,113);}

			.galleryListItem table {margin-bottom: 15px;}

			.galleryListItem div {
				width: 635px;
				border-bottom: 3px solid rgb(233,233,233);
				overflow: hidden;
				margin-bottom: 15px;
			}


		/*	I - Posttoday Static and Forms Page
			author: radiz
			................................................................. */

			#iPosttodayWrapper table.benefits { margin-top: 20px; width: 629px;}
			#iPosttodayWrapper table.benefits tr.tableHeader { width: 630px; height: 59px;}
			#iPosttodayWrapper table.benefits tr th,
			#iPosttodayWrapper table.benefits tr td { border-right: 1px solid #e9e9e9; padding: 10px 0 12px; text-align: center; width: 163px;}
			#iPosttodayWrapper table.benefits tr th.posttodayMember {
				background: url(../images/posttoday-member.gif) no-repeat;
				width: 163px;
				}
			#iPosttodayWrapper table.benefits tr th.posttodayMember span,
			#iPosttodayWrapper table.benefits tr th.premiumMember span { visibility: hidden;}
			#iPosttodayWrapper table.benefits tr th.premiumMember {
				background: url(../images/premium-member.gif) no-repeat;
				width: 163px;
				}
			#iPosttodayWrapper table.benefits tr td.first { padding-left: 5px; text-align: left; width: 295px;}
			#iPosttodayWrapper table.benefits tr td.yes { background: url(../images/icon/yes-gray.gif) no-repeat center center;}
			/*#iPosttodayWrapper table.benefits tr td.yes-red { background: url(../images/icon/yes-red.gif) no-repeat center center; width: 19px; height: 16px;}*/
			#iPosttodayWrapper table.benefits span { visibility: hidden;}
			#iPosttodayWrapper table.benefits tr.gray { background: #f8f8f8;}
			#iPosttodayWrapper table.benefits tr td.registerFree a {
				background: url(../images/button/registerFree.gif) no-repeat;
				height: 28px;
				width: 135px;
				display: block;
				text-decoration: none;
				margin-left: 14px;
				/margin-left: 0;
				}
			#iPosttodayWrapper table.benefits tr td.registerPremium a {
				background: url(../images/button/register-Premium.gif) no-repeat;
				height: 28px;
				width: 135px;
				display: block;
				text-decoration: none;
				margin-left: 14px;
				/margin-left: 0;
				}
			#iPosttodayWrapper table.benefits tr.last td{ padding: 10px 0 0;}

			#iPosttodayWrapper table.benefits tr td.coming-soon p{
				background: url(../images/button/coming-soon-btn.gif) no-repeat;
				height: 28px;
				width: 135px;
				display: block;
				text-decoration: none;
				margin-left: 14px;
				/margin-left: 0;
				margin-bottom: 0;
				}

			p.promotePicture {
				width: 547px;
				height: 120px;
				padding: 20px 0 0 20px;
				margin-bottom: 15px;
			}


			p.promotePicture-campaign {
				background: url(../images/bg/bg_promotePicture.png) right bottom no-repeat;
				width: 565px;
				height: 40px;
				padding: 140px 0 0 20px;
				margin-bottom: 15px;
			}

			p.promotePicture-campaign a {color: rgb(211,48,48); text-decoration: underline;}
			p.promotePicture-campaign a:hover {text-decoration: none;}

			h1.helloPosttoday {
				width: 578px;
				height: 75px;
				background: url(../images/hello-posttoday.gif) no-repeat;
				margin-bottom: 15px;
			}

			.helloPosttoday span {visibility: hidden;}

			.intro-to-iPosttoday {
				width: 545px;
				height: 219px;
				background: url(../images/intro-iPosttoday.gif) no-repeat;
				margin-bottom: 40px;
			}

			.intro-to-iPosttoday span {visibility: hidden;}

			.not-a-member {
				width: 160px;
				height: 20px;
				background: url(../images/not-a-member.gif) no-repeat;
				margin-bottom: 15px;
			}
			.not-a-member span {visibility: hidden;}

			.iPosttoday-register {width: 257px; height: 71px; margin-bottom: 130px;}

			.iPosttoday-register a {
				width: 257px;
				height: 71px;
				display: block;
				background: url(../images/button/iPosttoday-register.jpg) 0 0 no-repeat;
				text-decoration: none;
			}

			.iPosttoday-register a:hover {
				width: 257px;
				height: 71px;
				display: block;
				background: url(../images/button/iPosttoday-register.jpg) 0 -71px no-repeat;
				text-decoration: none;
			}

			.iPosttoday-register a span {visibility: hidden;}

			.iPosttoday-loginBox {
				width: 270px;
				padding: 5px 30px;
				position: absolute;
				top: 300px;
				right: 0;
			}

			.iPosttoday-loginBox h2 {
				width: 137px;
				height: 25px;
				background: url(../images/please-login.gif) no-repeat;
				margin-bottom: 15px;
			}

			.iPosttoday-loginBox h2 span {visibility: hidden; _font-size: 0;}
			.iPosttoday-loginBox ul {margin-bottom: 15px;}
			.iPosttoday-loginBox ul li {list-style: none; margin-bottom: 10px;}
			.iPosttoday-loginBox ul li ul li { float: left; padding-right: 3px; color: #a7a7a7;}
			.iPosttoday-loginBox ul li p {margin-bottom: 5px;}

			.iPosttoday-loginBox input.iPosttodayLoginBtn {
				width: 133px;
				height: 37px;
				border: none;
				cursor: pointer;
				background: url(../images/button/iPosttoday-login.jpg) 0 0 no-repeat;
			}
			.iPosttoday-loginBox input.iPosttodayLoginBtn:hover {background: url(../images/button/iPosttoday-login.jpg) 0 -37px no-repeat;}

			.iPosttoday-loginBox ul li p a {color: rgb(51,51,51); text-decoration: underline;}
			.iPosttoday-loginBox ul li p a:hover {color: rgb(51,51,51); text-decoration: none;}

			h1.register-completed {
				width: 406px;
				height: 31px;
				background: url(../images/register-done.gif) no-repeat;
				margin: 120px 0 15px;
			}

			h1.register-completed span {visibility: hidden;}

			p.welcome-to-iPosttoday {width: 772px; height: 81px; background: url(../images/welcome-to-iPosttoday.gif) no-repeat;}
			p.welcome-to-iPosttoday span {visibility: hidden;}

			p.enjoy-iPosttoday {
				width: 405px;
				height: 35px;
				background: url(../images/enjoy-iPosttoday.gif) no-repeat;
				margin-bottom: 15px;
			}

			p.enjoy-iPosttoday span {visibility: hidden;}

			p.start-iPosttoday {width: 133px; height: 37px; margin-bottom: 180px;}

			p.start-iPosttoday a {
				width: 133px;
				height:  37px;
				display: block;
				background: url(../images/button/start-iPosttoday.jpg) 0 0 no-repeat;
				text-decoration: none;
			}

			p.start-iPosttoday a:hover {
				width: 133px;
				height:  37px;
				display: block;
				background: url(../images/button/start-iPosttoday.jpg) 0 -37px no-repeat;
				text-decoration: none;
			}

			p.start-iPosttoday a span {visibility: hidden;}



			.iPosttoday-detailPage, .myiPosttoday {padding-bottom: 80px; overflow:  hidden;}
			.iPosttoday-detailPage h1, .encyclopedia-page h1 {font-size: 25px; color: rgb(200,42,36); margin-bottom: 20px;}
			.iPosttoday-detailPage p, .iPosttoday-detailPage ul {margin-bottom: 10px;}

			.iPosttoday-detailPage .textfield, .iPosttoday-loginBox .textfield {width: 220px; height: 25px;}
			.iPosttoday-detailPage .radiofield {display: inline; margin-right: 10px;}

			.iPosttoday-detailPage ul {width: 750px;}

			.iPosttoday-detailPage ul li {
				list-style: none;
				padding: 5px;
				border-top: 1px solid rgb(255,255,255);
				border-left: 3px solid rgb(183,183,183);
				border-bottom: 1px solid rgb(183,183,183);
				background: rgb(240,240,240);
			}

			.ajaxAlertBox {
				width: 633px;
				border: 1px solid rgb(234,33,39);
				background: rgb(249,220,219);
				padding: 10px;
				color: rgb(22,63,104);
				text-align: center;
				font-weight: bold;
				margin: 10px auto;
			}

			.ajaxAlertBox strong {display: block; font-size: 15px;}
			.ajaxAlertBox a {font-weight: normal; color: rgb(51,51,51); text-decoration: none;}
			.ajaxAlertBox a:hover {font-weight: normal; color: rgb(51,51,51); text-decoration: underline;}

			.registercampaign {background: url(../images/bg/bg_registration.jpg) 100% 50px no-repeat; position: relative; }
			.registercampaign p.read-detail a {
				background: url(../images/button/read-detail2-btn.png);
				display: block;
				height: 39px;
				left: 40%;
				overflow: hidden;
				position: absolute;
				text-decoration: none;
				text-indent: -999px;
				top: 450px;
				width: 122px;
			}
			.registercampaign p.read-detail a:hover {background-position: 0 -39px; _background-position: 0 -38px;}

			.iPosttoday-detailPage form img {vertical-align: top;}
			.iPosttoday-detailPage form h2 {font-size: 15px; color: rgb(22,63,104); margin-bottom: 15px;}
			.iPosttoday-detailPage form ul {margin-bottom: 15px;}
			.iPosttoday-detailPage form textarea {width: 280px; height: 150px;}

			.iPosttoday-detailPage form ul li {
				background: none;
				border: 0 !important;
				list-style: none;
				margin-bottom: 5px;
			}

			.iPosttoday-detailPage form ul li p {width: 350px;}

			.iPosttoday-detailPage form ul li label {display: block; margin-bottom: 5px;}

			.iPosttoday-detailPage form ul li .form-message label {
				display: inline;
				padding-left: 20px;
				margin-left: 10px;
			}

			.form-message label {background: url(../images/icon/status-message.gif) no-repeat; padding-left: 20px;}

				.form-message label.error {color: #f00; background-position: 0 98% !important;}
				.form-message label.success {color: #0060bf; background-position: 0 3px !important;}

				#passwordStrength {
					width: 368px;
					font-size: 11px;
					padding: 0 0 20px;
					background: url(../images/bg/strength-level.gif) no-repeat;
					margin: 5px 0 0;
				}
				.strength0 {background-position: 0 22px !important;}
				.strength1 {background-position: 0 -18px !important;}
				.strength2 {background-position: 0 -58px !important;}
				.strength3 {background-position: 0 -98px !important;}

			.iPosttoday-detailPage form input.getNewPassword {
				width: 112px;
				height: 33px;
				border: none;
				cursor: pointer;
				background: url(../images/button/getNewPassword.jpg) 0 0 no-repeat;
			}

			.iPosttoday-detailPage form input.getNewPassword:hover {background: url(../images/button/getNewPassword.jpg) 0 -33px no-repeat;}

			.iPosttoday-detailPage form input.register-to-iPosttoday {
				width: 100px;
				height: 34px;
				border: none;
				cursor: pointer;
			 	background: url(../images/button/iPosttoday-registerGrey.jpg) 0 0 no-repeat;
			}
			.iPosttoday-detailPage form input.register-to-iPosttoday:hover {background: url(../images/button/iPosttoday-registerGrey.jpg) 0 -34px no-repeat;}

			input.save-detail {
				width: 89px;
				height: 33px;
				border: none;
				cursor: pointer;
				background: url(../images/button/save-detail.jpg) 0 0 no-repeat;
			}
			input.save-detail:hover {background: url(../images/button/save-detail.jpg) 0 -33px no-repeat;}

			.h1-userpage {
				font-size: 20px;
				color: rgb(200,42,36);
				padding: 15px 0 10px;
				margin-bottom: 5px;
			}

			ul.userpage-contentNavigator {
				width: 945px;
				background: rgb(236,236,236);
				border-bottom: 1px solid rgb(183,183,183);
				padding: 3px 0 0 5px;
				_overflow: hidden;
			}

			ul.userpage-contentNavigator li {
				height: 16px;
				list-style: none;
				display: block;
				float: left;
				padding: 5px 10px;
			}

			ul.userpage-contentNavigator li.active {
				_height: 17px;
				font-size: 15px;
				font-weight: bold;
				color: rgb(22,63,104);
				margin: 0 10px -1px 0;
				background: rgb(255,255,255);
				_position: relative;

				border-top: 1px solid rgb(183,183,183);
				border-left: 1px solid rgb(183,183,183);
				border-right: 1px solid rgb(183,183,183);
				border-bottom: 1px solid rgb(255,255,255);

				-moz-border-radius-topleft:5px;
				-moz-border-radius-topright:5px;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
			}

			ul.userpage-contentNavigator li a {color: rgb(51,51,51); text-decoration: none;}
			ul.userpage-contentNavigator li a:hover {color: rgb(51,51,51); text-decoration: underline;}

			.rightColumn-L ol.resultList-inAccount {width: 635px;}
			.rightColumn-L ol.resultList-inAccount li {width: 630px;}

			ol.resultList-inAccount {width: 950px; margin-bottom: 15px;}

			ol.resultList-inAccount li {
				width: 945px;
				list-style: none;
				padding: 5px 5px 5px 0;
				border-bottom: 1px dashed rgb(185,185,185);
				_overflow: hidden;
			}

			ol.resultList-inAccount li p.thumbnail {
				width: 48px;
				height: 48px;
				float: left;
				margin: 0 10px 5px 0;
				_margin-bottom: 0;
				/margin-bottom: 0;
			}

			ol.resultList-inAccount li p.typeDate {margin-bottom: 5px; color: rgb(102,102,102);}
			ol.resultList-inAccount li p.typeDate em {font-style: normal;}
			ol.resultList-inAccount li h2 {font-size: 13px; color: rgb(51,51,51); margin-bottom: 5px;}

			ol.resultList-inAccount li .directMessage-ButtonSet {
				padding: 5px 0;
				clear: both;
				_overflow: hidden;
				_padding-top: 0;
				/padding-top: 0;
			}

			ol.resultList-inAccount li .directMessage-ButtonSet p.deleteMessage {float: left; margin-right: 5px;}
			ol.resultList-inAccount li .directMessage-ButtonSet p.deleteMessage a {
				width: 67px;
				height: 22px;
				display: block;
				background: url(../images/button/deleteMessage.jpg) 0 0 no-repeat;
				text-decoration: none;
			}

			ol.resultList-inAccount li .directMessage-ButtonSet p.deleteMessage a:hover {
				width: 67px;
				height: 22px;
				display: block;
				background: url(../images/button/deleteMessage.jpg) 0 -22px no-repeat;
				text-decoration: none;
			}

			ol.resultList-inAccount li .directMessage-ButtonSet p.deleteMessage a span {visibility: hidden;}

			ol.resultList-inAccount li .directMessage-ButtonSet p.replyMessage {float: left; margin-right: 5px;}
			ol.resultList-inAccount li .directMessage-ButtonSet p.replyMessage a {
				width: 67px;
				height: 22px;
				display: block;
				background: url(../images/button/replyMessage.jpg) 0 0 no-repeat;
				text-decoration: none;
			}

			ol.resultList-inAccount li .directMessage-ButtonSet p.replyMessage a:hover {
				width: 67px;
				height: 22px;
				display: block;
				background: url(../images/button/replyMessage.jpg) 0 -22px no-repeat;
				text-decoration: none;
			}

			ol.resultList-inAccount li .directMessage-ButtonSet p.replyMessage a span {visibility: hidden;}

			ol.resultList-inAccount li .directMessage-ButtonSet p.cancelFollow {float: left; margin-right: 5px;}
			ol.resultList-inAccount li .directMessage-ButtonSet p.cancelFollow a {
				width: 67px;
				height: 22px;
				display: block;
				background: url(../images/button/cancelFollow.jpg) 0 0 no-repeat;
				text-decoration: none;
			}

			ol.resultList-inAccount li .directMessage-ButtonSet p.cancelFollow a:hover {
				width: 67px;
				height: 22px;
				display: block;
				background: url(../images/button/cancelFollow.jpg) 0 -22px no-repeat;
				text-decoration: none;
			}

			ol.resultList-inAccount li .directMessage-ButtonSet p.cancelFollow a span {visibility: hidden;}

			ol.resultList-inAccount li .directMessage-ButtonSet p.follow {float: left; margin-right: 5px;}
			ol.resultList-inAccount li .directMessage-ButtonSet p.follow a {
				width: 67px;
				height: 22px;
				display: block;
				background: url(../images/button/iPosttodayFollow.jpg) 0 0 no-repeat;
				text-decoration: none;
			}

			ol.resultList-inAccount li .directMessage-ButtonSet p.follow a:hover {
				width: 67px;
				height: 22px;
				display: block;
				background: url(../images/button/iPosttodayFollow.jpg) 0 -22px no-repeat;
				text-decoration: none;
			}

			ol.resultList-inAccount li .directMessage-ButtonSet p.follow a span {visibility: hidden;}

			ol.resultList-inAccount li .directMessage-ButtonSet p.sendDM {float: left; margin-right: 5px;}
			ol.resultList-inAccount li .directMessage-ButtonSet p.sendDM a {
				width: 79px;
				height: 22px;
				display: block;
				background: url(../images/button/sendDM.jpg) 0 0 no-repeat;
				text-decoration: none;
			}

			ol.resultList-inAccount li .directMessage-ButtonSet p.sendDM a:hover {
				width: 79px;
				height: 22px;
				display: block;
				background: url(../images/button/sendDM.jpg) 0 -22px no-repeat;
				text-decoration: none;
			}

			ol.resultList-inAccount li .directMessage-ButtonSet p.sendDM a span {visibility: hidden;}

			p.pageSwitchiPosttoday {padding-top:10px; text-align:center; text-align: center;}
			p.pageSwitchiPosttoday img {vertical-align: bottom;}
			p.pageSwitchiPosttoday a {color: rgb(22,63,104); text-decoration: none;}
			p.pageSwitchiPosttoday a:hover {color: rgb(200,42,36); text-decoration: none;}

			.topicNameList {width: 270px; float: left; margin: 0 35px 15px 0;}
			.savedTopicList {width: 270px; float: left;}

			#topicList {
				width: 270px;
				height:340px;
				font-size: 13px;
				padding: 5px;
			}

			#topicSavedList {
				width: 270px;
				height:340px;
				font-size: 13px;
				padding: 5px;
			}

			.topicNameList label, .savedTopicList label {display: block; padding-bottom: 10px;}

			.iPosttodayInsertTopic {
				width: 20px;
				height: 20px;
				position: absolute;
				top: 250px;
				left: 278px;
			}

			.iPosttodayInsertTopic a {
				width: 20px;
				height: 20px;
				display: block;
				background: url(../images/button/insert.jpg) 0 0 no-repeat;
				text-decoration: none;
			}

			.iPosttodayInsertTopic a:hover {
				width: 20px;
				height: 20px;
				display: block;
				background: url(../images/button/insert.jpg) 0 -20px no-repeat;
				text-decoration: none;
			}

			.iPosttodayInsertTopic a span {visibility: hidden; _font-size: 0;}

			.iPosttodayDeleteTopic {
				width: 20px;
				height: 20px;
				position: absolute;
				top: 275px;
				left: 278px;
			}

			.iPosttodayDeleteTopic a {
				width: 20px;
				height: 20px;
				display: block;
				background: url(../images/button/delete.jpg) 0 0 no-repeat;
				text-decoration: none;
			}

			.iPosttodayDeleteTopic a:hover {
				width: 20px;
				height: 20px;
				display: block;
				background: url(../images/button/delete.jpg) 0 -20px no-repeat;
				text-decoration: none;
			}

			.iPosttodayDeleteTopic a span {visibility: hidden; _font-size: 0;}


		/*	I - Posttoday Panels
			author: radiz
			................................................................. */

			.iPosttoday-GadgetPanel {
				width: 940px;
				height: 37px;
				padding: 7px 0 0 10px;
				margin-top: 15px;
				_overflow: hidden;
				background: transparent url(../images/bg/iPosttoday-GadgetPanel_bg.jpg) repeat-x;
			}

			.add-delete-iPosttodayGadget a {
				width: 140px;
				height: 31px;
				margin-right: 10px;
				float: left;
				background: url(../images/button/add-delete-iPosttoday.png) 0 0 no-repeat;
				text-decoration: none;
			}

			.add-delete-iPosttodayGadget a:hover {
				width: 140px;
				height: 31px;
				margin-right: 10px;
				float: left;
				background: url(../images/button/add-delete-iPosttoday.png) 0 -31px no-repeat;
				text-decoration: none;
			}

			.add-delete-iPosttodayGadget a span {visibility: hidden;}

			.reset-to-default  a {
				width: 140px;
				height: 31px;
				float: left;
				background: url(../images/button/reset-to-default.png) 0 0 no-repeat;
				text-decoration: none;
			}

			.reset-to-default  a:hover {
				width: 140px;
				height: 31px;
				float: left;
				background: url(../images/button/reset-to-default.png) 0 -31px no-repeat;
				text-decoration: none;
			}

			.reset-to-default  a span {visibility: hidden;}

			.gadgets-select-panel {
				width: 943px;
				padding: 10px 0 0 5px;
				background: rgb(247,247,247);
				border-left: 1px solid rgb(183,183,183);
				border-right: 1px solid rgb(183,183,183);
				border-bottom: 1px solid rgb(183,183,183);
				margin-bottom: 15px;
			}

			.iPosttoday-gadgetsList {width: 938px; color: rgb(22,63,104); _overflow: hidden; font-family: "Microsoft Sans Serif";}

			.iPosttoday-gadgetsList li {
				width: 133px;
				list-style: none;
				float: left;
				padding-bottom: 10px;
			}

			.my-iPosttodayContent-structure {background-color:#FFFFFF;width: 304px; margin-bottom: 20px; border: 1px solid rgb(183,183,183);} /*edit by mod*/

			.my-iPosttodayContent-structure dt {
				font-size: 15px;
				font-weight: bold;
				color: rgb(200,42,36);
				height: 27px;
				padding: 10px 0 0 5px;
				background: transparent url(../images/bg/main-dt-bg.jpg) repeat-x;
				border-bottom: 1px solid rgb(183,183,183);
			}

			.my-iPosttodayContent-structure dt span.toggleStatus {
				width: 18px;
				height: 18px;
				display: block;
				float: left;
				margin: 2px 5px 0 0;
				background: transparent url(../images/button/toggleStatus.png) 0 0 no-repeat;
				cursor: pointer;
			}

			.my-iPosttodayContent-structure dt span.active {background: transparent url(../images/button/toggleStatus.png) 0 0 no-repeat;}

			.my-iPosttodayContent-structure dt em {
				font-size: 13px;
				font-style: normal;
				color: rgb(51,51,51);
				display: block;
				float: right;
				margin: -4px 5px 0 0;
				padding: 3px 5px;
				background: rgb(237,237,237);
				border: 1px solid rgb(183,183,183);
			}

			.my-iPosttodayContent-structure dt em a {color: rgb(51,51,51); text-decoration: none;}
			.my-iPosttodayContent-structure dt em a:hover {color: rgb(200,42,36); text-decoration: none;}

			.my-iPosttodayContent-structure dt span.buttonSet {display: block; float: right; padding-right: 5px;}
			.my-iPosttodayContent-structure dt span.buttonSet img {margin-right: 1px;}

			.my-iPosttodayContent-structure dd ul.checkList {
				width: 304px;
				padding: 10px 0;
				background: rgb(111,111,111);
				_overflow: hidden;
			}

			ul.checkList li {
				width: 133px;
				list-style: none;
				float: left;
				color: rgb(255,255,255);
				padding-left: 15px;
			}

			.gadgets-select-panel form p {
				width: 938px;
				text-align: center;
				border-top: 1px solid rgb(183,183,183);
				margin-top: 5px;
				padding: 10px 0 15px;
			}
			.gadgets-select-panel form p input#save-btn {background-image: url(../images/button/save-btn.png); margin-right: 5px;}
			.gadgets-select-panel form p input#cancel-btn {background-image: url(../images/button/cancel-btn.png);}

			.my-iPosttodayContent-structure dd form p {
				width: 154px;
				padding: 5px 0 10px 150px;
				background: rgb(111,111,111);
				_overflow: hidden;
			}
			.my-iPosttodayContent-structure dd form p.listCount {width: 289px; padding: 5px 0 10px 15px;}
			.my-iPosttodayContent-structure dd form p.listCount label {display: block; color: #fff;}
			.my-iPosttodayContent-structure dd form p.listCount select {width: 60px;}

			.my-iPosttodayContent-structure dd form p input#save-btn {background-image: url(../images/button/save-btn.gif); margin-right: 5px;}
			.my-iPosttodayContent-structure dd form p input#cancel-btn {background-image: url(../images/button/cancel-btn.gif);}

			input#save-btn, input#cancel-btn {
				width: 66px !important;
				height: 24px !important;
				border: 0;
				font-size: 12px;
				cursor: pointer;
			}

			input#save-btn:hover, input#cancel-btn:hover {background-position: 0 -24px;}



			/*.my-iPosttodayContent-structure dd .highlightItems {padding-bottom: 15px; margin-bottom: 1px; border-bottom: 1px solid rgb(183,183,183);}*/
			.my-iPosttodayContent-structure dd .highlightItems {border-bottom: 1px solid rgb(183,183,183);} /*edit by mod*/
			.my-iPosttodayContent-structure dd .highlightItems h2 {padding: 0 15px; font-size: 13px; margin-bottom: 5px;}
			.my-iPosttodayContent-structure dd .highlightItems h2 a {text-decoration: underline;}
			.my-iPosttodayContent-structure dd .highlightItems h2 a:hover {text-decoration: none;}
			.my-iPosttodayContent-structure dd .highlightItems p {padding: 0 15px;}

			.my-iPosttodayContent-structure dd .highlightItems p em {
				font-size: 10px;
				font-style: normal;
				color: rgb(102,102,102);
				display: block;
			}

			.my-iPosttodayContent-structure dd .highlightItems p.thumbnail {margin-top: 15px;}
			.my-iPosttodayContent-structure dd .highlightItems ul {padding: 15px 0 15px 30px;}

			.my-iPosttodayContent-structure dd .highlightItems ul li em {
				font-size: 10px;
				font-style: normal;
				color: rgb(102,102,102);
				display: block;
			}

			.my-iPosttodayContent-structure dd ul.emphasisList {width: 284px; padding: 10px; list-style: none;}

			.my-iPosttodayContent-structure dd ul.emphasisList li {
				width: 284px;
				padding-bottom: 5px;
				_overflow: hidden;
				clear: both;
			}

			.my-iPosttodayContent-structure dd ul.emphasisList li img {
				width: 48px;
				height: 48px;
				float: left;
				margin-right: 10px;
			}

			.my-iPosttodayContent-structure dd ul.emphasisList li p em {
				font-size: 10px;
				font-style: normal;
				color: rgb(102,102,102);
				display: block;
			}

			.my-iPosttodayContent-structure dd dl.lineStyleList {
				width: 294px;
				padding: 5px 5px 15px;
				margin-bottom: 1px;
				border-bottom: 1px solid rgb(183,183,183);
			}

			dl.lineStyleList dt {
				height: auto;
				font-size: 13px;
				padding-bottom: 5px;
				border-bottom: 1px solid rgb(237,237,237);
				background: none;
			}

			dl.lineStyleList dd {padding: 0 0 5px 5px; border-bottom: 1px solid rgb(237,237,237); _overflow: hidden;}

			dl.lineStyleList dd em {
				font-style: normal;
				color: rgb(200,42,36);
				display: block;
				float: right;
				padding-right: 25px;
			}

			.my-iPosttodayContent-structure dd dl.orange {background: rgb(247,239,221); border-bottom: 0 !important;}
			.my-iPosttodayContent-structure dd dl.orange dd {margin-bottom: 1px; border-bottom: 1px solid rgb(255,255,255) !important;}

			.my-iPosttodayContent-structure dd .iPosttoday-pictureBox, .my-iPosttodayContent-structure dd .iPosttoday-videoBox {
				width: 284px;
				padding: 10px;
				color: rgb(200,42,36);
			}

			.iPosttoday-pictureBox a {color: rgb(200,42,36); text-decoration: none;}
			.iPosttoday-pictureBox a:hover {color: rgb(200,42,36); text-decoration: underline;}


			.iPosttoday-videoBox {text-align: center;}

			.earch-content {position: relative;}
			.earch-content .subTab-close {position: absolute; right: 0; top: 0;}

			.subContent-toolsTab {
				height: 27px;
				background: rgb(237,237,237);
				text-align: right;
				margin-bottom: 1px;
				padding-left: 15px;
			}

			.subContent-toolsTab span {float: left;	margin: 5px 0 0 0;}
			.subContent-toolsTab span.active {
				width: 15px;
				height: 20px;
				display: block;
				background: url(../images/button/droped-status.gif) 0 7px no-repeat;
			}

			.subContent-toolsTab span.disable {
				width: 15px;
				height: 20px;
				display: block;
				background: url(../images/button/close-status.gif)  0 7px no-repeat;
			}
			.subContent-toolsTab img {vertical-align: bottom; border-left: 1px solid rgb(255,255,255);}
			.subContent-toolsTab span img {border-left: 0!important; vertical-align: top;}
			.subContent-toolsTab span a {color: rgb(51,51,51); text-decoration: none;}
			.subContent-toolsTab span a:hover {color: rgb(51,51,51); text-decoration: underline;}


		/*	I - Posttoday bublic Panels
			author: samart
			................................................................. */

			.iPosttoday-bublic {
				background:url(../images/bg/bg_iposttoday-public.gif) right repeat-y;
				padding-bottom: 0 !important;
				border-bottom: 65px solid rgb(255,255,255);
			}

			.iPosttoday-detailPage .rightColumn-L {float: left; width: 635px;}
			.iPosttoday-detailPage .rightColumn-L ul {width: 635px;}
			.iPosttoday-detailPage .rightColumn-L ul li {background: none; border: none; width: 635px;}

			.iPosttoday-detailPage .lastTopicList {float: right; border-top: 10px solid rgb(255,255,255); width: 300px;}
			.iPosttoday-detailPage .lastTopicList #topicNavigation {margin: 0 0 15px !important; width: 300px;}

			.iPosttoday-detailPage .lastTopicList #topicNavigation li {
				width: 288px;
				height: auto;
				padding: 8px 0 6px 10px;
				background: url(../images/bg/topicNavigation_bg.jpg) repeat-x;
				border: 1px solid rgb(204,204,204);
				border-left: 1px solid rgb(204,46,40);
				border-bottom: none;
			}

			.iPosttoday-detailPage .lastTopicList #topicNavigation li.subtTopicNavigation {
				width: 289px;
				border-right: none;
				background: url(../images/bg/bg_subtTopicNavigation.gif) 100% 0 no-repeat;
			}

			.iPosttoday-detailPage .lastTopicList #topicNavigation li.active {
				width: 288px;
				background: rgb(255,255,255);
				border: 1px solid rgb(204,46,40);
				border-left: 1px solid rgb(255,255,255);
			}

			.iPosttoday-detailPage .lastTopicList #topicNavigation li ul {margin: 6px 0 -6px -11px !important; width: 300px;}
			.iPosttoday-detailPage .lastTopicList #topicNavigation li ul li {
				width: 280px !important;
				height: auto;
				padding: 8px 0 6px 18px;
				background:url(../images/bg/topicNavigation_bg.jpg) repeat-x;
				border: 1px solid rgb(204,204,204);
				border-left: 1px solid rgb(204,46,40);
				border-bottom: none;
			}

			.iPosttoday-detailPage .lastTopicList #topicNavigation ul li:hover {width: 280px;}
			.iPosttoday-detailPage .lastTopicList #topicNavigation ul li.active {width: 280px;}

			.iPosttoday-detailPage .lastTopicList #topicNavigation li ul li a {color: rgb(102,102,102);}
			.iPosttoday-detailPage .lastTopicList #topicNavigation li ul li a:hover {color: rgb(204,46,40); text-decoration: none;}

			.iPosttoday-info {
				width: 950px;
				border-bottom: 7px solid rgb(200,200,200);
				overflow: hidden;
				background: rgb(255,255,255);
				padding-top: 15px;
			}

			.iPosttoday-info h1 {margin-bottom: 8px;}
			.iPosttoday-info h1 a { padding-left: 5px;}
			.iPosttoday-info .Thumbnail {float:  left; margin-right: 15px;}
			.iPosttoday-info p {color: rgb(200,42,36);}
			.iPosttoday-info p.startDate,
			.iPosttoday-info p.stopDate { color: #666; margin-bottom: 2px;}
			.iPosttoday-info p.upgrade { color: #163F68;}
			.iPosttoday-info p a {text-decoration: underline;}
			.iPosttoday-info p.upgrade a { text-decoration: none;}
			.iPosttoday-info p.upgrade a:hover { text-decoration: underline;}

			.iPosttoday-info p.followFriend, .iPosttoday-info p.unFollowFriend {
				width: 170px;
				height: 48px;
				float: right;
			}

			.iPosttoday-info p.followFriend a, .iPosttoday-info p.unFollowFriend a {
				width: 170px;
				height: 48px;
				display: block;
				background-repeat: no-repeat;
				background-position: 0 0;
				text-decoration: none;
			}

			.iPosttoday-info p.followFriend a {background-image: url(../images/button/follow-friend.png);}
			.iPosttoday-info p.unFollowFriend a {background-image: url(../images/button/unfollow-friend.png);}

			.iPosttoday-info p.followFriend a:hover, .iPosttoday-info p.unFollowFriend a:hover {
				background-position: 0 -48px;
			}

			.iPosttoday-info p.followFriend a span, .iPosttoday-info p.unFollowFriend a span {visibility:  hidden;}

			.followMutual {width: 291px; float: right;}
			.followMutual ul {width: 291px; margin: 0;}
			.followMutual .followMutual-navigation {width: 291px; border-bottom: 5px solid rgb(180,21,15); overflow: hidden;}
			.followMutual .followMutual-navigation li {
				width: 96px;
				height: 37px;
				_height: 36px;
				border: none;
				padding: 5px 0 0;
				background: url(../images/bg/bg_followMutual-li.png) no-repeat;
				float: left;
				margin-right: 1px;
				text-align: center;
			}

			.followMutual .followMutual-navigation li a {color: rgb(102,102,102);}
			.followMutual .followMutual-navigation li a span {font-size: 15px;}

			.followMutual .followMutual-navigation li.active {width: 96px; background: url(../images/bg/bg_followMutual-li.png) 0 -42px no-repeat;}
			.followMutual .followMutual-navigation li.active a {color: rgb(255,255,255);}
			.followMutual .followMutual-list {width: 289px; border: 1px solid rgb(203,196,196); border-bottom: none;}

			.followMutual .followMutual-list li {
				width: 279px;
				clear: both;
				border: none;
				border-bottom: 1px solid rgb(203,196,196);
				background: none;
				padding: 1px 5px;
				height:50px;
			}

			.followMutual .followMutual-list li h3 {font-size: 15px; color: rgb(22,63,104);}
			.followMutual .followMutual-list li p {padding: 0;}
			.followMutual .followMutual-list li p a {color: rgb(51,51,51); text-decoration: underline;}
			.followMutual .followMutual-list li p a:hover {text-decoration: none;}
			.followMutual .followMutual-list li .userThumbnail {float: left; margin: 0 10px 0 0;}

			.followMutual ul li.pageSwitch {
				width: 289px;
				height: 23px;
				background: rgb(245,245,245);
				border-top: none;
				text-align: center;
				padding: 5px 0;
				position: relative;
			}
			.followMutual ul li.pageSwitch .preview {position: absolute; left: 10px;}
			.followMutual ul li.pageSwitch .next {position: absolute; right: 10px;}
			.followMutual ul li.pageSwitch span {color: rgb(200,42,36);}
			.followMutual ul li.pageSwitch input {width: 20px; font-size: 12px;}
			.followMutual ul li.pageSwitch input.go-btn {width: 50px;}


			.userProfile h2 {font-size: 18px; color: rgb(200,42,36); padding-bottom:  5px;}
			.userProfile h2 span {color: rgb(51,51,51);}
			.userProfile ul li {padding: 3px 0;}
			.userProfile ul li span {color: rgb(102,102,102);}
			.userProfile form {margin-bottom: 10px; overflow: hidden;}
			.userProfile form textarea {
				width: 630px;
				height: auto !important;
				float: left;
				margin-bottom: 10px;
				border: 2px solid rgb(234,33,39);
			}
			.userProfile form input.okBtn {float: left; clear: both;}

			.activeProfile {
				width: 595px;
				border: 1px solid rgb(222,222,222);
				background: rgb(240,246,250);
				padding:  10px;
			}
			.activeProfile h3 {color: rgb(200,42,36);}
			.activeProfile ul {width: 360px !important;}
			.activeProfile ul li {width: 360px !important; clear: both; line-height: 20px; padding:  5px 0;}
			.activeProfile ul li strong {display: block; float: left; width: 120px; font-weight: normal;}
			.activeProfile ul li em {
				display: block;
				background: url(../images/bg/bg_rateProfile) no-repeat;
				float: left;
				width: 239px;
				text-align: right;
				font-style:  normal;
				padding: 1px 0 0 1px;
			}
			.activeProfile ul li em span {display: block; height: 13px; font-size: 0; float: left; background: rgb(199,221,239);}

			.campaignProfile {
				background: rgb(255,234,236);
				border: 1px solid rgb(203,49,41);
				margin-bottom: 15px;
				padding: 10px;
				width: 595px;
			}

			.campaignProfile h3 {color: rgb(200,42,36); font-size: 14px; margin-bottom: 5px; }
			.campaignProfile ul {width: 595px !important;}
			.campaignProfile ul li {list-style: none; padding: 0 0 5px; width: 595px !important; }
			.campaignProfile p {margin: 0; }
			.campaignProfile p a {color: rgb(110,96,95); text-decoration: underline; }
			.campaignProfile p a:hover {text-decoration: none;}


		/*	encyclopedia Panels
			author: samart
			................................................................. */

			.encyclopedia-page h2 {color: rgb(200,42,36); font-size: 25px; margin-bottom: 10px;}
			.encyclopedia-page p {margin-bottom: 10px;}
			.encyclopedia-page .newsThumbnail {float: left; margin: 0 20px 20px 0;}
			.encyclopedia-page .encyclopediaTag {margin: -20px 0 20px; color: rgb(22,63,104);}
				.encyclopediaTag span {color: rgb(114,114,114);}
			.encyclopedia-page .readMore {border: 0; float: right; }

			.encyclopediaSearch, .columnistSearch {
				background: rgb(245,245,245);
				border: 1px solid rgb(218,218,218);
				overflow: hidden;
				padding: 8px 0;
				width: 948px;
				margin-bottom: 10px;
				margin-top: 15px;
			}

			.encyclopediaSearch p, .columnistSearch p {
				color: rgb(22,63,104); float: left;
				font-size: 15px;
				margin-bottom: 5px;
				width: 600px;
				text-align: right;}

			ul.encyclopediaSearch {line-height: 40px; list-style: none;}
				ul.encyclopediaSearch li {text-align: center; color: rgb(200,42,36); font-size: 20px;}

			.encyclopediaSearch input {height: 24px; margin-left: 10px;}
			.encyclopediaSearch .searh-encyclopedia, .columnistSearch .search-columnist {padding-left: 10px; width: 58px;}
				.searh-encyclopedia input, .search-columnist input {
					background-image: url(../images/button/encyclopediaSearch.png);
					display: block;
					height: 30px;
					text-decoration: none !important;
					width: 58px;
					border:0;
					cursor: pointer;
				}
				.searh-encyclopedia input:hover, .search-columnist input:hover {
					background-position:  0 -30px;
				}
				.searh-encyclopedia a span, .search-columnist a span {visibility: hidden;}

			.latestEncyclopedia h1 {font-size: 20px; margin: 0 0 5px;}
			.latestEncyclopedia ul {
				background: rgb(245,245,245);
				list-style: none;
				margin-bottom: 35px;
				overflow: hidden;
				padding: 10px 0 0;
				width: 950px;
			}
				.latestEncyclopedia ul li {
					border-bottom: 1px solid rgb(204,46,42);
					float: left;
					line-height: 20px;
					text-align: center;
					padding: 15px 0;
					width: 190px;
				}
				.latestEncyclopedia ul li p {text-align: left; padding: 0 10px; margin-bottom: 0;}
				.latestEncyclopedia ul li.active {
					background: rgb(255,255,255);
					border: 1px solid rgb(204,46,42);
					border-bottom: none;
					width: 188px;
				}
				.latestEncyclopedia ul li.active a {color: rgb(204,46,42);}

			.searchByCharacter {
				border-top: 1px solid rgb(204,46,42);
				clear: both;
				margin-top: 10px;
				padding: 5px 0;
			}
			.searchByCharacter h3 {color: rgb(200,42,36); font-size: 15px; margin-bottom: 5px;}
			.searchByCharacter p a {
				background-image: url(../images/bg/bg_character.png);
				color: rgb(102,102,102);
				display: block;
				font-size: 20px;
				float: left;
				height: 22px;
				margin: 5px 8px 0 0;
				padding-top: 4px;
				text-align: center;
				width: 28px;
			}
			.searchByCharacter p a:hover {
				background-position: 0 -26px;
				color: rgb(255,255,255);
				text-decoration: none;
			}

			.encyclopedia-page .resultList-inAccount li p.thumbnail {height: 60px; width: 90px;}
			.encyclopedia-page .resultList-inAccount li p a {color: rgb(102,102,102);}
			.encyclopedia-page .pageSwitch {text-align: center;}

			.resultCharacter-search h1 {font-size: 20px; position: relative;}
				.resultCharacter-search h1 em {
					background: url(../images/bg/bg_character.png) 0 -26px;
					color: rgb(255,255,255);
					display: block;
					font-style: normal;
					font-weight: 50 !important;
					height: 26px;
					position: absolute;
					text-align: center;
					top: 0;
					left: 210px;
					/left: 230px;
					vertical-align: top;
					width: 28px;
				}

			.resultCharacter-search ul {
				border-top: 1px solid rgb(231,231,231);
				float: left;
				line-height: 24px;
				list-style: none;
				margin-bottom: 20px;
				width: 316px;
			}
				.resultCharacter-search ul li a {color: rgb(22,63,104);}

		/* 	related-newsPanel
			author: Samart
			......................................................*/

			#mediaLive {background: url(../images/bg/bg_gradient.gif) left bottom rgb(255,255,255) no-repeat; padding-bottom: 40px; width: 635px; }
			#mediaLive h1 {color: rgb(200,42,36); font-size: 18px; padding-bottom: 10px; }

			#mediaLive .embedMedia {background: rgb(0,0,0); padding: 10px 62px 10px 63px; width: 510px; }

			#mediaLive p {padding: 10px 0 0; }
			#mediaLive p img {vertical-align: middle; }

		/* 	tabsSwitchMedia
			author: Samart
			......................................................*/
			#tabsSwitchMedia {
				width: 635px;
				background: url(../images/bg/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;
			}

			#tabsSwitchMedia li {
				float: left;
				height: 40px;
				background: url(../images/bg/bg_tabsSwitchMedia.gif);
				padding-left: 30px;
			}

			#tabsSwitchMedia li span {
				background: url(../images/bg/bg_tabsSwitchMedia.gif) top right;
				display: block;
				float: left;
				padding: 15px 30px 0 0;
				height: 25px;
			}

			#tabsSwitchMedia li.active {background: url(../images/bg/bg_tabsSwitchMedia.gif) left bottom;}
			#tabsSwitchMedia li.active span {background: url(../images/bg/bg_tabsSwitchMedia.gif) right bottom;	}
			#tabsSwitchMedia li.active a {color: rgb(196,44,33); text-decoration: none; }

		/* 	related-newsPanel
			author: Samart
			......................................................*/

			.panelBar-BoomBoxAds .related-newsPanel {padding-bottom: 20px; }

			.panelBar-BoomBoxAds .related-newsPanel h2 {
				border-bottom: 3px solid rgb(200,42,36);
				color: rgb(22,63,104);
				font-size: 15px;
				padding-bottom: 3px;
			}

			.panelBar-BoomBoxAds .related-newsPanel ol li {border-bottom: 1px dotted rgb(139,139,139); list-style: none; padding: 5px 0; }

			.panelBar-BoomBoxAds .related-newsPanel ol li em {
				color: rgb(102,102,102);
				display: block;
				font-size: 11px;
				font-style: normal;
			}

			.panelBar-BoomBoxAds .related-newsPanel .readMore {padding-top: 5px; text-align: right;}

		/* 	related-pollPanel
			author: Samart
			......................................................*/

			.panelBar-BoomBoxAds .related-pollPanel h2 {color: rgb(22,63,104); font-size: 15px; padding-bottom: 5px; }
			.panelBar-BoomBoxAds .related-pollPanel ol li {list-style: disc; margin-left: 15px; padding: 0 0 5px; }
			.panelBar-BoomBoxAds .related-pollPanel ol li a {color: rgb(51,51,51); }

			.panelBar-BoomBoxAds .related-pollPanel .readMore {
				border-top: 1px dotted rgb(139,139,139);
				text-align: right;
				margin-top: 5px;
				padding: 5px 0;
			}


		/* 	facebook-like
			author: Samart
			......................................................*/

			.facebook-like {background: rgb(237,237,237); margin-bottom: 15px; height: 33px;}
			.facebook-like div { height: 21px; padding: 5px 8px; overflow: hidden; }
			.facebook-like div a {
				background: url(../images/icon/facebook.jpg) no-repeat right 4px;
				float: left;
				font-size: 12px;
				padding: 4px 2px 0 3px;
				height: 25px;
				width: 122px;
				_height: 25px;
				_width: 123px;
				_margin-right: 155px;
				}
			.facebook-like div a img { vertical-align: middle; margin-top: -2px;}

			.facebook-like div.iframe-box {
				border: 0;
				float: right;
				height: 26px;
				margin-top: -2px;
				overflow: hidden;
				padding: 0;
				width: 145px;
			}

			.iframe-box iframe {margin: -30px 0 0 -60px; }
		/* 	Inhouse-annoucement
			author: Mook
			......................................................*/
			.inhouse-announcement {
				background: rgb(237,237,237); border: 1px solid rgb(192,192,192); margin-bottom: 15px; padding: 10px;
			}
			.inhouse-announcement a {}


		/* 	trafficReport
			author: Samart
			......................................................*/

			.map-road {text-align: center; padding: 5px 0 15px; }

			.trafficReport ol {list-style: none;  }

			.trafficReport ol li {
				border-bottom: 1px dotted rgb(212,212,212);
				margin-bottom: 10px;
				padding: 0 0 10px;
				overflow: hidden;
			}

			.trafficReport ol li strong {color: rgb(22,63,104); font-weight: normal; }

			.trafficReport ol li em {
				color: rgb(200,42,36);
				font-style: normal;
				float: left;
				margin-right: 10px;
			}

			.trafficReport ol li em.time-ago {display: block; font-size: 12px;}

			.trafficReport ol li span {
				border: 1px solid rgb(121,121,121);
				color: rgb(255,255,255);
				float: left;
				margin-right: 10px;
				padding: 0 5px 1px;
			}

			.trafficReport ol li span a {color: rgb(255,255,255); }
			.trafficReport ol li span a:hover {color: rgb(255,255,255); }
			.trafficReport ol li .green {background: url(../images/bg/bg-green.gif) repeat-x; }
			.trafficReport ol li .red {background: url(../images/bg/bg-red.gif) repeat-x; }
			.trafficReport ol li .orange {background: url(../images/bg/bg-orange.gif) repeat-x; }

			.trafficReport ol li p {clear: both; padding-top: 5px; }

			.trafficReport form#trafficOption {
				border-color: rgb(255,255,255);
				border-style: solid;
				border-width: 0 1px 1px;
				list-style: none;
				overflow: hidden;
				padding: 10px 10px 35px;
			}

			.trafficReport form#trafficOption select {
				background: url(../images/bg/select.gif);
				border: 1px solid rgb(160,160,160);
				float: left;
				padding: 3px 4px;
				height: 23px;
				width: 180px;
				-moz-border-radius: 5px;
			}

			.trafficReport form#trafficOption input {
				background: url(../images/button/btn-ok.png) no-repeat;
				border: 0;
				cursor: pointer;
				height: 22px;
				float: right;
				line-height: 0;
				font-size: 0;
				margin-right: 40px;
				padding-top: 22px;
				overflow: hidden;
				width: 51px;
			}
			.trafficReport form#trafficOption input:hover {background-position: 0 -22px; }

			.trafficReport .trafficSNS {float: left; }
			.trafficReport .trafficSNS li {border: 0; float: left; margin-bottom: 0; padding: 0 5px 0 0; list-style: none; }

			.panelBar-BoomBoxAds .trafficReport {background: rgb(237,237,237); border: 1px solid rgb(185,185,185); margin-bottom: 15px; }
			.panelBar-BoomBoxAds .trafficReport .header {border: 1px solid rgb(255,255,255); border-bottom: 0; width: 286px; }
			.panelBar-BoomBoxAds .trafficReport .header h2 {color: rgb(200,42,36); font-size: 15px; float: left; }
			.panelBar-BoomBoxAds .trafficReport .header h2 a {color: rgb(200,42,36); }

			.panelBar-BoomBoxAds .trafficReport .header p {font-size: 12px; float: right; padding-top: 2px; }

			.panelBar-BoomBoxAds .trafficReport ol {
				border-color: rgb(185,185,185) rgb(255,255,255);
				border-style: solid;
				border-width: 1px 1px 0;
				padding: 0 10px;
				width: 276px;
			}

			.panelBar-BoomBoxAds .trafficReport ol li {border-bottom: 1px solid rgb(212,212,212); margin-bottom: 0; padding: 10px 20px 10px 0; position: relative; width: 256px; }

			.panelBar-BoomBoxAds .trafficReport ol li em {float: none; margin: 0; }
			.panelBar-BoomBoxAds .trafficReport ol li span {float: none; margin: 0; }

			.panelBar-BoomBoxAds .trafficReport .trafficSNS  {position: absolute; right: 0; top: 10px; }
			.panelBar-BoomBoxAds .trafficReport .trafficSNS li {border: 0; float: none; padding: 0; list-style: none; width: 16px; }


			.trafficRemark {
			background: url(../images/bg/bg-trafficRemark.gif) 0 2px no-repeat;
			border-bottom: 1px dotted rgb(212,212,212);
			height: 30px;
			overflow: hidden;
			margin-bottom: 10px;
			padding-bottom: 5px; }

			.trafficRemark li {color: rgb(102,102,102); float: left; list-style: none; padding: 5px 0 5px 10px; }

			.panelBar-BoomBoxAds .trafficRemark {background: none; border: none; height: 30px; margin: -30px 0 0 10px; padding-bottom: 0; }
			.panelBar-BoomBoxAds .trafficRemark li {background: rgb(220,220,220); margin-right: 1px; padding: 0 4px 2px; }
			.panelBar-BoomBoxAds .trafficRemark li img {vertical-align: middle; }


		/*	jScroll
			author: Samart
			......................................................*/
			.trafficReport .scrollPanel ol {border-top: 0; }
			.trafficReport .scrollPanel ol li {padding-right: 0; width: 260px; }

			.trafficReport .scrollPanel {height: 334px; overflow: auto; width: 298px; }

			.trafficReport .jScrollPaneContainer {
				border-top: 1px solid rgb(160,160,160);
				border-bottom: 1px solid rgb(255,255,255);
				overflow: hidden;
				position: relative;
				z-index: 1; }

			.trafficReport .jScrollPaneTrack {
				background: url(../images/bg/jScrollPaneTrack.gif);
				cursor: pointer;
				height: 100%;
				position: absolute;
				right: 0;
				top: 0;
				width: 15px !important;
			}

			.trafficReport .jScrollPaneDrag {
				background: url(../images/bg/jScrollPaneDrag.png) no-repeat;
				height: 56px !important;
				cursor: pointer;
				overflow: hidden;
				position: absolute;
				width: 15px !important;
			}


		/* 	staticPage
			author: Samart
			......................................................*/

			.newspaperIntro {margin-top: 50px;}
			.priceSpecial {font-size: 15px;}
				.priceSpecial em {color: rgb(200,42,36); font-size: 18px;}

			/*
			.privacyPolicyList dt {color: rgb(200,42,36); font-size: 15px;}
			.privacyPolicyList dd {margin-bottom: 10px;}
				.privacyPolicyList dd ul {list-style: disc; margin-left: 25px;}

				.privacyPolicyList ol li {margin: 0 0 10px 35px; font-size: 13px; font-weight: bold; }
				.privacyPolicyList ol li ul li {margin: 0; font-weight: normal;}

			.posttodayService {width: 465px; padding-right: 10px; float: left;}
			.posttodayService h2 {color: rgb(200,42,36); !important; padding: 0 !important;}

			.posttodayService dl dt {color: rgb(200,42,36); font-size: 15px; margin-bottom: 10px;}
			.posttodayService dl dd {margin-bottom: 10px;}
				.posttodayService dl dd h3 {color: rgb(22,63,104); font-size: 15px;}
				.posttodayService dl dd p {padding: 0; color: rgb(0,0,0);}
				.posttodayService dl dd ul {list-style: none; margin-left: 20px;}
				.posttodayService dl dd ul li {background: url(../images/bg/posttodayService_bgList.gif) 0 10px no-repeat; padding-left: 10px;}
				.posttodayService dl dd ol {margin-left: 20px; /margin-left: 25px;}
			*/

			.staticPageWrapper .privacyPolicyList p { text-indent: 0.3in; padding-bottom: 0;}
			.privacyPolicyList ul li { list-style: none;}
			.privacyPolicyList ol li { margin: 0 10px 0 30px; font-weight: bold; padding: 5px 0;}
			.privacyPolicyList ol li ol li,
			.privacyPolicyList ol li ul li,
			.privacyPolicyList ol li p { list-style: none; font-weight: normal;}
			.privacyPolicyList ol li ol li ul li ul li span { width: 65px; float: left; margin-left: 50px;}
			.privacyPolicyList ol li span.listNumber,
			.privacyPolicyList ul li span.listNumber { margin-right: 8px; font-weight: bold;}
			.privacyPolicyList ol h2 { font-size: 15px; color: #000;}

			.contactRegister {
				clear: both;
				color: rgb(200,42,36);
				font-size: 18px;
				line-height: 25px;
				padding-top: 20px;
				width: 950px;
			}

			.registerEpaper a, .loginEpaper a, .prolongEpaper a {
				display: block;
				height: 38px;
				text-decoration: none !important;
				width: 135px;
			}
			.registerEpaper a {background: url(../images/button/registerEpaper-btn.png);}
			.loginEpaper a {background: url(../images/button/loginEpaper-btn.png); }
			.prolongEpaper a {background: url(../images/button/prolongEpaper-btn.png); }
			.registerEpaper a:hover, .loginEpaper a:hover, .prolongEpaper a:hover {background-position: 0 -38px; _background-position: 0 -37px;}
			.registerEpaper a span, .loginEpaper a span, .prolongEpaper a span, .exampleBtn a span, .orderBtn a span, .download a span {visibility: hidden;}

			.exampleBtn a {
				background: url(../images/button/example.png);
				display: block;
				height: 32px;
				text-decoration: none !important;
				width: 111px;
			}
			.exampleBtn a:hover {background-position: 0 -32px; }

			.orderBtn a {
			 	background: url(../images/button/order-btn.png);
			 	display: block;
			 	height: 40px;
			 	text-decoration: none !important;
			 	width: 117px;

			}
			.orderBtn a:hover {background-position: 0 -40px; _background-position: 0 -39px; }

			.download a {
				background: url(../images/button/download.png);
			 	display: block;
			 	height: 27px;
			 	text-decoration: none !important;
			 	width: 92px;
			}
			.download a:hover, .download-app-world a:hover {background-position: 0 -27px; }

			.download-app-world a {
				background: url(../images/button/download-app-world.png) no-repeat 0 0;
			 	display: block;
			 	height: 27px;
			 	text-decoration: none !important;
			 	width: 182px;
			}
			.download-app-world a { margin-top: 10px;}
			.download-app-world a span{ display: none;}


			.rateMember, .priceCollection ul {
				border: 2px solid rgb(236,85,90);
				font-size: 15px;
				line-height: 20px;
				list-style: none;
				margin-bottom: 20px;
				width: 786px;
			}
			.rateMember li, .priceCollection ul li {border-bottom: 1px dotted rgb(179,179,179); padding: 7px 15px;}
			.rateMember li.titleHeader, .priceCollection ul li.titleHeader {background: rgb(249,233,233); border: none; color: rgb(22,63,104);}
			.rateMember li span {display: block; float: left; width: 225px;}
			.priceCollection ul li span {display: block; float: left; width: 250px;}
			.rateMember li span.price { width: 150px;}

			.priceCollection ul {width: 931px;}
			.priceCollection ul li.titleHeader span {padding-left: 20px; width: 350px;}
			.priceCollection ul li span {width: 370px;}

			.priceCollection ul li.titleHeader span.price {color: rgb(22,63,104); padding-left: 20px; width: 130px;}
			.priceCollection ul li span.price {color: rgb(0,0,0); width: 150px;}

			.companyMember {font-size: 15px;}

			.freeTest {list-style: none;}
			.freeTest li { margin-bottom: 10px;}
			.freeTest li p {padding: 0;}
			.freeTest li strong {color: rgb(0,0,0);}

			.example {float: left; margin-bottom: 20px; width: 470px; }
			.example h2 {color: rgb(51,51,51) !important; font-size: 15px !important; height: 40px; padding: 10px 0 10px 0 !important;}
			.example p {color: rgb(102,102,102); font-size: 12px; padding-bottom: 0 !important;}
			.example ul {color: rgb(102,102,102); font-size: 12px; list-style: none; margin-bottom: 10px; }
			.example ul li {line-height: 18px; }
			.exampleBtn {margin-bottom: 20px; }

			.mainEpaper, .mainFrontpage {margin-bottom: 20px;}
			.mainEpaper dt, .mainFrontpage dt {float: left; margin-right: 10px; }

			.mainEpaper {padding-top: 20px; }
			.mainEpaper dt {padding-top: 20px; width: 472px; }
			.mainEpaper dt ul { padding-top: 15px;}
			.mainEpaper dt ul li {display: inline; list-style: none; }
			.mainEpaper dd h1 {
				background: url(../images/posttoday-epaper.gif) no-repeat;
				float: left;
				height: 163px;
				width: 460px;
			}
			.mainFrontpage dd h1 {
				background: url(../images/posttoday-frontpage.gif) no-repeat;
				float: left;
				height: 60px;
				margin-top: 40px;
				width: 440px;
			}
			.mainEpaper dd h1 span, .mainFrontpage dd h1 span {visibility: hidden;}
			.mainEpaper dd .registerEpaper, .mainEpaper dd .loginEpaper {float: left; margin: 10px 10px 0 0;}

			.mainEpaper dd p {color: rgb(102,102,102); }
			.mainEpaper dd p span {display: block;}

			.mainEpaper dd ul {list-style: none; margin-bottom: 10px; overflow: hidden; width: 468px; float: right; }
			.mainEpaper dd ul li {float: left; }

			.mainFrontpage .contact {
				background: url(../images/bg/bg_frontpageContact.png) 5px 0 no-repeat;
				color: rgb(22,63,104);
				float: left;
				font-size: 15px;
				height: 83px;
				padding: 20px;
				width: 365px;
			}

			.mainFrontpage .contact a {text-decoration: underline;}
			.mainFrontpage .contact a:hover {text-decoration: none;}

			.special-Epaper {float: right; width: 468px; }

			.special-Epaper h2 {background: url(../images/e-paper-special.gif) no-repeat; height: 25px; }
			.special-Epaper h3 {color: rgb(22,63,104); font-size: 15px; }

			.special-Epaper dl {background: rgb(247,247,247); padding: 10px; }
			.special-Epaper dl dt {float: left; margin: 0 10px 45px 0; }
			.special-Epaper dl p {color: rgb(102,102,102); font-size: 12px; line-height: 18px; text-align: left !important;}

			.toolsEpaper {clear: both; width: 320px; }
			.toolsEpaper p {float: left; margin-right: 10px; padding-bottom: 3px !important; }

			.findCollection a, .findCollectionBuy a {
				display: block;
				height: 38px;
				margin: 10px auto 0;
				text-decoration: none !important;
				width: 187px;
			}
			.findCollection a {background: url(../images/button/findBtn-black.png) no-repeat;}
			.findCollectionBuy a {background: url(../images/button/find_Buy-Btn.png) no-repeat;}
			.findCollection a span, .findCollectionBuy a span {visibility: hidden;}

			.specialCollection {
				background: url(../images/bg/specialCollection.png) no-repeat;
				height: 632px;
				margin-bottom: 10px;
				position: relative;
				width: 936px;
			}
			.specialCollection h2 {visibility: hidden;}
			.specialCollection .findCollection a {
				background: url(../images/button/findBtn.png) no-repeat;
				display: block;
				height: 31px;
				position: absolute;
				right: 20px;
				text-decoration: none;
				top: 5px;
				width: 216px;
			}
			.specialCollection p {color: rgb(146,80,9); padding: 10px 0; text-align: center;}
			.specialCollection ul, .collection {list-style: none; margin: 0 auto; width: 768px;}
			.specialCollection ul li, .collection li {
				float: left;
				text-align: center;
				width: 192px;
				margin: 0 0 15px;
				_display: inline;
			}
			.specialCollection ul li p {color: rgb(58,58,58); padding: 0 0 5px;}
			.collection li p {color: rgb(22,63,104);}

			.groupSelect {border: 2px solid rgb(236,85,90); padding: 10px 20px 20px; width: 889px;}
			.groupSelect h3 {color: rgb(200,42,36); font-size: 18px; padding-bottom: 10px;}
			.groupSelect ul {list-style: none;}
			.groupSelect ul li {
				color: rgb(0,72,134);
				float: left;
				padding: 0 20px 0 7px;
				text-align: center;
			}

			.priceCollection {width: 950px;}
			.priceCollection h2 {color: rgb(200,42,36); !important; font-size: 23px !important;}

			.newwirePage {background: url(../images/bg/bg_newwire.jpg) 100% 0 no-repeat; width: 950px;}
			.newwirePage h1 {background: url(../images/posttoday-newwire.gif) no-repeat; height: 112px;}
			.newwirePage h1 span {visibility: hidden;}
			.newwirePage h2 {
				background: rgb(235,238,240);
				font-size: 15px !important;
				height: 16px;
				margin: 5px 0;
				padding: 3px 10px 7px !important;
				width: 325px;

				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
			}
			.newwirePage p {padding: 0 !important;}
			.newwirePage .policy { width: 600px; margin-left: 15px; }

			.newwirePage ul {list-style: none; margin: 0 0 20px 15px;}
			.newwirePage .serviceList {margin: 30px 0 0;}
			.newwirePage .serviceList li {
				background: rgb(255,255,255);
				border: 2px solid rgb(236,85,90);
				float: left;
				height: 160px;
				margin-right: 14px;
				padding: 10px;
				width: 283px;
			}
			.newwirePage .serviceList li.noMarginRight {margin-right: 0;}
			.newwirePage .serviceList li h3 {color: rgb(200,42,36); font-size: 18px; margin-bottom: 10px;}
			.newwirePage .serviceList li p {margin-bottom: 10px;}
			.newwirePage .serviceList li a {color: rgb(51,51,51);}
			.newwirePage .serviceList li .call {font-size: 15px;}
			.newwirePage .serviceList li .call a {text-decoration: underline;}
			.newwirePage .serviceList li .call a:hover {text-decoration: none;}
			.newwirePage .serviceList li ul {margin: 0 0 10px; width: 283px;}
			.newwirePage .serviceList li ul li {
				border: none;
				float: left;
				height: auto;
				margin: 0;
				padding: 0;
				width: auto;
			}
			.newwirePage .serviceList li ul li span {
				display: block;
				float: left;
				height: 10px;
				width: 50px;
			}

			.republishing-policy ul li { list-style: decimal; margin: 0 0 10px 25px; }
			.republishing-policy p a {text-decoration: underline;}
			.republishing-policy p a:hover {text-decoration: none;}

			/*Policy-annoucement -- Mook new add*/
			.policy-annoucement {border: 1px solid rgb(165,165,165); padding: 15px; margin-bottom: 30px;}
			.staticPageWrapper .policy-annoucement h1 {text-align:center; padding-bottom: 15px; line-height: 38px;}
			.policy-annoucement h1 span {display: block;}
			.policy-annoucement ol li {list-style: decimal outside none; margin: 0 0 10px 25px;}
			.policy-annoucement .author span {display: block;font-weight: bold;font-size: 15px;}
			.policy-annoucement .author { text-align:center;}


			.serviceList .registerEpaper, .serviceList .loginEpaper {float: left !important; margin: 10px 5px 0 0; _display: inline;}

			.rssFeedsPage {background: url(../images/bg/bg_rssfeeds.gif) 100% 15px no-repeat; width: 950px;}
			.rssFeedsPage h1 {background: url(../images/posttoday-rssFeeds.png) no-repeat; height: 80px;}
			.rssFeedsPage h1 span {visibility: hidden;}
			.rssFeedsPage h3 {font-size: 15px;}
			.rssFeedsPage ul {list-style: none; margin-bottom: 10px;}

			.rssFeedsPage .policy {width: 500px; margin-top: -5px; }
			.rssFeedsPage p a {text-decoration: underline; font-weight: bold; }
			.rssFeedsPage p a:hover {text-decoration: none; }

			.rssFeedsPage .titleHeader {color: rgb(237,61,66); font-size: 15px; width: 550px;}
			.rssFeedsPage .titleHeader li {float: left;}
			.rssFeedsPage .titleHeader li.title {width: 150px;}
			.rssFeedsPage .titleHeader li.urlLink {width: 400px;}

			.rssFeedsPage dl {width: 550px; line-height: 28px; margin-bottom: 20px;}
			.rssFeedsPage dl dt {float: left; width: 150px; font-size: 15px; color: rgb(61,69,82); line-height: 22px; }
			.rssFeedsPage dl dd {float: left; width: 400px;}
			.rssFeedsPage dl dd a {text-decoration: underline;}
			.rssFeedsPage dl dd a:hover {text-decoration: none;}

			.sms-promotion { background: url(../images/sms-promotion.png) no-repeat right center; width: 950px; height: 246px;}
			.sms-promotion span{ visibility: hidden;}
			.smsPage {background: url(../images/bg/bg_smsPage.gif) 100% 0 no-repeat; padding-top: 50px; width: 950px;}
			.smsPage h1 {background: url(../images/posttoday-smsNews.png) no-repeat; height: 280px; }
			.smsPage h1 span, .smsPage h2 span {visibility: hidden;}
			.smsPage h2 {background:url(../images/condition-smsNews.gif) no-repeat; font-size: 16px !important; width: 201px; float: left; height: 20px;}
			.smsPage h2.promotion { background: none; width: 650px; padding: 0 0 10px 50px; color:#f00; height: 22px; line-height: 22px; font-size: 28px !important;}
			.smsPage h3 {font-size: 13px;}
			.smsPage .contactCall {color: rgb(237,61,66); font-size: 16px;}
			.smsPage ul {list-style: none; overflow: hidden; }
			.smsPage ul li {clear: both; float: left; overflow: hidden; width: 950px; }

			.tabNavigation {list-style: none;}
			.tabNavigation li {float: left; font-weight: bold; margin-right: 5px; text-align: center;}
			.tabNavigation li a {
				background: url(../images/bg/bg_tabNavigation.gif) no-repeat;
				display: block;
				font-size: 12px;
				height: 33px;
				line-height: 16px;
				padding-top: 3px;
				width: 187px;
			}
			.tabNavigation li a:hover {background-position: 0 -36px; text-decoration: none;}
			.tabNavigation li a.active {background-position: 0 -36px;}

			.smsPromotions, .epaper-offline {margin: 15px 0 40px; overflow: hidden; width: 948px;}
			.smsPromotions div.dtac-divider {
				border: 1px solid #CFCFCF;
				margin-bottom: 20px;
				background: url(../images/bg/bg_smsbox.jpg) repeat-x #ededed;
				width: 946px;
				}
			.smsPromotions div.dtac-divider div { border: 1px solid #fff; padding: 5px 5px 0; width: 934px;}
			.smsPromotions div.dtac-divider h3 { background-color: #1ab7ea; color: #fff; font-size: 15px; font-weight: normal; padding: 5px; margin-top: 10px;}
			.smsPromotions div.dtac-divider table { width: 458px; margin-top: 10px;}
			.smsPromotions div.dtac-divider table tr .first { width: 200px;}
			.smsPromotions div.dtac-divider table.left { float: left; margin-right: 18px;}
			.smsPromotions div.dtac-divider table.right { /float: left;}
			.smsPromotions div.wrapper-divider {
			background: none;
			margin: 0 0 20px;
			overflow: hidden;
			padding: 0;
			position: relative; }

			.smsPromotions div.divider-left,
			.smsPromotions div.divider-right,
			.epaper-offline div.divider-left,
			.epaper-offline div.divider-right {background: rgb(185,185,185); padding: 1px; }

			.smsPromotions div.divider-left div,
			.smsPromotions div.divider-right div,
			.epaper-offline div.divider-left div,
			.epaper-offline div.divider-right div {
			background: url(../images/bg/bg-gradient.gif) repeat-x rgb(237,237,237);
			border: 1px solid rgb(255,255,255);
			margin: 0;
			padding: 5px 5px 0;
			width: 451px; }

			.smsPromotions div.divider-left,
			.epaper-offline div.divider-left {float: left; }

			.smsPromotions div.divider-right,
			.epaper-offline div.divider-right {float: right; }

			.smsPromotions div.divider-ads {bottom: 0; position: absolute; right: 0; }
			.smsPromotions div.divider-ads img {margin: 0; vertical-align: middle; }

			.smsPromotions div div img {float: left; margin: 0 10px 0 0; }

			.smsPromotions div div h3,
			.epaper-offline div div h3 {
			color: rgb(200,42,36);
			font-size: 15px;
			font-weight: normal;
			padding-top: 10px; }

			.smsPromotions div div p {clear: both; font-size: 12px; }

			.smsPromotions table {
			background: rgb(255,255,255);
			border-color: rgb(207,207,207);
			border-style: solid;
			border-width: 1px 0 0 1px;
			margin-bottom: 10px; }

			.smsPromotions table tr th,
			.smsPromotions table tr td {
			border-color: rgb(207,207,207);
			border-style: solid;
			border-width: 0 1px 1px 0;
			margin: 0 -1px -1px 0;
			padding: 10px 5px;
			width: 110px; }

			.smsPromotions table.right-table tr td {padding: 10px 5px 13px;}

			.smsPromotions table tr .first {text-align: left; width: 210px; }
			.smsPromotions table tr .red { color: #F00; display: inline;}
			.smsPromotions table tr .full {width: 450px; font-weight: bold;}
			.smsPromotions table tr td {color: rgb(70,70,70); font-size: 12px; }
			.smsPromotions table tr td img {float: none !important; margin: -10px 0; }
			.smsPromotions table tr td.highlight {background: rgb(236,245,251); }

			.smsPromotions table tr td strong {color: rgb(200,42,36); font-weight: normal; }
			.smsPromotions table tr td span {display: block; }

			.smsPromotions table tr td.noBorderBottom, .smsPromotions table tr.noBorderBottom td  {border: none;}


/* 	epaper-offline
			author: Samart
			......................................................*/
			.epaper-offline h1 {color: rgb(200,42,36) !important; }
			.epaper-offline div div h3 {border-bottom: 1px solid rgb(207,207,207); margin-bottom: 10px; padding-bottom: 5px; }

			.epaper-offline div.divider-left,
			.epaper-offline div.divider-right {margin-top: 20px; }

			.epaper-offline div.divider-left div {overflow:hidden;}

			.epaper-offline h2 {height: 28px; margin: -1px -1px 1px; width: 465px; }
			.epaper-offline div.divider-left h2 {background: url(../images/reader-application.png) rgb(255,255,255) no-repeat; }
			.epaper-offline div.divider-right .Samsung { background: url("../images/application-for-samsung.gif"); border-top: 1px solid #B9B9B9; padding-bottom: 25px;}
			.download-for-samsung { height: 200px;}
			.epaper-offline div.divider-right h2 {background: url(../images/posttoday-application.png) rgb(255,255,255) no-repeat; }
			.epaper-offline {font-weight: bold;}
			.epaper-offline span {display: block; }
			.epaper-offline .un-orderlist li {
				border-top: 1px solid rgb(207,207,207);
				clear: both;
				list-style: none;
				margin-bottom: 10px;
				overflow: hidden;
				padding: 10px 60px 0 0;
				width: 391px;
			}

			.epaper-offline .un-orderlist li.first {border: 0; padding-top: 0; }
			.epaper-offline .un-orderlist li.application {background: url(../images/bg/application-type.png) top right no-repeat; height: 136px; }
			.epaper-offline .un-orderlist .galexy-tab-application { background: url(../images/bg/application-type-cube.png) top right no-repeat; height: 136px; border: none;}
			.epaper-offline .un-orderlist li p {font-size: 10px; line-height: 14px; padding: 0; }
			.epaper-offline .un-orderlist li p strong {font-size: 14px; font-weight: normal; }
			.epaper-offline .un-orderlist li p.thumbnail {float: left; margin-right: 10px; text-align: center; width: 100px; }
			.epaper-offline .un-orderlist li p.download {float: left; padding: 8px 0 0; }

			.pricePromotion, .specialPromotion {color: rgb(237,61,66) !important;}


		/* 	faqList
			author: Samart
			......................................................*/
			.faqList li {list-style: none; margin-bottom: 15px;}
			.faqList li p {width: 950px; padding: 0; overflow: hidden;}
			.faqList li p em {
				width: 70px;
				color: rgb(22,63,104);
				float: left;
				font-size: 15px;
				font-style: normal;
			}
			.faqList li p strong, .faqList li p span {width: 880px; float: left;}
			.faqList li p strong {font-size: 15px;}

			.sitemap {width: 950px;}
			.sitemap ul {width: 950px; overflow: hidden;}
			.sitemap ul li {width: 178px; float: left; margin: 0 15px 0 0 !important;}
			.sitemap ul li h2 {margin-bottom: 0;}
			.sitemap ul li.nomarginRight {margin-right: 0 !important;}

			.sitemap ul li ul {width: 178px; margin-bottom: 0px !important;}
			.sitemap ul li ul li {margin: 0 0 5px !important;}
			.sitemap ul li ul li a {color: rgb(102,102,102);}

			.printSubPage {background: url(../images/bg/bg-printSubPage.gif) 100% 40px no-repeat; padding-top: 20px; }

			.printSubPage h1 {background: url(../images/posttoday-printSub.png) no-repeat; height: 180px; width: 380px; }
			.printSubPage h2 {background: url(../images/member-rank.gif) no-repeat; height: 40px;  }
			.printSubPage h1 span, .printSubPage h2 span {visibility: hidden; }

			.printSubPage dl {clear: both; margin-bottom: 20px; _margin-bottom: 40px; overflow: hidden; }
			.printSubPage dl dt {float: left; margin-right: 20px; }
			.printSubPage dl dd h4 {font-size: 13px; margin-bottom: 10px; }

			.printSubPage .printSubTable {background: rgb(185,185,185); padding: 1px; margin-bottom: 65px; width: 948px; }
			.printSubPage .printSubTable div {background: url(../images/bg/bg-gradient.gif) repeat-x rgb(237,237,237); border: 1px solid rgb(255,255,255); padding: 10px; }

			.printSubPage .printSubTable table {
			background: rgb(255,255,255);
			border-top: 1px solid rgb(208,208,208);
			border-left: 1px solid rgb(208,208,208);
			width: 100%; }

			.printSubPage .printSubTable table tr th,
			.printSubPage .printSubTable table tr td {
			border-bottom: 1px solid rgb(208,208,208);
			border-right: 1px solid rgb(208,208,208);
			padding: 10px;
			text-align: center; }

			.printSubPage .printSubTable table tr td  {color: rgb(70,70,70); }
			.printSubPage .printSubTable table tr th {background: rgb(236,245,251); }

			.printSubPage .printSubTable table tr td strong {color: rgb(70,70,70); display: block; font-weight: bold; }
			.printSubPage .printSubTable table tr td span {display: block; text-align: left; padding-left: 10px; }

			.printSubPage .control-btn {float: right; margin-top: -50px; }
			.printSubPage .registerEpaper, .printSubPage .prolongEpaper {float: left; margin-left: 10px; }


		/* 	history-epaper
			author: Samart
			......................................................*/
			#history-epaper h1 {background: url(../images/news/static/posttoday-record-thailand_2_header.gif) 20px 10px no-repeat; height: 60px; width: 950px; }
			#history-epaper h1.first-half-2554 { background: url(../images/record-thailand-special-first-half_3.gif) no-repeat 295px 0; height: 80px; width: 950px;}
			#history-epaper h1.second-half-2554 { background: url(../images/record-thailand-special-sec-half_4.gif) no-repeat 295px 0; height: 80px; width: 950px;}
			#history-epaper h1 span {visibility: hidden; }

			#history-epaper dl {clear: both; overflow: hidden; width: 950px; }

				#history-epaper dl dt {
					float: left;
					margin-left: 20px;
					text-align: center;
					width: 250px;
					_margin-left: 10px;
				}

				#history-epaper dl dt img {border: 5px solid rgb(204,204,204); margin-bottom: 10px; }

				#history-epaper p.price,
				#epaper-detail p.price {color: rgb(237,27,36); font-size: 18px; font-weight: bold; }

				#history-epaper p.orderBtn a,
				#epaper-detail p.orderBtn a {margin: 0 auto; }

				#history-epaper dl dd,
				#epaper-detail dl dd {float: right; font-size: 12px; width: 650px; }

				#history-epaper dl dd h4 {
					color: rgb(237,27,36);
					font-size: 15px;
					font-weight: normal;
					margin-bottom: 8px;
				}

				#history-epaper dl dd p,
				#epaper-detail dl dd p {line-height: 18px; }

				#history-epaper dl dd li {color: rgb(237,27,36); line-height: 18px; margin-left: 15px; }
				#history-epaper dl dd li.list-none {list-style: none; margin-left: 0; }
				#history-epaper dl dd li span {color: rgb(64,66,67); }

				#history-epaper dl dd div,
				#issue-epaper ul {
					background: rgb(243,242,242);
					border: 1px solid rgb(225,219,209);
					margin-bottom: 10px;
					padding: 10px 10px 0;
				}



		/* 	issue-epaper
			author: Samart
			......................................................*/
			#issue-epaper {clear: both; padding-top: 20px; }

			#issue-epaper h1 {
				background: url(../images/bg/record-thailand-title.gif);
				height: 40px;
				margin-bottom: 10px;
				padding: 0;
			}

				#issue-epaper h1 span {visibility: hidden; }

			#issue-epaper ul {list-style: none; overflow: hidden; padding: 10px 0 0; width: 948px; }

				#issue-epaper ul li {
					float: left;
					margin: 0 0 0 25px;
					text-align: center;
					width: 159px;
					_display: inline;
				}

				#issue-epaper ul li img {border: 3px solid rgb(204,204,204); }
				#issue-epaper ul li p {font-weight: bold; line-height: 18px; }
				#issue-epaper ul li p span {display: block; }

			.left-nav {float: left; width: 238px; }
			.left-nav h1.nav {background: url(../images/nav-index.gif) no-repeat; height: 40px; }
			.left-nav h1.writer {background: url(../images/writer-title.gif) no-repeat; height: 40px; }

			.left-nav ul {
				background: rgb(246,245,244);
				border: 1px solid rgb(225,219,209);
				list-style: none;
				margin-bottom: 10px;
				padding: 5px 10px 10px;
			}

				.left-nav ul li {color: rgb(107,67,13); }

			.left-nav ul.nav {padding: 0; border-bottom: 0; }

				.left-nav ul.nav li a {
					border-bottom: 1px solid rgb(225,219,209);
					color: rgb(107,67,13);
					display: block;
					line-height: 18px;
					padding: 8px 20px 8px 10px;
					text-decoration: none;
					width: 206px;
				}

				.left-nav ul.nav li a:hover,
				.left-nav ul.nav li a:target {background: url(../images/bg/bg-left-nav-blue.gif) center repeat-x; color: rgb(255,255,255); }
				.left-nav ul.bluetheme li a:hover,
				.left-nav ul.bluetheme li a:target {background: url(../images/bg/bg-left-nav-blue.gif) center repeat-x; color: rgb(255,255,255); }

		/* 	epaper-detail
			author: Samart
			......................................................*/
			#epaper-detail {float: right; width: 690px; }

			#epaper-detail h1 {
				background: url(../images/record-thailand-first-half_4.gif) no-repeat;
				height: 50px;
				margin: 0 0 20px;
				padding: 0;
			}
			#epaper-detail h1#Thailand53-Secondpart {
				background: url(../images/Thailand53-Secondpart.gif) no-repeat;
			}


				#epaper-detail h1 span {visibility: hidden; }

			#epaper-detail dl {overflow: hidden; margin-bottom: 10px; }
				#epaper-detail dl dt {float: left; text-align: center; width: 182px; }
				#epaper-detail dl dt img {border: 3px solid rgb(204,204,204); margin-bottom: 10px; }
				#epaper-detail dl dd {width: 490px; }
				#epaper-detail dl dd p {font-size: 13px; }

			#epaper-detail ul {list-style: none; }
				#epaper-detail ul li {
					overflow: hidden;
					padding-bottom: 15px;
					position: relative;
					width: 690px;
				}

				#epaper-detail ul li h3 {
					background: url(../images/bg/bar.gif) no-repeat;
					color: rgb(255,255,255);
					font-size: 15px;
					height: 30px;
					margin-bottom: 5px;
					padding: 5px 10px;
				}

				#epaper-detail ul li p {line-height: 18px; padding: 0; }
				#epaper-detail ul li p.leftThumbnail {float: left; margin-right: 10px; }
				#epaper-detail ul li p.writer {color: rgb(153,153,153); margin-bottom: 2px; }
				#epaper-detail ul li p.floatRight { float: right; width: 520px;}

				#epaper-detail ul li p.goto-top {
					background: url(../images/icon/goto-top.png) 0 4px no-repeat;
					bottom: 0;
					padding-left: 15px;
					position: absolute;
					right: 0;
				}

				#epaper-detail ul li p.goto-top a {color: rgb(204,204,204); font-size: 12px; }

			.hide {font-size: 0; line-height: 0; visibility: hidden; }


		/* 	columnist-page
			author: Samart
			......................................................*/

			.columnist-page h1 {font-size: 20px; color: rgb(200,42,36); margin: 5px 0 15px; }
			.columnist-page .pageSwitch {text-align: center; margin: 10px 0 25px; }

			.columnist {width: 230px; float: left; margin: 0 10px 15px 0;}
			.columnist .thumbnail {float: left; border: 1px solid rgb(211,211,211); }
			.columnist .thumbnail img { float: left; }
			.columnist h2 {font-size: 15px; float: right; width: 145px;}
			.columnist ul li {float: right; width: 145px; color: rgb(102,102,102); list-style: none; }

			.columnist-page .no-margin {margin-right: 0 !important;}

			.columnist-page .clear {display: block; clear: both;}

			#columnist-info .thumbnail {float: left; margin: 10px; padding: 0; }
			#columnist-info h1 { font-size: 18px; color: rgb(22,63,104); }
			#columnist-info p { clear: both; margin-bottom: 5px; }
			#columnist-info p strong {display: block; color: rgb(102,102,102); }

			#columnist-info p.follower {
				width: 151px;
				height: 29px;
				margin-left: 90px;
				padding: 10px 10px 0;
				text-align: center;
				background: url(../images/bg/columnistFollower_bg.jpg);
				clear: none;
			}

			#columnist-info p.topicFollow { padding: 10px 0 0; }

			#columnist-info p.follower span { font-size: 15px; color: rgb(200,42,36);}

			#letestNews { border-bottom: 3px solid rgb(233,233,233); padding-bottom: 10px; margin-bottom: 10px; }
			#letestNews h1 a {font-size: 25px; color: rgb(200,42,36); margin-bottom: 5px; }
			#letestNews h2 {font-size: 15px; color: rgb(51,51,51);}


		/*	howto
			author: Samart
			......................................................*/
			.howto-page {background: url(../images/bg/bg-howto.gif) 213px 0 repeat-y;}

			#howto-teaser {margin: 40px 0 0; }

			#howto-introduction h1 {background: url(../images/howto/howto-introduction.png) no-repeat; height: 23px; margin-bottom: 10px; }
			#howto-introduction h1 span {visibility: hidden; }
			#howto-introduction p {color: rgb(102,102,102); }

			#start-tour a span {visibility: hidden;}
			#start-tour a {color: rgb(200,42,36); text-decoration: none !important; }
			#start-tour a:hover {text-decoration: underline !important; }

			#start-tour { padding-top: 20px; }
			#start-tour p {clear: both;	}
			#start-tour #newbies-guide, #start-tour #howtouse {float: left;	margin-right: 10px; clear: none; }

			#start-tour #newbies-guide a {
				background: url(../images/howto/button/intro-user.gif);
				display: block;
				height: 45px;
				margin-bottom: 10px;
				text-decoration: none;
				width: 213px;
			}
			#start-tour #newbies-guide a:hover {background-position: 0 -45px; text-decoration: none !important; }

			#start-tour #howtouse a {
				background: url(../images/howto/button/tools-user.gif);
				display: block;
				height: 46px;
				margin-bottom: 10px;
				text-decoration: none;
				width: 213px;
			}

			#start-tour #howtouse a:hover {background-position: 0 -46px; text-decoration: none !important; }

			#howto-sidebar {float: left; width: 215px; padding-top: 15px; }

			#howto-sidebar {width: 213px; border-bottom: 1px solid rgb(204,204,204); margin: 35px 0;}

			#howto-sidebar li {
				width: 201px;
				height: 25px;
				padding: 8px 0 0 10px;
				background:url(../images/bg/topicNavigation_bg.jpg) repeat-x;
				border: 1px solid rgb(204,204,204);
				border-bottom: none;
				list-style: none;
			}

			#howto-sidebar li:hover {
				width: 203px;
				height: 24px;
				background: rgb(255,255,255);
				border: 1px solid rgb(204,46,40);
				border-right: none;
			}

			#howto-sidebar li:hover a {color: rgb(200,42,36); text-decoration: none; display: block; }

			#howto-sidebar li.active {
				width: 203px;
				height: 24px;
				background: rgb(255,255,255);
				border: 1px solid rgb(204,46,40);
				border-right: none;
			}

			#howto-sidebar li.active {color: rgb(200,42,36);}
			#howto-sidebar li a {color: rgb(51,51,51);}
			#howto-sidebar li a:hover {color: rgb(200,42,36); text-decoration: none;}

		/*	howto-content
			......................................................*/

			#howto-content {float: right; width: 702px; padding-top: 15px; }
			#howto-content .padding-bottom {paddi/ng-bottom: 10px; }

			#howto-content h1 {font-size: 20px; color: rgb(200,42,36); margin-bottom: 10px; }

			#howto-content h2 {font-size: 15px; color: rgb(51,51,51); padding: 35px 0 5px; }
			#howto-content h2.first-child {padding-top: 25px; }

			#howto-content p {line-height: 20px; padding-bottom: 5px; }
			#howto-content a {text-decoration: underline;	}
			#howto-content a:hover {text-decoration: none; color: rgb(200,42,36); }

			#howto-content .caution {display: block; }

			#howto-content q {behavior:url(../js/fixQuotes_en.htc); }
			#howto-content .bold-item {color: rgb(200,42,36); font-weight: bold; }

			#howto-content p.figure {padding: 10px 0; }
			#howto-content p.figure img {border: 1px solid rgb(223,222,222); }

			#howto-content li {line-height: 22px; margin-left: 25px; /margin-left: 30px;}

			#howto-content table {border: 1px solid rgb(223,222,222); padding: 10px; margin: 10px 0; width: 678px; }
			#howto-content table tr th {background: rgb(229,229,229); border-right: 1px solid rgb(255,255,255); color: rgb(24,62,133); font-weight: normal; padding: 5px 10px;}
			#howto-content table tr td {border-bottom: 1px solid rgb(223,222,222); border-right: 1px solid rgb(255,255,255); padding: 4px 10px;}
			#howto-content table tr > td + td { text-align: center;	}

			#howto-content table tr .large {width: 330px; }

			#howto-content .faqList p {width: auto !important; }

			#howto-content .faqList strong, #howto-content .faqList span {width: 630px !important; float: right; }
			#howto-content .faqList li {margin-left: 0; }

			#event-content {margin: 60px 0 0; text-align: center; }

			.content-promotion {
			background: rgb(245,245,245);
			border: 1px solid #D7D7D7;
			margin-top: 40px;
			padding: 40px 0;
			text-align: center; }

			#container .true { width: 491px; margin-left: auto; margin-right: auto;}
			.content-promotion-detail {
			background: rgb(245,245,245);
			border: 1px solid rgb(215,215,215);
			margin-top: 30px;
			overflow: hidden;
			padding: 15px 14px;
			width: 920px; }
			.content-promotion-detail img { display: block; margin: 0 auto; border: 1px solid #ddd;}

			.no-margin-top {margin-top: 0; }

			.content-promotion-detail p, .content-promotion-detail ul, .content-promotion-detail ol {
			margin-bottom: 10px; }

			.content-promotion-detail p span {color: rgb(162,0,22); }
			.content-promotion-detail div {display: inline; float: left; width: 460px; }
			.content-promotion-detail h3 {font-size: 13px; margin-bottom: 5px; }

			.content-promotion-detail li {font-size: 12px; }

			.content-promotion-detail ul li {color: rgb(203,0,31); margin: 0 10px 0 20px; }
			.content-promotion-detail ul li span {color: rgb(51,51,51); }

			.content-promotion-detail ol li {margin-left: 30px; }

				/*	Only for WC-Ringtone by: radiz (9 July 2010)
					......................................................*/

					#wc-ringtone-step {
					background: url(../images/event/bg/bg-wc-ringtone-step.png) no-repeat;
					display: block!important;
					float: none!important;
					height: 80px!important;
					margin: 15px 0;
					position: relative;
					width: 857px!important; }

					#wc-ringtone-step ol {
					color: rgb(204,0,0);
					height: 80px;
					width: 857px;
					padding-left: 0!important; }

					#wc-ringtone-step ol li {
					list-style: none!important;
					margin: 0!important;
					padding: 0!important;
					position: absolute!important; }

					#wc-ringtone-step ol li#step-one {
					left: 13px!important;
					top: 7px;
					width: 225px; }

					#wc-ringtone-step ol li#step-two {left: 326px!important; position: absolute !important; top: 29px; }
					#wc-ringtone-step ol li#step-three {left: 497px!important; position: absolute !important; top: 29px; }
					#wc-ringtone-step ol li#step-four {left: 771px!important; position: absolute !important; top: 29px; }

					#wc-ringtone-step ol li li {
					list-style: inside disc!important;
					margin-left: 0!important;
					padding-left: 2px!important;
					position: static!important;
					/padding-left: 0!important; }

					#wc-ringtone-step li li span {color: rgb(51,51,51); }

					.data-list dt {font-weight: bold; }
					.data-list dd {margin-bottom: 10px; overflow: hidden; }
					.data-list dd span {display: block; width: 100%; }
					.sponsor {margin-top: 40px; text-align: center; }


		/*	campaignPage
			......................................................*/

			.campaign-teaser {background: url(../images/bg/summer-campaign.jpg) no-repeat left top; margin: 0 0 0px; padding: 15px 450px 30px 20px; width: 475px; height: 460px; }
			.staticPageWrapper .campaign-teaser h1 {height: 70px; width: 500px; visibility: hidden;}
			.campaign-teaser h1 span {visibility: hidden; }
			span.text-red {color: rgb(208,42,36); display: block;}
			.campaign-teaser p.freeRegister, .campaign-teaser p.login {padding: 65px 0 0; float: left;	}
			.campaign-teaser p.login a {
				background: url(../images/button/login-red-btn.png);
				display: block;
				float: left;
				height: 39px;
				overflow: hidden;
				text-indent: -999px;
				width: 140px;
			}

			.campaign-teaser p.login a:hover {background-position: 0 -39px; _background-position: 0 -38px;}

			.campaignContent {margin-bottom: 20px; padding: 0 10px; overflow: hidden; width: 925px;}
			.campaignContent dt {color: rgb(0,0,0);	font-size: 15px; font-weight: bold; margin: 20px 0 10px;}
			.campaignContent dt span {font-size: 13px; }

			.campaignContent dt span.bg-bdr {
				background: url(../images/bg/bg-dt-campaignContent.gif) no-repeat;
				color: rgb(255,255,255);
				display: block;
				height: 25px;
				padding-top: 7px;
				text-align: center;
				width: 149px; }

			.campaignContent dd ol {margin-left: 35px;}
			.campaignContent dd ol .text-red {color: rgb(208,42,36);}

			.campaignContent table {width: 100%; }
			.campaignContent table tr.gold th {background: rgb(203,158,68);}
			.campaignContent table tr th {background: rgb(148,148,148);	color: rgb(255,255,255); padding: 5px 50px; vertical-align: top; }
			.campaignContent table tr .first {font-weight: bold; padding: 5px 20px; text-align: left;}
			.campaignContent table tr .fullwidth {width:894px !important; padding: 5px 20px!important; text-align: left!important; }
			.campaignContent table tr .fullwidthright {width:894px !important; padding: 5px 20px!important; text-align: right!important; font-weight: bold; }
			.campaignContent table tr td {border-bottom: 2px solid rgb(255,255,255); padding: 5px 50px; text-align: center; vertical-align: top; }
			.campaignContent table tr.bgGray td {background: rgb(245,245,245);}
			.campaignContent table tr td span {display: block;}
			.campaignContent table tr td span.text-red,
			.smsContent table tr td span.text-red {color: rgb(208,42,36); display: inline; }


			.campaignContent table tr .province {text-align: left; padding-left: 100px; width: 150px; }

			.campaignContent table.campaign-detail tr th {padding: 5px 0;}
			.campaignContent table.campaign-detail tr td {padding: 5px 0; text-align: center; }
			.campaignContent table.campaign-detail tr .first {padding: 5px 0 5px 20px; overflow: hidden; text-align: left;}
			.campaignContent table.campaign-detail tr td p {padding-bottom: 0; }

			.campaignContent table.campaign-detail tr th.user-name {text-align: left; padding: 5px 20px 5px 35px; width: 255px; }
			.campaignContent table.campaign-detail tr td.user-name {text-align: left; padding: 5px 20px 5px 35px; width: 255px; }


		/*	guide-box
			......................................................*/

			p.teaser-banner {margin: 15px auto 5px;}
			#container #guide-box {margin-top: 20px;}
			#guide-box {
			    background: rgb(238,238,238);
			    border: 1px solid rgb(189,189,189);
			    color: rgb(65,65,65);
			    font-size: 15px;
			    margin: 0 auto 15px;
			    padding: 10px;
			    text-align: center;
			    width: 926px;
			}

			#guide-box a {color: rgb(200,42,36); text-decoration: underline; }
			#guide-box a:hover {color: rgb(200,42,36); text-decoration: none; }
			#guide-box img {vertical-align: middle;	}
			#guide-box span {color: rgb(200,42,36); }

		/*	campaign-box
			......................................................*/

			.campaign-normalStage {
				background: url(../images/ads/campaign_valentine_Index.jpg) center top no-repeat;
				height: 50px;
				margin-bottom: 10px;
				width: 950px;
			}

			.campaign-normalStage span.expand {
				cursor: pointer;
				display: block;
				height: 98px;
				overflow: hidden;
				text-indent: -999px;
				width: 950px;
			}

			.campaign-normalStage span.normal, .campaign-normalStage p {display: none;}

			.campaign-expandStage {
				background: url(../images/ads/campaign_valentine_expand.jpg) center bottom no-repeat;
				height: 88px;
				margin-bottom: 10px;
				padding: 340px 0 0 50px;
				position: relative;
				width: 900px;
			}

			.campaign-expandStage span.normal {
				cursor: pointer;
				display: block;
				height: 35px;
				right: 0;
				overflow: hidden;
				position: absolute;
				text-indent: -999px;
				top: 20px;
				width: 35px;
			}

			.freeRegister a, .campaign-expandStage .read-detail a {
				display: block;
				float: left;
				height: 39px;
				margin-right: 10px;
				overflow: hidden;
				text-decoration: none;
				text-indent: -999px;
				width: 140px;
			}

			.freeRegister a {background: url(../images/button/free-register-btn.png);}
			.campaign-expandStage .read-detail a {background: url(../images/button/read-detail-btn.png);}
			.freeRegister a:hover, .campaign-expandStage .read-detail a:hover {background-position: 0 -39px;}
			.freeRegister a:hover {_background-position: 0 -38px;}
			.campaign-expandStage span.expand {display: none;}

		/*	=tabel-score
			................................................................. */

			#tabel-score div {
			background: url(../images/bg/table-score.png);
			height: 351px;
			margin: 10px 0;
			padding: 0 5px 0 10px;
			width: 285px; }

			#tabel-score div.table-left {float: left; }
			#tabel-score div.table-right {float: right; margin-right: 10px; }

			#tabel-score div h4 {font-size: 13px; height: 26px; margin-bottom: 2px; }

			#tabel-score div table {margin-bottom: 12px; width: 100%; }
			#tabel-score div table tr th {font-weight: normal; height: 37px; padding: 0 2px; }
			#tabel-score div table tr td {color: rgb(210,46,23); height: 28px; text-align: center; }
			#tabel-score div table tr .first {width: 135px; text-align: left; padding: 0; }
			#tabel-score div table tr th.first {font-size: 18px; }
			#tabel-score div table tr th.first h3 {font-size: 18px; font-weight: normal; }
			#tabel-score div table tr td.first { color: rgb(51,51,51); vertical-align: middle; }
			#tabel-score div table tr td.first img {margin-right: 5px; vertical-align: middle; }

			#tabel-score div ul li {font-size: 11px; height: 27px; list-style: none; _height: 26px; }
			#tabel-score div ul li em {display: block; float: left; font-style: normal; width: 140px; }

		/*	=music-world-cup
			................................................................. */
			#music-world-cup {margin-top: 10px;	}

			#music-world-cup ul {
			color: rgb(102,102,102);
			line-height: 16px;
			list-style: none;
			margin: 0 0 15px; }

			#music-world-cup p {line-height: 16px; }
			#music-world-cup p span {display: block; }

			.embed-music {border: 5px solid rgb(245,246,245); float: left; }
			.embed-music embed {vertical-align: middle;	}

			.wrap-image {margin: 20px 0 0; text-align: center; }

		/*	PUBLIC-RELATIONS PANEL
			=defined for .leftColumn-S
			................................................................. */
			.public-relations {width: 315px; float: right; }
			.public-relations h2 {background: none !important; }
			.public-relations h2 a {color: rgb(200,42,36); }
			.public-relations ol {list-style: disc;	}
			.public-relations ol li {margin: 0 0 0 20px; }
			.public-relations .readMore {text-align: right; padding-top: 10px;}

		/* hack css for jQuary */

			.ui-widget {
				color:#333333 !important;
				font-family: Thonburi,Tahoma,sans-serif,serif;
				font-size:13px;
			}
			.ui-widget-content {color:#333333 !important;}
			.ui-widget-header {
				border:none;
				border-bottom:1px solid #B7B7B7;
				color:#222222;
				font-weight:bold;
			}
			.ui-tabs .ui-tabs-nav li {
				border-bottom-width:0 !important;
				margin:0 0.2em -1px 0;
				padding:0;
				position:relative;
				line-height: 18px;
			}
			.ui-widget-header, .ui-widget-content {border: none;}
			.ui-tabs .ui-tabs-panel {padding: 0 !important;}
			.ui-widget-content a {color:#163F68 !important;}
			.ui-tabs .ui-tabs-nav li.ui-tabs-selected a.active {font-weight:bold; color:#EA2127 !important;}

			.bgNone {background: none !important;}
			.fr {float:right !important;}

			#intro{ display:none}/*edit by mod*/



			/*	Photo Gallery
			................................................................. */
			.slider {
			/*cursor: move;*/
			height: 19px;
			width: 65px;
			position: absolute;
			top: 0px;
			border-style: none;
			margin-left: -5px;
			z-index: 100;
			left: 0;
			}

			.ui-slider .ui-slider-navigation{
			/*cursor: move;*/
			height: 19px!important;
			width: 65px!important;
			background:none!important;
			position:absolute;
			top: 0px!important;
			border-style:none!important;
			margin-left: 0px!important;
			z-index: 101!important;}

			.ui-slider .ui-slider-handle span {display: none;}

			.PhotoGallery {
			width: 635px;
			background: rgb(0,0,0);
			text-align: center;
			overflow: hidden;
			position: relative;
			height: 600px;
			top: 10px;
			clear: both;}

			.PhotoGallery  .previous{
			height: 21px;
			left: 26px;
			position: absolute;
			top: 4px;
			width: 38px;
			z-index:102!important;
			}

			.PhotoGallery  .next{
			height: 21px;
			right: 25px;
			position: absolute;
			top: 4px;
			width: 38px;
			z-index: 102!important;}

			.PhotoGallery  .next a:active,
			.PhotoGallery  .previous a:active,
			.PhotoGallery  .previous a:focus,
			.PhotoGallery  .next a:focus{outline:none;}

			.PhotoContent {
			width: 635px;
			overflow: hidden;
			position: relative; }

			.PhotoGallery p.caption {
			background: url(../images/bg/bg_caption.png) repeat-y;
			position: absolute;
			left: 0;
			bottom: 0;
			color: rgb(204,204,204);
			font-size: 13px;
			text-align: left;
			padding: 10px;}

			.GalleryNavigation {
			background: rgb(43,43,43);
			/*width: 605px;*/
			padding: 2px 0px;
			overflow: hidden;
			margin-top: 10px;
			height: 77px;
			position: relative;}

			.GalleryNavigation ul { position: absolute; margin-left:10px;padding:0; width: 80000px;}

			.GalleryNavigation li {float: left; list-style: none; text-align: center; width: 75px; height: 75px; }
			.GalleryNavigation li a img {padding-top: 5px;}
			.GalleryNavigation li a {width: 75px; height: 75px;}
			.GalleryNavigation li.active a{background: url(../images/bg/bg_gallery_hover.png) no-repeat; width: 75px; height: 75px; display: block;}

			.GalleryFooter {text-align: left; overflow: hidden; margin: 10px 0; position: absolute; bottom: 5px; width: 635px; left: 0; height: 27px;}
			.GalleryFooter p {float: left;}
			.GalleryFooter p.pagination {width: 260px; margin-left: 20px; _display:inline; color: rgb(153,153,153);}
			.GalleryFooter p.playslide {width:80px; }
			.GalleryFooter p.sponsor {width: 250px;text-align: right; margin-right: 24px; margin-top:0; color: rgb(202,202,202); font-size: 13px;}

			/*Slide bar*/
			.Slidebar {
			background: url(../images/bg/bg_slide.gif) repeat-x;
			width: 515px;
			height: 19px;
			bottom: -5px;
			padding: 0 0 10px 0;
			margin: 0 auto;
			position: relative;
			overflow: hidden;}

			.photo-controller {position: relative; width: 635px; }
			.Slidebar .previous {position:absolute; left: -13px; top: -1px;}
			.Slidebar .next {position: absolute; right: -10px; top: -1px;}

			.Slidebar a:visit {border: none;}

			/*	Gallery on article page
			................................................................. */
			.Gallerylist ul {margin: 0 0 25px 0; overflow: hidden;}
			.Gallerylist ul li
			{list-style: none;
			float:left;
			}

			.Gallerylist ul li img {padding:4px;margin:15px 15px 0 0;
			border: 1px solid rgb(220,220,220);}

			/*	Photo Gallery lightbox [popup]
			................................................................. */
			#PhotoDetail {background: rgb(0,0,0);}
			#PhotoDetail #PhotoNavigation {position: relative; width: 100%; z-index: 1; background: rgb(0,0,0); height: 90px; }
			#PhotoDetail #PhotoNavigation .moviecontrol {text-align:center; color: rgb(255,255,255); font-size: 15px; }
			#PhotoDetail #PhotoNavigation .moviecontrol p {padding:20px 0 0 0;}
			#PhotoDetail .Close {position: absolute; right:10px; top:10px; width:66px; height: 24px; }

			#PhotoContent {
			width: 634px;
			height: 424px;
			border: 1px solid rgb(39,39,39);
			margin: -212px 0 0 -317px;
			position: absolute;
			left: 50%;
			top: 50%;
			z-index: 0;
			text-align: center;
			background: rgb(0,0,0);
			overflow: hidden; }

			#PhotoContent span {display:none;text-align: center; margin-top: -233px;}
			#PhotoContent span.active{display:block;}

			#PhotoContent .caption{
			background: url(../images/bg/bg_gallerycaption.png) repeat-y;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 616px;
			text-align: left;
			color: rgb(204,204,204);
			font-size: 13px;
			padding: 10px;
			}

			#PhotoContent .caption h1{font-size: 15px; font-weight:normal;color: rgb(255,255,255); padding-bottom: 5px;}

			#PhotoAds {
			left: 50%;
			top: 50%;
			position: absolute;
			z-index:-1; }


			/*HOMEPAGE | Settrade & Bank Rate Toggle
			author: Mook 16 Dec 2010
			*/
			.ThirdpartyNavigation {
			width: 208px;
			position: relative;
			float: right;
			border:1px solid #b9b9b9;
			height: 240px;
			overflow: hidden;
			_display:inline;
			}
			.ThirdpartyNavigation .ToggleNav { width: 171px; position: absolute; overflow: hidden; bottom: 5px; left: 19px;}
			.ThirdpartyNavigation .ToggleNav span {list-style: none; font-weight: bold; color: rgb(48,79,134);}
			.ThirdpartyNavigation .tab1 {float: left;}
			.ThirdpartyNavigation .tab2 {float: right;}
			.ThirdpartyNavigation span {cursor: pointer; text-decoration: underline;}
			.ThirdpartyNavigation .active span {cursor: text; color: rgb(117,117,117); text-decoration: none;}
			.ThirdpartyNavigation span:hover {text-decoration: none;}
			.Settrade {width: 200px; height: 194px; margin: 5px auto; }
			.Bankrate {width: 170px; height: 210px; margin: 7px auto; }
			#businessEconomic {width: 633px; position: relative;}

			/*Iposttoday
			Insert Like and Unlike panel on right side
			*/
			.LikeUnlikePanel {width: 291px; float: right; margin-top: 15px;}
			.LikeUnlikePanel ul {width: 291px; margin: 0;}
			.LikeUnlikePanel .LikeUnlikePanel-navigation {width: 291px; border-bottom: 5px solid rgb(180,21,15); overflow: hidden;}
			.LikeUnlikePanel .LikeUnlikePanel-navigation li {
				width: 135px;
				height: 34px;
				border: none;
				padding: 7px 0 0 10px;
				float: left;
				margin-right: 1px;
				text-align: left;
				background: url(../images/bg/bg_unlike_panel.gif) no-repeat;
			}

			.LikeUnlikePanel .LikeUnlikePanel-navigation li.Topten-unlike {float: right; margin-right: 0;}
			.LikeUnlikePanel .LikeUnlikePanel-navigation li a {color: rgb(51,51,51); display: block; margin-top: -5px; padding-left: 40px;}
			.LikeUnlikePanel .LikeUnlikePanel-navigation li.Topten-like a {background: url(../images/icon/ico_like_panel.png) no-repeat 0 4px;}
			.LikeUnlikePanel .LikeUnlikePanel-navigation li.Topten-unlike a {background: url(../images/icon/ico_unlike_panel.png) no-repeat 0 4px;}
			.LikeUnlikePanel .LikeUnlikePanel-navigation li a span {font-size: 13px; display: block;}

			.LikeUnlikePanel .LikeUnlikePanel-navigation li.active {width: 135px; background: url(../images/bg/bg_unlike_panel.gif) no-repeat 0 -42px;}
			.LikeUnlikePanel .LikeUnlikePanel-navigation li.active a {color: rgb(255,255,255);}
			.LikeUnlikePanel .LikeUnlikePanel-list {width: 289px; border: 1px solid rgb(203,196,196); border-bottom: none;}

			.LikeUnlikePanel .LikeUnlikePanel-list li {
				width: 279px;
				clear: both;
				border: none;
				border-bottom: 1px solid rgb(203,196,196);
				background: none;
				padding: 1px 5px;
				height:50px;
			}

			.LikeUnlikePanel .LikeUnlikePanel-list li h3 {font-size: 15px; color: rgb(22,63,104);}
			.LikeUnlikePanel .LikeUnlikePanel-list li p {padding: 0;}
			.LikeUnlikePanel .LikeUnlikePanel-list li p a {color: rgb(51,51,51); text-decoration: underline;}
			.LikeUnlikePanel .LikeUnlikePanel-list li p a:hover {text-decoration: none;}
			.LikeUnlikePanel .LikeUnlikePanel-list li .userThumbnail {float: left; margin: 0 10px 0 0;}

			.LikeUnlikePanel ul li.pageSwitch {
				width: 289px;
				height: 23px;
				background: rgb(245,245,245);
				border-top: none;
				text-align: center;
				padding: 5px 0;
				position: relative;
			}
			.LikeUnlikePanel ul li.pageSwitch .preview {position: absolute; left: 10px;}
			.LikeUnlikePanel ul li.pageSwitch .next {position: absolute; right: 10px;}
			.LikeUnlikePanel ul li.pageSwitch span {color: rgb(200,42,36);}
			.LikeUnlikePanel ul li.pageSwitch input {width: 20px; font-size: 12px;}
			.LikeUnlikePanel ul li.pageSwitch input.go-btn {width: 50px;}

			/*Voteresult on iposttoday
			author: Mook
			Date: 20 Dec 2010
			*/
			.Voteresult {
				width: 595px;
				border: 1px solid rgb(222,222,222);
				background: rgb(240,246,250);
				padding:  10px;
				margin-top: 15px;
			}
			.Voteresult h3 {color: rgb(200,42,36);}
			.Voteresult ul {width: 360px !important;}
			.Voteresult ul li {width: 360px !important; clear: both; line-height: 20px; padding:  5px 0;}
			.Voteresult ul li strong {display: block; float: left; width: 120px; font-weight: normal;}
			.Voteresult ul li em {
				display: block;
				background: url(../images/bg/bg_rateProfile) no-repeat;
				float: left;
				width: 239px;
				text-align: right;
				font-style:  normal;
				padding: 1px 0 0 1px;
			}
			.Voteresult ul li em span {display: block; height: 13px; font-size: 0; float: left; background: rgb(199,221,239);}

			.staticPageWrapper .epaper-offline .divider-right ul li .app-detail,
			.staticPageWrapper .epaper-offline .divider-left ul li .app-detail,
			.staticPageWrapper .epaper-offline .divider-right .download-for-samsung .app-detail {
				background: none;
				border: none;
				float: left;
				height: auto;
				width: 265px;
				_display:inline
			}
			.staticPageWrapper .epaper-offline .divider-right .ipad-iphone{height: 400px; }
			.staticPageWrapper .epaper-offline .divider-left .pc-mobile {height:672px;}

			.staticPageWrapper .campaign-table  { clear: both; padding-bottom: 40px;}
			.staticPageWrapper .campaign-table table { width: 945px; border: solid 1px #dad8d8; border-left: none; }
			.staticPageWrapper .campaign-table table th { background-color: #e4e2e2; border-left: solid 1px #dad8d8; padding: 10px 0;}
			.staticPageWrapper .campaign-table table tr td { border-left: solid 1px #dad8d8; border-top: solid 1px #dad8d8; padding: 10px 0; text-align: center;}
			.staticPageWrapper .campaign-table table tr .list1,
			.staticPageWrapper .campaign-table table tr .list2 { padding-left: 30px; text-align: left;}


			/* Flood Campaign */

			.floodHelp { width: 250px; height: 50px; position: absolute; bottom: 36px; _bottom: 34px; right: 0;}
			.floodHelp a{ outline: none;}


			/* SMS Campaign*/

			.moreDetial { color:#a20016; padding: 15px 0 5px 15px;}
			.serviceDetial, .standardDetail { color: #333; font-weight: bold; font-size: 15px; padding: 15px 0 5px 15px;}

			.eventDetial ul, .eventDetial ol { padding-left: 39px;}
			.eventDetial ul li{ color: #cb001f;}
			.eventDetial ul.draw li{ padding: 2px 0; list-style: none;}
			.eventDetial ul li span, .eventDetial ol li{ color: #333;}

			.list-of-winners{ padding: 15px 0 10px; width: 950px;}
			.list-of-winners .list-header { font-size: 15px; font-weight: bold; padding-left: 15px; background-color: #fff;}
			.list-of-winners p{ padding: 10px 0 10px 39px; background-color: #f5f5f5;}
			.list-of-winners p span { padding: 0 30px;}

			/* PTD Campaign */

			.staticPageWrapper .PTDcampaign-teaser span { display: block;}

			.staticPageWrapper .PTDcampaign-teaser{
				background: url(../images/bg/PTD-campaign.png) no-repeat ;
				width: 910px;
				height: 792px;
				margin-left:  32px;
				padding-top: 15px;
			}
			.staticPageWrapper .PTDcampaign-teaser h1{
				background: url(../images/bg/PTD-campaign-h1.png) no-repeat 0 60px;
				width: 910px;
				height: 64px;
				margin: -13px;
				padding-top: 60px;
			}
			.staticPageWrapper .PTDcampaign-teaser h1 span,
			.staticPageWrapper .PTDcampaign-teaser h2 span { visibility: hidden;}
			.staticPageWrapper .PTDcampaign-teaser h2 { background:url(../images/bg/PTD-campaign-h2.jpg) no-repeat 40px 15px; height: 65px; padding: 15px 0;}

			.staticPageWrapper .PTDcampaign-teaser p { padding : 0 0 10px 40px;}
			.staticPageWrapper .PTDcampaign-teaser p .bold { font-weight: bold; font-size: 15px;}
			.staticPageWrapper .PTDcampaign-teaser p img { vertical-align: middle;}

			.staticPageWrapper .PTDcampaign-teaser ol { margin-top: -15px; padding: 5px 0 0 60px;}
			.staticPageWrapper .PTDcampaign-teaser ol li p { padding: 0;}

			.staticPageWrapper .PTDcampaignContent { background: url(../images/bg/PTD-campaign-balloon.png) no-repeat;}

			.staticPageWrapper .PTDcampaign-teaser .tell-us, .staticPageWrapper .PTDcampaign-teaser .campaign-winners { padding-top: 15px;}
			.staticPageWrapper .PTDcampaign-teaser .tell-us a {
				background: url(../images/button/tell-us-bt.png) no-repeat;
				display: block;
				width: 260px;
				height: 45px;
			}

			.staticPageWrapper .PTDcampaign-teaser .campaign-winners a {
				background: url(../images/button/campaign-winner.png) no-repeat;
				display: block;
				width: 260px;
				height: 45px;
			}

			.staticPageWrapper .PTDcampaign-teaser .tell-us a:hover { background: url(../images/button/tell-us-bt.png) no-repeat 0 -45px;}
			.staticPageWrapper .PTDcampaign-teaser .campaign-winners a:hover { background: url(../images/button/campaign-winner.png) no-repeat 0 -45px;}
			.staticPageWrapper .PTDcampaign-teaser .tell-us a span,
			.staticPageWrapper .PTDcampaign-teaser .campaign-winners a span { visibility: hidden;}

			.PTDcampaignDetail { padding-left: 75px; margin-top: -95px; color: #333333;}
			.PTDcampaignDetail dt { color: #333; font-weight: bold; padding-bottom: 5px;}
			.PTDcampaignDetail dd { padding-bottom: 20px;}
			.PTDcampaignDetail dd ol { padding: 0 30px 0 20px;}


				/*Royal-wedding and Hot News -- advertising section*/
			/*banner*/
			.hotNews { margin-top: 15px;}
			.royal-wedding .readMore, .hotNews .readMore {border: none; padding-bottom: 15px; overflow: hidden; width: 635px;}
			.royal-wedding h3.photo,
			.royal-wedding h3.video,
			.hotNews h3.photo,
			.hotNews h3.video {
				color:#C82A24;
				background: #ececec;
				overflow: hidden;
				width: 615px;
				padding: 5px 10px;
				margin-bottom: 10px;
				font-size: 15px;
			}
			.royal-wedding .readMore a ,
			.hotNews .readMore a {color:#C82A24!important;}
			.royal-wedding .royal-wedding-banner {width: 950px; margin:5px 0 10px 0;}
			.hotNews .hotNews-banner {width: 950px; margin: 15px 0 10px 0;}
			.royal-wedding .lastTopicList,
			.hotNews .lastTopicList {background: url("../images/bg/mainTopic_bg.jpg") repeat-y;}
			.advertising-section {width: 300px; background: #fff; overflow: hidden; padding-top: 15px;}
			.advertising-section .ads-listing {
				border:1px solid #e7e7e7;
				margin-bottom: 15px;
				padding: 5px 5px;
				width: 288px;
			}
			.advertising-section .ads-listing li {
				overflow: hidden;
				list-style: none;
				border-top: 1px dotted #8B8B8B;
				height: 58px;
				line-height: 18px;
				padding-top: 5px;
				margin-bottom: 6px;
			}
			.advertising-section .ads-listing li.first {border: none;}
			.advertising-section .ads-listing .picture {width: 90px; float: left; margin-right: 10px; padding: 0;}
			.advertising-section .ads-listing h3 a {font-size: 15px;}

			.google-ads-area {width: 633px; overflow: hidden;}


/********** special-report, politics, economic, world Header 2 bar **********/
.leftColumn-M .section-channel-header,
.leftColumn-M .special-report,
.leftColumn-M .politics,
.leftColumn-M .economic,
.leftColumn-M .world {
	background: url(../images/bg/sub-nav-bg.png) repeat 0 0;
	color: none;
	float: left;
	height: 24px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 635px;
}

.leftColumn-M .section-channel-header,
.leftColumn-M .politics,
.leftColumn-M .economic,
.leftColumn-M .world { margin-top: 15px;}

.leftColumn-M .section-channel-header a,
.leftColumn-M .special-report a,
.leftColumn-M .politics a,
.leftColumn-M .economic a,
.leftColumn-M .world a{
	background-color:#ed1c24;
	border-right: solid 3px #FFF;
	color: #FFF;
	float: left;
	font-size: 13px;
	line-height: 14px;
	padding: 5px 10px;
}

.leftColumn-M .section-channel-header a:hover,
.leftColumn-M .special-report a:hover,
.leftColumn-M .politics a:hover,
.leftColumn-M .economic a:hover,
.leftColumn-M .world a:hover{ color: #FFF;}

.leftColumn-M .contentSearchList .last { border-bottom: none;}

/********** Columnist Online**********/

			.leftColumn-M .columnist{
				float: left;
				overflow: hidden;
				margin: 15px 20px 0 0;
				width: 299px;
			}

			.leftColumn-M .columnist ul {overflow: hidden; width: 299px;}

			.leftColumn-M .columnist ul li{
				border-bottom: solid 1px #d1d1d1;
				line-height: 13px;
				list-style: none;
				overflow: hidden;
				padding: 10px 0;
				width: 299px;
			}

			.leftColumn-M .columnist ul .last{ border: none;}

			.leftColumn-M .columnist h2 {
				background: url(../images/bg/sub-nav-bg.png) repeat 0 0;
				float: left;
				height: 27px;
				margin: 0;
				overflow: hidden;
				padding: 0;
				width: 300px;
				}

			.leftColumn-M .columnist h2 a{
				background-color: #ed1c24;
				border-right: solid 3px #FFF;
				float: left;
				font-size: 14px; color: #FFF;
				line-height: 17px;
				padding: 5px;
			}

			.leftColumn-M .columnist ul li h3{ color: #33577b; font-size: 13px; }

			.leftColumn-M .columnist ul li .picture {
				float: left;
				overflow: hidden;
				padding-right: 10px;
				width: 90px;
			}

			.leftColumn-M .columnist ul li .writer{
 				color:#c51913;
				font-size: 12px;
				font-weight: bold;
				overflow: hidden;
			}

			.leftColumn-M .columnist ul li h3,
			.leftColumn-M .columnist ul li .writer,
			.leftColumn-M .columnist ul li .intro { float: left; width: 199px;}

			.leftColumn-M .columnist ul li p{
				color: #333;
				font-size: 13px;
				overflow: hidden;
			}

			.leftColumn-M .columnist ul li .intro {
				height: 36px;
				line-height: 18px;
				overflow: hidden;
			}

			.breadcrumbs { border-bottom: 1px solid #e2e2e2; padding-bottom: 8px; width: 950px; overflow: hidden; margin-bottom: 0;}
			.breadcrumbs p { margin-bottom: 0; line-height: 24px;}
			.breadcrumbs a.channel{
				background: url(../images/icon/breadcrumb.gif) no-repeat right 10px;
				color: #163f68;
				font-size: 15px;
				font-weight: bold;
				margin-right: 5px;
				padding-right: 15px;
				float:left;
				text-decoration: none;

				}
			.breadcrumbs a.channel:hover span { text-decoration: underline;}
			.breadcrumbs .active,
			.breadcrumbs .channel a {
				background: url(../images/icon/breadcrumb.gif) no-repeat right 6px;
				color: #333;
				font-size: 15px;
				font-weight: bold;
				margin-right: 5px;
				padding-right: 15px;
				}
			.breadcrumbs a.sub-channel{
				border-right: 1px solid #e2e2e2;
				color: #163f68;
				height: 18px;
				padding-right: 5px;
				}

			.breadcrumbs a.sub-channel:hover span{ text-decoration: underline;}
			.breadcrumbs a.last { border: none;}
			.breadcrumbs .last {background: none; padding-right: 0; margin-right: 0;}



/********** Breaking News**********/
			.side-bar { clear: both;}
			.breaking-news{
				float: left;
				margin-bottom: 15px;
				overflow: hidden;
				position: relative;
				width: 300px;
				}
			.breaking-news h1{
    			background: url("../images/bg/sub-nav-bg.png") repeat scroll 0 0 transparent;
   				height: 24px;
    			overflow: hidden;
    			width: 300px;
				}
			.panelBar-BoomBoxAds .breaking-news h1 .head {
    			background-color: #ED1C24;
   				border-right: 3px solid #FFFFFF;
    			color: #FFFFFF;
    			float: left;
    			font-size: 13px;
				line-height: 17px;
				padding: 3px 7px 6px;
				}
			.panelBar-BoomBoxAds .breaking-news h1 .rss {
    			background: none repeat scroll 0 0 transparent;
    			border: medium none;
    			display: block;
    			float: right;
    			height: 20px;
    			padding: 0 5px 0 0;
				}
			.breaking-news h1 .rss img { float: right; margin-top: 6px;	}
			.breaking-news div { border-bottom: 0; position: relative; right: 0;}

			.breaking-news ul{
				height: 201px;
				line-height: 18px;
				margin-bottom: 5px;
				padding: 8px 0 0 5px;
				overflow: hidden;
			}
			.breaking-news ul li{ padding-top: 4px; font-size: 13px; line-height: 18px; list-style: none; height: 18px; width: 295px; overflow: hidden;}
			.breaking-news ul li span { color: #C2090B; font-weight: bold;}


			.leftColumn-M .contentSearchList li h2 { background: none; color: #000; display: block; font-size: 14px; padding: 0 0 2px 0; margin: 0;}
			.leftColumn-M .contentSearchList li h2 span { font-size: 80%;}

			/*
			.leftColumn-M .contentSearchList li h3 { font-size: 14px; margin: 0;}
			.leftColumn-M .contentSearchList li h3 a { color: #D24602;}

			.leftColumn-M .contentSearchList li p { font-size: 12px;}

			.leftColumn-M .contentSearchList li p .date { color:#999; } */

			.articleContents h3 { font-size: 13px; padding: 10px 0;}


			/*sms campaign*/
			.winners-detail { margin: 0 auto;}
			table.winners-detail tr td {background: #F5F5F5; padding: 10px 0 10px 10px;}
			table.winners-detail tr td.name{width: 21%;}
			table.winners-detail tr td.first {padding-left: 39px; width: 28%;}
			table.winners-detail tr.space td{border-top: 5px solid #fff; }


			/* Google Ads*/

			.google-ads { margin: 15px 0; height: 250px; width: 300px; position: relative;}


			/* Election Banner */
			.top-banner { margin-bottom: 10px;}


			/* Bundle */
			.articleContents .registerAlert {
				margin: 0 auto;
				border: 1px solid #dad9d9;
				background: #f3f3f3;
				width: 633px;
				height: auto;
				padding-bottom: 40px;
				overflow: hidden;
			}
			.articleContents .registerAlert p {
				text-align: center;
				font-size: 15px;
				font-weight: bold;
				color:#333;
				padding-top: 30px;
				overflow: hidden;
				width: 633px;
				margin-bottom: 0;
			}
			.registerAlert p.no-register{ position: relative; width: 633px; left: 32%; top: 0;}
			.registerAlert p.registed {position: relative; width: 633px; left: 38%; top: 0}
			.articleContents .registerAlert a.registerPremium { background: url(../images/button/registerPremium.gif) no-repeat ; width: 144px;}
			.articleContents .registerAlert a.registerPremium:hover { background: url(../images/button/registerPremium.gif) no-repeat 0 -30px; width: 144px;}
			.articleContents .registerAlert a.Login { background: url(../images/button/login.gif) no-repeat; width: 82px; margin-left: 5px;}
			.articleContents .registerAlert a.Login:hover { background: url(../images/button/login.gif) no-repeat 0 -30px; width: 82px;}
			.articleContents .registerAlert a {height: 30px; text-decoration: none; display: block; float: left;}
			.articleContents .registerAlert a span { visibility: hidden;}

			.panelBar-BoomBoxAds .searchArchive { margin-bottom: 10px;}
			.panelBar-BoomBoxAds .searchArchive h2 {
				background: url("../images/bg/sub-nav-bg.png") repeat;
    			height: 24px;
    			overflow: hidden;
    			width: 300px;
				margin-bottom: 10px;
				}

			.panelBar-BoomBoxAds .searchArchive h2 a {
				background-color: #ED1C24;
    			border-right: 3px solid #FFFFFF;
    			color: #FFFFFF;
    			float: left;
    			font-size: 13px;
    			line-height: 17px;
    			padding: 3px 7px 6px;
				}

			.searchArchive #searchBox { width: 280px; background: #efefef; padding: 10px; overflow: hidden;}
			.leftColumn-M .searchArchive #searchBox { width: 400px; background: none; padding: 15px 0 0;}
			.searchArchive #searchBox ul li { list-style: none; padding-bottom: 10px;}
			.searchArchive #searchBox ul li div { overflow: hidden;}
			.searchArchive #searchBox ul li label { width: 280px; display: block; margin-bottom: 8px; font-weight: bold;}
			.searchArchive #searchBox ul li .textfield { width: 270px; height: 27px;}
			.searchArchive #searchBox ul li p { width: 65px; float: left; margin: 10px 0;}
			.searchArchive #searchBox ul li p.chooseCategory {
				color:#163f68;
				font-size: 15px;
				font-weight: bold;
				float: none;
				width: 290px;
				margin: 10px 0 0;
				}
			.searchArchive #searchBox ul li select { width: 250px; margin-bottom: 5px;}
			.searchArchive #searchBox ul li input { width: 175px; height: 25px; vertical-align: middle; margin: 5px 0;}
			.leftColumn-M .searchArchive #searchBox ul li input { width: 200px; height: 25px; vertical-align: middle; margin: 5px 5px 5px 0;}
			.searchArchive #searchBox ul li img { vertical-align: middle;}
			.leftColumn-M .searchArchive #searchBox ul li .goSearch, .searchArchive #searchBox ul li .goSearch {
				background: url(../images/button/search.gif) no-repeat 0 -30px;
    			border: medium none;
    			cursor: pointer;
    			height: 30px;
    			width: 63px;
				margin-top: 10px;
			}
			.searchArchive #searchBox ul li .goSearch:hover {background: url(../images/button/search.gif) no-repeat;}

			.contentWrapper .searchPage { width: 635px; float: left; margin-top: 15px;}
			.contentWrapper .searchPage h1 { font-size: 15px; font-weight: bold; color: #333; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; width: 635px; }
			.contentWrapper .searchPage h1 span { color: #c82a24; font-size: 20px; font-weight: bold;}
			.contentWrapper .searchPage h1 span.pageValue { font-size: 13px; font-weight: normal; color:#999; display: block; padding: 5px 0;}

			.contentWrapper .searchPage .searchResult { padding-top: 10px; overflow: hidden;}
			.contentWrapper .searchPage .searchResult li { list-style: none; border-bottom: 1px dashed #e2e2e2; padding: 12px 0; overflow: hidden;}
			.contentWrapper .searchPage .searchResult li p.thumbnail {
				float: left;
    			height: 60px;
    			margin-right: 10px;
    			width: 90px;
				}
			.contentWrapper .searchPage .searchResult li h3 { font-size: 15px; }
			.contentWrapper .searchPage .searchResult li h3 a {background: url(../images/icon/keyHeader.gif) no-repeat left 3px; padding-left: 20px; }
			.contentWrapper .searchPage .searchResult li p.typeDate { padding: 3px 0 5px;}
			.contentWrapper .searchPage .searchResult li p em,
			.contentWrapper .searchPage .searchResult li p a {
				color: #666;
    			font-size: 13px;
    			font-style: normal;
				}
			.contentWrapper .searchPage .systemHelp	{ padding: 20px 0 25px;}
			.contentWrapper .searchPage .systemHelp a { color: #C82A24; text-decoration: underline;}
			.contentWrapper .searchPage .systemHelp a:hover { text-decoration: none;}

	/* Result Popup */

			body#popup { background: none;}
			body#popup .cautionPopup {
				background: #000000;
    			height: 100%;
    			left: 0;
    			opacity: 0.8;
    			position: fixed;
    			width: 100%;
    			z-index: 9995;
				/* Standard: FF gt 1.5, Opera, Safari */
				filter: alpha(opacity=75);
				/* IE lt 8 */
				-ms-filter: "alpha(opacity=75)";
				/* IE 8 */
				-khtml-opacity: .75;
				/* Safari 1.x */
				-moz-opacity: .75; /* FF lt 1.5, Netscape */
				overflow: hidden;
				_background: none;
				}

			#resultPopup {
				width: 477px;
				height: 238px;
				background: url(../images/bg/result-popup.png) no-repeat;
				overflow: hidden;
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -119px 0 0 -239px;
				z-index: 9999;
				}
			#resultPopup img { float: right; margin: 5px 13px 0 0;}
			#resultPopup p.intro { margin-top: 105px; font-size: 15px; font-weight: bold; color: #333; text-align: center; margin-bottom: 25px;}
			#resultPopup p.intro span { display: block; padding-bottom: 5px;}
			#resultPopup p.no-register { position: relative; width: 477px; left: 25%; top: 0;}
			#resultPopup p.registed {position: relative; width: 477px; left: 33%; top: 0}
			#resultPopup p a.registerPremium {
    			background: url("../images/button/registerPremium.gif") no-repeat scroll 0 0 transparent;
    			width: 144px;
				}
			#resultPopup p a.registerPremium:hover { background: url(../images/button/registerPremium.gif) no-repeat 0 -30px; width: 144px;}
			#resultPopup p a.Login {
				background: url("../images/button/login.gif") no-repeat scroll 0 0 transparent;
				margin-left: 5px;
    			width: 82px;
				}
			#resultPopup p a.Login:hover { background: url(../images/button/login.gif) no-repeat 0 -30px; width: 82px;}
			#resultPopup p a {
    			display: block;
    			float: left;
    			height: 30px;
    			text-decoration: none;
				text-align: center;
				}
			#resultPopup p a span { visibility: hidden;}

	/*select search box*/
			.search-type {
			display: none;
			width: 220px;
			background: #fff;
			border: 1px solid #d1d1d1;
			position: absolute;
			left: -1px;
			top: 23px;
			list-style: none;
			padding-bottom: 5px;
			}

			.search-type li {padding: 2px 10px;}
			.search-type li.close {padding: 0;position: absolute; right: 10px; top: 5px;}

			.search-type label {padding-left: 10px;}

	/* SMS Winners */
			.smsContent { overflow: hidden; width: 950px;}
			.smsContent dt { clear: both; color: #000000; font-size: 15px; font-weight: bold; margin: 5px 0 10px;}
			.smsContent dd ol { margin-left: 35px;}
			.smsContent div { margin-bottom: 15px; height: auto; clear: both; overflow: hidden;}
			.smsContent p.thumbnail{ float: left; width: 140px; margin-right: 15px; padding: 10px 0;}
			.staticPageWrapper .smsContent h2 { text-align: left; padding: 0 0 10px; }
			.smsContent h2 span{ color: #C82A24; font-size: 13px;}
			.smsContent .sms-winners { float: right; width: 790px; margin: 0 5px 15px 0;}
			.smsContent .sms-winners tr { clear: both; }
			.smsContent .sms-winners tr.dtac td { border: none;}
			.smsContent .sms-winners tr.dtac td.name { width: 170px;}
			.smsContent .sms-winners tr th { text-align: left; padding-bottom: 5px; }
			.smsContent .sms-winners tr td,
			.smsContent .sms-winners tr.last td {
				width: 120px;
				padding: 10px 0 10px 10px;
				background: #ededed;
				border-bottom: 5px solid #fff;
				line-height: 18px;
				vertical-align: top;
				}
			.smsContent .sms-winners tr.dtac td.first { width: 245px; padding-left: 15px;}
			.smsContent .sms-winners tr.true { width: 780px;}
			.smsContent .sms-winners tr.true td { clear: both; border: none; width: 190px;}
			.smsContent .sms-winners tr td span { display: block;}
			.smsContent .bold { font-weight: bold;}
			.smsContent tr td.fullwidth { padding: 10px 20px !important; text-align: left !important; width: 894px !important;}
			.smsContent p.bold { width: 790px; float: left;}

		/*Advertorial ads*/
			.leftColumn-M .contentSearchList .advertorial {position: relative;}
			.leftColumn-M .contentSearchList .advertorial h3 {width: 395px; _width: 295px; /width: 295px;}
			.leftColumn-M .contentSearchList .advertorial .ads-text {
				width: 220px;
				position: absolute;
				top: 10px;
				color:#999;
				right: 0;
				text-align: right;
				padding-left: 20px;
				line-height: 20px;
				}
		/* Benefit Detial */

			.benefit-detial .premium-member h1.premium-header { background: url(../images/benefit-premium.gif) no-repeat; height: 43px; width: 231px;}
			.benefit-detial .posttoday-member h1.member-header { background: url(../images/benefit-posttoday.gif) no-repeat; height: 43px; width: 201px;}
			.benefit-detial h1 span { visibility: hidden;}
			.benefit-detial .premium-member ul { margin: 0 0 10px 40px;}
			.benefit-detial .premium-member ul li { list-style: square; color: #dedede; line-height: 18px; padding: 3px 0;}
			.benefit-detial .premium-member ul li span { color: #333;}

			.benefit-detial .premium-member h2 { margin-left: 25px; font-weight: normal; color: #333 !important;}
			.benefit-detial .premium-member h2 span { color: #e91f23;}
			.benefit-detial .premium-member table { width: 600px; font-size: 15px; margin: 0 0 20px 25px; }
			.benefit-detial .premium-member table tr td { border: 1px solid #cfcfcf; padding: 10px 0 10px 25px;}
			.benefit-detial .premium-member table tr td span { color: #e91f23;}
			.benefit-detial .premium-member table tr td.no-line-bottom { border-bottom: none;}
			.benefit-detial .premium-member table tr td.no-line-right { border-right: none;}
			.benefit-detial .premium-member table tr td.gray { background: #f7f6f6;}
			.benefit-detial .premium-member .callContact {color: #ED3D42; font-size: 14px; }

			.benefit-detial .premium-member p a span { visibility: hidden;}

			.benefit-detial .posttoday-member { margin-top: 20px;}
			.benefit-detial .posttoday-member table.benefits-table { width: 930px; margin: 10px 0 0 10px; border: 1px solid #cfcfcf; border-bottom: none;}
			.benefit-detial .posttoday-member table.benefits-table tr th{
				width: 264px;
				padding: 20px 0;
				background: #f7f6f6;
				border-right: 1px solid #cfcfcf;
				border-bottom: 1px solid #cfcfcf;
				}
			.benefit-detial .posttoday-member table.benefits-table tr th.first { width: 399px;}
			.benefit-detial .posttoday-member table.benefits-table tr th.premiumMember { background: url(../images/icon/crown.gif) no-repeat 193px 17px #f7f6f6;}
			.benefit-detial .posttoday-member table.benefits-table tr td {
				padding: 12px 0 12px 20px;
				border-right: 1px solid #cfcfcf;
				border-bottom: 1px solid #cfcfcf;
				}
			.benefit-detial .posttoday-member table.benefits-table tr td.first { text-align: left;}
			.benefit-detial .posttoday-member table.benefits-table tr td.yes { background: url(../images/icon/yes-gray.gif) no-repeat center center;}
			.benefit-detial .posttoday-member table.benefits-table tr td.yes-red { background: url(../images/icon/yes-red.gif) no-repeat center center;}
			.benefit-detial .posttoday-member table.benefits-table tr td span { visibility: hidden;}
			.benefit-detial .posttoday-member table.benefits-table tr .last { border-right: none;}


		/* Work with Us */
			.contentWrapper .career { margin-top: 15px; width: 950px;}
			.contentWrapper .career h1 { text-align: center; font-size: 25px; padding-bottom: 10px;}
			.contentWrapper .career h2 { color:#C82A24; padding: 10px 0 5px; font-size: 18px;}
			.contentWrapper .career hr { margin: 10px 0;}
			.contentWrapper .career p { clear: both; padding: 10px 0;}
			.contentWrapper .career p span { display: block;}
			.contentWrapper .career ul, .contentWrapper .career ol { margin-left: 40px; padding-left: 20px; /padding-left: 30px;}
			.contentWrapper .career ol.editorDep { width: 500px;}
			.contentWrapper .career ul li, .contentWrapper .career ol li { padding: 5px 0 5px;}
			.contentWrapper .career ol.editorDep li {padding: 3px 0; font-weight: bold; color: #163F68;}
			.contentWrapper .career p.sub-headline { font-weight: bold; padding: 15px 0 10px;}
			.contentWrapper .career p.position { color: #163F68; font-size: 14px; font-weight: bold; text-decoration: underline; padding-top: 30px}
			.contentWrapper .career p.address { padding-top: 0px;}

		/* Posttoday Plus */
			.contentWrapper .posttodayPlus p{ padding-bottom: 5px;}
			.contentWrapper .posttodayPlus p.ptdPlus-logo {
				background: url(../images/ptd+-logo-big.jpg) no-repeat;
				float: left;
				height: 76px;
				width: 147px;
				margin: 0 15px 0 10px;
				}
			.contentWrapper .posttodayPlus p.ptdPlus-logo span { visibility: hidden;}
			.contentWrapper .posttodayPlus table p.ptdPlus-logo { background: url(../images/ptd+-logo.gif) no-repeat; float: none; height: 40px; width: 76px; margin: 0 auto;}
			.contentWrapper .posttodayPlus p span.hidden { visibility: hidden;}
			.contentWrapper .posttodayPlus span.red { color: #e81f22;}
			.contentWrapper .posttodayPlus span.bold { font-weight: bold;}
			.contentWrapper .posttodayPlus span { display: block;}
			.contentWrapper .posttodayPlus table{ margin-top: 10px; clear: both; border: 1px solid #ccc; overflow: hidden; border-bottom: none; margin-bottom: 30px;}
			.contentWrapper .posttodayPlus table tr th {
				background: #eee;
				border: 1px solid #ccc;
				border-right: none;
				border-top: none;
				padding: 20px 10px;
				}
			.contentWrapper .posttodayPlus table tr th img { padding-bottom: 5px;}
			.contentWrapper .posttodayPlus table tr th.first img { padding: 0 21px 5px 0;}
			.contentWrapper .posttodayPlus table tr th.noneBorder {
				border-left: none;
				border-bottom: 1px solid #ccc;
				width: 135px;
				font-weight: normal;
				padding: 30px 0;
				}
			.contentWrapper .posttodayPlus table tr th.first { width: 226px; text-align: right; padding-right: 8px;}
			.contentWrapper .posttodayPlus table tr th span { display: block;}

			.contentWrapper .posttodayPlus table tr.gray { background: #f8f8f8;}
			.contentWrapper .posttodayPlus table tr td {
				padding: 20px 10px 20px 15px;
				text-align: center;
				border: 1px solid #ccc;
				border-right: none;
				border-top: none;
				}
			.contentWrapper .posttodayPlus table tr td.category {
				font-weight: bold;
				width: 120px;
				text-align: left;
				border: none;
				border-bottom: 1px solid #ccc;
				}
			.contentWrapper .posttodayPlus table tr td.last { border-bottom: 1px solid #ccc; border-left: none; padding: 20px 10px 15px;}
			.contentWrapper .posttodayPlus table tr td.first { text-align: left; /width: 94px;}
			.contentWrapper .posttodayPlus table tr td.left { text-align: left; padding: 20px 0 15px;}
			.contentWrapper .posttodayPlus table tr td.yes {
				border: none;
				border-bottom: 1px solid #ccc;
				}
			.contentWrapper .posttodayPlus table tr td.no { border: none; border-bottom: 1px solid #ccc;}
			.contentWrapper .posttodayPlus table tr td.noBorderBottom { border-bottom: none; padding: 20px 10px 15px; border-left: none; border-right: none;}
			.contentWrapper .posttodayPlus table tr td span { visibility: hidden;}

			.contentWrapper .posttodayPlus h2 { background: url(../images/ptd+service.gif) no-repeat; width: 315px; height: 43px; margin-bottom: 15px;}
			.contentWrapper .posttodayPlus h2 span { visibility: hidden;}

			.contentWrapper .posttodayPlus ul { margin-bottom: 25px;}
			.contentWrapper .posttodayPlus ul li { list-style: square; color: #dedede; margin-left: 35px; padding: 5px 0;}
			.contentWrapper .posttodayPlus ul li span { color: #333;}

			.contentWrapper .posttodayPlus p.callCenter { font-size: 15px; font-weight: bold;}


		/* Posttodat Plus Banner */
			#container .ptdPlus-bottomBanner { position: relative;}
			#container .ptdPlus-topBanner { position: relative; top: 10px;}
			#container .ptdPlus-bottomBanner .ptdPlus-banner {
				position: relative;
				left: 0;
				overflow: hidden;
				bottom: -60px;
				_bottom: -57px;
				/bottom: -57px !important;
				}
			#container .ptdPlus-topBanner .ptdPlus-banner { position: relative; top: 0; left: 0; overflow: hidden;}
			#container .no-breadcrumbs .ptdPlus-banner { top: -10px !important;}

		/* Email Alert Setting */
			#emailsetting h2 {color:#333; font-size: 15px;}
			#emailsetting ul{
				width: 300px;
				float: left;
				list-style: none;
				border-left: 1px solid #ccc;
				padding-left: 15px;
			}
			#emailsetting ul.first {border: none;}

			#emailsetting ul li {line-height: 30px;}

			#emailsetting input {margin-right: 5px;}
			#emailsetting ul.acceptemail {border: none; width: 950px; clear: both; padding: 10px 0;}
			#emailsetting ul.acceptemail span {color:#e81f22;}
			#emailsetting .submit {padding-top: 25px;}
			#emailsetting .save {
				background: url(../images/button/emailsave.gif) no-repeat;
				width:94px;
				height: 28px;
				border:none;
				cursor: pointer;
				}

		/********************************/
		/*********** News Clear**********/
		/********************************/
		#container .postConnection { margin-top: -15px;}
		#container .postConnection .breadcrumbs p { padding-bottom: 0;}
		.postConnection .toggle-navigation {
			width: 925px;
			background: url(../images/bg/postconnection-nav.gif) repeat-x 0 bottom;
			height: 60px;
			overflow: hidden;
			position: relative;
			padding-left: 25px;
			}
		.postConnection .toggle-navigation li {
			width: 122px;
			float: left;
			margin-right: 4px;
			list-style: none;
			border: 1px solid #ccc;
			height: 28px;
			border-bottom: none;
			position: relative;
			top: 20px;
			cursor: pointer;
			padding-top:10px;
			font-size: 12px;
			color:#163f68;
			}
		.postConnection .toggle-navigation li a,.postConnection .toggle-navigation li a:hover {text-decoration: none;}
		.postConnection .toggle-navigation li.active {height: 33px; padding-top: 15px; top: 11px;}

		.postConnection .toggle-navigation .rss {background: url(../images/icon/icn-rss.gif) no-repeat 20px 5px; padding-left: 56px; width: 66px;}
		.postConnection .toggle-navigation .rss:hover {background: url(../images/icon/icn-rss.gif) no-repeat 20px -48px;}
		.postConnection .toggle-navigation .rss.active {background: url(../images/icon/icn-rss.gif) no-repeat 20px -43px #fff;}
		.postConnection .toggle-navigation .newsletter {background: url(../images/icon/icn-newsletter.gif) no-repeat 14px 5px; padding-left: 50px; width: 72px;}
		.postConnection .toggle-navigation .newsletter:hover {background: url(../images/icon/icn-newsletter.gif) no-repeat 14px -48px;}
		.postConnection .toggle-navigation .newsletter.active {background: url(../images/icon/icn-newsletter.gif) no-repeat 14px -43px #fff; }
		.postConnection .toggle-navigation .mobile {background: url(../images/icon/icn-mobile.gif) no-repeat 30px 5px; padding-left:67px; width: 55px;}
		.postConnection .toggle-navigation .mobile:hover {background: url(../images/icon/icn-mobile.gif) no-repeat 30px -48px;}
		.postConnection .toggle-navigation .mobile.active {background: url(../images/icon/icn-mobile.gif) no-repeat 30px -43px #fff;}
		.postConnection .toggle-navigation .tablet {background: url(../images/icon/icn-tablet.gif) no-repeat 22px 5px; padding-left: 59px; width: 63px;}
		.postConnection .toggle-navigation .tablet:hover {background: url(../images/icon/icn-tablet.gif) no-repeat 22px -48px;}
		.postConnection .toggle-navigation .tablet.active {background: url(../images/icon/icn-tablet.gif) no-repeat 22px -43px #fff;}
		.postConnection .toggle-navigation .news {background: url(../images/icon/icn-news.gif) no-repeat 12px 5px; padding-left: 50px; width: 72px;}
		.postConnection .toggle-navigation .news:hover {background: url(../images/icon/icn-news.gif) no-repeat 12px -48px; }
		.postConnection .toggle-navigation .news.active {background: url(../images/icon/icn-news.gif) no-repeat 12px -43px #fff; }
		.postConnection .toggle-navigation .fansite a {
				background: url(../images/icon/icn-facebook.gif) no-repeat 24px 5px;
				padding-left: 62px;
				width: 64px;
				height: 35px;
				display: block;
				}
		.postConnection .toggle-navigation .fansite a:hover {background: url(../images/icon/icn-facebook.gif) no-repeat 24px -48px;}
		.postConnection .toggle-navigation .twitter a{
				background: url(../images/icon/icn-twitter.gif) no-repeat 20px 5px;
				padding-left: 58px;
				width: 64px;
				height: 35px;
				display: block;
				}
		.postConnection .toggle-navigation .twitter a:hover {background: url(../images/icon/icn-twitter.gif) no-repeat 20px -48px;}
		.postConnection .toggle-navigation li.fansite a,
		.postConnection .toggle-navigation li.twitter a { margin-top: -10px;}
		.postConnection .toggle-navigation li.fansite a span,
		.postConnection .toggle-navigation li.twitter a span { padding-top: 10px; display: block;}
		.postConnection .toggle-navigation .toggle-navigation li.active {top: 9px;}
		.toggle-detail li {width: 950px;margin-top: 10px;overflow: hidden;}

		/* News Clear navigation - toggle menu*/
			.postConnection .tab1-detail,
			.postConnection .tab2-detail,
			.postConnection .tab3-detail,
			.postConnection .tab4-detail,
			.postConnection .tab5-detail {display: none;}
			.postConnection .toggle-detail li.active {display: block;}

		/* News Clear content*/
			.connectionContent {padding-top: 10px;}
			.tab1-detail .connectionContent,
			.tab2-detail .connectionContent,
			.tab5-detail .connectionContent {padding-top: 0; margin-top: 30px;}
			.connectionContent span { display: block;}
			.connectionContent a { color: #264c72;}
			.connectionContent span.bold { font-weight: bold;}
			.connectionContent span.red { color: #e91f23; display: inline;}
			.connectionContent ul.mobile-tablet li { border-bottom: 1px solid #e2e2e2; overflow: hidden; padding: 20px 0 25px; list-style: none;}
			.connectionContent ul.mobile-tablet li.last { border-bottom: none; padding: 20px 0 0;}
			.connectionContent p.thumbnail { float: left; width: 230px; padding: 5px 10px 0;}
			.connectionContent div { float: right; width: 700px; overflow: hidden;}
			.connectionContent h3 { margin-bottom: 5px; clear: both;}
			.connectionContent p { padding-bottom: 15px;}
			.connectionContent ul.mobile-tablet li ul { padding-bottom: 10px}
			.connectionContent ul.mobile-tablet li ul li {
				border-bottom: none;
				padding: 0px 10px 5px 15px;
				background: url(../images/bg/list-style.gif) no-repeat left center;
				margin-top: 0px;
				}
			.connectionContent ul.newsLetter { margin-bottom: 35px; overflow: hidden;}
			.connectionContent ul.newsLetter li {
				float: left;
				width: 310px;
				border-bottom: none;
				list-style: none;
				padding: 8px 10px 5px 15px;
				margin-left: 15px;
				margin-top: 0px;
				background: url(../images/bg/list-style.gif) no-repeat left 15px;
				}
			.connectionContent ol li { padding: 5px 10px 5px 0; margin-left: 25px; list-style: none;}
			.connectionContent ul.mobile-tablet li div p.company-service { padding: 0;}
			.connectionContent ul.mobile-tablet li div p.company-service img { margin: 10px 10px 5px 0;}
			.connectionContent ul.mobile-tablet li div img { vertical-align: middle; display: block; float: left; margin: 10px 35px 0 0;}

	/* Posttoday Follow */

			#footer .ptdFollow ul li a { color: #163F68; display: block; padding-top: 6px; border-right: 1px solid #e2e2e2; }
			#footer .ptdFollow ul li a.last { border: none;}

			#footer .ptdFollow ul .follow-rss a { background: url(../images/icon/rss-feed.gif) no-repeat; height: 23px; padding-left: 43px; width: 68px;}
			#footer .ptdFollow ul .follow-email a { background: url(../images/icon/email.gif) no-repeat; height: 23px; padding-left: 43px; width: 80px;}
			#footer .ptdFollow ul .follow-mobile a { background: url(../images/icon/mobile.gif) no-repeat; height: 23px; padding-left: 43px; width: 47px;}
			#footer .ptdFollow ul .follow-tablet a { background: url(../images/icon/tablet.gif) no-repeat; height: 23px; padding-left: 43px; width: 60px;}
			#footer .ptdFollow ul .follow-oldNews a { background: url(../images/icon/old-news.gif) no-repeat; height: 23px; padding-left: 43px; width: 81px;}
			#footer .ptdFollow ul .follow-facebook a { background: url(../images/icon/facebook.gif) no-repeat; height: 23px; padding-left: 43px; width: 60px;}
			#footer .ptdFollow ul .follow-twitter a { background: url(../images/icon/twitter.gif) no-repeat; height: 23px; padding-left: 43px; width: 65px;}

	/******** ThaiCity Deal **********/

			#ThaiCityDeals { width: 635px; overflow: hidden;}
			#ThaiCityDeals h2 {
				background: url(../images/bg/sub-nav-bg.png) repeat;
				padding: 5px 0 0;
				font-size: 13px;
				margin-bottom: 10px;
				height: 21px;
				overflow: hidden;
				width: 635px;
				}
			#ThaiCityDeals h2 a {
				background-color: #ff5c0c;
				border-right: 3px solid #FFF;
				color: #FFF;
				padding: 5px 10px;
				}

			#ThaiCityDeals ul li {
				float: left;
				width: 297px;
				height: 105px;
				padding-right: 9px;
				border-right: 1px solid #e2e2e2;
				overflow: hidden;
				margin-right: 10px;
				list-style: none;
				}
			#ThaiCityDeals ul li.last { border-right: none;}
			#ThaiCityDeals ul li p.price-value {
				background: url(../images/bg/value-box.jpg) no-repeat;
				width: 98px;
				height: 60px;
				padding-right: 5px;
				float: left;
				}
			#ThaiCityDeals ul li p.price-value span { display: block;}
			#ThaiCityDeals ul li p.price-value span.price { font-size: 20px; color: #fff; margin: 2px 0 0 20px}
			#ThaiCityDeals ul li p.price-value span.value { font-size: 11px; color: #666; margin: 4px 0 0 25px}
			#ThaiCityDeals ul li p.view-deal { overflow: hidden; margin-top: 0px; height: 60px; float: right;}
			#ThaiCityDeals ul li p.view-deal a{
				background: url(../images/button/view-deals.jpg) no-repeat;
				width: 90px;
				height: 30px;
				float: right;
				text-decoration: none;
				}
			#ThaiCityDeals ul li p.view-deal a span { visibility: hidden;}
			#ThaiCityDeals ul li p.thumbnail { float: left; width: 90px; height: 60px; margin-right: 10px; overflow: hidden;}

			#ThaiCityDeals ul li h3 { font-size: 13px; margin-left: 10px; float: right; width: 195px;}
			#ThaiCityDeals p.credit { float: right; font-size: 12px; color: #666; margin-right: 5px;}