.bd-visible,.bd-visible td {border:1px solid #000;} /*Travel infoStart Date: 25 Jul. 2009Credit to: oatnaja*/ #travelInfo {width: 967px; margin: 0 auto 15px; overflow: hidden;} #travelInfo:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;} /* for modern browser */ #travelInfo .leftColumn {float: left;width: 630px;height: 185px;padding: 10px;margin: 0;background: url(../img/bg/bg_travelInfo.gif) no-repeat;} #travelInfo .leftColumn h2,#travelInfo .leftColumn h2 a {float: left;width: 190px;height: 23px;font-size: 14px;font-weight: bold;line-height: 23px;color: rgb(255,255,255);padding-left: 5px;background: rgb(60,132,19);} #travelInfo .leftColumn h2 a:hover {text-decoration: underline;} #travelInfo .leftColumn ul.tabMenu {float: left; width: 435px;height: 23px;background: rgb(60,132,19); } #travelInfo .leftColumn ul.tabMenu li {font-size: 12px; font-weight: bold; float: left;} #travelInfo .leftColumn ul.tabMenu li a {float: left;height: 22px;color: rgb(255,255,255);line-height: 22px;padding: 0 10px;} #travelInfo .leftColumn ul.tabMenu li a:hover {text-decoration: underline;} #travelInfo .leftColumn ul.tabMenu li a.active {color: rgb(60,132,19);border-top: 1px solid rgb(60,132,19);border-left: 1px solid rgb(60,132,19);border-right: 1px solid rgb(60,132,19);background: 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;} #travelInfo .leftColumn ul.tabMenu li a.active:hover { text-decoration: none;} #travelInfo .leftColumn .travelInfoslot {float:right;width:450px;} #travelInfo .leftColumn .travelInfoshilight {float: left; width: 180px;padding-top:7px;} #travelInfo .leftColumn .travelInfoshilight h3 {font-weight: bold; padding: 0 0 3px 0; width: 165px; line-height: 14px;} #travelInfo .leftColumn .travelInfoshilight h3 a {font-size: 12px; color: rgb(30,121,188); text-decoration: none;} #travelInfo .leftColumn .travelInfoshilight h3 a:hover {text-decoration: underline;} #travelInfo .leftColumn .travelInfoshilight p {margin: 0;font-size:12px;line-height:14px;} #travelInfo .leftColumn .travelInfoslot ol li {float: right; width: 433px; padding-top: 7px; overflow: hidden;font-size:11px;margin-bottom:4px!important;} #travelInfo .leftColumn .travelInfoslot ol li p.figure {float: left; margin-right: 8px;width:auto;} #travelInfo .leftColumn .travelInfoslot ol li h3 {height:auto;overflow:hidden;width:335px;float:right;_height:20px;} #travelInfo .leftColumn .travelInfoslot ol li h3 span.latestreview {float:left;margin-left:0;width:auto;padding: 5px 5px 0 0;} #travelInfo .leftColumn .travelInfoslot ol li h3 span.norating, #travelInfo .leftColumn .travelInfoslot ol li h3 span.embassies, #travelInfo .leftColumn .travelInfoslot ol li h3 span.up, #travelInfo .leftColumn .travelInfoslot ol li h3 span.down{ float: left; margin-top:0px;} #travelInfo .leftColumn .travelInfoslot ol li h3 span.norating a, #travelInfo .leftColumn .travelInfoslot ol li h3 span.embassies a, #travelInfo .leftColumn .travelInfoslot ol li h3 span.up a, #travelInfo .leftColumn .travelInfoslot ol li h3 span.down a{color:#ED1C24;font-size:11px;} #travelInfo .leftColumn .travelInfoslot ol li p{width:335px;float:right;} #travelInfo .leftColumn .travelInfoslot ol li .reply{height:23px;float:none;display:block;float:right;margin:0;padding:0 0 0 25px;width:310px;clear:none!important;} #travelInfo .leftColumn .travelInfoslot ol li h3 a {font-size: 12px; color: rgb(33,60,112); text-decoration: none; float: left;} #travelInfo .leftColumn .travelInfoslot ol li h3 a:hover {text-decoration: underline;} #travelInfo .leftColumn .travelInfoslot ol li h3 span.reply{ background:url(../img/bg/bg_icon-reply.png) no-repeat scroll 3px 0; color:#4892C8; float:left; font-size:12px; font-style:normal; height:19px; line-height:15px; margin:3px 10px 0 4px; padding:0 0 0 25px; font-weight:normal; width: 50px; } #travelInfo .leftColumn .travelInfoslot ol li h3 span.reply a{color:#4892C8;font-weight:normal;padding-right:3px;} #travelInfo .leftColumn .travelInfoslot ol li h3 span.rank { font-size: 12px; color: rgb(30,121,188); background: url(../img/bg/bg_handRank.gif) no-repeat; padding: 5px 0 0 20px; float: left; height: 19px; margin-left: 5px; margin-top: -4px; } #travelInfo .leftColumn .travelInfoslot ol li p {font-size: 12px; line-height: 14px; _margin: 0 0 0 -3px;} #travelInfo .leftColumn .travelInfoslot ol li a {font-size: 11px; color: rgb(30,121,188); text-decoration: underline;} #travelInfo .leftColumn .travelInfoslot ol li a:hover {text-decoration: none;} #travelInfo .gradientBox2 {float: right; margin-top: -2px; } #travelInfo .gradientBox2 h2 { font-size: 14px; font-weight: bold; color: rgb(60,132,19); padding-bottom: 5px;} #travelInfo .gradientBox2 ul {list-style: none;} #travelInfo .gradientBox2 ul li {padding: 0 0 5px 35px; background: url(../img/bg/bg_touristlinks.gif) no-repeat 10px 0;} #travelInfo .gradientBox2 ul li a {font-size: 12px; color: rgb(60,132,19); font-weight: bold;} #travelInfo .gradientBox2 ul li a:hover {text-decoration: underline;} .localInfo {float: left;width: 232px;height: 284px;background: url(../img/bg/bg_localInfo.gif) no-repeat;margin-left: 11px;margin-bottom: 14px;_display:inline;} .localInfo h2 {height: 28px;line-height: 28px;font-size: 15px;font-weight: bold;color: rgb(255,255,255);padding-left: 10px;} .localInfo ul.moreLink {width: 208px; margin: 0 auto; list-style: none;} .localInfo ul.moreLink li {line-height: 15px;} .localInfo ul.moreLink li a {font-size: 12px; color: rgb(149,176,255);} .localInfo ul.moreLink li a:hover {text-decoration: underline;} .localInfodetail {width: 210px; height: 185px; margin: 7px auto; padding: 0 8px; overflow: hidden;} .localInfodetail ol.selectSearch {width: 207px; margin: 0 auto; padding-top: 10px;} .localInfodetail ol.selectSearch li {margin-top: 12px;} .localInfodetail ol.selectSearch li p input { margin-right: 5px; vertical-align: top;} .localInfodetail ol.selectSearch li p {font-size: 12px; color: rgb(30,121,188); font-weight: bold;} .localInfodetail ol.selectSearch li select {width: 100%; border: 2px solid rgb(139,139,139); margin-top: 5px;} .localInfodetail ol.selectSearch li.search { text-align: right; margin-top: 7px;} .localInfodetail ol.selectSearch li.search input { background-color: rgb(255,255,255); background-repeat: no-repeat; color: rgb(255,255,255); font-size: 0px; height: 24px; border: none; cursor: pointer; background: url(../img/bg/bg_localInfosearch.gif) top; width: 62px; } .localInfodetail ol.selectSearch li.search input:hover {background-position: bottom;} .localInfodetail ul.whereTostay {width: 112px; float: right; padding-top: 5px; overflow: hidden;} .localInfodetail ul.whereTostay li {overflow: hidden;width:150px;} .localInfodetail ul.whereTostay li img {margin-right: 3px;float:left; width: 12px;} .localInfodetail ul.whereTostay li a {font-size: 12px; color: rgb(71,146,200); display:block;font-weight: bold;float:left; width: 95px;} .localInfodetail ul.whereTostay li a:hover {text-decoration: underline;} .localInfodetail ul.whereTostay li.seeAll a {margin: 0 0 0 14px; text-decoration: underline; width:102px; _display:inline;} .localInfodetail ul.whereTostay li.seeAll a:hover {text-decoration: none;} .localInfodetail ul.whereTostay li p a {color: rgb(242,0,0);} .localInfodetail ul.whereTostay li p a:hover {text-decoration: underline;} .localInfodetail .leftColumn {width: 100px; float: left;} .localInfodetail ul.classifieds {width: 210px; margin: 0 auto;} .localInfodetail ul.classifieds li {font-size: 12px;color: rgb(87,87,87);font-weight: bold;border-bottom: 1px solid rgb(218,231,239);padding: 3px 10px;} .localInfodetail ul.classifieds li img {vertical-align: middle; margin-right: 8px;} .localInfodetail ul.classifieds li a {color: rgb(71,146,200); margin-right: 3px;} .localInfodetail ul.classifieds li a:hover {text-decoration: underline;} .localInfodetail ul.classifieds li span {color: rgb(242,0,0); margin-left: 3px;} .localInfodetail ul.classifieds li.allCat {border: none; padding-left: 43px;} .localInfodetail ul.classifieds li.allCat a {text-decoration: underline;} .localInfodetail ul.classifieds li.allCat a:hover {text-decoration: none;} table.calendar {width: 203px; margin: 0 auto; padding-left: 1px; background: url(../img/bg/bg_calendarTable.gif) 0 -16px no-repeat;} table.calendar caption {width: 203px;text-align: center;font-size: 14px;font-weight: bold;color: rgb(33,60,122);padding-bottom: 3px;overflow: hidden;} table.calendar caption a {display: block; width: 10px; height: 13px;} table.calendar caption a.previous {background: url(../img/bg/bg_calendarPrevious.gif) no-repeat; float: left;} table.calendar caption a.next {background: url(../img/bg/bg_calendarNext.gif) no-repeat; float: right;} table.calendar caption a.previous span, table.calendar caption a.next span {display: none;} table.calendar caption em {width: 175px; font-style: normal; float: left;} table.calendar th {width: 29px;height: 20px;font-size: 10px;color: rgb(30,60,122);text-align: center;line-height: 20px;border-bottom: 1px solid rgb(186,182,182);} table.calendar td { text-align: center; font-size: 15px; font-weight: bold; color: rgb(33,60,122); padding: 4px 0; background: url(../img/bg/bg_calendarTd.gif) right repeat-y; _background: url(../img/bg/bg_calendarTd_ieMain.gif) 1px 0 no-repeat; /background: url(../img/bg/bg_calendarTd_ieMain.gif) 1px 0 no-repeat; border-bottom: 1px solid rgb(186,182,182); } table.calendar td.active {color: rgb(255,255,255); background: url(../img/bg/bg_calendarTdactive.gif) right repeat-y !important;} /* calendar jQuery 4 Dec 2009 */ .localInfodetail #datepicker {margin: 0 auto; float: none; } #datepicker {width: 196px; float: left;} #datepicker div {margin-bottom: 0 !important;} #datepicker .ui-datepicker-header {width: 196px; text-align: center;font-size: 14px;font-weight: bold; color: rgb(33,60,122);padding-bottom: 3px;overflow: hidden; /*background: rgb(33, 60, 122)*/ background: none;} #datepicker .ui-datepicker-header a {display: block; width: 10px; height: 13px; cursor: pointer; } #datepicker .ui-datepicker-header .ui-datepicker-prev {background: url(../img/bg/bg_calendarPrevious.gif) no-repeat; float: left;} #datepicker .ui-datepicker-header .ui-datepicker-next {background: url(../img/bg/bg_calendarNext.gif) no-repeat; float: right;} #datepicker .ui-datepicker-header .ui-datepicker-prev span, #datepicker .ui-datepicker-header .ui-datepicker-next span {display: none;} #datepicker table {width: 196px;margin: 0 auto;border: 0;padding-left: 1px;background: url(../img/bg/bg_calendarTable.gif) 0 -16px no-repeat;} #datepicker table th {width: 29px;height: 15px;font-size: 10px;color: rgb(30,60,122);text-align: center;line-height: 20px;border-bottom: 1px solid rgb(186,182,182);} #datepicker table td {text-align: center;font-size: 15px;font-weight: bold;color: rgb(33,60,122);background: url(../img/bg/bg_calendarTd.gif) right repeat-y;/background: url(../img/bg/bg_calendarTd_ieMain.gif) 0 0 no-repeat;_background: url(../img/bg/bg_calendarTd_ieMain.gif) 0 0 no-repeat;border-bottom: 1px solid rgb(186,182,182);} #datepicker table td a {display: block;padding: 3px 0;font-size: 13px;color: rgb(33,60,122);text-decoration: none; } #datepicker table td .ui-state-active {color: rgb(255,255,255); background: url(../img/bg/bg_calendarTdactive.gif) right repeat-y !important;} /* end calendar jQuery 4 Dec 2009 */ .viewCalendar table.calendar {width: 196px;} .viewCalendar table.calendar caption { width: 196px;} .viewCalendar table.calendar th {width: 28px;} .viewCalendar table.calendar td {_background: url(../img/bg/bg_calendarTd_ieMore01.gif) 1px 0 no-repeat;/background: url(../img/bg/bg_calendarTd_ieMore01.gif) 1px 0 no-repeat;} .showMapbox {width: 960px; margin: 0 auto; overflow: hidden; border-bottom: 1px solid rgb(236,236,236);} .showMapbox .map {width: 583px; float: left;} .showMapbox .MapContent {float:left;height:625px;_height: 610px;/height: 610px;position:relative;width:583px;} .showMapboxDetail ol {width: 360px; float: right;} .showMapboxDetail ol li {padding: 10px 0; border-top: 1px solid rgb(236,236,236);} .showMapboxDetail ol li div.directoryDetail div.systemInfo {padding: 0;} .showMapboxDetail ol li div.directoryDetail h2 {padding-top: 2px; line-height: 16px;} .showMapboxDetail ol li div.directoryDetail h2 a {float: left;} .showMapboxDetail ol li div.directoryDetail h2 span.rankUp {height: 16px;font-weight: normal;font-size: 12px;color: rgb(237,28,36);font-weight: bold;background: url(../img/bg/bg_commentRankS_up.gif) no-repeat;padding: 5px 0 0 20px;float: left;margin-left: 7px;margin-top: -3px;} .showMapboxDetail ol li div.directoryDetail h2 span.rankDown { height: 16px; font-weight: normal; font-size: 12px; color: rgb(237,28,36); font-weight: bold; background: url(../img/bg/bg_commentRankS_down.gif) no-repeat; padding: 5px 0 0 20px; float: left; margin-left: 7px; margin-top: -3px; } .showMapboxDetail ol li div.directoryDetail p {clear: both;} .showMapboxDetail ol li div.directoryDetail div.systemInfo input {padding: 0 2px;} ul.tabView {width: 967px; height: 22px; margin-top: 15px; background: url(../img/bg/bg_tabView.gif) top repeat-x; overflow: hidden; } ul.tabView li {font-size: 14px; float: left; margin-left: 4px;} ul.tabView li a { float: left; height: 20px; color: rgb(67,67,67); text-decoration: none; color: rgb(67,67,67); line-height: 22px; padding: 0 15px; border: 1px solid rgb(130,130,130); background: url(../img/bg/bg_tabViewli.gif) bottom repeat-x; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-radius: 5px 5px 0 0; } ul.tabView li a:hover {text-decoration: underline;} ul.tabView li a.active {background-image: none;background: rgb(255,255,255);border-bottom: 1px solid rgb(255,255,255);font-weight: bold; border-radius: 5px 5px 0 0;} ul.tabView li a.active:hover {text-decoration: none;} ul.tabView li.moreType {float: right;height: 19px;padding: 0 8px;line-height: 19px;font-size: 12px;background: rgb(243,243,243);} ul.tabView li.moreType a {border: none;background: none;float: none;padding: 0 5px;} /*Search Local ControllingAuthor: giw*/ #localWrapper {width: 984px; } #localWrapper .entry {padding: 10px 7px; overflow: hidden;} .entry .localIntro {padding: 12px 10px 12px; width: 947px;} .entry .localIntro h2 {font-size: 14px; margin-bottom: 10px;} .entry .localIntro h3 {font-size: 12px; margin-bottom: 0;} .txtRed {color: rgb(255,0,0);} #localWrapper .localDetail { /*background: url(../img/bg/bg_localBox.jpg) no-repeat;*/ margin:0 0 15px 2px; width: 943px; padding: 15px 10px 15px; overflow:hidden; border-radius: 5px; -webkit-box-shadow: 0 0 2px 1px #CCCCCC; box-shadow:0 0 2px 1px #CCCCCC; float: left;} #content #localWrapper .entry .localDetail h2 { font-size: 16px; float:left; color: #333333;} #content #localWrapper .entry .localDetail p.Sponsorlink {float:left; padding-top: 4px; margin: 0; font-size: 12px; color: #8F8F8F;} #content #localWrapper .entry .localDetail p.Sponsorlink a {color: rgb(143,143,143); text-decoration: none; padding-top: 2px;} #content #localWrapper .entry .localDetail p.Sponsorlink a:hover {text-decoration: underline;} .localDetail h2 {font-size: 16px; margin-bottom: 5px;} .travelList {overflow:hidden;clear:both;} .travelList strong {font-size: 12px; font-weight: 700; margin: 5px 0; display: block;} .travelList li {float: left; width: 464px; padding: 0 0 5px;} .travelList li.left {margin: 0 10px 0 0;} .travelList h3 {font-size: 14px;} .campaigns {text-align: center; clear: both;} .campaigns em {font-size: 15px; font-style: normal; font-weight: 700;} .campaigns strong {font-size: 14px;} #travelSearch { margin: 0 0 10px;padding: 0;} #travelSearch label {font-size:14px; font-weight:700; line-height:26px; padding:0 10px 0 0; margin: 5px 0 0;} #travelSearch .searchpanel {width: 362px; float: left; } #travelSearch .searchpanel p {padding:10px 0 0 0; margin: 0;} #travelSearch input.txtTravelSearch {width: 250px; padding: 3px; height: 17px; margin: 4px 0 0;vertical-align:middle;} #travelSearch input.submitSearch { font-size: 13px; color: rgb(60,60,60); height: 28px; padding: 0 10px; margin: 3px 0 0 5px; background: url(../img/bg/bg_inputbuttonsearch.gif) repeat-x 0 0; border: 1px solid rgb(206,206,206); cursor: pointer; width:70px; vertical-align: middle; } #travelSearch input.submitSearch:hover { background: url(../img/bg/bg_inputbuttonsearch.gif) repeat-x 0 -26px; border: 1px solid rgb(171,171,171);} .seeall-categories{padding:10px;font-size:12px; } .seeall-categories a{text-decoration:underline;} /*Sponsorlink on channel landing page (Half-Width)*/ #dailyPost .sponserLinks, #subChanelReview .sponserLinks { /*background: url(../img/bg/bg_sponsorsection.gif) no-repeat;*/ border-radius: 5px; width: 634px; border: none;margin: 10px 0 5px 8px; padding: 10px 5px 10px 10px; -webkit-box-shadow: 0 0 2px 1px #CCCCCC; -moz-box-shadow: 0 0 2px 1px #CCCCCC; box-shadow: 0 0 2px 1px #CCCCCC; border: 1px solid #cccccc;} #dailyPost .sponserLinks ul.travelList li, #subChanelReview .sponserLinks ul.travelList li {width: 311px;} /*new edit*/ .entry table#detailOfDirectories td p.noRating, .entry table#detailOfDirectories td p.rankUp, .entry table#detailOfDirectories td p.rankDown, .entry table#detailOfDirectories td p.embassies {margin: -2px 5px 0 0;} table#detailOfDirectories {width: 967px;} table#detailOfDirectories th { text-align: center; background: rgb(243,243,243); height: 24px;border-right: 1px solid rgb(255,255,255); } table#detailOfDirectories th a {display: block; font-size: 12px; line-height: 24px; text-decoration: none; padding-right:12px;} table#detailOfDirectories th.hRank {width: 72px;} table#detailOfDirectories th.hRank a{background-position: right top;} table#detailOfDirectories th.hDetails,table#detailOfDirectories .directoryDetail{width: 521px;background-position: right top;} table#detailOfDirectories th.hCategory a{background-position: right top;} table#detailOfDirectories th.hLocation a{margin-right: 0; background-position: right top;} table#detailOfDirectories th.hPrice a{margin-right: 0; background-position: right top;} table#detailOfDirectories th.hPrice a span {color: rgb(53,53,53); font-size: 10px; } table#detailOfDirectories th.asc {background:rgb(218,218,218) url(../img/icons/asc-icon.png) no-repeat right top; } table#detailOfDirectories th.desc {background:rgb(243,243,243) url(../img/icons/desc-icon.png) no-repeat right top; } table#detailOfDirectories td {text-align: center;border-bottom: 1px solid rgb(236,236,236);padding: 15px 0;clear: both;vertical-align: top;font-size: 12px;} table#detailOfDirectories td p.noRating, ul#datePostDirectory li ol li p.noRating {width: 64px; background: url(../img/bg/bg_ranking-small.gif) no-repeat 0 0;position:relative;} table#detailOfDirectories td p.rankUp, ul#datePostDirectory li ol li p.rankUp {width: 64px; background: url(../img/bg/bg_ranking-small.gif) no-repeat 0 -100px;position:relative;} table#detailOfDirectories td p.rankDown, ul#datePostDirectory li ol li p.rankDown {width: 64px; background: url(../img/bg/bg_ranking-small.gif) no-repeat 0 -50px;position:relative;} table#detailOfDirectories td p.embassies, ul#datePostDirectory li ol li p.embassies {width: 64px; background: url(../img/bg/bg_ranking-small.gif) no-repeat 0 -150px;position:relative;} table#detailOfDirectories td p.rankUp a, ul#datePostDirectory li ol li p.rankUp a, table#detailOfDirectories td p.embassies a, ul#datePostDirectory li ol li p.embassies a, table#detailOfDirectories td p.rankDown a, ul#datePostDirectory li ol li p.rankDown a, table#detailOfDirectories td p.noRating a, ul#datePostDirectory li ol li p.noRating a{padding-top:12px;} .rankUp a sup,.rankUp a sup, .embassies a sup,.embassies a sup, .rankDown a sup,.rankDown a sup, .noRating a sup,.noRating a sup{vertical-align:top;} table#detailOfDirectories td p.rankUp a:hover, ul#datePostDirectory li ol li p.rankUp a:hover, table#detailOfDirectories td p.embassies a:hover, ul#datePostDirectory li ol li p.embassies a:hover, table#detailOfDirectories td p.rankDown a:hover, ul#datePostDirectory li ol li p.rankDown a:hover, table#detailOfDirectories td p.noRating a:hover, ul#datePostDirectory li ol li p.noRating a:hover{text-decoration:underline;font-weight:bold;} table#detailOfDirectories td p.rankUp span, ul#datePostDirectory li ol li p.rankUp span, table#detailOfDirectories td p.embassies span, ul#datePostDirectory li ol li p.embassies span, table#detailOfDirectories td p.noRating span, ul#datePostDirectory li ol li p.noRating span{color:rgb(108,108,108);bottom:4px;font-size:9px;left:0;position:absolute;text-align:center;width:64px;font-weight:normal;} table#detailOfDirectories td p.rankDown span, ul#datePostDirectory li ol li p.rankDown span{color:rgb(108,108,108);bottom:4px;font-size:8px;left:0;position:absolute;text-align:center;width:64px;font-weight:normal;} p.noRating {background: url(../img/bg/bg-rank_up.gif) no-repeat center; width: 74px; height: 49px; margin: 7px 0 0;} p.noRating a {display: block; padding: 15px 10px 15px 35px; text-decoration: none; font-weight: bold; font-size: 16px; color: rgb(255,0,0);} p.noRating a:hover {color: rgb(255,0,0);} p.rankUp {background: url(../img/bg/bg-rank_up.gif) no-repeat center; width: 74px; height: 49px; margin: 7px 0 0;} p.rankUp a {display: block; padding: 15px 10px 15px 35px; text-decoration: none; font-weight: bold; font-size: 16px; color: rgb(255,0,0);} p.rankUp a:hover {color: rgb(255,0,0);} p.rankDown {background: url(../img/bg/bg-rank_down.gif) no-repeat center; width: 74px; height: 49px; margin: 7px 0 0;} p.rankDown a {display: block; padding: 15px 10px 15px 35px; text-decoration: none; font-weight: bold; font-size: 16px; color: rgb(255,0,0);} p.rankDown a:hover {color: rgb(255,0,0);} p.embassies {width: 74px; height: 49px; margin: 7px 0 0;} p.embassies a {display: block; padding: 15px 10px 15px 35px; text-decoration: none; font-weight: bold; font-size: 16px; color: rgb(255,0,0);} p.embassies a:hover {color: rgb(255,0,0);} div.directoryDetail {width: 100%; overflow: hidden; text-align: left;} #localWrapper .entry div.directoryDetail p.thumbnail, #detailOfDirectories div.directoryDetail p.thumbnail, div.directoryDetail p.thumbnail {float:left; height:60px; margin:0 10px 0 0; width:90px;} div.directoryDetail h2 {font-size: 14px; margin-bottom: 5px; } div.directoryDetail p {margin-bottom: 5px; font-size: 13px;} div.directoryDetail p.detail {font-size: 12px;} div.directoryDetail p strong {font-size: 12px; font-weight: bold; color: rgb(1,1,1); margin-top: -5px; display: block;} div.directoryDetail p strong a { text-decoration: none;} div.directoryDetail p strong a:hover {text-decoration: underline;} div.directoryDetail div.detail {font-size: 12px; color: rgb(1,1,1);} div.directoryDetail div.systemInfo, div.directoryDetail p.detail_event {padding-left: 100px;} div.directoryDetail p.detail_event {padding-top: 5px;} div.directoryDetail p.detail_event strong {display: inline; } div.directoryDetail div.systemInfo p { background: url(../img/icons/reply-icon.png) no-repeat left 7px; font-size: 12px; font-style: normal; line-height: 23px; height: 26px; padding: 0 0 0 18px; margin: 0 5px 0 0; } div.directoryDetail div.systemInfo ul li {float:left; border:none;} div.directoryDetail div.systemInfo input { font-size: 11px; height: 23px; padding: 0 10px; background: url(../img/bg/bg_inputbutton.gif) 0 0 repeat-x; border: 1px solid rgb(206,206,206); cursor: pointer; width: auto; /padding: 0; /margin-bottom: 3px; } div.directoryDetail div.systemInfo input:hover {background: url(../img/bg/bg_inputbutton.gif) 0 -21px repeat-x;border: 1px solid rgb(171,171,171);} /*Directorydetail rework*/ #detailOfDirectories div.directoryDetail div.systemInfo {clear:right; float: right; width: 79%; padding: 0; } #detailOfDirectories div.directoryDetail div.systemInfo p {float: none;} #detailOfDirectories div.directoryDetail h2 {clear:right; float: right; width: 79%; } #detailOfDirectories div.directoryDetail p {clear:right; float: right; width: 79%;} #localWrapper .pageNavigation {text-align: right; word-spacing: 5px; margin: 10px 0; padding: 0 10px;overflow:hidden;} #localWrapper .pageNavigationEvent {text-align: right; word-spacing: 5px; margin: 10px 0; padding: 0 10px 0 230px;;overflow:hidden;} #localWrapper .pageNavigation a { color: rgb(30,121,188);} #localWrapper .pageNavigation span,#localWrapper .pageNavigationEvent span {font-weight: 700; word-spacing: normal;} #localWrapper p.seeAll {text-align: center; font-size: 14px; margin: 30px 0; display:block;} #localWrapper p.seeAll a {font-weight: bold; text-decoration: none;} #localWrapper p.seeAll a:hover {text-decoration: underline;} #contentBlock {overflow: hidden; width: 964px;} #contentBlock #leftSidebar {background: url(../img/bg/bg-leftSidebar.png) repeat-y; float: left; padding: 10px 8px 10px 6px;margin-right: 10px;width: 197px;} #contentBlock #leftSidebar h2 {font-size: 14px; margin-bottom: 10px;} #contentBlock #leftSidebar div {margin-bottom: 25px;} #contentBlock #leftSidebar ul {padding: 0 0 0 7px} #contentBlock #leftSidebar ul li {background: url(../img/icons/disc-bullet.png) no-repeat 0 6px; padding: 0 0 0 10px; font-size: 12px;} #contentBlock #rightSidebar {float: left; width: 743px;} #rightSidebar .datePost h3 {background: rgb(243,243,243); font-size: 12px; padding: 5px} #rightSidebar .detailOfDirectories li {border-bottom: none;} #rightSidebar .detailOfDirectories li ul {overflow: hidden; width: 743px;} #rightSidebar .travelList h2 {margin-bottom: 0;} /*news edit*/ ul#datePostDirectory { border-bottom: 1px solid rgb(236,236,236); padding-bottom: 40px;} ul#datePostDirectory li h2 {background: rgb(243,243,243); font-size: 12px; padding: 7px 10px} ul#datePostDirectory li ol {list-style: none; padding: 4px 0;} ul#datePostDirectory li ol li {width: 743px; overflow: hidden; padding: 7px 0 10px;} ul#datePostDirectory li ol li p.rankUp, ul#datePostDirectory li ol li p.rankDown, ul#datePostDirectory li ol li p.noRating, ul#datePostDirectory li ol li p.embassies{float: left; width: 74px; margin-right: 5px;margin-top:-2px;} ul#datePostDirectory li ol li div.directoryDetail {float: left; width: 650px;} ul#datePostDirectory li ol li div.directoryDetail h3 {font-size: 15px; font-weight: bold;} /*Sub page Local Search set default color linkAuthor : giw,oatnaja*/ .travelList h3 a, li.category a, li.location a, #listOfDirectories li a, .linkAll em a {color: rgb(30,121,188); text-decoration:none;} .travelList h3 a:hover, .travelGreenTheme li.category a:hover, li.location a:hover, #listOfDirectories li a:hover, .linkAll em a:hover{color: rgb(30,121,188);text-decoration: underline;} #travelSearch {color: rgb(30,121,188);} #localWrapper .pageNavigation span {color: rgb(30,121,188); margin-right: 10px; } #localWrapper .systemInfo a {color: rgb(30,121,188); text-decoration: none;} #localWrapper .systemInfo a:hover {color: rgb(30,121,188); text-decoration: underline;} #contentBlock #rightSidebar .datePost h3 {color: rgb(30,121,188);} #contentBlock #leftSidebar ul li a {text-decoration: none;} #contentBlock #leftSidebar ul li a:hover {text-decoration: underline;} .entry table#detailOfDirectories strong a {color: rgb(30,121,188); text-decoration: none;} .entry table#detailOfDirectories strong a:hover {color: rgb(30,121,188); text-decoration: underline;} .entry ul#datePostDirectory li ol li div.directoryDetail h3 a {color: rgb(30,121,188); text-decoration: none;} .entry ul#datePostDirectory li ol li div.directoryDetail h3 a:hover {color: rgb(30,121,188); text-decoration: underline;} .entry .showMapbox .showMapboxDetail ol li ul li h3 a {color: rgb(30,121,188);} .entry #contentBlock #leftSidebar .viewCalendar table.calendar {width: 196px;} .entry #contentBlock #leftSidebar .viewCalendar table.calendar caption { width: 196px;} .entry #contentBlock #leftSidebar .viewCalendar table.calendar th {width: 28px;} .entry #contentBlock #leftSidebar .viewCalendar table.calendar td {_background: url(../img/bg/bg_calendarTd_ieMore01.gif) 1px 0 no-repeat;/background: url(../img/bg/bg_calendarTd_ieMore01.gif) 1px 0 no-repeat;} .entry ul.tabView li a.active {color: rgb(30,121,188);} .entry ul.tabView li.moreType {color: rgb(30,121,188);} .entry ul.tabView li.moreType a {color: rgb(30,121,188);} .directoryDetail h2 a {text-decoration: none; color: rgb(30,121,188);} .directoryDetail h2 a:hover {text-decoration: underline; color: rgb(30,121,188);} #localWrapper p.seeAll {color: rgb(30,121,188);} #localWrapper p.seeAll a {color: rgb(30,121,188);} /*template SL Author: oatnaja*/ .overviewWrapper {width: 952px;padding: 0 7px 30px 11px;margin-top: 20px;overflow: hidden;clear: both;background: url(../img/bg/bg_overviewWrapper-line.gif) 164px 0 repeat-y;} .overviewNavigation {width: 180px; float: left;} .overviewNavigation ul {list-style: none; padding-top: 1px; background: url(../img/bg/bg_overviewMenu.gif) no-repeat;} .overviewNavigation ul li a { display: block; height: 32px; line-height: 32px; font-size: 12px; font-weight: bold; color: rgb(30,121,188) !important; text-decoration: none; padding-left: 7px; background: url(../img/bg/bg_overviewMenunormal.gif) no-repeat; } #main-sns.directory{ top: 125px; right: 20px;} .overviewWrapper .overviewContent fieldset.nav-panel { clear: both; float: left; width: 655px; margin: 3px 0 0 105px;} .overviewNavigation ul li a.active {color: rgb(255,255,255) !important;background: url(../img/bg/bg_overviewMenuactive.gif) no-repeat;} .overviewNavigation ul li a.active:hover {text-decoration: none;} .overviewNavigation ul li a:hover {text-decoration: underline;} .overviewContent {width: 772px; float: right;} .overviewContent .information table td{vertical-align:top;} .overviewListting {width: 770px;border: 1px solid rgb(212,212,212);background: rgb(234,234,234);padding: 10px 0;margin-bottom: 30px;overflow: hidden;} .overviewListting div.noRating, .overviewListting div.rankUp, .overviewListting div.rankDown, .overviewListting div.embassies {width: 83px;height: 66px;float: left;margin-left:10px;margin-top: -4px;position: relative;display: inline; } .overviewListting div.noRating{background: url(../img/bg/bg_ranking.gif) center top no-repeat;} .overviewListting div.rankUp {background: url(../img/bg/bg_ranking.gif) center -132px;} .overviewListting div.rankDown {background: url(../img/bg/bg_ranking.gif) center -66px;} .overviewListting div.embassies {background: url(../img/bg/bg_ranking.gif) center -198px;} .overviewListting div.rankUp p a,.overviewListting div.rankDown p a, .overviewListting div.noRating p a,.overviewListting div.embassies p a{text-decoration: none;color: rgb(237,28,36); font-size: 20px; font-weight: bold;display:block;padding: 20px 0 0 45px;} .overviewListting div.rankUp p a:hover, .overviewListting div.rankDown p a:hover, .overviewListting div.noRating p a:hover, .overviewListting div.embassies p a:hover{color: rgb(237,28,36);text-decoration:underline;font-weight:bold;} .overviewListting div.rankUp span, .overviewListting div.rankDown span, .overviewListting div.noRating span,.overviewListting div.embassies span { display: block; width: 83px; font-size: 9px; color: rgb(108,108,108); font-weight: normal; text-align: center; position: absolute; bottom: 9px; left: 0; } .overviewListting .directoryDetail {width: 480px; float: left; margin-left: 15px; display: inline;} .overviewListting .directoryDetail h2 {font-size: 20px; float:left; width: 380px;} .overviewListting .directoryDetail p strong { margin-top: 7px;} .overviewListting .directoryDetail p {margin-bottom: 7px; width:380px; float:left;} .overviewListting .directoryDetail p.replies {float:none; width: auto; clear:both;} .overviewListting .directoryDetail p.detail strong {display:inline;} .overviewListting .directoryDetail fieldset { clear:left;} .overviewListting .directoryDetail ul li {display: inline} .overviewListting .directoryDetail p span.viewed {background:url(../img/bg/ico_viewed.gif) no-repeat left top; padding-left: 21px;} .overviewListting .directoryDetail ul li input { font-size: 11px; height: 23px; padding: 0 10px; background: url(../img/bg/bg_inputbutton.gif) 0 0 repeat-x; border: 1px solid rgb(206,206,206); cursor: pointer; width: auto; /padding: 0; /margin-bottom: 3px; } .overviewListting .directoryDetail ul li input:hover {background: url(../img/bg/bg_inputbutton.gif) 0 -21px repeat-x;border: 1px solid rgb(171,171,171);} .overviewListting .directoryDetail .RelatedCategoryList{overflow:hidden; clear: left;} .overviewListting .directoryDetail .RelatedCategoryList h2{font-size: 12px;float: left;color: rgb(54,54,54);font-weight: bold;padding:0 5px 0 0;width: auto;} .overviewListting .directoryDetail .RelatedCategoryList p{float: left;width: 398px;font-size:12px;overflow:hidden;margin:0;padding:0 0 7px 0;} .overviewListting .directoryDetail .RelatedCategoryList p a{font-size: 12px;color: rgb(54,54,54);} .overviewListting .directoryDetail .RelatedCategoryList ul{float: left;width: 398px;font-size:12px;overflow:hidden;margin:0;padding-bottom:7px;} .overviewListting .directoryDetail .RelatedCategoryList ul li{padding:0 5px 5px 0;font-size: 12px;color: rgb(54,54,54);display:block;} .overviewListting .directoryDetail .RelatedCategoryList ul li a{padding:0;} .overviewContent .campaigns {text-align: left;} .overviewContent .banner {margin-bottom: 10px;} .overviewContent h2 { font-size: 20px;} .overviewContent ul#datePostDirectory {padding-bottom: 10px; border: none;} .overviewContent ul#datePostDirectory li h2 {color: rgb(255,255,255); background: rgb(137,137,137);} .sponserLinks { border-radius: 5px; -webkit-box-shadow: 0 0 2px 1px #CCCCCC; box-shadow:0 0 2px 1px #CCCCCC; padding: 10px; margin-bottom: 20px; width: 750px; overflow: hidden;} .sponserLinks .travelList .directoryDetail iframe{width:370px;} #dailyPost .sponserLinks .travelList .directoryDetail iframe,#subChanelReview .sponserLinks .travelList .directoryDetail iframe {width: 310px;} #localWrapper .entry .sponserLinks h2, #dailyPost .sponserLinks h2, #subChanelReview .sponserLinks h2{font-size: 14px; margin-bottom: 0; float:left;} .sponserLinks ul.travelList {width: 100%; overflow: hidden;} .sponserLinks ul.travelList li {width: 370px; padding: 10px 0 0 0;} .sponserLinks ul.travelList li.left {margin: 0 10px 0 0;} .sponserLinks p.Sponsorlink {float: left;padding-top: 4px; margin: 0; font-size: 12px; color: #8F8F8F;} #dailyPost .sponserLinks p.Sponsorlink,#subChanelReview .sponserLinks p.Sponsorlink {padding-top:2px;} .sponserLinks p.Sponsorlink a {color: rgb(143,143,143); text-decoration: none;} .sponserLinks p.Sponsorlink a:hover {text-decoration: underline;} #dailyPost .sponserLinks p.Sponsorlink a,#subChanelReview .sponserLinks p.Sponsorlink a {font-size: 12px;} ol.editorCommentBox {list-style: none; padding-bottom: 10px;} ol.editorCommentBox li {width: 772px; overflow: hidden; margin-bottom: 10px;} ol.editorCommentBox li p.avatar {float: left; width: 52px; padding: 0 5px;} ol.editorCommentBox li p.avatar span {display: block;font-size: 14px;color: rgb(177,177,177);text-align: center;padding-top: 5px;} ol.editorCommentBox .commentWrapper {width: 675px;float: right;padding-top: 10px;background: url(../img/bg/bg_editorComment_blue01.gif) no-repeat;position: relative;} ol.editorCommentBox .commentFooter {width: 675px; height: 12px; background: url(../img/bg/bg_editorComment_blue03.gif) no-repeat;} ol.editorCommentBox .commentConer {width: 25px;height: 38px;background: url(../img/bg/bg_editorComment_blue04.gif) no-repeat;position: absolute;left: 1px;top: 24px;} ol.editorCommentBox .commentDetails {width: 625px;padding: 5px 15px 5px 35px;background: url(../img/bg/bg_editorComment_blue02.gif) 0 52px repeat-y;} ol.editorCommentBox .commentDetails a {color: rgb(30,121,188); text-decoration: none;} ol.editorCommentBox .commentDetails a:hover {text-decoration: underline;} ol.editorCommentBox .commentDetails h3 {font-size: 14px; font-weight: bold; margin-bottom: 3px; color: rgb(30,121,188);} ol.editorCommentBox .commentDetails h4 {font-size: 12px; font-weight: bold;} ol.editorCommentBox .commentDetails p.byEditor {margin: 0; color: rgb(30,121,188);}ol.editorCommentBox .commentDetails p {margin: 5px 0 0 0;} .userCommentBox h2 {color: rgb(255,255,255) !important; font-size: 12px !important; padding: 7px 10px; background: rgb(137,137,137); margin-bottom: 20px;} .userCommentBox ol {list-style: none; padding-bottom: 10px;} .userCommentBox ol li {width: 772px; overflow: hidden; margin-bottom: 20px;} .userCommentBox ol li p.avatar {float: left; width: 52px; padding: 0 5px;} .userCommentBox ol li p.avatar span {display: block;font-size: 14px;color: rgb(177,177,177);text-align: center;padding-top: 5px;} .userCommentBox ol .commentWrapper {width: 675px;float: right;padding-top: 10px;background: url(../img/bg/bg_userComment01.gif) no-repeat;position: relative;} .userCommentBox ol .commentFooter {width: 675px; height: 12px; background: url(../img/bg/bg_userComment03.gif) no-repeat;} .userCommentBox ol .commentConer {width: 25px;height: 38px;background: url(../img/bg/bg_userComment04.gif) no-repeat;position: absolute;left: 1px;top: 24px;} .userCommentBox ol .commentDetails {width: 625px;padding: 0 15px 5px 35px;background: url(../img/bg/bg_userComment02.gif) 0 52px repeat-y;} .userCommentBox ol .commentDetails h3 {font-size: 14px; font-weight: bold; padding: 0; color: rgb(30,121,188);} ol .commentDetails h4 {font-size: 12px; font-weight: bold; padding: 3px 0 12px;} ol .commentDetails h4 span.up,ol .commentDetails h4 span.down, ol .commentDetails h4 span.embassies,ol .commentDetails h4 span.norating { color: rgb(237,28,36); border:1px solid rgb(229,229,229); font-size:11px; height:17px; margin:-6px 3px 0 7px; padding:4px 7px 0 21px; position:absolute; } ol .commentDetails h4 span.up {background: #fff url(../img/bg/bg_commentRanking.gif) no-repeat 5px 1px;} ol .commentDetails h4 span.down {background: #fff url(../img/bg/bg_commentRanking.gif) no-repeat 5px -20px;} ol .commentDetails h4 span.norating {background: #fff url(../img/bg/bg_commentRanking.gif) no-repeat 5px -40px;} ol .commentDetails h4 span.embassies {background: #fff url(../img/bg/bg_commentRanking.gif) no-repeat 5px -60px;} .userCommentBox ol .commentDetails p.byEditor {color: rgb(30,121,188);} .userCommentBox ol .commentDetails p {margin-bottom: 7px;} .userCommentBox ol .commentDetails a {color: rgb(30,121,188); text-decoration: none;} .userCommentBox ol .commentDetails a:hover {text-decoration: underline;} .userCommentBox p.allComment {text-align: right; font-weight: bold;} .userCommentBox h3 {padding: 0 10px; margin-bottom: 0 !important;} .userCommentBox h3 span { height: 25px; line-height: 25px; display: inline-block; font-size:14px; font-weight: bold; color: rgb(255,255,255); padding: 0 10px; background: rgb(177,177,177); -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; } .userCommentBox .userPostComment {color: rgb(51,51,51);padding: 10px 10px 20px;border-top: 10px solid rgb(177,177,177);border: 1px solid rgb(177,177,177);/margin-top: -3px;} .userCommentBox .userPostComment fieldset { clear: both; padding-bottom: 30px;} .userCommentBox .userPostComment .UserDetail p,.userCommentBox ol.editorComment .UserDetail p{margin-bottom:0;} .userCommentBox .userPostComment p {margin-bottom: 7px;} .userCommentBox .userPostComment p a {color: rgb(30,121,188); text-decoration: none;} .userCommentBox .userPostComment p a:hover {text-decoration: underline;} .userCommentBox .userPostComment ul {width: 560px; font-size: 0.75em;} .userCommentBox .userPostComment ul li {margin-bottom: 10px; float: left; clear: both;width:100%;} .userCommentBox .userPostComment ul li label {display: block; margin-bottom: 5px; width: 424px;} .userCommentBox .userPostComment ul li .textfield {width: 420px; font-family:Arial,Helvetica,sans-serif; height: 30px;} .userCommentBox .userPostComment ul li textarea {font-family:Arial,Helvetica,sans-serif; font-size: 13px; width: 420px;} .userCommentBox .userPostComment ul li img#validate_img {float: left; margin: 3px 5px 0 0;} .userCommentBox .userPostComment ul li.validate{height:139px;} .userCommentBox .userPostComment ul li ul {height: 63px; padding-bottom: 5px; overflow: hidden;} .userCommentBox .userPostComment ul li ul:after {content: ".";display: block;clear: both;visibility: hidden;height: 0;} .userCommentBox .userPostComment ul li ul li {height: 63px;display: block;float: left;margin-right: 10px;clear: none;width: auto;} .userCommentBox .userPostComment .article-toolsbar {text-align: right;} .userCommentBox .userPostComment input.submitPost {font-size: 13px;color: rgb(60,60,60);height: 28px;padding: 0 10px; margin: 3px 5px 0 0; background: url(../img/bg/bg_inputbuttonsearch.gif) repeat-x 0 0; border: 1px solid rgb(206,206,206);cursor: pointer;float: left;} .userCommentBox .userPostComment input.submitPost:hover {background: url(../img/bg/bg_inputbuttonsearch.gif) repeat-x 0 -26px;border: 1px solid rgb(171,171,171);} .overviewPhoto {padding-bottom: 10px;} .overviewPhoto p.link {text-align: right; font-weight: bold; padding-right: 80px; margin-top: -20px;} .overviewPhoto p.link a {color: rgb(30,121,188); text-decoration: none;} .overviewPhoto p.link a:hover {color: rgb(30,121,188); text-decoration: underline;} .overviewPhoto ul {width: 772px; overflow: hidden; padding-bottom: 15px;} .overviewPhoto ul li {width: 158px; margin-right: 20px; font-size: 12px; color: rgb(51,51,51); text-align: center; float: left;} .overviewPhoto ul li span {display: block;} .overviewPhoto p a {font-weight: bold;} ul.additional {width: 750px; padding: 10px 10px 3px; margin-bottom: 20px; border: 1px solid rgb(217,217,217);} ul.additional li {width: 750px; overflow: hidden; font-size: 12px; color: rgb(1,1,1,); padding-bottom: 7px;} ul.additional li strong {width: 115px; font-size: 14px; float: left; color: rgb(30,121,188);} ul.additional li span { width: 625px; float: left;} ul.additional li a {color: rgb(30,121,188); text-decoration: none;} ul.additional li a:hover {color: rgb(30,121,188); text-decoration: underline;} .overviewContent {color: rgb(1,1,1); position:relative;} ul.infoListing {font-size: 12px; padding-left: 10px;} ul.infoListing li {clear: both;overflow: hidden;line-height: 25px;padding: 0 0 0 15px;background: url(../img/bg/bg_infoListing_blue.gif) 0 8px no-repeat;} ul.infoListing li p.infoDetailR{width:610px;float:left;margin-bottom:5px;} ul.infoListing li p.infoDetailR span{display:block;} ul.infoListing li strong {float: left; width: 120px; color: rgb(30,121,188);} ul.infoListing li a {color: rgb(30,121,188); text-decoration: none;} ul.infoListing li a:hover {color: rgb(30,121,188); text-decoration: underline;} #subListing {margin-bottom: 20px; width: 772px; overflow: hidden; } ul.listingContent{float: left; width: 450px;} ul.listingContent li {font-size: 12px; font-weight: bold; line-height: 35px; height: auto !important; height: 35px; min-height: 35px;} ul.listingContent li img {vertical-align: middle; padding: 0 10px 0 0;} .overviewContent .map { margin-bottom: 20px; position: relative; width: 772px;} ul#photoListing {font-size: 12px; border-bottom: 1px solid rgb(236,236,236); color: rgb(1,1,1,); overflow: hidden; width: 772px; } ul#photoListing li {overflow:hidden; clear:both;} ul#photoListing li ul li {float: left; width: 158px; margin: 0 20px 10px 0;clear:none;} ul#photoListing li ul li img {padding-bottom: 5px;} ul#photoListing li ul li strong, ul#photoListing li ul li span {display: block; padding-bottom: 5px;} ul#photoListing li ul li strong {font-weight: bold;} /*Rework photo listing align to left not center**/ .overviewContent #photoLarge .photoDetail{width: auto; margin:0; text-align:left;} .overviewContent #photoLarge .photoDetail .figure {width: auto;text-align:left;float:left;} .overviewContent #photoLarge .pageNavigation{clear:both;} #photoLarge {width: 772px; margin-bottom: 20px;} #photoLarge .photoDetail {width: 720px; margin: 0 auto; text-align: center;} .commentDetails ul.listingContent {float: none; padding: 25px 5px;} .commentDetails ul.listingContent li {width: auto; margin: 0;} .agreeComment {border-top: 1px solid rgb(234,234,234); padding: 5px 5px 0;} .agreeComment p {font-size: 14px; font-weight: bold; } .agreeComment p a {font-size: 12px; font-weight: normal;} fieldset.shareExperience {padding: 15px 0; font-size: 0.75em;} fieldset.shareExperience p.thankyou{clear:both; padding:10px 0 0 10px;} fieldset.shareExperience ul li {width: auto;} fieldset.shareExperience ul li label {display: block; margin-bottom: 5px; font-weight: bold;} fieldset.shareExperience ul li p {color: rgb(0,0,0);} fieldset.shareExperience ul li p img#validate_img {float: left; margin: 3px 0 0 12px;} fieldset.shareExperience ul li p input {width: auto;} fieldset.shareExperience ul li input {width: 420px;height: 24px;font-family: Arial, Helvetica, sans-serif;line-height: 24px;background: rgb(255,255,255);border: 1px solid rgb(153,153,153);margin-left: 12px;} fieldset.shareExperience ul li textarea { width: 420px; height: 70px; background: rgb(255,255,255); font-family: Arial, Helvetica, sans-serif; font-size: 13px; border: 1px solid rgb(153,153,153); margin-left: 12px; } fieldset.shareExperience ul li p select {width: 105px;height: 24px;line-height: 24px;margin-left: 10px;} fieldset.shareExperience ul li .religionList {height: 63px; padding-bottom: 5px; overflow: hidden;} fieldset.shareExperience ul li .religionList:after {content: ".";display: block;clear: both;visibility: hidden;height: 0;} fieldset.shareExperience ul li .religionList li {height: 63px;display: block;float: left;margin-right: 10px;clear: none;} fieldset.shareExperience ul li .religionList li input {width: auto; height: auto; border: 0;} fieldset.shareExperience ul li dl {width: 585px; margin-left: 28px; padding: 10px 0;} fieldset.shareExperience ul li dt {font-size: 12px;} fieldset.shareExperience ul li dd ul {width: 585px; overflow: hidden; padding-top: 3px;} fieldset.shareExperience ul li dd ul li {width: 117px; float: left; overflow: hidden;} fieldset.shareExperience ul li dd ul li input {width: auto; float: left; margin: 11px 3px 0 0; border: 0;} fieldset.shareExperience ul li dd ul li p.rankUp { float: left; font-size: 15px; color: rgb(237,28,36); background: url(../img/bg/bg_commentRankUp.gif) no-repeat; padding: 5px 0 5px 24px; width:auto; height: auto; } fieldset.shareExperience ul li dd ul li p.rankDown { float: left; font-size: 15px; color: rgb(237,28,36); background: url(../img/bg/bg_commentRankDown.gif) no-repeat left 8px; padding: 5px 0 5px 24px; width:auto; height: auto; } fieldset.shareExperience ul li dd ul li p span {display: block;font-size: 11px;color: rgb(102,102,102);margin-left: -20px;padding-top:13px;} fieldset.shareExperience p.postComment {margin-left: 7px; float: left; clear: both; _margin-left: 3px;} fieldset.shareExperience p.postComment input, fieldset.shareExperience input.submitPost { font-size: 13px; color: rgb(60,60,60); height: 28px; padding: 0 10px; margin: 3px 0 0 5px; background: url(../img/bg/bg_inputbuttonsearch.gif) repeat-x 0 0; border: 1px solid rgb(206,206,206); cursor: pointer; } fieldset.shareExperience p.postComment input:hover { background: url(../img/bg/bg_inputbuttonsearch.gif) repeat-x 0 -26px; border: 1px solid rgb(171,171,171);} div.wrapperEditorComment h3 {width: auto;font-size: 16px;color: rgb(255,255,255);font-weight: bold;display: inline-block;line-height: 22px;margin: 15px 0 0;} div.wrapperEditorComment h3 span {height: 22px;padding: 3px 15px;background: rgb(33,60,112);-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;} div.wrapperEditorComment ol.editorCommentBox {border: 2px solid rgb(33,60,112);padding: 10px 20px 0;margin-bottom: 25px;} div.wrapperEditorComment ol.editorCommentBox li {width: 100%;} div.wrapperEditorComment ol.editorCommentBox li p.avatar {padding: 13px 10px 0 0;} div.wrapperEditorComment ol.editorCommentBox li h4 {font-size: 12px; padding-top: 12px;} div.wrapperEditorComment ol.editorCommentBox li h4 span.up, div.wrapperEditorComment ol.editorCommentBox li h4 span.down, div.wrapperEditorComment ol.editorCommentBox li h4 span.embassies, div.wrapperEditorComment ol.editorCommentBox li h4 span.norating { border: 1px solid rgb(229,229,229); height: 17px; color: rgb(237,28,36); font-size: 11px; padding: 4px 7px 0 21px; margin:-6px 3px 0 7px; position: absolute; } div.wrapperEditorComment ol.editorCommentBox li h4 span.up{background: #fff url(../img/bg/bg_commentRanking.gif) no-repeat 5px 1px;} div.wrapperEditorComment ol.editorCommentBox li h4 span.down {background: #fff url(../img/bg/bg_commentRanking.gif) no-repeat 5px -20px;} div.wrapperEditorComment ol.editorCommentBox li h4 span.embassies {background: #fff url(../img/bg/bg_commentRanking.gif) no-repeat 5px -60px;} div.wrapperEditorComment ol.editorCommentBox li h4 span.norating {background: #fff url(../img/bg/bg_commentRanking.gif) no-repeat 5px -40px;} div.wrapperEditorComment ol.editorCommentBox li p.byEditor {color: rgb(30,121,188); margin: 0 0 7px;} .rankVote .detail p.byEditor{padding-top: 5px;color: rgb(30,121,188);} div.wrapperEditorComment ol.editorCommentBox li a {color: rgb(30,121,188); text-decoration: none;} div.wrapperEditorComment ol.editorCommentBox li a:hover {text-decoration: underline;} .overviewListting .directoryDetail ul.btnStyle li {display:block; float: left;} ul.btnStyle {width: auto; list-style: none; border: 1px solid rgb(213,213,213); padding: 1px 2px; display: inline-block;} ul.btnStyle li { width: auto !important; height: 22px; line-height: 22px; display: inline-block; padding: 2px 4px 2px 22px !important; font-size: 11px; font-weight: bold; } ul.btnStyle li a {color: rgb(30,121,188); text-decoration: none;} ul.btnStyle li a:hover {color: rgb(30,121,188); text-decoration: underline;} ul.btnStyle li.booking {background: url(../img/bg/bg_btn-booking.png) left no-repeat;} ul.btnStyle li.specialDeal {background: url(../img/bg/bg_btn-specialdeal.png) left no-repeat;} ul.btnStyle li.contactPromotion {background: url(../img/bg/bg_btn-contactpromotion.png) left no-repeat;} ul.btnStyle li.onPromotion {background: url(../img/bg/bg_btn-onpromotion.png) left no-repeat;} ul.btnStyle li.bookMark {background: url(../img/bg/bg_btn-bookmark.png) left no-repeat;} ul.btnStyle li.sendFriend {background: url(../img/bg/bg_btn-sendfriend.png) left no-repeat;} ul.btnStyle li.shareFriend {background: url(../img/bg/bg-share-friend.gif) 2px 5px no-repeat;} ul.btnStyle li.addFavorite {background: url(../img/bg/bg-add-fav.gif) 2px 5px no-repeat;} ul.btnStyle li.languages {background: url(../img/bg/bg_btn-languagesthai.png) left no-repeat;} ul.btnStyle li.iconmap{background: url(../img/bg/bg_map.png) 0 2px no-repeat; } ul.btnStyle li.commentRate{background: url(../img/bg/bg_btn-comment.png) left no-repeat;} div.showMapboxDetail ul.btnStyle {width: 350px;} .MapIconDetail{bottom:0; left:0; position: absolute; clear:left;} .MapIconDetail p {float: left; padding-right:10px;} .MapIconDetail p img{float:left; padding-right:5px;} .MapIconDetail p span {float:left; padding-top: 16px;} #sectionSearchBox {position: relative;} #sectionSearchBox, #localSearchBox, #smallSearchBox {height: 245px;margin: 10px 7px 5px;padding: 5px 0;} #localSearchBox {height: 341px} #smallSearchBox {height: 202px;} #sectionSearchBox h2, #localSearchBox h2, #smallSearchBox h2 {color: rgb(255,255,255);font-size: 20px;margin: 0 5px 5px;} #sectionSearchBox ul.navCategories {width: 170px;top: 37px;position: absolute;left: 1px;} #sectionSearchBox ul.navCategories li {width: 115px; height: 23px; padding: 10px 0 0 40px; clear: both;_margin-top:-2px;/margin-top:-2px;} #sectionSearchBox ul.navCategories li a {font-size:13px; float: left;} #sectionSearchBox ul li.destinationActive a, #sectionSearchBox ul li.hotelsActive a, #sectionSearchBox ul li.embassyActive a, #sectionSearchBox ul li.flightsActive a, #sectionSearchBox ul li.restaurantActive a, #sectionSearchBox ul li.pub-nightLifeActive a {text-decoration: none !important;} #sectionSearchBox ul li.destinationActive, #sectionSearchBox ul li.hotelsActive, #sectionSearchBox ul li.embassyActive, #sectionSearchBox ul li.flightsActive, #sectionSearchBox ul li.restaurantActive, #sectionSearchBox ul li.pub-nightLifeActive {border-top: 1px solid rgb(27,125,132); margin-top: -1px;} #sectionSearchBox ul li.destinationActive {background: url(../img/bg/bg_searchBoxTopIconActive.gif) 0 0 no-repeat;} #sectionSearchBox ul li.hotelsActive {background: url(../img/bg/bg_searchBoxTopIconActive.gif) 0px -33px no-repeat;} #sectionSearchBox ul li.embassyActive {background: url(../img/bg/bg_searchBoxTopIconActive.gif) 0px -66px no-repeat;} #sectionSearchBox ul li.flightsActive {background: url(../img/bg/bg_searchBoxTopIconActive.gif) 0px -99px no-repeat;} #sectionSearchBox ul li.restaurantActive {background: url(../img/bg/bg_searchBoxTopIconActive.gif) 0px -132px no-repeat;} #sectionSearchBox ul li.pub-nightLifeActive {background: url(../img/bg/bg_searchBoxTopIconActive.gif) 0px -165px no-repeat;} #sectionSearchBox ul li.destination {background: url(../img/bg/bg_searchBoxTopIcon.gif) 0px 0px no-repeat;} #sectionSearchBox ul li.hotels {background: url(../img/bg/bg_searchBoxTopIcon.gif) 0px -33px no-repeat;} #sectionSearchBox ul li.embassy {background: url(../img/bg/bg_searchBoxTopIcon.gif) 0px -66px no-repeat;} #sectionSearchBox ul li.flights {background: url(../img/bg/bg_searchBoxTopIcon.gif) 0px -99px no-repeat;} #sectionSearchBox ul li.restaurant {background: url(../img/bg/bg_searchBoxTopIcon.gif) 0px -132px no-repeat;} #sectionSearchBox ul li.pub-nightLife {background: url(../img/bg/bg_searchBoxTopIcon.gif) 0px -165px no-repeat;} #localSearchBox ul.localMapSearch .txtSearchPlace{width:361px;font-size:15px;font-weight:bold;margin:5px 0;padding:3px;} #sectionSearchBox .searchDetail { height: 192px; overflow:hidden; width: 480px; position: absolute; right: 9px; top: 45px; background: rgb(255,255,255); _margin-left: 5px; _right:8px; } #sectionSearchBox .optionSearch {background: url(../img/bg/bg_boxSearchDetail.png) no-repeat;width: 649px;height: 210px;} #localSearchBox .localSearch {background: url(../img/bg/bg_searchLocal.png) no-repeat;width: 649px;height: 304px;} #smallSearchBox .optionSearch {background: url(../img/bg/bg_searchSmall.png) no-repeat;width: 609px;height: 117px;padding: 20px;} #sectionSearchBox .optionSearch ul li {overflow:hidden; padding-bottom:5px;} #sectionSearchBox .optionSearch ul li ul {width: 100%; overflow: hidden;} #sectionSearchBox .optionSearch ul li ul li { float: left; margin-right: 20px;} #sectionSearchBox .optionSearch ul li ul li select#budget, #sectionSearchBox .optionSearch ul li ul li select#budget1 {width: 185px} #sectionSearchBox ul li select {margin: 5px 2px; padding: 2px 5px;} #sectionSearchBox .optionSearch ul li select#city {width: 60%} #sectionSearchBox .optionSearch ul li select#budget, #sectionSearchBox .optionSearch ul li select#budget1 {width: auto;} .optionSearch, .localSearch {behavior: url(/common/pngfix/iepngfix.htc);} #sectionSearchBox #placeSearch fieldset, #localSearchBox #placeSearch fieldset{padding: 15px 20px 15px 15px;} #sectionSearchBox #placeSearch h4 label, #localSearchBox #placeSearch h4 label {font-size: 15px; } #sectionSearchBox #txtSearchPlace, #localSearchBox #txtSearchPlace, #smallSearchBox #txtSearchPlace, #sectionSearchBox #xSearch , #localSearchBox #xSearch, #smallSearchBox #xSearch{font-size: 15px; font-weight: bold; width: 361px; border-style: solid; border-width: 2px; padding: 3px; margin: 5px 0} #localSearchBox #placeSearch ol li ul {font-size: 12px;width: 360px; overflow: hidden; margin: 5px 0;} /*Rework IE6 for 2 lines case*/ #localSearchBox .localSearch #placeSearch ol li ul.groupPlace {margin:5px 0;} #localSearchBox .localSearch #placeSearch ol li ul.groupPlace ul {margin:0;} #localSearchBox .localSearch #placeSearch ol li ul.groupPlace li input{float: left;margin-right: 2px;_margin-top: -3px;/margin-top:-3px;width: 14px;} #localSearchBox .localSearch #placeSearch ol li ul.groupPlace li label{float:left;width: 162px;} #sectionSearchBox ul.groupPlace{font-size: 12px;width: 380px; overflow: hidden; margin: 5px 0;} #content #dailyPost #localSearchBox .localSearch #placeSearch ol li ul.groupPlace li{clear:both;float:none;width: auto;margin:0;} #sectionSearchBox ul.groupPlace li, #localSearchBox #placeSearch ol li ul li, #content #dailyPost #localSearchBox .localSearch #placeSearch ol li ul.groupPlace li ul li { color: rgb(0,0,0) !important; list-style-type: none; font-weight: normal; clear:none; float:left; height:auto; width:180px; margin: 2px 0; _margin: 1px 0; /margin: 1px 0; } #sectionSearchBox ul.groupPlace li{width:190px; padding: 2px 0;} #sectionSearchBox ul.groupPlace li input{margin-right:2px;width:16px;float:left;} #sectionSearchBox ul.groupPlace li label{width:169px;float:left;/margin-top:3px;} #localSearchBox #placeSearch ol li ul li label {font-size: 12px;} #sectionSearchBox span.readmore a {font-size: 12px; color: rgb(51,51,51); text-decoration: underline; margin: 0 0 0 5px;} #sectionSearchBox span.readmore a:hover {text-decoration: none;} #sectionSearchBox #submitFindout, #sectionSearchBox #submitFindout:hover, #localSearchBox #submitFindout, #localSearchBox #submitFindout:hover, #smallSearchBox #submitFindout, #smallSearchBox #submitFindout:hover{border: none; cursor: pointer; cursor: hand; /*for M$IE6*/line-height: 24px; height: 24px; width: 70px; } #sectionSearchBox #submitFindout:hover, #localSearchBox #submitFindout:hover, #smallSearchBox #submitFindout:hover {background-position: 0 -24px;} #sectionSearchBox ul li a {color: rgb(255,255,255)} #sectionSearchBox ul li a:hover {text-decoration: underline;} #sectionSearchBox ul li.hotels, #sectionSearchBox ul li.embassy, #sectionSearchBox ul li.flights, #sectionSearchBox ul li.restaurant, #localSearchBox #placeSearch p.localMap {float: left; padding: 0 10px 0 0;} #localSearchBox #placeSearch ol {float:right; width: 361px;} #localSearchBox #placeSearch ol li {list-style: decimal; font-weight: bold;} #localSearchBox #placeSearch ol li input[type="text"] {width: 350px;} #localSearchBox #placeSearch #submitFindout {margin-left: 28px; _margin-left: 15px;} .sideBar #discussion h2{background: url(../img/bg/bg_icon-dicussion.png) no-repeat;height: 28px;line-height: 28px;padding: 0 0 0 50px;} .sideBar #discussion ul {padding: 0 0 0 15px;} .sideBar #discussion ul li { list-style: disc; margin: 0 0 5px;} .sideBar #discussion ul li strong {color: rgb(103,166,212);} .sideBar #discussion ul li strong a {color: rgb(103,166,212);} #dailyPost #sectionNews {background:#FFFFFF none repeat scroll 0 0;overflow:hidden;width:665px; } #sectionNews ul.newsCategories li { background: url(../img/bg/bg_travelNews.png) no-repeat; float:left; height:185px; padding:10px 10px 0; margin:0 7px; _margin: 0 6px; width:187px; } #sectionNews ul.newsCategories li h2 { font-size: 14px;font-weight:normal;margin-bottom:5px;padding:2px 0 2px 5px;} #sectionNews ul.newsCategories li .readmore {text-align: right;} #sectionNews ul.newsCategories li .readmore a {color: rgb(5,5,5); font-size:11px; font-weight: bold; } #sectionNews ul.newsCategories li .readmore a:hover { text-decoration: underline;} ol.rankVote li {overflow: hidden; width: 99%; margin-bottom: 8px !important;} .tabslideBox ol.replycomment li {margin-bottom: 2px !important;} ol.rankVote li h3 a {color: rgb(33,60,112);} ol.rankVote li h3 a:hover {color: rgb(33,60,112); text-decoration: underline;} ol.rankVote li p {font-size: 12px;} ol.rankVote li p.figure {float:left;height:60px; margin-right:0.625em;width:90px;} ol.rankVote li div.detail {float: right; width: 200px; } .subChanelDetail .rankVote .province {float:left; height:20px; display:block;} ol.rankVote li h3, .rankVote li h3 {font-size: 12px !important; margin-bottom: 0 !important; overflow:hidden; width: auto; min-height: 20px; _height:20px; line-height: 14px;} ol.rankVote li h3 a, .rankVote li h3 a {float: left;} ol.rankVote span.reply { background: url(../img/bg/bg_icon-reply.png) no-repeat scroll 3px 0; color: rgb(72,146,200); float: left; font-size: 12px; font-style: normal; height: 26px; line-height: 15px; margin: 0 10px; padding: 0 0 0 25px; } .tabslideBox ol.rankVote span.reply a {color: rgb(72,146,200) } .tabslideBox ol.rankVote span.reply a:hover {text-decoration: underline;} .tabslideBox ol.rankVote h3 {float: left;} .tabslideBox ol.rankVote p {float:left; font-size:12px; width:520px;} .tabslideBox p.readmore a {font-size: 11px; color: rgb(72,146,200);} .tabslideBox p.readmore a:hover {text-decoration: underline;} #selectForm {background: rgb(224,224,224); margin: 10px 0; padding: 6px; float: left; width: 99%} #selectForm label {font-size: 14px; font-weight: bold;} #selectForm select {width: 30%;} .rankVote li h3 span.norating,.replycomment li span.norating {border: 1px solid rgb(226,226,226);height:17px;margin:-6px 3px 0 7px;padding:4px 1px 0 21px;position: absolute;} .rankVote li h3 span.up, .rankVote li h3 span.down, .rankVote li h3 span.embassies, .replycomment li span.up, .replycomment li span.down, .replycomment li span.embassies {border: 1px solid rgb(226,226,226);height:17px;margin:-6px 3px 0 7px;padding:4px 7px 0 21px;position:absolute;} .rankVote li h3 span.up a, .rankVote li h3 span.down a, .rankVote li h3 span.embassies a, .rankVote li h3 span.norating a {color:rgb(237,28,36);font-size:11px;} .rankVote li h3 span.up a:hover{color:rgb(237,28,36);text-decoration:underline;} .rankVote li h3 span.up,.replycomment li span.up {background:#fff url(../img/bg/bg_commentRanking.gif) no-repeat scroll 5px 1px;} .rankVote li h3 span.down,.replycomment li span.down {background:#fff url(../img/bg/bg_commentRanking.gif) no-repeat scroll 5px -20px;} .rankVote li h3 span.embassies,.replycomment li span.embassies {background:#fff url(../img/bg/bg_commentRanking.gif) no-repeat scroll 5px -60px;} .rankVote li h3 span.norating,.replycomment li span.norating {background:#fff url(../img/bg/bg_commentRanking.gif) no-repeat scroll 5px -40px;} /*rating icon with text at the end of icon (under ul li)*/ .replycomment li a ,.replycomment li p.figure{padding-top:6px;} .replycomment li span.reply {background:url("../img/bg/bg_icon-reply.png") no-repeat 3px 4px ;padding: 4px 0 0 25px;float:left;height: 22px;margin:0 7px;} .replycomment li a.map {background:url("../img/bg/ico_maplisting.png") no-repeat 3px 4px ;padding: 0;float:left;height: 27px;width: 27px;margin:-4px 0 0 6px;_margin:0px 0 0 6px;} .replycomment li a.map span{visibility:hidden;} .replycomment li span.up a,.replycomment li span.down a, .replycomment li span.embassies a,.replycomment li span.norating a{padding:0;color:rgb(237,28,36);float:left;font-size:11px;} .replycomment li span.up,.replycomment li span.down, .replycomment li span.embassies,.replycomment li span.norating{ float:left; position:static;margin:0 0 0 7px; } .leftColumn p.readmore a, .rightColumn p.readmore a {color:rgb(30,121,188); font-size: 12px; font-weight: bold; line-height: 31px;} .gradientBox5 ol li p span.comment {color: rgb(205,7,7); font-size: 11px; float: left;} #logoNews {font-size: 12px; overflow:hidden; width:645px; padding: 10px; margin: 0 auto;} #logoNews p a {display: block;} #logoNews ul {margin: 10px 0; width: 963px; overflow: hidden;} #logoNews ul li {float: left; margin-right: 5px;} .subChanelDetail ul.category {font-size: 12px; font-weight: bold; width: 615px; overflow: hidden; margin: 0 0 0 10px} .subChanelDetail ul.category li {line-height: 25px; float: left; width: 49%;} .subChanelDetail ul.category li span {color: rgb(25,25,25); font-weight: normal; margin: 0 0 0 5px;} .subChanelRelated {border-top:1px solid rgb(213,213,213); font-size: 12px; color: rgb(51,51,51); padding-bottom:20px;} .subChanelRelated p a{ color: rgb(51,51,51);} .subChanelRelated p a:hover {text-decoration:underline;} .subChanelRelated .RelatedHeader {color:rgb(30,121,188); font-size: 14px; font-weight: bold; padding-top: 10px;} .subChanelRelated p {padding-top:5px; line-height: 18px;} #latestBox {background: url(../img/bg/bg_latest.jpg) no-repeat; padding: 10px; width: 635px; height: 104px; margin: 0 auto;} #latestBox h2 {font-size: 13px; margin-bottom: 10px;} #latestBox ol li {float: left; width: 49%} #latestBox ol li h3 {width: 65%;} .subChanelDetail ol.category {font-size: 12px; float: left; width: 250px; padding: 0 10px 0 35px} .subChanelDetail ol.category li {list-style:decimal; font-weight: bold; margin: 0 0 10px;} .subChanelDetail ol.category li p {font-weight: normal; color: rgb(0,0,0); margin: 3px 0} /*Template A, BAuthor: oatnaja*/ div.calendarEvent {width: 630px;height: 205px;padding: 15px 13px;margin: 10px auto 0;background: url(../img/bg/bg_calendarLeftShow.jpg) no-repeat;overflow: hidden;} div.calendarEvent #datepicker {margin-left:10px; _display:inline;} div.calendarEvent h2 {font-size: 13px;font-weight: bold;color: rgb(33,60,112);margin-bottom: 15px;} div.calendarEvent table.calendar {float: left;} div.calendarEvent div.eventToday {width: 400px; float: right;} div.calendarEvent div.eventToday ul#eventAll li a {color: rgb(33,60,112);} div.calendarEvent div.eventToday h3 {font-size: 13px; color: rgb(33,60,112);} div.calendarEvent div.eventToday p.link {font-size: 13px; text-align: right; font-weight: bold; margin-top: -16px; margin-bottom: 8px;} div.calendarEvent div.eventToday p.link a {color: rgb(1,1,1); text-decoration: none;} div.calendarEvent div.eventToday p.link a:hover {text-decoration: underline;} div.calendarEvent div.eventToday ul {width: 370px;height: 135px;overflow: auto;background: rgb(255,255,255);border: 1px solid rgb(129,129,129);padding: 10px 15px;} div.calendarEvent div.eventToday ul li {font-size: 12px; padding-bottom: 2px;clear:both;} div.calendarEvent div.eventToday ul li span {color: rgb(33,60,112); padding: 0 10px 0 0;} div.calendarEvent div.eventToday ul li p{color: rgb(33,60,112); padding:0;width:262px;float:right;overflow:hidden; line-height: 16px;} div.calendarEvent div.eventToday ul li p strong {display:block;} div.calendarEvent div.eventToday ul#eventAll li p.time{width:80px;float:left;color:rgb(0,0,0);padding:0;} div.tabslideBox {width: 630px;height: 485px;padding: 15px 13px;margin: 10px auto 0;background: url(../img/bg/bg_tabslideBox.jpg) no-repeat;} div.tabslideBox h2 {font-size: 13px;font-weight: bold;color: rgb(33,60,112);margin-bottom: 15px;} div.tabslideBox ul.tabMenu {width: 610px;height: 23px;padding: 0 10px;background: rgb(33,60,112); margin-bottom: 20px;} div.tabslideBox ul.tabMenu li {font-size: 12px; font-weight: bold; float: left;} div.tabslideBox ul.tabMenu li a {float: left;height: 22px;color: rgb(255,255,255);line-height: 22px;padding: 0 10px;text-decoration: none;} div.tabslideBox ul.tabMenu li a:hover {text-decoration: underline;} div.tabslideBox ul.tabMenu li a.active { color: rgb(33,60,112); border: 1px solid rgb(33,60,112); border-bottom:none background: 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; } div.tabslideBox ul.tabMenu li a.active:hover {text-decoration: none;} p.replies {background: url(../img/icons/reply-icon.png) no-repeat left 7px; font-size: 12px; font-style: normal;line-height: 23px;height: 26px;padding: 0 0 0 18px;margin: 0 5px 0 0 !important;} p.replies a {color: rgb(30,121,188); text-decoration: none;} p.replies a:hover {color: rgb(30,121,188); text-decoration: underline;} .latestList h3 em {display:block; font-size:80%; font-style:normal;} /*Template thailand searchAuthor: oatnaja*/ body.thailandSearch #header { height: 100px; position: relative;} body.thailandSearch #header p.homepage {width: 200px;} #header #thailandSearch_topPageSearch {width: 652px;height: 83px;float: right;background: url(../img/bg/bg_thailandsearch-toppagesearch.gif) no-repeat 0 24px;} #header #thailandSearch_topPageSearch ul { width: 573px; text-align: right; float: right;} #header #thailandSearch_topPageSearch ul li {height: 25px;line-height: 25px;font-size: 13px;padding: 4px 8px;display: inline;} #header #thailandSearch_topPageSearch ul li#advancesearch {margin-left: 22px; padding: 4px 0 4px 8px;} #header #thailandSearch_topPageSearch ul li#advancesearch a{color: rgb(0,0,0); font-weight: bold; text-decoration: underline;} #header #thailandSearch_topPageSearch ul li#advancesearch a:hover {text-decoration: none;} #header #thailandSearch_topPageSearch ul li a {color: rgb(0,74,135);} #header #thailandSearch_topPageSearch ul li a:hover {text-decoration: underline;} #header #thailandSearch_topPageSearch ul li.active {background: rgb(227,227,227);border: 1px solid rgb(204,204,204);border-bottom: none;-moz-border-radius-topright: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-webkit-border-top-left-radius: 8px;} #header #thailandSearch_topPageSearch ul li.active a {color: rgb(51,51,51);} #header #thailandSearch_topPageSearch ul li.active a:hover {text-decoration: none;} #header #thailandSearch_topPageSearch p {width: 100%; font-size: 16px; color: rgb(51,51,51); overflow: hidden;} #header #thailandSearch_topPageSearch p label {width: 88px;height: 55px;text-align: center;line-height: 55px;float: left;} #header #thailandSearch_topPageSearch p #searchWords { width: 454px; height: 23px; font-size: 16px; padding-top: 5px; margin: 14px 12px 0 0; border: 1px solid rgb(196,196,196); background: rgb(255,255,255); float: left; } #header #thailandSearch_topPageSearch p .searchButton {width: 96px;height: 59px;margin-top: -1px;background: url(../img/bg/bg_thailandsearch-searchbutton.gif) no-repeat top left;float: left;} #header #thailandSearch_topPageSearch p .searchButton span {display: none;} #header #thailandSearch_topPageSearch p .searchButton:hover {background-position: bottom;} #thailandSearchWrapper .pageNavigation {text-align: right;font-size: 12px;word-spacing: 5px;margin: 10px 0;padding: 0 10px;} #thailandSearchWrapper .pageNavigation a {color: rgb(35,66,91);} #thailandSearchWrapper .pageNavigation span {font-weight: 700; word-spacing: normal; color: rgb(35,66,91); margin-right: 10px;} #thailandSearchWrapper ul.tabView {width: 100%; height: auto; background: url(../img/bg/bg_tabView.gif) bottom repeat-x;} #thailandSearchWrapper ul.tabView li a {height: auto;font-size: 12px;font-weight: bold;line-height: 18px;text-align: center;} #thailandSearchWrapper ul.tabView li a.active {color: rgb(30,121,188);} #thailandSearchWrapper table#detailOfDirectories {width: auto;} #thailandSearchWrapper table#detailOfDirectories a {color: rgb(35,66,91); text-decoration: none;} #thailandSearchWrapper table#detailOfDirectories a:hover {text-decoration: underline;} #thailandSearchWrapper table#detailOfDirectories th.hDetails a {background-position: 481px center;} #thailandSearchWrapper table#detailOfDirectories th.hCategory a {background-position: 106px center;} #thailandSearchWrapper table#detailOfDirectories th.hLocation a {margin-right: 0; background-position: 116px center;} #thailandSearchWrapper table#detailOfDirectories th.hPrice a{margin-right: 0; background-position: 106px center;} #thailandSearchWrapper table#detailOfDirectories th.hPrice a span {color: rgb(53,53,53); font-size: 10px; } #thailandSearchWrapper table#detailOfDirectories td p.rankUp a {color: rgb(255,0,0);} #thailandSearchWrapper table#detailOfDirectories td p.rankUp a:hover {color: rgb(255,0,0); text-decoration: none;} #thailandSearchWrapper table#detailOfDirectories td p.rankDown a {color: rgb(255,0,0);} #thailandSearchWrapper table#detailOfDirectories td p.rankDown a:hover {color: rgb(255,0,0); text-decoration: none;} /*search found area*/ #thailandSearchWrapper .search-found {border: 0; margin: 0; padding: 0; } #thailandSearchWrapper .search-found h2 {padding: 20px 0 5px; font-size: 14px!important;} #thailandSearchWrapper .search-found a {color: rgb(30,121,188); text-decoration: none; } #thailandSearchWrapper .search-found a:hover {color: rgb(30,121,188); text-decoration: underline; } .search-found h2 span {color: rgb(0,0,0);} body .guideTools h2 {font-size: 14px; } body .guideTools ul {font-size: 12px; margin-bottom: 20px; } body .guideTools ul li {list-style: disc; margin-left: 15px; line-height: 20px; } body .guideTools a {text-decoration: none;} body .guideTools a:hover {text-decoration: underline;} /*No Search result when have left panel*/ #rightSidebar .searchTools {width:680px;margin: 40px 0 10px 0;} #rightSidebar .searchTools .homepage {margin-bottom:0;} #rightSidebar .searchTools #thailandSearch_topPageSearch {clear:both; float:left; margin: -23px 0 0 0;} .searchTools {margin: 40px 0 0; overflow: hidden; width: 840px; } .searchTools .homepage {float: left; } .searchTools #thailandSearch_topPageSearch {width: 652px;height: 58px;float: right;background: url(../img/bg/bg_thailandsearch-toppagesearch.gif) no-repeat 0 24px;padding-top: 25px;} .searchTools #thailandSearch_topPageSearch ul { width: 557px; padding-right: 30px; text-align: right; margin-bottom: 0; } .searchTools #thailandSearch_topPageSearch ul li {height: 25px;line-height: 25px;font-size: 13px;margin-left: 0;padding: 4px 8px;display: inline;} .searchTools #thailandSearch_topPageSearch ul li a {color: rgb(0,74,135); text-decoration: none; } .searchTools #thailandSearch_topPageSearch ul li a:hover {text-decoration: underline;} .searchTools #thailandSearch_topPageSearch ul li.active {background: rgb(227,227,227);border: 1px solid rgb(204,204,204);-moz-border-radius-topright: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-webkit-border-top-left-radius: 8px;} .searchTools #thailandSearch_topPageSearch ul li.active a {color: rgb(51,51,51);} .searchTools #thailandSearch_topPageSearch ul li.active a:hover {text-decoration: none;} .searchTools #thailandSearch_topPageSearch p {width: 100%; font-size: 16px; color: rgb(51,51,51); overflow: hidden;} .searchTools #thailandSearch_topPageSearch p label {width: 88px;height: 55px;text-align: center;line-height: 55px;float: left;} .searchTools #thailandSearch_topPageSearch p #searchWords2 { width: 454px; height: 23px; font-size: 16px; padding-top: 5px; margin: 14px 12px 0 0; border: 1px solid rgb(196,196,196) !important; background: rgb(255,255,255); float: left; } .searchTools #thailandSearch_topPageSearch p .searchButton {width: 96px;height: 59px;margin-top: -1px;background: url(../img/bg/bg_thailandsearch-searchbutton.gif) no-repeat top left;float: left;} .searchTools #thailandSearch_topPageSearch p .searchButton span {display: none;} .searchTools #thailandSearch_topPageSearch p .searchButton:hover {background-position: bottom;} ol#thailandSearchList {font-size: 12px;color: rgb(51,51,51);padding-left: 5px;margin-bottom: 1.5em;margin-top: 15px;} ol#thailandSearchList li {overflow: hidden;padding: 5px 5px 15px;border-bottom: 1px dashed rgb(221,221,221);} ol#thailandSearchList li:hover {background: rgb(235,235,235);} ol#thailandSearchList li:after {content: "."; height: 0; clear: both; display: block; visibility: hidden;} ol#thailandSearchList li p.typeDate {margin-bottom: 0.625em;} ol#thailandSearchList li p.typeDate span {color: rgb(35,66,91); font-weight: bold;} ol#thailandSearchList li p.typeDate span a {color: rgb(35,66,91); text-decoration: none;} ol#thailandSearchList li p.typeDate span a:hover {color: rgb(35,66,91); text-decoration: underline;} ol#thailandSearchList li h3 {color: rgb(35,66,91);} ol#thailandSearchList li h3 a {color: rgb(35,66,91); text-decoration: none;} ol#thailandSearchList li h3 a:hover {color: rgb(35,66,91); text-decoration: underline;} ol#thailandSearchList li p.resultThumb {width: 90px;height: 60px;float: left;margin-right: 0.625em;} ol#thailandSearchList li p strong.highlight {color: rgb(128,128,128);} ol#thailandSearchList li .writerdetail {margin: 10px 0 5px 0;} ol#thailandSearchList li .writerdetail a {color: rgb(53,101,139); text-decoration: none;} ol#thailandSearchList li .writerdetail a:hover {text-decoration: underline;} body.thailandSearch #header p.homepageBig {position: absolute; left: 90px; top: 50px; } #thailandSearchWrapper #thailandSearch_topPageSearch { width: 802px; height: 150px; margin: 65px auto 0; _margin: 80px auto 0; /margin: 80px auto 0; background: url(../img/bg/bg_thailandsearch-toppagesearchbig.gif) no-repeat 0 26px; } #thailandSearchWrapper #thailandSearch_topPageSearch ul {width: 683px; margin-right: 119px; text-align: right;} #thailandSearchWrapper #thailandSearch_topPageSearch ul li { height: 28px; line-height: 28px; font-size: 15px; padding: 4px 8px; display: inline; } #thailandSearchWrapper #thailandSearch_topPageSearch ul li a {color: rgb(0,74,135);} #thailandSearchWrapper #thailandSearch_topPageSearch ul li a:hover {text-decoration: underline;} #thailandSearchWrapper #thailandSearch_topPageSearch ul li.active { background: rgb(227,227,227); border-top: 1px solid rgb(204,204,204); border-left: 1px solid rgb(204,204,204); border-right: 1px solid rgb(204,204,204); -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; } #thailandSearchWrapper #thailandSearch_topPageSearch ul li.active a {color: rgb(51,51,51);} #thailandSearchWrapper #thailandSearch_topPageSearch ul li.active a:hover {text-decoration: none;} #thailandSearchWrapper #thailandSearch_topPageSearch p {width: 100%; font-size: 20px; color: rgb(51,51,51); overflow: hidden;} #thailandSearchWrapper #thailandSearch_topPageSearch p label {width: 108px;height: 70px;text-align: center;line-height: 70px;float: left;} #thailandSearchWrapper #thailandSearch_topPageSearch p #searchWords {width: 560px;height: 30px;font-size: 20px;padding-top: 5px;margin: 17px 13px 0 0;border: 1px solid rgb(196,196,196);background: rgb(255,255,255);float: left;} #thailandSearchWrapper #thailandSearch_topPageSearch p .searchButton {width: 118px;height: 72px;margin-top: -2px;background: url(../img/bg/bg_thailandsearch-searchbuttonbig.gif) no-repeat top left;float: left;position: absolute;} #thailandSearchWrapper #thailandSearch_topPageSearch p .searchButton span {display: none;} #thailandSearchWrapper #thailandSearch_topPageSearch p .searchButton:hover {background-position: bottom;} #thailandSearchWrapper #thailandSearch_topPageSearch p.keyword {font-size: 12px; color: rgb(49,45,45); padding: 15px 0 0 20px;} #thailandSearchWrapper #thailandSearch_topPageSearch p.keyword a {margin-left: 7px; text-decoration: none; color: rgb(49,45,45);} #thailandSearchWrapper #thailandSearch_topPageSearch p.keyword a:hover {text-decoration: underline;} .thailandSearch2Column {width: 906px; border-top: 1px solid rgb(227,227,227); margin: 40px auto 0; padding: 20px 0 0;} .thailandSearchLeft h2, .thailandSearchRight h2 {font-size: 18px; color: rgb(0,74,132); font-weight: normal;} .thailandSearchLeft { width: 300px; float: left;} .thailandSearchLeft ul.listView {font-size: 13px; padding-top: 10px;} .thailandSearchLeft ul.listView li {padding: 0 0 5px 18px; background: url(../img/bg/bg_thailandsearch-ul2column.gif) no-repeat 0 3px;} .thailandSearchLeft ul.listView li a {color: rgb(51,51,51); text-decoration: none;} .thailandSearchLeft ul.listView li a:hover {color: rgb(0,74,135); text-decoration: underline;} .thailandSearchRight {width: 555px; padding-right: 15px; float: right;} .thailandSearchRight ul.listView {width: 277px; font-size: 13px; padding-top: 10px; float: left;} .thailandSearchRight ul.listView li {padding: 0 0 5px 18px; background: url(../img/bg/bg_thailandsearch-ul2column.gif) no-repeat 0 3px;} .thailandSearchRight ul.listView li a {color: rgb(51,51,51); text-decoration: none;} .thailandSearchRight ul.listView li a:hover {color: rgb(0,74,135); text-decoration: underline;} .thailandSearchRight div.calendarEvent {width: 526px;height: 203px;padding: 15px 13px;margin: 20px auto;background: url(../img/bg/bg_thailandsearch-calendareven.gif) no-repeat;overflow: hidden;} .thailandSearchRight div.calendarEvent h3 {font-size: 13px; color: rgb(183,42,90); padding-bottom: 10px;} .thailandSearchRight div.calendarEvent div.eventToday {width: 300px; margin-top: 15px; float: right;} .thailandSearchRight div.calendarEvent div.eventToday h3 {font-size: 13px; color: rgb(33,60,112); padding: 0;} .thailandSearchRight div.calendarEvent div.eventToday p.link {font-size: 13px; text-align: right; font-weight: bold; margin-top: -16px; margin-bottom: 8px;} .thailandSearchRight div.calendarEvent div.eventToday p.link a {color: rgb(1,1,1); text-decoration: none;} .thailandSearchRight div.calendarEvent div.eventToday p.link a:hover {text-decoration: underline;} .thailandSearchRight div.calendarEvent div.eventToday ul {width: 270px;height: 115px;overflow: auto;background: rgb(255,255,255);border: 1px solid rgb(129,129,129);padding: 10px 15px;} .thailandSearchRight div.calendarEvent div.eventToday ul li {font-size: 12px; padding-bottom: 2px;} .thailandSearchRight div.calendarEvent div.eventToday ul li p{width:165px;line-height: 16px;} .thailandSearchRight div.calendarEvent div.eventToday ul li span {color: rgb(33,60,112); padding: 0 10px 0 0;} .thailandSearchRight div.calendarEvent div.eventToday ul li a {color: rgb(33,60,112);} /*Template EAuthor: Giw*/ #dailyPost .propertySearch #placeSearch fieldset {padding: 5px 20px;} #dailyPost .propertySearch #placeSearch h4 {margin: 0 0 5px;} #dailyPost .propertySearch #placeSearch ul {padding: 0 0 10px;} #dailyPost .propertySearch #placeSearch ul li select, #localSearchBox ul.localMapSearch li select {margin: 5px 0; padding: 2px; clear: both;} /*add property "clear: both" by eid@13/01/2010*/ #dailyPost .propertySearch #placeSearch ul li h4 {margin: 0;} #dailyPost .propertySearch #placeSearch select#location {width: 90%} #dailyPost .propertySearch select#budget, #dailyPost .propertySearch select#budget1 {width: 35%} #localSearchBox ul.localMapSearch {float: right; width: 378px;} #localSearchBox ul.localMapSearch li {float: left; margin: 3px 5px 3px 0; clear: both;width:100%;overflow:hidden;} /*add property "clear: both" by eid@13/01/2010*/ #localSearchBox ul.localMapSearch label {font-weight: bold; font-size: 15px;} ul.localMapSearch #txtStylePlace, ul.localMapSearch #txtSizePlace, ul.localMapSearch #txtPricePlace {border-style:solid;border-width:2px;font-size:15px;font-weight:bold;margin:5px 0;padding:3px;} #localSearchBox #placeSearch p.submitFind #submitFindout {margin: 5px 0 0 12px;_margin-left:0;} #localSearchBox ul.localMapSearch li .Condominium_Search {float:left;width:33%;} #localSearchBox ul.localMapSearch li .Condominium_Search select{width:89%;} #localSearchBox ul.localMapSearch li label.radiofield input{margin:0 10px;} #dailyPost #localSearchBox ul.localMapSearch li p.submitFind #submitFindout{margin-left:0;} /*Template Directory and CalenderAuthor: oatnaja*/ #directoryWrapper {width: 944px;margin: 0 auto 5px;padding: 10px 20px;background: rgb(255,255,255);font-size: 12px;} #directoryWrapper h2 {height: 50px;font-size: 25px;color: rgb(35,66,91);line-height: 50px;border-bottom: 1px solid rgb(227,227,227);_padding-top: 10px;_height: 40px;} #directoryWrapper h2.step { font-size: 20px;} #directoryWrapper h2.clearBorder {border: 0;} #directoryWrapper h2 span {padding: 0 0 0 30px;} #directoryWrapper h2 span input {vertical-align: middle;} #directoryWrapper p.setBorder {width: 900px;padding-bottom: 15px;margin: 0 auto;border-bottom: 1px solid rgb(227,227,227);} #directoryWrapper .calendarEvent {margin: 10px 0 0 20px;} #directoryWrapper .calendarEvent h2 { height: auto; line-height: normal; border: none; font-size: 13px; color: rgb(247,148,29); padding: 0 0 10px 0; margin: 0; } .categoryStyleWrapper {width: 944px; margin: 0 auto; padding: 30px 0; overflow: hidden;} .categoryStyleWrapper h3 {font-size: 18px;color: rgb(0,74,135);font-weight: normal;padding: 0 0 20px 30px;} .categoryStyleWrapper ul {width: 460px; float: left;} .categoryStyleWrapper ul li {width: 460px; padding-bottom: 15px; overflow: hidden;} .categoryStyleWrapper ul li p.icon {width: 65px; text-align: right; float: left;} .categoryStyleWrapper ul li h4 {width: 390px;font-size: 13px;color: rgb(35,66,91);padding: 3px 0 3px 5px;float: right;} .categoryStyleWrapper ul li ul {width: 385px; float: right; padding: 0 5px 0 0;} .categoryStyleWrapper ul li ul li {width: auto;display: inline;font-size: 14px;color: rgb(51,51,51);padding: 0 5px 3px 0;} .categoryStyleWrapper ul li ul li a {color: rgb(0,74,135);text-decoration: none;padding: 0 5px 0 0;} .categoryStyleWrapper ul li ul li a:hover {text-decoration: underline;} #directoryWrapper .stepWrapper {width: 880px; margin: 0 auto; padding: 20px 0 200px;} #directoryWrapper .stepWrapper h3 {font-size: 15px; color: rgb(35,66,91); padding-bottom: 10px;} #directoryWrapper .stepWrapper p {padding-bottom: 10px;} #directoryWrapper .stepWrapper p.accept {color: rgb(35,66,91); padding-top: 30px;} #directoryWrapper .stepWrapper p.accept input {margin-right: 5px;} #directoryWrapper .stepWrapper p.button {text-align: center; padding-top: 40px;} fieldset.fillInformation ul li {padding-bottom: 5px;} fieldset.fillInformation ul li select {width: 575px; font-family: Arial, Helvetica, sans-serif;padding:2px 0;} fieldset.fillInformation ul li input {width: 572px; font-family: Arial, Helvetica, sans-serif; padding:2px 0;} fieldset.fillInformation ul li input#xAccept {width: 20px;} fieldset.fillInformation ul li a.termsAccept {color:rgb(0,0,0); text-decoration:underline;font-weight:bold;} fieldset.fillInformation ul li a.termsAccept:hover {text-decoration:none;} fieldset.fillInformation ul li textarea {width: 572px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 70px; } fieldset.fillInformation ul li p span strong{padding-left: 18px;} fieldset.fillInformation ul li p span select {width: 105px; margin-left: 8px;} fieldset.fillInformation ul li.submit p {width: 100%; padding: 0; overflow: hidden;} fieldset.fillInformation ul li.submit label {width: 115px; float: left; } fieldset.fillInformation ul li.submit span {width: 600px; float: left; margin-left: 15px;} fieldset.fillInformation ul li.submit span img {float: left; margin-right: 5px;} fieldset.fillInformation ul li.submit span input {width: auto; margin: 0 0 10px 0; vertical-align: baseline;} fieldset.fillInformation ul li.submit span input.setWidth01 {width: 370px; float: left; margin-right: 5px; padding:2px 5px;} fieldset.fillInformation ul li.submit span input.setWidth02 {width: 145px; float: left; margin-right: 5px; padding:2px 5px;} fieldset.fillInformation ul li.button {padding: 0 0 0 130px;margin-top:-4px;} fieldset.fillInformation ul li.button input {width: auto;} fieldset.fillInformation ul li p.setSelect select {width: 105px; margin: 0 5px 0 0;} fieldset.fillInformation ul li p span select#xSHour{margin-left:47px;} fieldset.fillInformation ul li dl {width: 585px; margin-left: 28px; padding: 10px 0 0;} fieldset.fillInformation ul li dt {font-size: 12px;} fieldset.fillInformation ul li dd ul {width: 585px; overflow: hidden; padding-top: 3px;} fieldset.fillInformation ul li dd ul li {width: 117px; float: left; overflow: hidden;} fieldset.fillInformation ul li dd ul li input {float: left; margin: 7px 3px 0 0; width: auto;} fieldset.fillInformation ul li dd ul li p {float: left;font-size: 15px;color: rgb(237,28,36);background: url(../img/bg/bg_commentRank.gif) no-repeat;padding: 5px 0 0 22px;} fieldset.fillInformation ul li dd ul li p span {display: block;font-size: 11px;color: rgb(102,102,102);margin-left: -20px;} fieldset.thankyou ul {padding: 20px 0;} fieldset.thankyou ul li {padding-bottom: 5px;} /*Google Map Bubble*/ .directoryMap div.directoryDetail p.thumbnail{float:left;height:60px;margin:0 10px 5px 0;width:90px;} .directoryMap .directoryHeader{border-bottom: 1px solid rgb(234,234,234);height: 36px;overflow: hidden;margin: 0 0 8px 0;} .directoryMap .directoryHeader p{float:right;margin-top:4px;clear:none!important;} .directoryMap .directoryDetail p a,.directoryMap .directoryDetail ul li a{color:rgb(0,0,0); text-decoration: underline;} .directoryMap .directoryDetail ul {clear:both;padding:0 0 5px 0;} .directoryMap .directoryDetail ul li{color:rgb(0,0,0); font-size: 12px; line-height: 15px;} .directoryMap .directoryDetail .location a.more{text-decoration: none;} .directoryMap .directoryHeader h1{color: rgb(70,70,70);font-weight: bold;font-size: 13px;background: url(../img/bg/bg_map_header.gif) no-repeat;padding:12px 0 10px 37px;float:left;} .directoryMap .directoryDetail{width: 341px;padding: 10px;} .directoryMap .directoryDetail h2{padding-top:5px;} .directoryMap .directoryDetail p {clear:both;} .directoryMap .directoryDetail p strong{display: inline;} .directoryMap .directoryDetail p strong a {color:rgb(70,70,70);font-weight:bold;} .directoryMap .directoryDetail .systemInfo{padding:0;} .directoryMap .directoryDetail .systemInfo ul li{font-size:11px;display:inline;float:none;} .directoryMap .directoryDetail .systemInfo .btnStyle li a {text-decoration:none;} .directoryMap .directoryDetail .systemInfo .btnStyle li {line-height: 20px;} .directoryMap .directoryDetail .rankUp{ background:url(../img/bg/bg_commentRankS_up.gif) no-repeat scroll 0 0; color:#ED1C24; font-size:12px; font-weight:bold; height:16px; margin:-3px 0 0 -3px; padding:5px 0 0 20px; float:left;} .directoryMap .directoryDetail .detail{clear:both;padding-top:7px;} /*Google map for newstheme*/ .newsThemeMap{background:none!important;} .newsThemeMap .directoryDetail h2 a,.newsThemeMap .directoryDetail .systemInfo a{color: rgb(30,121,188);} .newsThemeMap .directoryDetail .systemInfo a:hover{text-docaration:underline;} /*Directory map*/ .btn-sdg {background: url(../img/button/btn-sdg.png) 0 0;cursor: pointer;float: left;height: 34px;margin: 5px 0 10px;padding: 0 !important;_width: 200px; } .btn-sdg * {background: url(../img/button/btn-sdg.png) 100% 0;color: #3c3c3c;cursor: pointer;display: block;font-size: 12px;height: 24px;margin-left: 20px;padding: 10px 20px 0 0; } .btn-sdg input {border: 0;height: 34px;outline: none;margin-left: 15px;padding: 0 15px 0 0;/margin-left: 10px;/padding: 0 10px 0 0; } .btn-sdg:hover {background-position: 0 100%; } .btn-sdg:hover * {background-position: 100% 100%; } #map-mark-up {border: 5px solid #f5f5f5;margin: 10px auto;overflow: hidden;width: 867px; } #map-mark-up #themap {float: left;height: 652px;width: 598px; } #map-mark-up #search-map {float: right;font-size: 11px;width: 269px; } #map-mark-up #search-map h3 {color: #434343;font-size: 11px;font-weight: bold;margin: 15px 0 -35px 10px;position: absolute; } #search-map .nav-tabs { background: #e7e7e7; border-bottom: 1px solid #828282; height: 22px; margin-bottom: 20px; padding: 10px 0 0 50px; text-align: right; width: 219px; _overflow: hidden; } #search-map .nav-tabs li {float: left;margin-left: 2px;width: 130px; } #search-map .nav-tabs li.first {width: 78px !important; } #search-map .nav-tabs li a {background: url(../img/bg/bg-nav-tabs.gif) 0 0;color: #828282;display: block;height: 22px;padding: 0 0 0 10px; } #search-map .nav-tabs li a span {background: url(../img/bg/bg-nav-tabs.gif) 100% 0;display: block;height: 17px;padding: 5px 10px 0 0; } #search-map .nav-tabs li a.active {background: url(../img/bg/bg-nav-tabs.gif) 0 100%;height: 23px;margin-bottom: -1px;position: relative; } #search-map .nav-tabs li a.active span {background: url(../img/bg/bg-nav-tabs.gif) 100% 100%;height: 18px; } #search-map fieldset ul li {margin: 5px 0;overflow: hidden;width: 250px; } #search-map fieldset ul li label {color: #000;display: block;float: left;font-weight: bold;text-align: right;width: 100px; } #search-map fieldset ul li input {float: right;margin-left: 0;padding: 1px 0;width: 140px; } #search-map fieldset ul li select {float: right;margin-left: 0;width: 145px; } #search-map fieldset ul li input#search-btn {background: url(../img/button/btn-search.png) 0 0 no-repeat;border: 0;cursor: pointer;height: 26px;margin-right: 68px;width: 80px; } #search-map fieldset ul li input#search-btn {behavior: url(../../common/pngfix/iepngfix.htc);} #search-map fieldset ul li input#search-btn:hover {background: url(../img/button/btn-search.png) 0 100%; } #search-map .alert-solution {background: #f6f6f6;margin: 10px 2px;padding: 10px; } #search-map .alert-solution p span {background: url(../img/icons/icon-knot.png) no-repeat;color: #900;display: block;height: 30px;margin: 5px 0 0;padding: 0 0 0 30px; } #search-map .alert-solution p span {behavior: url(../../common/pngfix/iepngfix.htc);} #search-map #displaying-result p {margin-bottom: 5px; } #search-map #displaying-result {margin: 0 2px; } #search-map #displaying-result strong {color: #1e79bc; } #search-map #displaying-result a {color: #1e79bc;padding-right: 3px;text-decoration: underline; } #search-map #displaying-result table {width: 265px; } #search-map #displaying-result table td {border-top: 1px solid #e5e5e5;padding: 5px;vertical-align: top; } #search-map #displaying-result table td img {margin: 0 -4px; } #search-map #displaying-result table tr.no-border td {border: 0; } .innerRepeatBox .subChanelDetail form#selectForm fieldset select#province {width: 34%;} div.wrapperEditorComment ol.editorCommentBox li p.byEditor {padding-top:4px;} /*For fix rank icon on localnews box*/ #dailyPost #localNews .rankVote li {height:auto;} #dailyPost #localNews .rankVote li h3 {height:auto;overflow:hidden;_zoom:1;} #dailyPost #localNews .rankVote li h3 a{padding-right:40px;} #dailyPost #localNews .rankVote li h3 span.province{padding-right:40px;} #dailyPost #localNews .rankVote li h3 span a{padding-right:0;} #dailyPost #localNews .rankVote li h3 span.latestreview{display:block;float:left;margin-left:0;width:155px;} #dailyPost #localNews .rankVote span.latestreview a{display:inline;float:none;} #dailyPost #localNews .rankVote span.latestreview span{display:inline;margin:0;} /*Travel Categories*/ #TravelCategories {width: 595px;margin:0 auto; overflow:hidden;padding-bottom: 30px;} #TravelCategories ul{margin-bottom:10px;overflow:hidden;} #TravelCategories ul li {width:100%;clear:both;color:rgb(30,121,188);} #TravelCategories h3 {padding-bottom:5px;clear:both;} #TravelCategories h3 a{font-size:12px;color:rgb(30,121,188);} #TravelCategories h3 a:hover {text-decoration:underline;} #TravelCategories h3 span{color:rgb(51,51,51);font-weight:normal;font-size:12px;} #TravelCategories ul li ul li{ display:block; padding-left:15px; margin-left:10px; padding-right:5px; width:267px; float:left; _display:inline; margin-bottom:0; clear:none; position:relative; overflow:hidden; top:0 line-height:16px; } #TravelCategories ul li ul {margin:0;} #TravelCategories ul li ul li span.bull{position:absolute;left:0;font-size:19px;top:2px;color:rgb(30,121,188);} #TravelCategories ul li ul li a,#TravelCategories ul li ul li span {font-size: 12px; color:rgb(51,51,51);} #TravelCategories ul li ul li a:hover {text-decoration:underline;} /*RelatedCategory*/ .RelatedCategory {width: 100%; border-top: 1px solid rgb(236,236,236);} .RelatedCategory .RelatedHeader{color: rgb(30,121,188); font-size: 14px; font-weight:bold; padding-top: 10px; margin-bottom: 5px;} .RelatedCategory p{padding:0 13px;} .RelatedCategory p a {color: rgb(51,51,51);text-decoration: none;} .RelatedCategory p a:hover{text-decoration: underline;} /*Promote Sale Description*/ #DirectoryAdswrapper{background: rgb(255,255,255);font-size:12px;margin:0 auto;padding:10px 21px;width:942px;} .DirectoryAdsBanner {background: url(../img/bg/img_promote2.jpg) no-repeat; margin: 10px auto;width: 942px; height:235px;} .DirectoryAdsBanner h2 {visibility: hidden;} /*DirectoryAdsDetail*/ .DirectoryAdsDetail {font-size: 12px; color: rgb(0,0,0); line-height: 20px; overflow:hidden; width: 915px; margin: 0 auto 50px auto;} .DirectoryAdsDetail p {padding-bottom: 10px;} .DirectoryAdsDetail p.center {text-align:center;padding-top:40px;} .DirectoryAdsDetail ul li {padding-top: 5px;} .DirectoryAdsDetail ul.target li{padding:0 0 0 46px;} .DirectoryAdsDetail ul li span,.DirectoryAdsDetail h4{font-size: 15px; color: rgb(30,121,188); font-weight: bold; padding-top: 10px;} .DirectoryAdsDetail h3 {font-size: 20px; color: rgb(35,66,91); font-weight: normal; padding-bottom: 10px;} .DirectoryAdsDetail .advertiselink {padding-top: 30px;} .DirectoryAdsDetail .advertiselink span{font-size: 15px; font-weight: bold; color: rgb(30,121,188); display:block; float:left; margin-right: 10px; padding-top:10px;} /*ContactAds*/ .ContactAds {width: 253px; height: 231px; background: url(../img/bg/bg_adscontact.jpg) no-repeat right top;float: right;margin-bottom: 15px; clear: both;} .ContactAds p span{display:block; font-size: 13px; color: rgb(102,102,102); padding-top: 10px;} .ContactAds p {text-align:center;} .ContactAds p span.headline{font-size: 15px; font-weight: bold; padding-top: 17px;} .ContactAds p span.tel {font-size: 28px; color: rgb(0,172,255); padding-top: 15px;} /*Promote Sale Banner*/ .PromoteBanner {background: url(../img/bg/img_promote1.jpg) no-repeat; margin: 10px auto;width: 902px; height:235px;position: relative;} .PromoteBanner a {background: url(../img/bg/btn_more_detail.gif) no-repeat;width: 121px;height: 38px;display:block;position: absolute;bottom: 48px;left: 30px;} .PromoteBanner a span,.PromoteBanner h2 {visibility: hidden;} /*Contact Sale*/ .ContactSale {width: 900px; margin:10px auto 50px auto;} .ContactSale h2{font-size: 20px; font-weight: normal; color: rgb(35,66,91); padding:15px 0; border-bottom: 1px solid rgb(227,227,227);} .ContactSale form {width: 870px; margin: 0 auto; font-size: 12px;} .ContactSale form ul li {padding-top: 12px;} .ContactSale form ul li input{margin-top: 10px;padding:2px; width: 418px;} .ContactSale form ul li textarea {margin-top: 10px;padding:2px; width: 422px;} .ContactSale form ul li label {display:block; font-weight: bold;} .ContactSale form ul li .validate {overflow: hidden; position: relative;padding-top: 10px; width: 360px; height: 80px;} .ContactSale form ul li .validate img { position:absolute;left:0;} .ContactSale form ul li .validate input {width: 100px; cursor: pointer; position:absolute; right:0; bottom:0;} .ContactSale input.submitsale {border: none;background: url(../img/bg/btn-submitcontact.jpg) no-repeat; width: 85px; height: 32px;margin-left: 170px;cursor: pointer;} /*Directory Listing */ .Directorylisting {margin:0 auto;overflow:hidden;padding:0 0 30px 0;width:944px; } .Directorylisting .icon{float: left; width: 75px;} .Directorylisting .detail {float:left; width:869px;} .Directorylisting h4 a{color: rgb(35,66,91); padding-top: 2px; font-size: 13px;} .Directorylisting ul li{overflow: hidden; padding-top: 30px;} .Directorylisting ul li ul li{padding-left:15px;} .Directorylisting ul li ul li a {color: rgb(0,0,0);} .Directorylisting ul li ul li ul {padding-top: 10px;} .Directorylisting ul li ul li a span {color: rgb(0,74,135); font-weight: bold;} .detail ul li {padding-top: 15px;} .detail ul li ul li {padding:0; } .detail ul li ul {overflow: hidden;} .Directorylisting .subchannellisting {width: 800px; overflow: hidden; padding:0; } .Directorylisting .subchannellisting li {float:left; margin-left:9px; _display:inline; width: 257px;list-style: disc;line-height: 19px;padding:0;overflow: hidden;} .Directorylisting .subchannellisting li span {font-size: 22px; color: rgb(0,77,137); vertical-align:middle; padding-right: 5px;} .Directorylisting .subchannellisting li a {color: rgb(0,0,0); text-decoration: none;} .Directorylisting .subchannellisting li a:hover { text-decoration: underline;} /*search found*/ .search-found {border: 1px solid #ccc; margin: 20px 10px; padding: 20px; } .search-found h2 {font-size: 14px!important;} .search-found h2 q {color: rgb(0,0,0); } .search-found h4 {font-size: 14px; margin-bottom: 5px; } .search-found p span {display: block; } .search-found ul {margin-bottom: 15px; } .search-found li {color: rgb(54,54,54); font-size: 12px; list-style: disc; margin-left: 15px; line-height: 20px; } .search-found a {text-decoration: none!important;} .search-found a:hover {text-decoration: underline!important;} .search-found a,.search-found a:hover, body .guideTools a,body .guideTools a:hover{color: rgb(30,121,188);} #rightSidebar .guideTools {margin-top:20px;} /*Thailand Search Advance*/ .thailandSearchAdvance #header {height: 118px; } .thailandSearchAdvance #thailandSearchWrapper {padding:0 0 60px;} /*Advancesearch*/ .AdvanceSearch {border-top: 1px solid rgb(204,204,204); font-size: 12px; color: rgb(0,0,0); margin-top: 35px;} .AdvanceSearch p a {color: rgb(51,51,51);} .AdvanceSearch p a:hover {color: rgb(0,74,135); text-decoration: underline;} .AdvanceSearch h1 {color: rgb(36,67,90); font-size: 24px; padding: 20px 0 15px 0;} .AdvanceSearch label {width: 195px; float: left; font-weight: bold; margin-bottom: -3px;} .AdvanceSearch ul li {line-height: 18px; padding-top: 13px; overflow:hidden; clear: both;} .AdvanceSearch input {width: 310px; float:left; padding:2px 5px;} .AdvanceSearch select {width: 324px; float:left; padding: 2px;} .AdvanceSearch .searchbtn,#Search-noresult form .searchbtn, .GoogleSearchNav input.searchbtn{background: url(../img/button/btn_advancesearch.jpg) no-repeat; cursor: pointer; width: 78px; height: 27px; border: none; margin:10px 0 0 195px;} .AdvanceSearch .submit {clear:both;} .AdvanceSearch span {float: left; clear:left; margin-top: -9px;} .AdvanceSearch p {clear: both;} .AdvanceSearch .Publisheddate input{width: 168px;} .AdvanceSearch .Publisheddate select {width: auto;} .AdvanceSearch .Publisheddate .radioinput {width: 13px; margin-right: 10px; margin-top: 4px; _margin-top:2px;/margin-top:2px;} .AdvanceSearch .Publisheddate {float: left;} .AdvanceSearch .Publisheddate p.first {padding-top:0;} .AdvanceSearch .Publisheddate p {padding-top: 10px;} .AdvanceSearch .Publisheddate p a {float: left; margin-left: 5px;} .AdvanceSearch .Publisheddate span{float: left; clear:none; width: 35px; padding-top: 13px;} .AdvanceSearch .Publisheddate span.to {text-align:center;} /*Info Gallery*/ .InfoGallery {width:750px; border: 1px solid rgb(204,204,204); text-align: center; padding: 10px; margin-bottom: 10px;} .InfoGallery p.caption {font-size: 11px;} /*Search-noresult page*/ #Search-noresult {font-size: 12px; color: rgb(0,0,0); line-height: 18px;} #Search-noresult a {color: rgb(30,121,188); text-decoration: underline;} #Search-noresult a:hover {text-decoration: none;} #Search-noresult p.returnmsg {padding-top: 20px; color: rgb(30,121,188); font-weight: bold; font-size: 14px;} #Search-noresult p.returnmsg span {color: rgb(0,0,0);} #Search-noresult form {margin-bottom: 25px;} #Search-noresult form label {font-size: 14px; font-weight: bold; margin-right: 10px;} #Search-noresult form input {width: 318px; padding: 2px;} #thailandSearchWrapper #Search-noresult form .searchbtn{margin-left: 10px; } /*Google Search*/ .GoogleSearchNav {width: 820px; border: 1px solid rgb(222,222,222); background: rgb(240,246,250); margin: 0 auto;padding: 20px 0 30px 120px;} .GoogleSearchNav label {font-size: 14px; font-weight: bold; margin-right: 10px;} .GoogleSearchNav input {width: 318px;padding: 2px;} #thailandSearchWrapper .GoogleSearchNav input.searchbtn {margin-left: 10px;} .GoogleSearchresult {margin: 40px 0;} /*Hotel Recommendation*/ .HotelRecommendBox {background: url("../img/bg/bg_categoriesBox5.png") no-repeat scroll 0 0 transparent;height: 301px; padding: 10px;width: 305px;} .HotelRecommendBox li {clear: both;line-height: 14px; border-top: 1px solid rgb(207,207,207); overflow: hidden; width: 100%; padding:10px 0 8px 0; } .HotelRecommendBox li.first {border: none; padding-top: 0;} .HotelRecommendBox h3,.HotelRecommendBox h3 a {color: rgb(33,60,112); font-size: 12px; font-weight: bold;float: left;} /*No-thumbnail*/ .HotelRecommendBox .address {color: rgb(97,97,97); font-size: 10px; line-height: 12px;} .HotelRecommendBox .rate {font-size: 11px; color: rgb(68,68,68); padding: 1px 0; font-weight: bold;} .HotelRecommendBox .promotion {color: rgb(202,0,16); font-size: 9px; line-height: 12px;} .HotelRecommendBox .promotion span {display: block;} /*with-thumbnail*/ .HotelRecommendBox .thumbnail .figure, .sideBar .HotelRecommendBox .thumbnail .figure {float: left; width: 90px; overflow:hidden;} .HotelRecommendBox .thumbnail h3 a, .HotelRecommendBox .thumbnail p {float:left; width: 195px; margin-right: 10px;} /*hotel recommended on sidebar*/ .sideBar .HotelRecommendBox .thumbnail h3 a,.sideBar .HotelRecommendBox .thumbnail p {width: 173px;} .HotelRecommendBox .thumbnail h3 a:hover {text-decoration: underline;} .bookbtn {padding-top: 4px; display: block;} /*Thank you page*/ .thankyou-message {margin: 15px; width: 954px; /*background: url(../img/bg/bg-thankyou-page.gif) repeat-x;*/ font-size: 14px; color: rgb(54,54,54); padding-bottom: 80px; } .thankyou-message h1 {color: rgb(36,125,193); font-size: 60px; font-weight: bold; padding: 30px 0 15px 30px;} .thankyou-message h1 span {display: block; color: rgb(33,60,112); font-size: 30px;} .thankyou-message a {color: rgb(30,121,188);} .thankyou-message p {padding-top: 15px; line-height: 20px; padding: 10px 30px 0 30px;} .thankyou-message a:hover {text-decoration: underline;} .another-link-suggestion {border-top: 1px solid rgb(221,221,221); padding: 20px 30px 0 30px; line-height: 20px; margin-top: 60px;} .another-link-suggestion span{color: rgb(33,60,112); font-weight: bold; display: block;} .another-link-suggestion p{padding: 0;} /*googleads-box for directory under comment box*/ .overviewContent .googleads-box2 {width: 728px; margin: 10px auto 0;} .Featured_directories-events { background: url(../img/bg/bg_Featured_directories-events.png) 0 0 no-repeat;height: 214px; margin: 0 0 25px; overflow: hidden; padding: 10px 10px 10px 20px; position: relative;width: 270px;} .Featured_directories-events h2 { color: #257bb9;font-size: 14px;padding-bottom: 7px;} .Featured_directories-events .highlight { clear: both; height: 75px;overflow: hidden; width: 270px;} .Featured_directories-events .highlight .thumbnail { float: left; padding: 3px 10px 0 0;} .Featured_directories-events .highlight h3 { float: left;font-size: 12px;padding-bottom: 5px; width: 170px;} .Featured_directories-events .highlight h3 a { color: #213C70; text-decoration: none;} .Featured_directories-events .highlight h3 a:hover { text-decoration: underline;} .Featured_directories-events .highlight p { color: #000000;float: left;font-size: 12px;font-weight: normal; padding: 0;width: 170px;} .Featured_directories-events p { color: #257bb9; font-size: 12px; font-weight: bold; padding-top: 7px;} .Featured_directories-events .Popular-directories { font-size: 11px; font-weight: bold; padding-top: 2px;} .Featured_directories-events .Popular-directories a { color: #213c70; text-decoration: none;} .Featured_directories-events .Popular-directories a:hover { text-decoration: underline;} .search-found ul li a { text-decoration: underline !important;} .search-found ul li a:hover { text-decoration: none !important;} .search-found .searchTools {margin: 20px 0 0;overflow: hidden;width: 840px;} .overviewNavigation .bandner-list {background: none;margin: 10px 0 0;padding: 0;} .overviewNavigation .bandner-list li a {background: none;height: auto;line-height: normal;padding: 0 0 10px;_line-height: normal;_padding: 0;} .userCommentBox .userPostComment form fieldset p { float: left;margin: 0; padding: 3px 10px 0 0;} .Most-keywords { background: url(/common/img/bg/bg_Most-keywords.gif) 0 0 no-repeat;height: 41px;overflow: hidden;padding: 10px 10px 5px;margin-bottom: 10px;width: 920px;} .entry .Most-keywords h2 { font-size: 14px; margin-bottom: 5px;} .entry .Most-keywords p { color: #257bb9; font-weight: bold;} .entry .Most-keywords p a { color: #213C70; text-decoration: none;} .entry .Most-keywords p a:hover { color: #213C70; text-decoration: underline;} /*map-figure*/ .gradientBox10 {width: 647px; height: 284px; background: url(../img/bg/gradientbox10.jpg) no-repeat; overflow: hidden; margin: 0 10px 10px;position: relative;float: left;} .gradientBox10 h2 {color:#fff; font-weight: bold; font-size: 14px; padding: 6px 0 0 9px;} /*Grobal state*/ .map-figure {background: url(../img/directory/figure-map.jpg) no-repeat; width: 325px; height: 225px; position: relative; margin: 8px 0 0 6px;overflow: hidden;float: left;} .map-figure li span {display: none;} .map-figure .text {white-space: nowrap;} .map-figure .map-image .image {z-index: 1;} .map-figure .map-image .hover .image {z-index:2;} .map-figure .image span {visibility: hidden;} .map-figure #north {width: 57px; overflow: hidden;} .map-figure #north .image{position: absolute; left:73px; top:1px; width: 57px; height: 55px; background: url(../img/directory/north.png) no-repeat;} .map-figure #north.hover {height: 55px;} .map-figure #north.hover .image {background: url(../img/directory/north-hover.png) no-repeat;} .map-figure #north .text {position: absolute; left: 23px; top: 24px;} .map-figure #northeast {overflow: hidden; width: 70px;} .map-figure #northeast .image{position: absolute; left:121px; top:31px;width: 70px; height: 66px; background: url(../img/directory/northeast.png) no-repeat;} .map-figure #northeast.hover {height:66px;} .map-figure #northeast.hover .image {background: url(../img/directory/northeast-hover.png) no-repeat;} .map-figure #northeast .text{position: absolute; left:188px; top:44px;} .map-figure #central {width: 43px; overflow: hidden;} .map-figure #central.hover {height: 65px;} .map-figure #central .image{position: absolute; left: 96px; top: 42px; width: 43px; height: 65px; background: url(../img/directory/central.png) no-repeat;} .map-figure #central.hover .image {background: url(../img/directory/central-hover.png) no-repeat;z-index:999;} .map-figure #central.hover {height:65px;} .map-figure #central .text {position: absolute; left: 39px; top: 108px;} .map-figure #west {width: 43px; overflow: hidden;} .map-figure #west.hover {height:106px;} .map-figure #west .image{position: absolute; left: 76px; top: 38px; width: 43px; height: 106px; background: url(../img/directory/west.png) no-repeat;overflow:hidden;} .map-figure #west.hover .image {background: url(../img/directory/west-hover.png) no-repeat;} .map-figure #west .text {position: absolute; left: 32px; top: 75px;} .map-figure #bkk-greater {width: 12px; overflow: hidden;} .map-figure #bkk-greater.hover {height: 12px;} .map-figure #bkk-greater .image{position: absolute; left: 113px; top: 95px; width: 12px; height: 12px; background: url(../img/directory/bkk.png) no-repeat;z-index: 5;} .map-figure #bkk-greater.hover .image {background: url(../img/directory/bkk-hover.png) no-repeat;} .map-figure #bkk-greater .text {position: absolute; left: 158px; top: 101px;} .map-figure #east {width: 36px; overflow: hidden;} .map-figure #east.hover {height:46px;} .map-figure #east .image{position: absolute; left: 120px; top: 88px; width: 36px; height: 46px; background: url(../img/directory/east.png) no-repeat;} .map-figure #east.hover .image {background: url(../img/directory/east-hover.png) no-repeat;} .map-figure #east .text {position: absolute; left: 158px; top: 133px;} .map-figure #south{width: 59px; overflow: hidden;} .map-figure #south.hover {height:82px;} .map-figure #south .image{position: absolute; left: 81px; top: 139px; width: 59px; height: 82px; background: url(../img/directory/south.png) no-repeat;} .map-figure #south.hover .image {background: url(../img/directory/south-hover.png) no-repeat;} .map-figure #south .text {position: absolute; left: 28px; top: 170px;} .map-figure ul li.hover .text, .map-figure .map-text li.hover .text:hover span{color:#213c70;display:block; background: #ffe7d0; border:1px solid #ff9933; font-size: 12px; padding: 1px 5px; text-align:center;z-index: 5;cursor: pointer; } .map-figure .map-image li .text {display:block;color:#213c70; background: #fff;border: 1px solid #ccc; font-size:12px; padding: 1px 5px; text-align: center;} .map-link {width: 295px; float: left; margin: 20px 0 0 20px ;} .map-link li { background: url(../img/directory/map-bullet.gif) no-repeat left center; padding: 0 0 0 15px; line-height: 18px;} .map-link li a{color: #000; font-size: 12px;} .map-link li a:hover {text-decoration: underline;} .mapsearch { position: absolute; width: 290px; bottom: 50px; right: 5px;} .mapsearch input.keyword {padding: 3px 5px; color:#999; font-size: 12px; float: left; margin-right: 10px; width: 145px; border :1px solid #666;} .mapsearch .submit {width: 62px; height: 25px; background: url(../img/directory/searchmap.gif) no-repeat; border:none; cursor: pointer;} #travelInfo .leftColumn .travelInfoslot ol .lastDetail { padding: 0;} #travelInfo .leftColumn .travelInfoslot ol .lastDetail .SeeAll-Search { float: left; padding-top: 7px;} #travelInfo .leftColumn .travelInfoslot ol .lastDetail .become-directory { float: right;} /*** Featured directories & events ***/ #directories-events { background: url(../img/bg/bg_directories-events.png) 0 0 no-repeat;float: right;height: 264px;margin-right: 10px;overflow: hidden;padding: 10px;width: 274px;_display: inline;} #directories-events h2 { color: #ffffff; font-size: 14px;} #directories-events ul { margin-top: 12px; overflow: hidden; height: 219px;} #directories-events ul li { height: 60px;overflow: hidden; margin-bottom: 13px; width: 270px;} #directories-events ul li .thumbnail { float: left;height: 60px;padding-right: 10px; width: 90px;} #directories-events ul li h3 { font-size: 12px;float: left;overflow: hidden;padding-bottom: 3px;width: 170px;} #directories-events ul li h3 a { color: #213C70; text-decoration: none;} #directories-events ul li h3 a:hover { text-decoration: underline;} #directories-events ul li p { font-size: 12px;float: left; overflow: hidden;width: 170px;} /*** Populat directories ***/ #Populat-directories {background: url(../img/bg/bg_populat-directories.png) 0 0 no-repeat;height: 278px;margin: 4px 0 10px 2px;overflow: hidden; padding: 10px;width: 389px;} #Populat-directories h2 {color: #257bb9;font-size: 14px;padding-bottom: 8px;} #Populat-directories p {color: #257bb9;font-size: 12px;font-weight: bold;padding-bottom: 3px;} #Populat-directories p a { color: #213c70; text-decoration: none;} #Populat-directories p a:hover { text-decoration: underline;} #Populat-directories .allFollow { margin-top: 15px; overflow: hidden; width: 389px;} #Populat-directories .allFollow p { color: #000000; font-size: 12px;} #Populat-directories .allFollow ul { float: left;height: 145px;overflow: hidden;padding: 5px 0 5px 5px;width: 188px;} #Populat-directories .allFollow ul li { clear: both;font-size: 12px; line-height: 18px;overflow: hidden;width: 188px;_line-height: 20px;/line-height: 15px;} #Populat-directories .allFollow ul li span { color: #004d89; font-size: 20px; float: left;padding-right: 5px;} #Populat-directories .allFollow ul li .detail {color: #000000;font-size: 12px;padding: 0;} #Populat-directories .allFollow ul li .detail a {color: #000000;font-size: 12px;text-decoration: none;} #Populat-directories .allFollow ul li .detail a:hover { text-decoration: underline;} #Populat-directories .allFollow a { color: #787878; font-size: 11px;text-decoration: underline;} #Populat-directories .allFollow a:hover { text-decoration: none;} /*** Populat directories ***/ #classifieds-listings { background: url(../img/bg/bg_classifieds-list.png) 0 0 no-repeat;height: 176px;margin-left: 2px;overflow: hidden;padding: 10px; width: 389px;} #classifieds-listings h2 {color: #257bb9;font-size: 14px;padding-bottom: 7px;} #classifieds-listings p { color: #787878; font-size: 11px;} #classifieds-listings p a { color: #787878; text-decoration: none;} #classifieds-listings p a:hover { text-decoration: underline;} #classifieds-listings ul { overflow: hidden; width: 389px;} #classifieds-listings ul li { height: 60px;overflow: hidden; margin-bottom: 10px; width: 389px;} #classifieds-listings ul li .thumbnail { float: left;height: 60px;padding-right: 10px;width: 90px;} #classifieds-listings ul li h3 { font-size: 12px;float: left;overflow: hidden;padding-bottom: 3px;width: 289px;} #classifieds-listings ul li h3 a { color: #213C70; text-decoration: none;} #classifieds-listings ul li h3 a:hover { text-decoration: underline;} #classifieds-listings ul li p { color: #000000;font-size: 12px;float: left; overflow: hidden;width: 289px;} /*** Directory Page ***/ #directoryWrapper .gradientBox10 { margin: 15px 0;} #directoryWrapper .gradientBox10 h2 {border: medium none;color: #FFFFFF;font-size: 14px;font-weight: bold;height: auto;line-height: 18px; margin: 0;padding: 5px 0 0 9px;} #directoryWrapper .gradientBox10 h2 span { padding: 0;} #directoryWrapper #directories-events { margin: 15px 0;} #directoryWrapper #directories-events h2 { border: none;height: auto;line-height: normal;} #directoryWrapper .Most-keywords { background: url("/common/img/bg/bg_Most-keywords.gif") 0 0 no-repeat; height: 41px; overflow: hidden; padding: 10px 10px 5px; margin: 0; width: 920px; _height: 51px; _padding: 0 10px 5px; } #directoryWrapper .Most-keywords h2 {border: medium none;color: #1E79BC;font-size: 14px;height: auto;line-height: normal;margin-bottom: 5px;width: 920px;} #directoryWrapper .Most-keywords p {color: #257BB9;font-size: 12px;font-weight: bold;width: 920px;} #directoryWrapper .Most-keywords p a { color: #213C70; text-decoration: none;} #directoryWrapper .Most-keywords p a:hover { text-decoration: underline;} .userCommentBox .userPostComment ul li .point-star-ration {float: left;margin: 0;padding: 3px 0 0 5px;width: 50px;} .overviewContent .information { padding-bottom: 10px;} .overviewContent .information > p > img { display: block;} .userCommentBox ol .commentDetails .list-lanking { } ol .commentDetails .list-lanking span.up {background: url("../img/bg/bg_commentRanking.gif") no-repeat 5px 1px #FFFFFF;border: 1px solid #E5E5E5; color: #ED1C24;font-size: 11px;height: 17px;margin: -6px 3px 0 7px;padding: 4px 7px 0 21px; position: absolute;} div.tabslideBox ul.tabMenu li a.active { background: #ffffff !important; border-bottom: none;} .subChanelDetail ul.category-group { width: 297px; overflow: hidden; float: left; padding: 0 0 0 10px; } .subChanelDetail ul.category-group li { line-height: 25px; margin-bottom: 5px;} .subChanelDetail ul.category-group li h3 a { text-decoration: none; font-size: 12px;} .subChanelDetail ul.category-group li h3 a:hover { text-decoration: underline;} .subChanelDetail ul.category-group li h3 span { font-weight: normal; font-size: 12px;} .subChanelDetail ul.category-group .category-list { padding: 0 0 0 10px;} .subChanelDetail ul.category-group .category-list li { margin: 0; overflow: hidden; font-weight: bold;} .subChanelDetail ul.category-group .category-list li span { color: #cccccc; font-size: 20px; margin-right: 5px; float: left;} .subChanelDetail ul.category-group .category-list li a { color: #213C70; text-decoration: none; margin-right: 5px; font-size: 12px; float: left;} .subChanelDetail ul.category-group .category-list li a:hover { text-decoration: underline;} .subChanelDetail ul.category-group .category-list li .number { color: #999999; font-size: 12px;} .subChanelDetail .category-review { font-size: 12px; font-weight: bold; margin: 0 0 0 10px; overflow: hidden; width: 615px;} .subChanelDetail .category-review h3 { margin-bottom: 5px;} .subChanelDetail .category-review h3 a { text-decoration: none; font-size: 12px;} .subChanelDetail .category-review h3 a:hover { text-decoration: underline;} .subChanelDetail .category-review h3 span { font-weight: normal; font-size: 12px;} .subChanelDetail .category-review .category-list { padding: 0 0 0 10px;} .subChanelDetail .category-review .category-list li { float: left; line-height: 25px; width: 49%; font-weight: bold;} .subChanelDetail .category-review .category-list li .bullet { color: #cccccc; font-size: 20px; margin-right: 5px; float: left;} .subChanelDetail .category-review .category-list li a { color: #213C70; text-decoration: none; margin-right: 5px; font-size: 12px;} .subChanelDetail .category-review .category-list li a:hover { text-decoration: underline;} .subChanelDetail .category-review .category-list li .number { color: #999999; font-size: 12px;} .subChanelDetail .category-review .category-list li .active { color: #213C70; text-decoration: underline; margin-right: 5px;} /************ Thailand Guide by benz 14/02/56 ***************/ .gradientBox14 { box-shadow: 0 0 2px 1px #D7D7D7; border: 1px solid #d7d7d7; width: 210px; height: 469px; overflow: hidden; border-collapse: separate;} .gradientBox15 { box-shadow: 0 0 2px 1px #D7D7D7; border: 1px solid #d7d7d7; width: 301px; height: 372px; overflow: hidden; border-collapse: separate;} .thailandGuideContent { width: 964px; overflow: hidden; margin: 0 auto; padding: 10px 0 15px; clear: both;} .thailandGuideContent h2 { font-size: 18px; margin-bottom: 10px; } .thailandGuideContent .gradientBox14 { float: left; padding: 13px 10px 12px 11px; width: 185px; height: 445px; position: relative; margin: 0 10px 5px 0;} .thailandGuideContent .gradientBox14 h2 { color: #ffffff; font-size: 14px; padding: 10px 0 10px 5px; margin: 0;} .thailandGuideContent .gradientBox14 .highlight { width: 185px; overflow: hidden; border-bottom: 1px solid #e8e8e8; margin-bottom: 5px;} .thailandGuideContent .gradientBox14 .highlight .img-highlight { width: 185px; height: 123px; overflow: hidden; clear: both; float: left; background: #ebebeb; text-align: center;} .thailandGuideContent .gradientBox14 .highlight h3 { margin-bottom: 3px; clear: both; width: 185px; line-height: 18px;} .thailandGuideContent .gradientBox14 .highlight h3 a { font-size: 12px; color: #213c70; } .thailandGuideContent .gradientBox14 .highlight h3 a:hover { text-decoration: underline;} .thailandGuideContent .gradientBox14 .highlight p { font-size: 12px; width: 185px; margin-bottom: 5px; color: #333333;} .thailandGuideContent .gradientBox14 .highlight .breadcrumbs { font-size: 11px;} .thailandGuideContent .gradientBox14 .highlight .breadcrumbs a { color: #666666; } .thailandGuideContent .gradientBox14 .highlight .breadcrumbs a:hover { text-decoration: underline;} .thailandGuideContent .gradientBox14 ul { width: 185px; overflow: hidden; clear: both;} .thailandGuideContent .gradientBox14 ul li { width: 185px; overflow: hidden; clear: both; padding: 0 0 3px; border-bottom: 1px solid #e8e8e8; float: left; margin-bottom: 3px;} .thailandGuideContent .gradientBox14 ul li h3 { font-size: 12px; clear: both; width: 185px; line-height: 17px;} .thailandGuideContent .gradientBox14 ul li h3 a { color: #213c70; } .thailandGuideContent .gradientBox14 ul li h3 a:hover { text-decoration: underline;} .thailandGuideContent .gradientBox14 ul li .breadcrumbs { clear: both; font-size: 11px; width: 185px; line-height: 17px;} .thailandGuideContent .gradientBox14 ul li .breadcrumbs a { color: #666666; } .thailandGuideContent .gradientBox14 ul li .breadcrumbs a:hover { text-decoration: underline;} .thailandGuideContent .gradientBox14 ul li.noBorder { border: none;} .thailandGuideContent .gradientBox14 .readMore { position: absolute; left: 13px; bottom: 10px; font-size: 11px; color: #666666; text-decoration: underline; cursor: pointer;} .thailandGuideContent .gradientBox14 .readMore:hover { text-decoration: none;} .thailandGuideContent .boxOne { margin: 0 10px 5px 3px; padding: 13px 11px 12px 11px} .thailandGuideContent .gradientBox15 { float: left; padding: 12px 10px 10px 11px; width: 280px; height: 426px; position: relative; margin-bottom: 10px;} .thailandGuideContent .gradientBox15 h2 { color: #ffffff; font-size: 14px; padding: 10px 0 10px 5px; margin: 0 0 5px;} .thailandGuideContent .gradientBox15 ul { width: 280px; overflow: hidden; clear: both;} .thailandGuideContent .gradientBox15 ul li { width: 280px; overflow: hidden; clear: both; padding: 0 0 3px; border-bottom: 1px solid #e8e8e8; float: left; margin-bottom: 3px;} .thailandGuideContent .gradientBox15 ul li h3 { width: 280px; line-height: 17px; font-size: 12px;} .thailandGuideContent .gradientBox15 ul li h3 a { color: #213c70; } .thailandGuideContent .gradientBox15 ul li h3 a:hover { text-decoration: underline;} .thailandGuideContent .gradientBox15 ul li .breadcrumbs { font-size: 11px; width: 280px; line-height: 17px;} .thailandGuideContent .gradientBox15 ul li .breadcrumbs a { color: #666666; } .thailandGuideContent .gradientBox15 ul li .breadcrumbs a:hover { text-decoration: underline;} .thailandGuideContent .gradientBox15 ul li.noBorder { border: none;} .thailandGuideContent .gradientBox15 .readMore { position: absolute; left: 13px; bottom: 10px; font-size: 11px; color: #666666; text-decoration: underline; cursor: pointer;} .thailandGuideContent .gradientBox15 .readMore:hover { text-decoration: none;} .thailandGuideContent .thailandGuide-appStore { width: 301px; overflow: hidden; height: 87px;} .ContentList-map { width: 964px; overflow: hidden; clear: both; margin-bottom: 8px; padding: 3px 0 0;} .ContentList-map h2 { width: 410px; overflow: hidden; clear: both; font-size: 14px;} .ContentList-map .left { width: 433px; float: left; padding: 3px 0 0;} .ContentList-map .right { width: 523px; overflow: hidden; float: right; padding: 3px 0 0;} .WhatseeList { box-shadow: 0 0 2px 1px #D7D7D7; border-collapse: separate; border: 1px solid #d7d7d7; padding: 10px; width: 407px; height: 285px; overflow: hidden; position: relative; margin: 0 0 10px 3px;} .WhatseeList ul { width: 410px; overflow: hidden; clear: both;} .WhatseeList ul li { float: left; width: 205px; overflow: hidden;} .WhatseeList ul li p { font-size: 12px; line-height: 21px; font-weight: bold;} .WhatseeList ul li p a { color: #213c70; } .WhatseeList ul li p a:hover { text-decoration: underline;} .WhatseeList ul li p span { color: #999999; font-weight: normal;} .WhatseeList .readMore { position: absolute; left: 13px; bottom: 10px; font-size: 11px; color: #666666; text-decoration: underline; cursor: pointer;} .WhatseeList .readMore:hover { text-decoration: none;} .WantToJoin { width: 408px; clear: both; overflow: hidden; padding: 10px; height: 145px; margin-left: 3px;} .ContentList-map .WantToJoin h2 { color: #ffffff; font-size: 14px;} .WantToJoin ul { width: 410px; overflow: hidden; clear: both;} .WantToJoin ul li { margin-bottom: 7px; overflow: hidden; clear: both; width: 410px;} .WantToJoin ul li input { height: 14px; padding: 2px 5px; font-size: 12px; color: #464646; width: 372px; } .WantToJoin ul li select { width: 325px; padding: 2px 0; font-size: 12px; color: #464646;} .WantToJoin ul li .webSite { width: 173px; margin-right: 10px; overflow: hidden; float: left;} .WantToJoin ul li .name { float: left; width: 173px;} .WantToJoin .submit { background: url(../img/button/btn-submit-wantJoin.png) 0 0 no-repeat; width: 65px; height: 25px; border: none;} .searchMap { box-shadow: 0 0 2px 1px #D7D7D7; border-collapse: separate; border: 1px solid #d7d7d7; width: 500px; padding: 10px 8px; height: 460px; position: relative; margin: 0 0 3px 3px;} .searchMap .box-map { width: 500px; height: 405px;} .searchMap .box-search { width: 480px; position: absolute; bottom: 5px; background: url(../img/bg/bg-opacity60per.png) 0 0 repeat; padding: 10px;} .searchMap .box-search h2 { color: #333333; font-size: 12px; font-weight: bold;} .searchMap .box-search form { width: 480px; overflow: hidden; clear: both;} .searchMap .box-search ul { width: 433px; float: left; overflow: hidden; margin-right: 5px;} .searchMap .box-search ul li { width: 433px; overflow: hidden; margin-bottom: 10px;} .searchMap .box-search ul li input { width: 423px; padding: 2px; font-size: 12px; color: #464646;} .searchMap .box-search ul li select { float: left; width: 211px; padding: 4px 0; font-size: 12px; color: #464646;} .searchMap .box-search ul li .provinc-list { margin-right: 10px;} .searchMap .box-search .submit-search { background: url(../img/button/btn-submit-search.png) 0 0 no-repeat; width: 39px; height: 39px; border: none; float: left;} .thailandGuideContent .calendarEvent { background: #f3f3f3; box-shadow: 0 0 2px 1px #D7D7D7; border-collapse: separate; border: 1px solid #d7d7d7; width: 931px; overflow: hidden; height: 207px; margin: 0 3px 10px;} .thailandGuideContent .calendarEvent h2 { margin-bottom: 10px; font-size: 14px;} .thailandGuideContent div.calendarEvent div.eventToday { width: 460px;} .thailandGuideContent div.calendarEvent div.eventToday ul { width: 430px;} .thailandGuideContent div.calendarEvent div.eventToday ul li p { width: 322px;} .thailandGuideContent #datepicker { border-right: 1px solid #D3D3D3; margin-right: 30px; padding-right: 30px; height: 175px;} .calendarEvent-content { width: 185px; float: left; position: relative;} .calendarEvent-content .day-time { position: absolute; top: -22px; font-size: 12px; font-weight: bold; color: #666666;} .calendarEvent-content .thumbnail { width: 185px; overflow: hidden; clear: both; margin-bottom: 3px;} .calendarEvent-content h3 { font-size: 12px; margin-bottom: 3px;} .calendarEvent-content h3 a { color: #213c70;} .calendarEvent-content h3 a:hover { text-decoration: underline;} .calendarEvent-content p { color: #333333; font-size: 12px; width: 185px;} .aroundThailand { width: 937px; overflow: hidden; clear: both; box-shadow: 0 0 2px 1px #D7D7D7; border-collapse: separate; border: 1px solid #d7d7d7; padding: 15px 10px 10px; height: 232px; position: relative; margin: 0 0 0 3px;} .aroundThailand h2 { overflow: hidden; clear: both; font-size: 14px;} .aroundThailand ul { width: 944px; overflow: hidden; clear: both;} .aroundThailand ul li { width: 304px; overflow: hidden; float: left; padding-right: 10px; margin-bottom: 10px;} .aroundThailand ul li:nth-child(4) {clear:both;} .aroundThailand ul li h2 { margin-bottom: 3px; font-size: 12px;} .aroundThailand ul li .thumbnail { float: left; width: 90px; margin: 3px 10px 0 0;} .aroundThailand ul li .detail { float: left; width: 200px; overflow: hidden;} .aroundThailand ul li .detail h3 { font-size: 12px; margin-bottom: 3px;} .aroundThailand ul li .detail h3 a { color: #213c70; text-decoration: none;} .aroundThailand ul li .detail h3 a:hover { text-decoration: underline;} .aroundThailand ul li .detail p { font-size: 12px; color: #333333; } .aroundThailand .readMore { color: #666666; font-size: 11px; position: absolute; bottom: 10px; left: 10px; text-decoration: underline;} .aroundThailand .readMore:hover { text-decoration: none;} .thailandGuideContent .levelNavigaton { padding: 0; } #directoryWrapper .levelNavigaton { padding: 0; } .allProvinces { width: 964px; overflow: hidden; padding: 15px 0 0;} .allProvinces p { color: #999999; font-size: 12px; font-weight: bold; margin-bottom: 15px;} .allProvinces .provincesList { width: 959px; padding-left: 5px; overflow: hidden;} .allProvinces .provincesList li { clear: both; width: 959px; overflow: hidden; margin-bottom: 20px;} .allProvinces .provincesList li h3 { font-size: 14px; margin-bottom: 5px;} .allProvinces .provincesList li ul { width: 954px; overflow: hidden; padding-left: 5px;} .allProvinces .provincesList .provinces-list { width: 238px; float: left; overflow: hidden; clear: none; margin: 0;} .allProvinces .provincesList .provinces-list ul { width: 238px; overflow: hidden;} .allProvinces .provincesList .provinces-list ul li { width: 238px; overflow: hidden; margin: 0; line-height: 22px;} .allProvinces .provincesList .provinces-list ul li a { font-size: 12px; color: #213c70; } .allProvinces .provincesList .provinces-list ul li a:hover { text-decoration: underline;} .thailandGuideContent .th-highlight .gradientBox14 { padding: 0 10px 12px 11px; margin: 0 15px 5px 4px; border: none; box-shadow: none; height: auto;} .thailandGuideContent .th-highlight { width: 657px; float: left; background: url(../img/bg/bg-thailand-guide-bottom.png) 0 bottom no-repeat; overflow: hidden; padding-bottom: 7px;} .thailandGuideContent .th-container { background: url(../img/bg/bg-thailand-guide-center.png) 0 0 repeat-y; width: 657px; overflow: hidden; clear: both;} .thailandGuideContent .th-content { background: url(../img/bg/bg-thailand-guide-top.png) 0 top no-repeat; padding-top: 16px;} .thailandGuideContent .th-container .Boxtwo { margin: 0 14px 5px 0px;} .thailandGuideContent .th-container .Boxthree { margin: 0 0 5px;} .Box-Right { float: right; overflow: hidden; width: 300px; padding-top: 4px;} .thailandGuideContent .th-container .gradientBox14 ul { margin-bottom: 10px;} .thailandGuideContent .th-container .readMore { bottom: 0; left: 11px;} .thailandGuideContent .th-container .gradientBox14 ul li .breadcrumbs { line-height: 14px;} .thailandGuideContent .Box-Right .gradientBox15 { margin-left: 3px;} .thailandGuideContent .Box-Right .gradientBox15 { width: 272px;} .thailandGuideContent .Box-Right .gradientBox15 ul li { width: 272px;} #wrapper .subCategories .dirOne .sublist li { width: 154px;} #wrapper .subCategories .dirOne .sublist li a { width: 147px;} #wrapper .subCategories .dirOne { width: 153px;} #wrapper .subCategories .dirOne .sublist { width: 155px;} #wrapper .subCategories .ReviewSecond { margin-left: 239px;} .subCategories .InterviewsSecond { margin-left: 60px;} #wrapper .subCategories .dirThree { background: url(../img/navigation/opacity.png) right 0 repeat-y #ab6a86; background: none; border-top: none; width: 80px; padding: 0;} #wrapper .subCategories .dirThree a { background: url(../img/navigation/opacity.png) right 0 repeat-y; line-height: 15px; padding: 0 7px; float: left;} #wrapper .subCategories .dirThree li { width: 90px;} #wrapper .subCategories .dirThree li.last { background : none;} #wrapper .subCategories .dirThree li a { color: #ffffff; width: 85px;} #wrapper .subCategories .dirThree li a:hover { background: #3c5991;} .subCategories .dirThree { position: absolute; left: 170px; width: 50px; border: none!important; z-index: 10;} .subCategories .dirThree>a {} /*directory sublist*/ .subCategories .dirThree .listThree { background: #ab6a86;; margin: 22px 0 0 -3px; border: none; display: none; width: 129px; overflow: hidden; padding: 0 0 3px;} .subCategories .dirThree .listThree .last { background: none;} #wrapper .subCategories .listThree li { clear: both; border: none; padding: 0; background: url(../img/navigation/opacity.png) 0 bottom repeat-x; width:122px; margin-left: 3px;} #wrapper .subCategories .listThree li a { background: none; width:115px;height: 15px;display: block;margin: 0 auto;color: #ffffff;padding:2px 0 2px 7px;font-size: 12px;font-weight: normal;} #wrapper .subCategories .listThree li a:hover { background: url(../img/navigation/opacity.png) 0 0 repeat; color: rgb(255,255,255); text-decoration: none;height:15px;} .gradientBox16 { background: url("../img/bg/bg_categoriesBox16.jpg") no-repeat scroll 0 0 transparent; height: 417px; padding: 10px; width: 306px;} /*directory thailand guide download*/ .thailandGuideDownload { width: 984px; overflow: hidden;} .thailandGuideDownload .detail { background: url(../img/bg/bg-thailandtravelguide.jpg) 0 0 no-repeat; width: 984px; height: 1639px; position: relative; padding-top: 40px;} .thailandGuideDownload .detail .headline { text-align: center; width: 984px; overflow: hidden; margin-top: 20px; float: left;} .thailandGuideDownload .detail .headline h1 { font-family: Georgia; font-size: 38px; color: #20a1d7; margin-bottom: 20px;} .thailandGuideDownload .detail .headline h1 span { color: #ab3b1d; font-size: 21px; font-weight: normal;} .thailandGuideDownload .detail .headline p { font-size: 16px; color: #333333; font-family: Georgia;} .thailandGuideDownload .detail .headline p span { display: block;} .thailandGuideDownload .detail .content-detail { left: 320px; overflow: hidden; position: absolute; top: 700px; width: 255px;} .thailandGuideDownload .detail .content-detail h2 { font-size: 18px; color: #ab3b1d; font-family: Georgia; font-weight: normal; margin-bottom: 10px;} .thailandGuideDownload .detail .content-detail h2 span { display: block;} .thailandGuideDownload .detail .content-detail p { font-size: 14px; line-height: 18px; color: #333333;} .thailandGuideDownload .detail .features-detail { position: absolute; width: 420px; bottom: 280px; right: 130px;} .thailandGuideDownload .detail .features-detail h2 { font-size: 18px; color: #ab3b1d; font-family: Georgia; font-weight: normal; margin-bottom: 10px;} .thailandGuideDownload .detail .features-detail ul { overflow: hidden; width: 420px;} .thailandGuideDownload .detail .features-detail ul li { margin: 0; overflow: hidden; width: 420px; padding: 0;} .thailandGuideDownload .detail .features-detail ul li span { color: #d59d8e; margin-right: 5px; font-size: 24px; float: left;} .thailandGuideDownload .detail .features-detail ul li span.content { font-size: 14px; color: #333333; margin: 5px 0 0; width: 405px;} .thailandGuideDownload .detail .btn-downloadApp { width: 300px; overflow: hidden; position: absolute; bottom: 50px; right: 95px;} .thailandGuideDownload .detail .btn-downloadApp h2 { font-family: Georgia; font-size: 18px; font-weight: normal; margin-bottom: 10px; color: #333333;} .thailandGuideDownload .detail .btn-downloadApp h2 span { display: block; color: #333333;} /**sponsor*/ .sponsor-headline { background: url(../img/bg/bg-Allsponsorlink.gif) 0 0 no-repeat; width: 924px; height: 108px; overflow: hidden; clear: both; padding: 20px;} .sponsor-headline h2 { color: #1e79bc; font-size: 26px; font-weight: normal; margin: 0 0 5px;} .sponsor-headline p { width: 600px; margin: 0 0 15px; font-size: 14px; color: #666666;} .sponsor-headline p a { text-decoration: none; color: #666666;} .sponsor-headline p a:hover {text-decoration: underline;} .sponsor-alphabet .nav { padding: 20px 0 30px; width: 600px; width: 964px; overflow: hidden;} .sponsor-alphabet .nav li { background: url("../img/bg/nav-alphabet.gif") no-repeat 0 0; float: left; height: 18px; margin: 0 3px 3px 0; padding: 2px 0 0; width: 20px;} .sponsor-alphabet .nav li a, .sponsor-alphabet .nav li span { color: #333358; font-size: 15px; text-align: center; display: block; text-decoration: none;} .sponsor-alphabet .nav .unactive span { color: #CCCCCC; display: block;} .sponsor-alphabet .nav .active { background: url("../img/bg/nav-alphabet.gif") no-repeat 0 -22px;} .sponsor-alphabet .nav .active span { color: #FFFFFF; display: block;} .sponsor-alphabet .result { width: 964px; overflow: hidden; clear: both;} .sponsor-alphabet .result li { width: 964px; overflow: hidden; clear: both; margin-bottom: 20px;} .sponsor-alphabet .result li h3 { font-size: 30px; color: #c8c8c8; width: 35px; float: left; font-weight: normal; padding: 0 0 0 5px;} .sponsor-alphabet .sponsor-List { float: left; width: 908px; overflow: hidden; border-left: 1px solid #d9d9d9; padding: 0 0 0 15px;} .sponsor-alphabet .sponsor-List li { width: 302px; float: left; overflow: hidden; margin-bottom: 10px; clear: none;} .sponsor-alphabet .sponsor-List .last { height: 65px; margin: 0;} .sponsor-alphabet .ads-sponser p { width: 277px;} #dailyPost #localNews .sponserLinks {background: url(../img/bg/bg_sponsorsection.gif) no-repeat;width: 634px;height: 195px;border: none;margin: 10px 0 0 6px; clear: both; padding: 10px; overflow: hidden;} .sponsor-alphabet .result .sponsorDetail { width: 282px; height: 65px; overflow: hidden;} .sponsor-alphabet .result .sponsorDetail .thumbnail { float: left; margin: 0 10px 0 0;} .sponsor-alphabet .result .sponsorDetail h3 { float: none; font-size: 14px; font-weight: bold; margin: 0 0 5px; padding: 0; width: auto;} .sponsor-alphabet .result .sponsorDetail h3 a { color: #213C70;} .sponsor-alphabet .result .sponsorDetail h3 a:hover { text-decoration: underline;} .sponsor-alphabet .result .sponsorDetail p { color: #363636; margin-bottom: 5px; font-size: 12px;} .propertyblueTheme .gradientBox7 { margin-bottom: 5px; height: 414px;} /*.propertyblueTheme #dailyPost .sponserLinks { margin: 5px 0 5px 6px;}*/ /*Sponser Link on Thailand Search */ #thailandSearchWrapper .localDetail { /*background: url(../img/bg/bg_sponser_search.jpg) no-repeat;*/ width: 923px; padding: 15px 0 10px 15px; border: none; margin:15px 0 10px 2px; border-radius: 5px; -webkit-box-shadow: 0 0 2px 1px #CCCCCC; box-shadow:0 0 2px 1px #CCCCCC;} #thailandSearchWrapper .localDetail h2{float: left; font-size: 14px; margin-bottom: 10px; color: #1E79BC;} #thailandSearchWrapper .localDetail ul.travelList li ,#thailandSearchWrapper .localDetail ul.travelList li iframe{width: 450px;} #thailandSearchWrapper .localDetail p.Sponsorlink { font-size: 12px; color: #8F8F8F; margin-bottom: 0;} #thailandSearchWrapper .localDetail p.Sponsorlink a { color: #8F8F8F; text-decoration: none;} #thailandSearchWrapper .localDetail p.Sponsorlink a:hover { text-decoration: underline;} /*dropdown dirFour */ .subCategories .BookSecond { margin-left: 65px;} #wrapper .subCategories .dirFour { background: url(../img/navigation/opacity.png) right 0 repeat-y #ab6a86; background: none; border-top: none; width: 67px; padding: 0;} #wrapper .subCategories .dirFour a { background: url(../img/navigation/opacity.png) right 0 repeat-y; line-height: 15px; padding: 0 7px 0 8px; float: left;} #wrapper .subCategories .dirFour li { width: 90px;} #wrapper .subCategories .dirFour li.last { background : none;} #wrapper .subCategories .dirFour li a { color: #ffffff; width: 85px;} #wrapper .subCategories .dirFour li a:hover { background: #3c5991;} .subCategories .dirFour { position: absolute; left: 645px; width: 50px; border: none!important; z-index: 10;} .subCategories .dirFour>a {} /*directory sublist*/ .subCategories .dirFour .listFour { background: #ab6a86;; margin: 22px 0 0 -3px; border: none; display: none; width: 113px; overflow: hidden; padding: 0 0 3px;} .subCategories .dirFour .listFour .last { background: none;} #wrapper .subCategories .listFour li { clear: both; border: none; padding: 0; background: url(../img/navigation/opacity.png) 0 bottom repeat-x; width:107px; margin-left: 3px;} #wrapper .subCategories .listFour li a { background: none; width:100px;height: 15px;display: block;margin: 0 auto;color: #ffffff;padding:2px 0 2px 7px;font-size: 12px;font-weight: normal;} #wrapper .subCategories .listFour li a:hover { background: url(../img/navigation/opacity.png) 0 0 repeat; color: rgb(255,255,255); text-decoration: none;height:15px;} .sideBar-sponsorlink ul li .directoryDetail iframe { width: 283px;} /* directory search */ .entry .localDetail-boombox { overflow: hidden; width: 967px; padding: 3px 0; clear: both; float: left;} .entry .localDetail-boombox .localIntro { margin-bottom: 10px;} .entry .localDetail-boombox .localIntro #travelSearch { margin: 0 0 10px; padding: 0;} .entry .localDetail-boombox .boomboxSize1 { float: right; clear: none;} .entry .localDetail-boombox .boomboxSize1.floating { margin: 0;} #localWrapper .entry .localDetail-boombox .localDetail { width: 630px;} #localWrapper .entry .localDetail-boombox .localDetail .travelList iframe { width: 310px;} #localWrapper .entry .localDetail-boombox .localDetail .travelList li { width: 310px;} #localWrapper .entry .localDetail-boombox .localDetail.active .travelList li { width: 630px;} #localWrapper .entry .localDetail-boombox .localDetail.active .travelList iframe { width: 630px; } .dir-reviews { border: 1px solid #CCCCCC; border-radius: 5px; box-shadow: 0 0 2px 1px #CCCCCC; padding: 10px 10px 0; width: 630px; margin: 10px 7px; overflow: hidden;} .dir-reviews h2 { font-size: 16px; margin-bottom: 5px;} .slideshow { width: 310px; float: left; overflow: hidden; margin-right: 10px;} .slideshow .viewport { width: 310px; overflow: hidden; height: 275px; position: relative; margin-bottom: 10px;} .slideshow .viewport .overview { overflow: hidden; position: absolute;} .slideshow .viewport .overview li { float: left; width: 310px; height: 275px; overflow: hidden;} .slideshow .pager { width: 80px; margin: 0 auto 10px; overflow: hidden; clear: both;} .slideshow .pager li { float: left; width: 8px; height: 8px; margin-right: 10px;} .slideshow .pager li a { background: url(../img/icons/icons-pager.gif) 0 0 no-repeat; display: block; height: 9px; width: 9px;} .slideshow .pager li a:hover, .slideshow .pager li a.active { background: url(../img/icons/icons-pagerActive.gif) 0 0 no-repeat;} .slideshow .pager li a span { visibility: hidden;} .slideshow .pager .last { margin: 0;} .dir-reviews .rankVote { float: left; overflow: hidden; width: 310px;} .dir-reviews .rankVote li { padding: 0 0 10px; margin-bottom: 10px; border-bottom: 1px solid #e2e2e2; clear: both; width: 100%;} .dir-reviews .rankVote li.last { border: none;} .dir-reviews .rankVote li h3 span.norating { margin: 0 3px 0 7px; top: 0; right: -30px;} .dir-reviews .rankVote li .detail { float: left; width: 185px; position: relative;} .dir-reviews ol.rankVote li h3 a, .dir-reviews .rankVote li h3 a { float: none;} .sponsorReview { position: relative;} .sponsorReview .img-sponsorReview { position: absolute; right: 0; top: 0;} .thailandGuideContent .dir-reviews { margin: 10px 3px; float: left;} .thailandGuideContent .dir-reviews h2 { text-transform: uppercase; font-size: 14px; line-height: 16px;} .thailandGuideContent .sideBar { padding: 0;} .overviewContent #photos { margin: 10px auto 20px !important;} .overviewContent #photos .panel {display:table-cell; vertical-align: middle;} .overviewContent #photos .panel img {vertical-align: middle; margin-top:0!important;} .overviewContent #photos .panel-img{ display: table-cell; vertical-align: middle; width: 620px; text-align:center; height: 423px;background:#000;} .btn-booking { text-align: center; margin-bottom: 10px;} .embed-video { margin: 0 auto 30px; overflow: hidden; text-align: center; width: 100%;} /*font update 21/04/15 */ .thailandGuideContent h2, body.firebrickTheme .thailandGuideContent .gradientBox15 h2, #content #localWrapper .entry .localDetail h2 { font-family:'arial_blackregular'; font-weight: normal;} .thailandGuideContent .gradientBox14 .highlight h3, .thailandGuideContent .gradientBox14 ul li h3, .thailandGuideContent .gradientBox15 ul li h3, .calendarEvent-content h3 { font-family: charis_silbold; font-weight: normal;} .thailandGuideContent .gradientBox14 .highlight h3 a { font-size: 15px; line-height: 17px;} body.firebrickTheme .thailandGuideContent .gradientBox14 h2 { text-transform: uppercase; font-size: 12px;} .thailandGuideContent .gradientBox14 ul li h3 { font-size: 13px; line-height: 15px;} body.firebrickTheme .thailandGuideContent .gradientBox15 h2 { text-transform: uppercase; font-size: 12px; padding: 9px 0 9px 5px} .thailandGuideContent .gradientBox15 ul li h3 { font-size: 13px;} body.firebrickTheme .WhatseeList h2 { text-transform: uppercase; font-size: 13px; line-height: 15px; margin: 0 0 5px;} .searchMap .box-search h2 { text-transform: uppercase;} .ContentList-map .WantToJoin h2 { text-transform: uppercase; font-size: 13px; line-height: 15px;} body.firebrickTheme .aroundThailand h2 { text-transform: uppercase;} body.firebrickTheme .thailandGuideContent .calendarEvent h2 { text-transform: uppercase; font-weight: normal;}