@charset "utf-8";

/*	Project:			PostToday.com
	Version:			2.0 (iPostToday)
	Author:				Radiz Sutthisoontorn , Samart Ya-Hyaman
	Department:			Post Digital
	copyright:			since 2009 The Post Publishing Public Company Limited


	NOTE about CSS hacking:

	1.	for hacking CSS properties in IE6 use "_" in front of the property that
		you want to hack for IE6.

	2.	for hacking CSS properties in IE7 use "/" in front of the propety that
		you	want to hack for IE7.
	......................................................................... */

	@import url(structure.css);
	@import url(reset.css);
	@import url(panel.css?v=2);
	@import url(adsControl.css);


/*	RESET:
	......................................................................... */

	* {margin: 0; padding: 0;}

	body {
		font-family: Thonburi, Tahoma, sans-serif, serif;
		font-size: 13px;
		color: rgb(51,51,51);
		background: url(../images/bg/bg-wrapper-v3.gif) repeat;
	}

	a {color: rgb(22,63,104); text-decoration: none;}
	a:hover {color: rgb(22,63,104); text-decoration: underline;}

	fieldset {border: none; outline: none;}
	img {border: none;}

	p {line-height: 18px;}
	input, textarea {font-size: 16px;}

	#wrapper {
	width: 100%;
	 }

	.readMore {border-bottom: 1px dotted rgb(139,139,139); clear: both; padding-bottom: 10px; }
	.readMore a {
		background: url(../images/icon/readmore.png) 100% 5px no-repeat rgb(255,255,255);
		color: rgb(200,42,36)!important;
		float: right;
		font-size: 12px !important;
		font-weight: bold !important;
		padding: 0 12px 0 10px;
		text-decoration: none;}

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

	.noBorder {border: 0 none !important;}
	.inlineIE6 {_display: inline;}

/*	DEFAULT CONTENTS CONTROL:
	......................................................................... */


		/*	=defined for #header
			................................................................. */

			#double-level-menu #mainNavigation li.home {height: 26px; }
			#double-level-menu #mainNavigation li.home a {height: 26px; }



			.subNavigation {
				height: 30px;
				color: rgb(93,93,93);
				margin: -8px 0 15px 0;
				padding-top: 3px;
				clear: both;
			}

			.subNavigation ul { margin-top: 15px; overflow: hidden;}

			.subNavigation li{
				text-align: center;
				height: 26px;
				float: left;
				padding: 0 5px;
				list-style: none;
				background: url(../images/bg/right-box-bg.png) no-repeat right 0;
			}

			.subNavigation li a{
				color: rgb(93,93,93);
				height: 26px;
				text-decoration: none;
				background: url(../images/bg/left-box-bg.png) no-repeat left center;
				display: block;
				padding: 0 3px;
			}
			.subNavigation li a span { height: 16px; display: block; padding: 5px 0 5px 5px; background: #efefef; cursor: pointer;}
			.subNavigation li a:hover {color: rgb(22,63,104); text-decoration: underline;}
			.subNavigation li a.active {color: #cb2924;}
			.subNavigation li a.active:hover {text-decoration: none;}

			.subNavigation li.friend-comment { width: 101px;}
			.subNavigation li.msginbox { width: 150px;}
			.subNavigation li.followers-list { width: 149px;}
			.subNavigation li.post-webboard { width: 65px;}
			.subNavigation li.create-poll { width: 81px;}

		/*	=define for .topStory
			................................................................. */

			.contentWrapper .topStory ol li {
				list-style: none;
				padding-bottom: 5px;
				margin-bottom: 5px;
				border-bottom: 1px dotted rgb(139,139,139);
			}

			.contentWrapper .topStory ol li.noBorder {border: 0; }

			.topStory ol li.subHighlight {margin-bottom: 5px; padding-bottom: 5px;}

			.topStory ol li.subHighlight h1 {
				border-bottom: 3px solid rgb(200,42,36);
				color: rgb(200,42,36);
				font-size: 15px;
				margin-bottom: 5px;
				padding-bottom: 5px;
			}

			.topStory ol li.subHighlight h1 a {color: rgb(200,42,36);}

			.topStory ol li.subHighlight a {font-weight: bold;}

			.topStory ol li.subHighlight p.readMore {border: 0; padding: 5px 0 0;}
			.topStory ol li.subHighlight p.readMore a {font-weight: normal;}

			.topStory p.readMore {
				border-bottom: 1px dotted rgb(139,139,139);
				text-align: right;
				padding-bottom: 5px;
			}



		/*	=define for .leftColumn-M
			................................................................. */

			.leftColumn-M .contentSwitchTab {
				width: 633px;
				height: 30px;
				background: transparent 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);
				position: relative;
			}

			.leftColumn-M .contentSwitchTab li {
				display: block;
				height: 20px;
				list-style: none;
				float: left;
				padding: 5px;
				border-right: 1px solid rgb(185,185,185);
			}

			.leftColumn-M .contentSwitchTab li a {color: rgb(200,42,36); }

			.leftColumn-M .contentSwitchTab li.active {
				background: url(../images/bg/contentTabList_bg.gif) repeat-x;
				border-bottom: 1px solid rgb(255,255,255);
			}

			.businessEconomic-Detail {
				width: 623px;
				padding: 5px;
				margin-bottom: 15px;
				border: 1px solid rgb(185,185,185);
				_margin-top: -1px;
			}

			.highlightBox {width: 227px; float: left;}
			.highlightBox h2 {
				background: transparent !important;
				margin-bottom: 5px !important;
				padding: 0 !important;
			}

			.highlightBox h2 a {font-size: 15px; color: rgb(22,63,104) !important; text-decoration: none;}
			.highlightBox h2 a:hover {color: rgb(22,63,104); text-decoration: underline; }

			.highlightBox p.readMore {
				border-bottom: 0;
				border-top: 1px dotted rgb(139,139,139);
				margin-top: 5px;
				padding: 5px 0;
			}

			.highlightBox p.readMore a {background: none; color: rgb(22,63,104); font-size: 13px !important; font-weight: normal !important; padding: 0; float: none; }
			.highlightBox p.readMore img {vertical-align: middle; }

			.businessEconomic-Detail .subHighlight {width: 165px; float: left; margin-left: 10px;}
			.businessEconomic-Detail .subHighlight ol li {
				list-style: none;
				padding-bottom: 5px;
				margin-bottom: 5px;
				border-bottom: 1px dotted rgb(139,139,139);
			}

			.businessEconomic-Detail .subHighlight p.readMore {text-align: right;}

			.businessEconomic-Detail .thirdPartyInfo {
				width: 198px;
				height: 204px;
				float: right;
				background: rgb(145,145,145);
				border: 1px solid rgb(185,185,185);
			}

		/*	=define for #footer
			................................................................. */

			#footer p.goto-top { font-size: 12px; text-align: right; margin-bottom: 5px;}
			#footer p img {margin-right: 3px;}

			#footerContent {color: rgb(51,51,51); padding-top: 2px;	border-top: 3px solid rgb(200,42,36);}
			#footerContent a {color: rgb(22,63,104); text-decoration: none;}
			#footerContent a:hover {text-decoration: underline;}

			/*#footerContent p {padding: 0 10px;}*/
			#footerContent p strong {margin-right: 5px;}

			#footerContent .categories {background: rgb(227,227,227); padding: 8px 10px 2px;}
			#footerContent .categories-header{ float: left; width: 47px;}
			#footerContent .categories-list{ float: left; width: 870px; padding-bottom: 10px;}

			#footerContent p.community {background: rgb(227,227,227); padding: 2px 10px 8px; margin-bottom: 10px;}
			#footerContent .categories strong, #footerContent p.community strong {color: rgb(51,51,51);}
			#footerContent .categories a, #footerContent p.community a { color: rgb(200,42,36);}

			#footerContent p.policy {margin-top: 10px;}

		/*	=define for .leftColumn-M
			..................................................................... */

			.leftColumn-M .resourcesSelectBox {border-top: 1px solid rgb(185,185,185); padding-top: 2px;}
			.leftColumn-M .resourcesSelectBox form {padding: 5px; background: rgb(236,236,236); _overflow: hidden;}

			.leftColumn-M .resourcesSelectBox form h1 {
				width: 150px;
				font-size: 15px !important;
				float: left;
				border-top: 0 !important;
				padding-top: 0 !important;
			}

			.leftColumn-M .resourcesSelectBox form select {float: right;}
			.leftColumn-M ol.contentSearchList, .leftColumn-M ol.contentPollList {clear: both; rgb:(183,183,183);}
			.leftColumn-M ol.contentPollList {width: 635px;}
			.leftColumn-M ol.contentPollList {
				/*/margin-top: -5px;
				_margin-top: -6px;*/
				border-top: 1px solid rgb(183,183,183);
				clear: both;
			}

			.rightColumn-L ol.contentPollList {
				/margin-top: -5px;
				_margin-top: -6px;
				clear: both;
			}

			/*.leftColumn-M .contentPollList {margin-top: 15px;}*/

			.leftColumn-M ol.contentSearchList li, .leftColumn-M ol.contentPollList li, .rightColumn-L ol.contentPollList li {
				list-style: none;
				padding: 10px 5px 10px 0;
				border-bottom: 1px dotted rgb(185,185,185);
				overflow: hidden;
			}
			.contentPollList li {width: 635px;}
			.photoVideoInformation li {width:200px;}
			.galleryTable tr td ul li {width:148px!important;} <!-- resolve width for li on photo landing page on all IE version-->

			.leftColumn-M ol.contentSearchList li.readMore,
			.leftColumn-M ol.contentPollList li.readMore,
			.rightColumn-L ol.contentPollList li.readMore {
				border-bottom: 0;
				text-align: right;
				padding: 10px 5px 15px 0 !important;
			}

			.leftColumn-M ol.contentSearchList li p.thumbnail, .leftColumn-M ol.contentPollList li p.thumbnail, .rightColumn-L ol.contentPollList li p.thumbnail {
				width: 90px;
				height: 60px;
				float: left;
				margin-right: 10px;
			}

			.leftColumn-M ol.contentSearchList li h3, .leftColumn-M ol.contentPollList li h3, .rightColumn-L ol.contentPollList li h3
			{font-size: 15px; margin-bottom: 5px;}

			.leftColumn-M ol.contentSearchList li h3 em, .leftColumn-M ol.contentPollList li h3 em, .rightColumn-L ol.contentPollList li h3 em {
				display: block;
				color: rgb(102,102,102);
				font-style: normal;
				font-size: 11px;
				font-weight: normal;
			}

			.leftColumn-M ol.contentPollList .voterSummary, .rightColumn-L ol.contentPollList .voteSummary {color: rgb(51,51,51);}

			.leftColumn-M p.pageSwitch, .rightColumn-L p.pageSwitch {text-align: center; padding-top: 10px;}
			.leftColumn-M p.pageSwitch a, .rightColumn-L p.pageSwitch a {text-decoration: none;}
			.leftColumn-M p.pageSwitch a:hover, .rightColumn-L p.pageSwitch a:hover {color: rgb(200,42,36); text-decoration: none;}
			.leftColumn-M p.pageSwitch img, .rightColumn-L p.pageSwitch img {vertical-align: bottom;}

			.leftColumn-M h1 {
				font-size: 20px;
				color: rgb(200,42,36);
				margin-bottom: 5px;
				border-top: 1px solid rgb(185,185,185);
				padding-top: 5px;
			}

			#error404 h1 {
				font-size: 25px;
				color: rgb(200,42,36);
				margin-bottom: 15px;
				padding-top: 5px;
			}

			#error404 p {line-height: 22px; margin-bottom: 10px;}
			#error404 .searchPageContentWrapper {margin-top: 80px; width: 635px;}
			#error404 .searchPageContentWrapper .showBackground {margin: 0; width: 615px;}

			.leftColumn-M h1.pollIndex {border-top: 0!important;} /* =define for Poll set */

			.leftColumn-M h1.photoGallery {
				border-top: 0!important;
				font-size: 22px;
				margin-bottom: 10px;
				padding-top: 0!important;
				padding-bottom: 5px;
				border-bottom: 1px dotted rgb(183,183,183);
			}

			.leftColumn-M h1.mediaGallery {
				border-top: 0!important;
				margin-bottom: 10px;
				padding-top: 0!important;
				padding-bottom: 5px;
				border-bottom: 1px dotted rgb(183,183,183);
			}

			.leftColumn-M h2 {
				font-size: 15px;
				background: rgb(236,236,236);
				color: rgb(200,42,36);
				padding: 5px;
				margin-bottom: 5px;
				margin-top: 15px;
			}

			/*.leftColumn-M h2.videoPhoto {color: rgb(22,63,104);}*/
			/*.leftColumn-M h2.mediaHeader {color: rgb(22,63,104);}*/

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

			.leftColumn-M .pickupBoxLeft, .leftColumn-M .pickupBoxRight {width: 310px;}
			.leftColumn-M .pickupBoxLeft {float: left;}
			.leftColumn-M .pickupBoxRight {float: right;}

			.leftColumn-M .pickupBoxLeft h2, .leftColumn-M .pickupBoxRight h2 {
				font-size: 15px;
				background: transparent !important;
				border-bottom: 1px solid rgb(185,185,185);
				padding: 5px 0;
				margin-bottom: 5px;
			}

			.leftColumn-M .pickupBoxLeft h3, .leftColumn-M .pickupBoxRight h3 {font-size: 13px; margin-bottom: 5px;}
			.leftColumn-M .pickupBoxLeft p.picture, .leftColumn-M .pickupBoxRight p.picture {
				width: 90px;
				height: 60px;
				float: left;
				margin: 0 10px 10px 0;
			}

			.leftColumn-M .pickupBoxLeft p.readMore, .leftColumn-M .pickupBoxRight p.readMore {
				text-align: right;
				border-top: 1px dotted rgb(185,185,185);
				padding-top: 5px;
				margin-top: 10px;
			}


		/*	=defined for .searchPageContentWrapper
			................................................................. */

			.searchPageContentWrapper h1 {
				font-size: 20px;
				color: rgb(200,42,36);
				margin-bottom: 10px;
				padding-bottom: 5px;
				border-bottom: 1px solid rgb(185,185,185);
			}

			.searchPageContentWrapper h2 {font-size: 15px; color: rgb(22,63,104); margin-bottom: 10px;}

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

			.searchPageContentWrapper ul {margin-bottom: 15px;}
			.searchPageContentWrapper ul li {list-style: none; margin-bottom: 10px; _overflow: hidden;}
			.searchPageContentWrapper ul li p {margin-bottom: 5px;}
			.searchPageContentWrapper ul li p img {vertical-align: top;}
			.searchPageContentWrapper ul li p a span {visibility: hidden;}

			p.goSearch {
				width: 89px !important;
				height: 32px !important;
				float: left;
				margin-right: 10px;
			}

			p.goSearch input {
				width: 89px !important;
				height: 32px !important;
				background: transparent url(../images/button/searchBtn-searchPage.png) 0 0 no-repeat;
				cursor: pointer;
				border: none;
			}

			p.goSearch input:hover {
				width: 89px !important;
				height: 32px !important;
				background: transparent url(../images/button/searchBtn-searchPage.png) 0 -32px no-repeat;
			}

			p.clearForm {width: 89px !important; height: 32px !important; float: left;}

			p.clearForm input {
				width: 89px !important;
				height: 32px !important;
				background: transparent url(../images/button/clearBtn-searchPage.png) 0 0 no-repeat;
				cursor: pointer;
				border: none;
			}

			p.clearForm input:hover {
				width: 89px !important;
				height: 32px !important;
				_height: 31px;
				display: block;
				background: transparent url(../images/button/clearBtn-searchPage.png) 0 -32px no-repeat;
				text-decoration: none;
			}

			.searchPageContentWrapper ul li input.clearForm {
				width: 89px !important;
				height: 32px !important;
				float: left;
				background: transparent url(../images/button/clearBtn-searchPage.png) 0 0 no-repeat;
				border: none;
				cursor: pointer;
			}
			.searchPageContentWrapper ul li input.clearForm:hover {background: transparent url(../images/button/clearBtn-searchPage.png) 0 -32px no-repeat;}

			.searchPageContentWrapper ul li p.searchAgain {width: 89px !important; height: 32px !important; float: left;}

			.searchPageContentWrapper ul li p.searchAgain a {
				width: 89px;
				height: 32px;
				display: block;
				background: transparent url(../images/button/searchAgainBtn-searchPage.png) 0 0 no-repeat;
				text-decoration: none;
			}

			.searchPageContentWrapper ul li p.searchAgain a:hover {
				width: 89px;
				height: 32px;
				display: block;
				background: transparent url(../images/button/searchAgainBtn-searchPage.png) 0 -32px no-repeat;
				text-decoration: none;
			}

			.searchPageContentWrapper ul li p.searchAgain input {
				width: 89px;
				height: 32px;
				background: transparent url(../images/button/searchAgainBtn-searchPage.png) 0 0 no-repeat;
				border: none;
				cursor: pointer;
			}

			.searchPageContentWrapper ul li p.searchAgain input:hover {
				width: 89px;
				height: 32px;
				background: transparent url(../images/button/searchAgainBtn-searchPage.png) 0 -32px no-repeat;
			}

			.searchPageContentWrapper ul li p.floatLeft {float: left; margin-right: 10px;}
			.searchPageContentWrapper .showBackground {
				background: rgb(243,243,243);
				padding: 10px;
				_overflow: hidden;
				margin-bottom: 200px;
			}

			.searchPageContentWrapper ul li p.validatKey {background: url(../images/icon/validatKey-search.png) 0 5px no-repeat; padding-left: 22px;}
			.searchPageContentWrapper ul li p.validatKey input {border: 1px solid rgb(56,175,0); margin-bottom: 3px;}
			.searchPageContentWrapper ul li p.invalidKey {background: url(../images/icon/invalidKey-search.png) 0 5px no-repeat; color: rgb(237,0,0); padding-left: 22px;}
			.searchPageContentWrapper ul li p.invalidKey input {border: 1px solid rgb(204,46,40); margin-bottom: 3px;}


			.searchPageContentWrapper form {margin-bottom: 15px; _overflow: hidden; float: left;}
			.searchPageContentWrapper ul li input {width: 260px; height: 25px;}
			.searchPageContentWrapper ul li label {font-weight: bold;}

			.searchPageContentWrapper fieldset.leftSearchBox {width: 445px; float: left;}
			.searchPageContentWrapper fieldset.rightSearchBox {
				width: 455px;
				float: right;
				padding-left: 10px;
				border-left: 1px dotted rgb(185,185,185);
			}

			.searchPageContentWrapper .systemHelp {color: rgb(22,63,104); margin-bottom: 15px; clear: both;}
			.searchPageContentWrapper .systemHelp a {color: rgb(200,42,36); text-decoration: underline;}
			.searchPageContentWrapper .systemHelp a:hover {color: rgb(200,42,36); text-decoration: none;}

			.searchPageContentWrapper .searchResult {margin-bottom: 15px;}
			.searchPageContentWrapper .searchResult li {
				width: 940px;
				list-style: none;
				padding: 10px 5px 10px;
				border-bottom: 1px dashed rgb(185,185,185);
				_overflow: hidden;
			}

			.searchPageContentWrapper .searchResult li:hover {background: rgb(238,238,238);}
			.searchPageContentWrapper .searchResult li p.typeDate {margin-bottom: 10px;}
			.searchPageContentWrapper .searchResult li p.typeDate em {font-style: normal; color: rgb(102,102,102);}
			.searchPageContentWrapper .searchResult li h2 {color: rgb(35,66,91); margin-bottom: 5px;}

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

		/*	=defined for .pollStatPanel
			................................................................. */

			.pollStatPanel ul.pollInfoTab {width: 950px; position: relative; _overflow: hidden;}
			.pollStatPanel ul.pollInfoTab li {list-style: none;}

			.pollStatPanel ul.pollInfoTab li.mainInfo {
				width: 755px;
				float: left;
				margin-left: 18px;
				_display: inline;
			}

			.pollStatPanel ul.pollInfoTab li.mainInfo h1 {font-size: 25px; color: rgb(200,42,36);}
			.pollStatPanel ul.pollInfoTab li.mainInfo p {font-size: 13px; color: rgb(102,102,102);}

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

			.pollInfoTab li.summary span {font-size: 15px; font-weight: bold; color: rgb(200,42,36);}
			.pollInfoTab li.pollFollow, .pollInfoTab li.pollUnFollow {width: 75px; height: 47px; float: right;}

			.pollInfoTab li.pollFollow a {
				width: 75px;
				height: 47px;
				display: block;
				background: transparent url(../images/button/pollFollow.jpg) 0 0 no-repeat;
				text-decoration: none;
			}

			.pollInfoTab li.pollFollow a:hover {
				width: 75px;
				height: 47px;
				display: block;
				background: transparent url(../images/button/pollFollow.jpg) 0 -47px no-repeat;
				text-decoration: none;
			}

			.pollInfoTab li.pollUnFollow a {
				width: 75px;
				height: 47px;
				display: block;
				background: transparent url(../images/button/news-unFollow.png) 0 0 no-repeat;
				text-decoration: none;
			}

			.pollInfoTab li.pollUnFollow a:hover {
				width: 75px;
				height: 47px;
				display: block;
				background: transparent url(../images/button/news-unFollow.png)) 0 -47px no-repeat;
				text-decoration: none;
			}

			.pollInfoTab .pollFollow a span, .pollInfoTab li.pollUnFollow a span {visibility: hidden;}

		/*	=defined for Poll Crate Page and Advance Photo Search
			................................................................. */

			#createPoll, #advancemediaSearch {width: 100%;}
			#createPoll ul li, #advancemediaSearch ul li {list-style: none; padding: 10px 0; _overflow: hiddden;}
			#createPoll ul li p, #advancemediaSearch ul li p {margin-bottom: 5px;}
			#createPoll ul li label, #advancemediaSearch ul li label {display: block; margin-bottom: 5px;}
			#createPoll ul li input, #advancemediaSearch ul li input {width: 260px; height: 25px;}
			#createPoll ul li textarea, #advancemediaSearch ul li textarea {width: 527px;}
			#createPoll ul li img, #advancemediaSearch ul li img {vertical-align: bottom;}

			#advancemediaSearch ul li input.dateField {width: 200px !important;}
			#createPoll ul li.setPosibility p {padding-left: 25px;}
			#createPoll ul li.formButton p, #advancemediaSearch ul li p {float: left;}

			#createPoll ul li.formButton p a, #advancemediaSearch ul li.formButton p a {
				width: 89px;
				height: 33px;
				display: block;
				background-position: 0 0;
				background-repeat: no-repeat;
				text-decoration: none;
			}

			#createPoll ul li.formButton p a:hover,	#advancemediaSearch ul li.formButton p a:hover {
				width: 89px;
				height: 33px;
				display: block;
				background-position: 0 -33px;
				background-repeat: no-repeat;
				text-decoration: none;
			}

			#createPoll ul li.formButton p a span,
			#advancemediaSearch ul li.formButton p a span
			{visibility: hidden;}

			#createPoll ul li.formButton p.save a {background-image: url(../images/button/save.gif);}
			#createPoll ul li.formButton p.postPoll a {background-image: url(../images/button/postPoll.gif);  margin-left: 10px;}

			#createPoll ul li.formButton p.clearContent a, #advancemediaSearch ul li.formButton p.clearContent a
			{background-image: url(../images/button/clearContent.gif);  margin-left: 10px;}

			#advancemediaSearch ul li.formButton p.searchMedia a {background-image: url(../images/button/search.gif);}

			input.sendForm {
				width: 89px !important;
				height: 33px !important;
				float: left;
				background: url(../images/button/postPoll.gif);
				margin-right: 10px;
				border: none;
				cursor: pointer;
			}
			input.sendForm:hover {background: url(../images/button/postPoll.gif) 0 -33px;}

			input.sendMail{
				width: 89px !important;
				height: 33px !important;
				float: left;
				background: url(../images/button/SendEmail.gif);
				margin-right: 10px;
				border: none;
				cursor: pointer;
			}
			input.sendMail:hover {background: url(../images/button/SendEmail.gif) 0 -33px;}

		/*	Share Components in Photo and Video Sets
			author: radiz
			................................................................. */

			.topHighlightBox {width: 635px; margin-bottom: 10px; _overflow: hidden; padding-top: 15px; clear: both;}
			.topHighlightBox p.highlightThumbnail {width: 635px; margin-bottom: 10px;}
			.topHighlightBox div.highlightVideoThumb {width: 372px; height: 304px; float: left; padding-top: 5px;}
			.topHighlightBox div.highlightVideoThumb object { position: relative; z-index: 0;}

			.topHighlightBox div.videoInformationBox {width: 250px; float: right; _display: inline; padding-top: 15px;}
			.topHighlightBox div.videoInformationBox h1 {width: auto;}

			.topHighlightBox h1 {border-top: 0 none !important;float: left;font-size: 25px;padding-top: 0 !important;width: 440px;}
			.topHighlightBox h1 a {border-top: 0!important; font-size: 25px; padding-top: 0!important;color: #C82A24; }
			.topHighlightBox a:hover {text-decoration: underline; color: #C82A24;}

			.topHighlightBox div.photo-detail {width: 325px; float: left;}

			.topHighlightBox .photoVideoInformation {
				width: 300px;
				color: rgb(102,102,102);
				float: right;
				margin-left: 10px;
				padding-top: 15px;
			}

			.topHighlightBox .photoVideoInformation li {list-style: none;}

			div.videoInformationBox .photoVideoInformation {
				width: 235px !important;
				padding-top: 15px;
				margin-left: 0;
				float: none !important;
			}

			.photoVideoInformation a {color: rgb(102,102,102); text-decoration: underline;}
			.photoVideoInformation a:hover {color: rgb(102,102,102); text-decoration: none;}

			.galleryTable {width: 649px; overflow: hidden; clear: both; padding-top: 10px;}
			.galleryTable td {width: 148px; padding: 0 14px 14px 0; float: left; position: relative; text-align: left; vertical-align: top;}
			.galleryTable td img {float: left; margin-bottom: 5px; }
			.galleryTable td img.player {position: absolute; left: 55px; top: 35px; }
			.galleryTable td h3 {font-size: 13px; font-weight: normal; color: rgb(22,63,104);}

			.galleryTable td .photoVideoInformation {padding-top: 10px; color: rgb(102,102,102);}
			.galleryTable td .photoVideoInformation li {list-style: none; font-size: 11px;}
			.galleryTable td .photoVideoInformation li.date { clear: both;}

			.rightColumn-L .topHighlightBox {background: url(../images/bg/bg_gradient.gif) left bottom rgb(255,255,255) no-repeat; padding-bottom: 40px;}
			.rightColumn-L .topHighlightBox p {margin-bottom: 10px;}
			.rightColumn-L .topHighlightBox .slide-video-controlPanel {
				margin-bottom: 0;
			}

			.rightColumn-L .topHighlightBox p img {vertical-align: middle; }


			/* =mediaInformation */

			.topHighlightBox div.highlightMediaThumb {width: 372px; height: 304px; float: left;}

			.topHighlightBox div.mediaInformationBox {width: 250px; float: right; _display: inline;}

			.topHighlightBox div.media-detail {width: 325px; float: left;}

			.topHighlightBox .mediaInformation {
				width: 300px;
				color: rgb(102,102,102);
				float: right;
				margin-left: 10px;
				padding-top: 15px;
			}

			.topHighlightBox .mediaInformation li {list-style: none;}

			div.mediaInformationBox .mediaInformation {
				width: 235px !important;
				padding-top: 15px;
				margin-left: 0;
				float: none !important;
			}

			.mediaInformation a {color: rgb(102,102,102); text-decoration: underline;}
			.mediaInformation a:hover {color: rgb(102,102,102); text-decoration: none;}

			.galleryTable td .mediaInformation {padding-top: 10px; color: rgb(102,102,102);}
			.galleryTable td .mediaInformation li {list-style: none; font-size: 11px;}

		/* 	lastTopicList
			author: Samart
			......................................................*/

			.lastTopicList h1 {
				font-size: 25px;
				color: rgb(200,42,36);
				padding: 10px;
			}

			.lastTopicList h2 {
				font-size: 16px;
				color: rgb(37,75,113);
				padding: 0 10px;
			}

			.lastTopicList p {padding: 0 10px 0;}
			.lastTopicList table {width: 100%;}

			.lastTopicList table td {margin: 0;	padding: 0;	line-height: 0;}

			.lastTopicList table td img {border: 1px solid rgb(204,204,204);}

			.lastTopicList .readMore {text-align: right; margin: 0 9px 0 7px; padding: 0 0 10px 0; }
			.lastTopicList .readMore a {background-color: rgb(245,245,245);  }

			.rightColumn-L h1.currentNews {color: rgb(200,42,36); font-size: 22px; padding-bottom: 5px; }

			.rightColumn-L h3.currentNews, .rightColumn-L h3.oldNews {font-size: 15px;}
			h3.currentNews {color: rgb(200,42,36);}
			h3.oldNews {color: rgb(22,63,104);}

			.rightColumn-L .commentWrapperPollPage ol li.postComment { border: none;}
			.rightColumn-L .commentWrapperPollPage ol li.postComment form {background: none;}

			.rightColumn-L .pageSwitch {text-align: center; padding-top: 10px;}
			.rightColumn-L .gotoCategory {text-align: right;}
			.gotoCategory a {color: rgb(102,102,102);}


		/* 	staticPage
			author: Samart
			......................................................*/
			.staticPageWrapper .campaign-teaser p {line-height: 18px;}
			.staticPageWrapper h1 {color: rgb(22,63,104); font-size: 25px; padding: 0 0 10px;}
			.staticPageWrapper h2 {color: rgb(22,63,102); font-size: 18px; padding: 10px 0;}
			.staticPageWrapper p {padding-bottom: 10px;}

			.staticPageWrapper p, .staticPageWrapper dd, .staticPageWrapper li { line-height: 22px;}

			.staticPageWrapper .dateTimePageNavigationBdBottom {margin-bottom: 20px;}

			.staticPageWrapper .leftColumn-Epaper h1 {color: rgb(200,42,36);}
			.staticPageWrapper .leftColumn-Epaper h2 {color: rgb(22,63,104); font-size: 15px; padding: 0 0 5px;}
			.staticPageWrapper .leftColumn-Epaper a {text-decoration: underline;}
			.staticPageWrapper .leftColumn-Epaper a:hover {text-decoration: none;}
			.staticPageWrapper .rightColumn-Epaper p {padding-bottom:  5px; text-align: right;}

		/* 	hack for addThis
			author: Samart
			......................................................*/

			#atffc {display: none; }


		/*	Clear border-radius
			.......................................................*/

			.ui-corner-all {-moz-border-radius: 0px !important;}

		/* by mod*/
		.err{color:#CC0000;font-weight:bold;}
		.forPrint{display:none;}

		/*Main navigation PTD V3.0*/
		/*Top Navigation Effect*/
		/*Global navigation*/
		.main-navigation ul li {position: relative; z-index:0; float: left; margin-left: -2px; list-style: none;}
		.main-navigation ul li a:hover {color: #fff; background:#be181c url(../images/bg/main-nav-border.jpg) no-repeat 0 0; text-decoration: none;z-index:0;}
		.main-navigation ul li.active a,
		.main-navigation ul li.activehoverstate a{	color: #9a1515; line-height: 18px;}
		.main-navigation ul li a{ color: #fff; font-size: 14px;}
		#wrapper #top-navigation .main-navigation ul li ul li a,
		#wrapper #top-navigation .main-navigation .show ul li ul li a,
		#wrapper #top-navigation .main-navigation .show ul li ul li a {
			font-size: 13px;
			background:none!important;
			padding:0!important;
			height:auto!important;
			color:#333!important;
			width:auto!important;
		}
		#wrapper #top-navigation .main-navigation ul li ul li a:hover,
		#top-navigation .main-navigation .show a,
		#top-navigation .main-navigation .active a:hover {color: #9A1515!important;}

		.main-navigation {
				background: url(../images/bg/main-nav.jpg) no-repeat 0 0;
				clear: both;
				height: 53px;
				left: 0px;
				position: absolute;
				top: 53px;
				width: 965px;
				z-index: 1;
				padding: 0 5px 0 0;
		}

		.main-navigation ul li.active {z-index:2!important;}
		.main-navigation ul li a{
				float: left;
				list-style: none;
				height: 20px;
				padding: 12px 6px 13px 8px;
		}
		/*Home*/
		body #wrapper #top-navigation .main-navigation ul #home-nav {margin-left: 0;}
		body #wrapper #top-navigation .main-navigation ul #home-nav.hover a.active:hover,
		body #wrapper #top-navigation .main-navigation ul #home-nav.active a,
		body #wrapper #top-navigation .main-navigation ul #home-nav.hover.active a{
			background: url(../images/button/bt-home.gif) no-repeat 0 -105px;
			border: none;
			height: 51px;
			/*margin-right: -2px;*/
			margin-left: 0;
			position: relative;
			text-decoration: none;
			width: 50px;
			z-index: 2;
			padding: 0 2px 0 0;
			cursor: pointer;
			float: left;
		}
		body #wrapper #top-navigation .main-navigation ul #home-nav a span {display: none;}
		.main-navigation ul #home-nav a{
			background: url(../images/button/bt-home.gif) no-repeat 0 0;
			height: 51px;
			padding:0;
			width: 57px;
		}
		#top-navigation .main-navigation ul #home-nav a:hover {
				background: url(../images/button/bt-home.gif) no-repeat 0 -51px;
				border: none;
				height: 52px;
				margin: 0;
				padding:0;
				width: 57px;
				position:relative;
				z-index: 2;
				cursor:pointer;
		}
		/*politic nav*/
		body #wrapper #top-navigation .main-navigation ul #politic-nav a,
		body #wrapper #top-navigation .main-navigation ul #politic-nav.active a,
		body #wrapper #top-navigation .main-navigation ul #politic-nav.active a:hover{
			border: none;
			height: 26px;
			text-decoration: none;
			width: 50px;
			padding: 12px 6px 13px 8px;
			cursor: pointer;
			float: left;
		}
		body #wrapper #top-navigation .main-navigation ul #politic-nav a{
			background: url(../images/button/bt-politic-active.gif) no-repeat 0 -104px; }
		body #wrapper #top-navigation .main-navigation ul #politic-nav a:hover{
			background: url(../images/button/bt-politic-active.gif) no-repeat 0 -53px;
		}
		body #wrapper #top-navigation .main-navigation ul #politic-nav.active a,
		body #wrapper #top-navigation .main-navigation ul #politic-nav.active a:hover{
			background: url(../images/button/bt-politic-active.gif) no-repeat 0 0px;
			z-index: 2;}

		/*analysis-nav*/
		body #wrapper #top-navigation .main-navigation ul #analysis-nav a{background: url(../images/button/bt-analysis-active.gif) no-repeat 0 -105px; }
		body #wrapper #top-navigation .main-navigation ul #analysis-nav a{
			height: 26px;
			position: relative;
			text-decoration: none;
			width: 50px;
			padding: 12px 6px 13px 8px;
			cursor: pointer;
			float: left;
		}
		body #wrapper #top-navigation .main-navigation ul #analysis-nav.show {z-index:10!important;}
		body #wrapper #top-navigation .main-navigation ul #analysis-nav a:hover{color: #9a1515;}
		body #wrapper #top-navigation .main-navigation ul #analysis-nav.show a,
		body #wrapper #top-navigation .main-navigation ul #analysis-nav a:hover,
		body #wrapper #top-navigation .main-navigation ul #analysis-nav.active a{
			background: url(../images/button/bt-analysis-active.gif) no-repeat 0 0px;
			height: 26px;
			position: relative;
			text-decoration: none;
			width: 50px;
			z-index: 2;
			padding: 12px 6px 13px 8px;
			cursor: pointer;
			float: left;
		}
		/*crime-nav*/
		body #wrapper #top-navigation .main-navigation ul #crime-nav a{
			background: url(../images/button/bt-crime-active.gif) no-repeat 0 -104px;
			height: 26px;
			margin-left: 0;
			position: relative;
			text-decoration: none;
			width: 72px;
			padding: 12px 6px 13px 8px;
			cursor: pointer;
			float: left;
		}
		body #wrapper #top-navigation .main-navigation ul #crime-nav a:hover {
		background: url(../images/button/bt-crime-active.gif) no-repeat 0 -53px; }
		body #wrapper #top-navigation .main-navigation ul #crime-nav.active a,
		body #wrapper #top-navigation .main-navigation ul #crime-nav.active a,
		body #wrapper #top-navigation .main-navigation ul #crime-nav.active a:hover{
			background: url(../images/button/bt-crime-active.gif) no-repeat 0 0px;
			height: 26px;
			margin-left: 0;
			position: relative;
			text-decoration: none;
			width: 72px;
			z-index: 2;
			padding: 12px 6px 13px 8px;
			cursor: pointer;
			float: left;
		}
		/*local-nav*/
		body #wrapper #top-navigation .main-navigation ul #local-nav a {
			background: url(../images/button/bt-local-active.gif) no-repeat 0 -104px;
			height: 26px;
			margin-left: 0;
			position: relative;
			text-decoration: none;
			width: 78px;
			padding: 12px 6px 13px 8px;
			cursor: pointer;
			float: left;
		}
		body #wrapper #top-navigation .main-navigation ul #local-nav.show {z-index:10!important;}
		body #wrapper #top-navigation .main-navigation ul #local-nav a:hover{color: #9a1515;}
		body #wrapper #top-navigation .main-navigation ul #local-nav.show a,
		body #wrapper #top-navigation .main-navigation ul #local-nav a:hover,
		body #wrapper #top-navigation .main-navigation ul #local-nav.active a{
			background: url(../images/button/bt-local-active.gif) no-repeat 0 0px;
			height: 26px;
			margin-left: 0;
			position: relative;
			text-decoration: none;
			width: 78px;
			z-index: 2;
			padding: 12px 6px 13px 8px;
			cursor: pointer;
			float: left;
		}
/*social-nav*/
body #wrapper #top-navigation .main-navigation ul #social-nav a{
	background: url(../images/button/bt-social-active.gif) no-repeat 0 -53px;
	height: 26px;
	margin-left: 0;
	position: relative;
	text-decoration: none;
	width: 34px;
	padding: 12px 6px 13px 8px;
	cursor: pointer;
	float: left;
}
body #wrapper #top-navigation .main-navigation ul #social-nav.show {z-index:10!important;}
body #wrapper #top-navigation .main-navigation ul #social-nav a:hover{color: #9a1515;}
body #wrapper #top-navigation .main-navigation ul #social-nav.show a,
body #wrapper #top-navigation .main-navigation ul #social-nav a:hover,
body #wrapper #top-navigation .main-navigation ul #social-nav.active a{
	background: url(../images/button/bt-social-active.gif) no-repeat 0 0px;
	height: 26px;
	margin-left: 0;
	position: relative;
	text-decoration: none;
	width: 34px;
	z-index: 2;
	padding: 12px 6px 13px 8px;
	cursor: pointer;
	float: left;
}
/*sport-nav*/
body #wrapper #top-navigation .main-navigation ul #sport-nav a{
	background: url(../images/button/bt-sport-active.gif) no-repeat 0 -53px;
	height: 26px;
	position: relative;
	text-decoration: none;
	width: 26px;
	padding: 12px 6px 13px 8px;
	cursor: pointer;
	float: left;
}
body #wrapper #top-navigation .main-navigation ul #sport-nav.show {z-index:10!important;}
body #wrapper #top-navigation .main-navigation ul #sport-nav a:hover{color: #9a1515;}
body #wrapper #top-navigation .main-navigation ul #sport-nav.show a,
body #wrapper #top-navigation .main-navigation ul #sport-nav a:hover,
body #wrapper #top-navigation .main-navigation ul #sport-nav.active a{
	background: url(../images/button/bt-sport-active.gif) no-repeat 0 0px;
	height: 26px;
	position: relative;
	text-decoration: none;
	width: 26px;
	z-index: 2;
	padding: 12px 6px 13px 8px;
	cursor: pointer;
	float: left;
}
/*world-nav*/
body #wrapper #top-navigation .main-navigation ul #world-nav a{	background: url(../images/button/bt-world-active.gif) no-repeat 0 -104px; }
body #wrapper #top-navigation .main-navigation ul #world-nav a:hover{background: url(../images/button/bt-world-active.gif) no-repeat 0 -53px; }
body #wrapper #top-navigation .main-navigation ul #world-nav a{
	border: none;
	height: 26px;
	margin-left: 0;
	position: relative;
	text-decoration: none;
	width: 48px;
	z-index: 2;
	padding: 12px 6px 13px 8px;
	cursor: pointer;
	float: left;
}
body #wrapper #top-navigation .main-navigation ul #world-nav.active a,
body #wrapper #top-navigation .main-navigation ul #world-nav.active a:hover{
	background: url(../images/button/bt-world-active.gif) no-repeat 0 0px;
	z-index: 2;
}
/*economic-nav*/
body #wrapper #top-navigation .main-navigation ul #economic-nav a {background: url(../images/button/bt-economic-active.gif) no-repeat 0 -54px; }
body #wrapper #top-navigation .main-navigation ul #economic-nav a,
body #wrapper #top-navigation .main-navigation ul #economic-nav.show a,
body #wrapper #top-navigation .main-navigation ul #economic-nav a:hover,
body #wrapper #top-navigation .main-navigation ul #economic-nav.active a{
	height: 26px;
	position: relative;
	text-decoration: none;
	width: 78px;
	padding: 12px 6px 13px 8px;
	cursor: pointer;
	float: left;
}
body #wrapper #top-navigation .main-navigation ul #economic-nav.show {z-index:10!important;}
body #wrapper #top-navigation .main-navigation ul #economic-nav a:hover{color: #9a1515;}
body #wrapper #top-navigation .main-navigation ul #economic-nav.show a,
body #wrapper #top-navigation .main-navigation ul #economic-nav a:hover,
body #wrapper #top-navigation .main-navigation ul #economic-nav.active a{
	background: url(../images/button/bt-economic-active.gif) no-repeat 0 0px;
	z-index: 2;
}
/*business-nav*/
body #wrapper #top-navigation .main-navigation ul #business-nav a{background: url(../images/button/bt-business-active.gif) no-repeat 0 -104px; }
body #wrapper #top-navigation .main-navigation ul #business-nav a{
	height: 26px;
	margin-left: 0;
	position: relative;
	text-decoration: none;
	width: 70px;
	padding: 12px 6px 13px 8px;
	cursor: pointer;
	float: left;
}
body #wrapper #top-navigation .main-navigation ul #business-nav.show {z-index:10!important;}
body #wrapper #top-navigation .main-navigation ul #business-nav a:hover{background: url(../images/button/bt-business-active.gif) no-repeat 0 -53px;}
body #wrapper #top-navigation .main-navigation ul #business-nav.show a,
body #wrapper #top-navigation .main-navigation ul #business-nav.active a{
	background: url(../images/button/bt-business-active.gif) no-repeat 0 0px;
	z-index: 2;
}
/*property-nav*/
body #wrapper #top-navigation .main-navigation ul #property-nav a{background: url(../images/button/bt-property-active.gif) no-repeat 0 -104px; }
body #wrapper #top-navigation .main-navigation ul #property-nav a:hover{background: url(../images/button/bt-property-active.gif) no-repeat 0 -53px;}
body #wrapper #top-navigation .main-navigation ul #property-nav.active a,
body #wrapper #top-navigation .main-navigation ul #property-nav.active a:hover{
	height: 26px;
	margin-left: 0;
	position: relative;
	text-decoration: none;
	width: 73px;
	padding: 12px 6px 13px 8px;
	cursor: pointer;
	float: left;
}
body #wrapper #top-navigation .main-navigation ul #property-nav.active a,
body #wrapper #top-navigation .main-navigation ul #property-nav.active a:hover{
	background: url(../images/button/bt-property-active.gif) no-repeat 0 0px;
	z-index: 2;

}
/*lifestyle-nav*/
body #wrapper #top-navigation .main-navigation ul #lifestyle-nav a{background: url(../images/button/bt-lifestyle-active.gif) no-repeat 0 -53px; }
body #wrapper #top-navigation .main-navigation ul #lifestyle-nav a,
body #wrapper #top-navigation .main-navigation ul #lifestyle-nav.show a,
body #wrapper #top-navigation .main-navigation ul #lifestyle-nav a:hover,
body #wrapper #top-navigation .main-navigation ul #lifestyle-nav.active a{
	height: 26px;
	margin-left: 0;
	position: relative;
	text-decoration: none;
	width: 61px;
	padding: 12px 6px 13px 8px;
	cursor: pointer;
	float: left;
}
body #wrapper #top-navigation .main-navigation ul #lifestyle-nav.show {z-index:10!important;}
body #wrapper #top-navigation .main-navigation ul #lifestyle-nav a:hover{color: #9a1515;}
body #wrapper #top-navigation .main-navigation ul #lifestyle-nav.show a,
body #wrapper #top-navigation .main-navigation ul #lifestyle-nav a:hover,
body #wrapper #top-navigation .main-navigation ul #lifestyle-nav.active a{
	background: url(../images/button/bt-lifestyle-active.gif) no-repeat 0 0px;
	z-index: 2;
}
/*motor-nav*/
body #wrapper #top-navigation .main-navigation ul #motor-nav a{background: url(../images/button/bt-motor-active.gif) no-repeat 0 -104px; }
body #wrapper #top-navigation .main-navigation ul #motor-nav a,
body #wrapper #top-navigation .main-navigation ul #motor-nav.show a,
body #wrapper #top-navigation .main-navigation ul #motor-nav a:hover,
body #wrapper #top-navigation .main-navigation ul #motor-nav.active a{
	height: 26px;
	margin-left: 0;
	position: relative;
	text-decoration: none;
	width: 53px;
	padding: 12px 6px 13px 8px;
	cursor: pointer;
	float: left;
}
body #wrapper #top-navigation .main-navigation ul #motor-nav.show {z-index:10!important;}
body #wrapper #top-navigation .main-navigation ul #motor-nav a:hover{color: #9a1515;}
body #wrapper #top-navigation .main-navigation ul #motor-nav.show a,
body #wrapper #top-navigation .main-navigation ul #motor-nav a:hover,
body #wrapper #top-navigation .main-navigation ul #motor-nav.active a{
	background: url(../images/button/bt-motor-active.gif) no-repeat 0 0px;
	z-index: 2;
}
/*entertainment-nav*/
body #wrapper #top-navigation .main-navigation ul #entertainment-nav a{background: url(../images/button/bt-entertainment.gif) no-repeat 0 0px; }
body #wrapper #top-navigation .main-navigation ul #entertainment-nav a,
y #wrapper #top-navigation .main-navigation ul #entertainment-nav.show a,
body #wrapper #top-navigation .main-navigation ul #entertainment-nav a:hover,
body #wrapper #top-navigation .main-navigation ul #entertainment-nav.active a,
body #wrapper #top-navigation .main-navigation ul #entertainment-nav.active a:hover{
	height: 26px;
	position: relative;
	text-decoration: none;
	width: 50px;
	padding: 12px 6px 13px 8px;
	cursor: pointer;
	float: left;
}
body #wrapper #top-navigation .main-navigation ul #entertainment-nav.show {z-index:10!important;}
body #wrapper #top-navigation .main-navigation ul #entertainment-nav a:hover{color: #9a1515;}
body #wrapper #top-navigation .main-navigation ul #entertainment-nav.show a,
body #wrapper #top-navigation .main-navigation ul #entertainment-nav a:hover,
body #wrapper #top-navigation .main-navigation ul #entertainment-nav.active a,
body #wrapper #top-navigation .main-navigation ul #entertainment-nav.active a:hover{
	background: url(../images/button/bt-entertainment-active.gif) no-repeat 0 0px;
	z-index: 2;
}
/*If navigation has dropdown*/
.main-navigation ul li.hover-dropdow a:hover {color: #9a1515; }

#top-navigation .main-navigation ul li.hover-dropdown ul li a {
	background: none;
	border: none;
	color: #000;
	margin: 0;
	padding: 0;
}

#top-navigation .main-navigation ul li.hover-dropdown ul li a:hover {color: #9A1515;}
/*drop down menu*/

.main-navigation ul .dropdown-navigation { position: relative;}

.main-navigation ul .dropdown-navigation ul {
	left: -1px;
	padding-top: 4px;
	position: absolute;
	top: 46px;
	z-index:10;
}

.main-navigation ul .dropdown-navigation .dropdown-local{ left: 0;}

.main-navigation ul .dropdown-navigation ul li{
	background-image: none;
	border-bottom: 1px solid #d1d1d1;
	float: left;
	margin-left: 10px;
	padding: 7px 15px;
	width: 140px;
	_display:inline;
}

.main-navigation ul .dropdown-navigation ul li.last {border: none;}
.main-navigation ul .dropdown-navigation ul {display:none;}

.main-navigation ul .dropdown-navigation .dropdown-entertainment {
	left: auto;
	position: absolute;
	right: -4px;
	top: 46px;
}




.dropdown-analysis { background: url(../images/bg/dropdown-analysis.png) no-repeat; height: 151px; top: 0; width: 195px;overflow:hidden;}
.dropdown-local { background: url(../images/bg/dropdown-local.png) no-repeat; height: 220px; width: 194px;}
.dropdown-social { background: url(../images/bg/dropdown-social.png) no-repeat; height: 220px; width: 194px;}
.dropdown-sport { background: url(../images/bg/dropdown-sport.png) no-repeat; height: 151px; width: 194px;}
.dropdown-economic { background: url(../images/bg/dropdown-economy.png) no-repeat; height: 116px; width: 194px;}
.dropdown-business { background: url(../images/bg/dropdown-business.png) no-repeat; height: 116px; width: 194px;}
.dropdown-lifestyle { background: url(../images/bg/dropdown-lifestyle.png) no-repeat; height: 257px; width: 194px;}
.dropdown-entertainment { background: url(../images/bg/dropdown-entertainment.png) no-repeat; height: 188px; width: 194px;}
.main-navigation ul .dropdown-navigation .dropdown-motor {
    left: auto;
    position: absolute;
    right: -6px;
    top: 46px;
}
.dropdown-motor {
    background: url("../images/bg/dropdown-motor.png") no-repeat scroll 0 0 transparent;
    height: 90px;
    width: 196px;
}