@charset "utf-8"; /* CSS Document */ /*listing-box*/ .feedContent > ul > li { margin-bottom: 15px; margin-top:10px; } .feedContent ul li span.delete { float:right; margin-right:0; cursor:pointer; } .feedContent ul li span.delete:hover { text-decoration:underline; } .listing-box-question{ float:left; width:220px; padding:5px 0 0 0; height:auto; border-radius:5px; border:2px solid #ddd; background:#fff; box-shadow:0 0 5px #ccc; } .listing-box-question:hover { border:2px solid #55A2D4; } .question { float:left; background:url(../img/icon-question.png?c=aaaa) right top no-repeat; } .question .heading-1 a { color:#1575BC; font-size:14px; font-family:'latobold',Arial,sans-serif; } .listing-box-question div.header{ float:left; width:210px; height:auto; padding:0 5px; border-bottom:1px dashed #ddd; } .listing-box-question div.header > a{ position:relative; float:left;} .header img{ /*float:left; Shrikant : for expert badge in feeds*/ /*margin: 0 10px 25px 0; rupal*/ margin: 0 10px 10px 0; position:relative; } .page-center div.header > a { float:left; } .heading-1 { font-family:'latoregular',Arial,sans-serif; font-size:13px; padding:0 32px 0 0; } .heading-1 a { color:#1575BC; font-family:'latobold',Arial,sans-serif; } .heading-1 a:hover{ text-decoration:none; } .heading-1 a:hover span{ color:#0198C7;} .listing-box-question .heading-1 { background:question-icon.jpg?c=aaaa; color:#999; } .heading-1 a:first-child{display: block;} .heading-1 a:first-child:hover{ /*text-decoration:underline;*/} .heading-1 span { color:#666; font: 16px/20px 'OpenSansCondensedBold',Arial,sans-serif; clear:both; /*padding: 5px;*/ display:block; width:100%; margin:5px 0; word-wrap: break-word; /*text-align:justify;*/ } .heading-1 .que_space{width:210px !important; word-wrap: break-word;} .heading-1 span:first-letter, .page-center .header p:first-letter {text-transform:uppercase;} .heading-1 span:before { clear: both; line-height: 12px; } .header-bottom{ float:left; width: 208px; height:auto; /*padding:5px;*/ } .header-bottom span.location{ font-size:13px; padding:0 0 0 0; /*text-transform:uppercase;*/ } .header-bottom span.location a{ /*color:#232323;*/ /*text-transform:uppercase;old-font*/ } span.date { font-size:11px; text-transform:uppercase; margin:0 8px 0 0; color:#999; } .listing-box-question div.middle{ float:left; width: 210px; background:#FAF9F7; /*background:#F3F0F0;*/ border-top:1px dotted #acb4b4; /*padding:5px 0 5px 0;*/ padding:5px; } .listing-box-question div.middle .answer-text a { float:none; display:block; } .listing-box-question div.middle div.uiFooter button {/*text-align:right;*/ font-size:12px;} .listing-box-question div.middle textarea:focus { text-align:justify; box-shadow:none; /* IE6-9 */ } .listing-box-question div.middle textarea{ height:55px; width:97%; padding:0 0 0 5px; resize:none; display: block; margin-bottom:5px; color:#999; } .answer-input{ float:left; width:218px; height:54px; border:1px solid #619896; } input.btn-post{ background:#626262; float:left; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#fff; width:auto; height:auto; padding:3px 5px; border:none; cursor:pointer; } .previous-answer{ float:left; width:210px; padding:5px 0; /*width: 197px; padding:8px;*/ height:auto; } .previous-answer span.delete a { float:right; } .page-center .bottom .previous-answer span.delete a img { width:9px; height:12px; border:none; } .page-center .bottom .previous-answer span.abuse img { width:12px; height:12px; } .previous-answer a{ /*color:#8A674F;*/ float:left; word-break: break-all; } .previous-answer .answer-text p a { float:none; } .previous-answer img{ /*float:left; Shrikant : for expert badge in feeds*/ width:30px; height:30px; border:1px solid #ccc; margin:0 5px 0 0; } .answer-text{ line-height:18px; font-size:12px; /*color:#646464;*/ word-wrap: break-word; } .summary.answer-text .heading-1 a { color:#1575BC; } .summary.answer-text .heading-1 a:hover { text-decoration:underline; } .summary.answer-text .heading-2 a { font-size:14px; } .answer-bottom { float: left; width: 50%; margin: 0px 0; } .answer-bottom span{ float:left; width:auto; } .answer-bottom a{ color:#22a6a2; font-family:Arial, Helvetica, sans-serif; font-size:11px; /*margin:0 10px 0 0;*/ } .answer-bottom a img{ float:left; width:auto; height:auto; border:none; } .listing-box-question div.more-link{ /* background-color:#F3F0F0;*/ float:right; /*width:230px;*/ width: 210px; /*shrikant*/ height:auto; } .listing-box-question div.more-link a{ float:right; font-size:12px; padding:0 28px 0 0; margin:5px; background:url(../img/carousel-next.gif?c=aaaa) right 3px no-repeat; line-height: 25px; } .listing-box-question div.more-link a:hover{ text-decoration:underline; } div.feedContent > ul, div.feedContainer > ul, div.searchfeedContainer > ul, div.feedContent > ul {/* margin-left: 15px; margin-left:auto; margin-right:auto;*/ margin:0 auto;} /*question-main-page*/ .page-layout { width:auto; height:auto; float:left; } .page-left-sidebar{ float:left; width:300px; height:auto; } .page-center { float:left; background:#fff; padding:10px; margin-bottom: 20px; /*width:50%;*/ width: 580px; } .page-center .header { float:left; width:100%; height:auto; } .page-center .header img.user-pic { border:5px solid #fff; box-shadow:0 0 3px #ccc; margin:0 10px 0 0; } .page-center .header .heading { float:left; width:514px; height:auto; } .page-center .header .heading h1 { font-family:'OpenSansCondensedLight',Arial,sans-serif; font-size:22px; color:#00afaa; margin:0 0 10px 0; } .page-center .header .heading span { float:left; width:100%; font-family:'latoregular',Arial,sans-serif; font-size:13px; color:#444; font-weight:normal; margin:0 5px 0 0; } .page-center .header .heading span.delete { float:right; width:auto; } .page-center .header .heading a{ /*color:#785D44;*/ } .page-center .header .heading a img { float:left; margin:2px 5px 0 0; } .report_space{margin-right:30px !important} .page-center .header p { /*float:left; width:100%;*/ /*font: bold 16px/20px 'OpenSansCondensedBold',Arial,sans-serif;old-font*/ /*color:#009D99;*/ color:#666; font: 16px/20px 'OpenSansCondensedBold',Arial,sans-serif; } .answer-input-form { float:left; width:481px; height:auto; } .answer-input-form textarea { margin:0 0 5px 0; } .answer-input-form img{ float:left; margin:0 10px 0 0; } .answer-input-form textarea { float:left; width:410px; height:auto; min-height:50px; border:1px solid #c4c4c4; border-radius:0; resize:none; } .answer-input-form input.btn-post { float:right; margin-right:10px; } .fl-right { float:right; } .page-center .bottom { float:left; width:100%; /*margin:0 0 0 113px;*/ } .page-center .bottom .top-links { float:left; /*width:487px;*/ width:100%; border-bottom:1px dashed #bababa; padding:0 0 5px 0; } .top-links span.total-count { float:left; width:98%; } span.links-right { float:right; width:auto; } span.links-right a{ color:#00AFAA; } .page-center .bottom .previous-answer { float:left; width:99%; height:auto; } .page-center .bottom .previous-answer img { float:left; width:auto; height:auto; margin:0 10px 0 0; } .page-center .bottom .previous-answer p { float:left; margin:5px 0; width:100%; } .page-center .bottom .previous-answer .answer-text { float:left; width:78%; } .answer-text h4 { margin:5px 0; } .page-center .bottom .previous-answer .answer-text .heading-1 a{ /*color:#00AFAA;*/ font-size:14px; font-family:'latoregular',Arial,sans-serif; margin:0; } .page-center .bottom .previous-answer span{ color:#444; } .previous-answer span.delete { float:right; } li.previous-answer .answer-text { float:left; width:80%; color:#666; } .bottom .previous-answer .answer-bottom { float:left; width:100%; font-size:11px; } .bottom .previous-answer span a{ color:#00AFAA; } .answer-bottom.links span a { border-right:1px solid #00AFAA; } .answer-bottom.links span { margin:0 5px 0 0; } .answer-bottom span.like { padding:0 3px; } /*city-feed css*/ .listing-box { float:left; width:210px; padding:5px; height:auto; /*border:1px solid #e5e5e5;*/ border:2px solid #fff; background-color:#fff; box-shadow: 0 0 5px #acacac; border-radius:5px; } .listing-box:hover { border:2px solid #55A2D4; } .listing-info { float:left; width:100%; height:auto; padding:0 0 5px 0; border-bottom: 1px dashed #ACB4B4; } .listingHeading.h2 { /* font-family:'OpenSansCondensedLight',Arial,sans-serif; font-size:16px; color:#444444;*/ } .listingHeading.h2 a{ color: #666; font:16px/20px 'OpenSansCondensedBold',Arial,sans-serif; } .listingHeading.h2.itinerary a{ /*color:#4E3031;old-font*/ font-size:15px; font-family:'latoregular',Arial,sans-serif; /*font-weight:bold;*/ } .listingHeading.city { float:left; width:100%; background:url(../img/icon-city-24px.png?c=aaaa) right top no-repeat; line-height:27px; } .listingHeading.adda { float:left; width:100%; background:url(../img/icon-adda-24px.png?c=aaaa) right top no-repeat; line-height:27px; } .listingHeading.attraction { float:left; width:100%; background:url(../img/icon-attraction-24px.png?c=aaaa) right top no-repeat; line-height:27px; } .listingHeading.country { float:left; width:100%; background:url(../img/City-icon-24.png?c=aaaa) right top no-repeat; line-height:27px; } .listingHeading.continent { float:left; width:100%; background:url(../img/icon-continent.png) right top no-repeat; line-height:27px; } .listingHeading.h3 { font-family:'OpenSansCondensedLight',Arial,sans-serif; font-size:13px; color:#444444; font-family:'latoregular',Arial,sans-serif; } .listingRating { float:left; width:100%; } .listingRating img { float:left; width:17px; height:20px; margin:0 4px 0 0; } .listingCoveriImage { float:left; width:100%; height:auto; line-height:0; position:relative; background-color:#343434; text-align: center; } .listingDsc { width:96%; padding:5px; font-family:'latoregular',Arial,sans-serif; /* color:#4e3031;old-font*/ text-align: justify; word-wrap: break-word; color:#666; font-size:14px; float:left; } .experts { float:left; padding:0; margin:5px 0 0 0; } .experts span { float:left; width:auto; } .addas { float:left; } .listingDsc.addas { width:100%; padding:10px 0 0 0; } .addas span { float:left; width:auto; } .listing-ul { float:left; padding:0 0 5px 2px; } .listing-ul li.listItem { float:left; margin:0 4px 0 0; } .listing-ul li.listItem:last-child { margin-right:0; } .listing-ul li.listItem a { float:left; } .listing-ul li.listItem a img { float:left; } .hover { position:absolute; z-index:2; /* right:1px;*/ top:10px; left:5px; width:auto; } .search-section label { margin-right:5px; } .hover span button.btn-post { /*float:left; margin:0 5px 0 0;*/ /* width:98px; */ } /*trip report*/ .trip-report-foot { float:left; width:100%; background:#FAF9F7; } .trip-report .heading-1 a { color:#1575BC!important; } .trip-report .header { background:url(../img/icon-trip_report.png?c=aaaa) right top no-repeat; } .trip-report-foot span { float:left; } .trip-report-foot span.delete { margin-top:2px; margin-left:5px; color:#1575BC; } .trip-report-foot span a { float:left; width:auto; margin:2px 3px; } .small-wrapper.none { background:#fff; border:1px solid #ccc; padding:10px; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 5px #E4E4E4; min-height:300px; } .small-wrapper.none label { font-weight:normal; float:left; width:100%; } .small-wrapper.none input#user_email{ margin-bottom: 8px; width: 218px; width: 220px\9; color: #666666 !important; } /*.location.multiple-location { float:left; background:url(../img/location-iocn.png?c=aaaa) left 5px no-repeat; }*/ /*.location.multiple-location a { font-size:12px; text-transform:uppercase; }*/ span.location { text-transform:capitalize; /*margin-top:10px;*/ line-height:20px; display: block; background-color:#fcfcfc; padding:5px 0; /*rupal*/ } span.location a {padding: 0 5px 0 15px; background: url(../img/location-iocn.png?c=aaaa) no-repeat scroll left 2px transparent;display:inline-block;} span.location a:hover { text-decoration:underline;} .location.multiple-location a:first-child { padding:0 0 0 13px; } .btn.favourite { background:url(../img/fav-icon.png?c=aaaa) left 2px no-repeat; } /*Trip Report View page*/ .post { float:left; width:100%; } .post .header { float:left; width:100%; border-bottom: 1px dashed #CCCCCC; padding:0 0 8px 0; } .post .header h1 { clear: both; /*color: #FF5055;*/ /*color:#00AFAA;*/ color:#666; display: block; font: 18px/20px 'OpenSansCondensedBold',Arial,sans-serif; margin: 10px 0; padding: 5px; width: 100%; word-wrap: break-word; } .entry-info { float:left; width:100%; font-size:14px; padding:10px 0; } .entry-author { float:left; padding:0 0 0 16px; margin:0 12px 0 0; background:url(../img/author-icon-new.png?c=aaaa) left top no-repeat; } .entry-date { float:left; padding:0 0 0 20px; margin:0 12px 0 0; background:url(../img/date-icon-new.png?c=aaaa) left top no-repeat; } .entry-content { float:left; width:100%; margin:10px 0; } .entry-content p { width:100%; } .comments { float:left; padding:0 0 0 20px; margin:0 12px 0 0; background:url(../img/comments-small-icon-new.png?c=aaaa) left top no-repeat; } .edit { float:left; padding:0 10px 0 20px; background:url(../img/small-edit-new.png?c=aaaa) left top no-repeat; } .recommend { float:left; padding:0 10px 0 20px; background:url(../img/icon-share-new.png) left top no-repeat; } .favourite { float:left; padding:0 0 0 20px; background:url(../img/s-favourite.png?c=aaaa) left top no-repeat; } .total-count.comments { float:left; background:url(../img/comment-big-icon-new.png?c=aaaa) left top no-repeat; padding:0 0 5px 32px; } .post .bottom { width:100%; margin:0; } .post .bottom .answer-input-form, .post .bottom .answer-bottom { width:100%; } .post .bottom textarea { width:85%; } .post .bottom .top-links { float:left; width:100%; border-bottom: 1px dashed #BABABA; } .post .bottom a.like, .post .bottom a.dislike, .post .bottom a.share { float:left; } .post .bottom a.like img, .post .bottom a.dislike img, .post .bottom a.share img, .post .bottom a.reply img{ float:left; margin-right:5px; } a.dislike img { padding:2px 0 0 0; } .abuse, .delete { float:left; margin-right:8px; } .abuse img, .delete img{ float:left; margin-right:3px; vertical-align:middle; margin-top:2px; border:0!important; } .delete img { width:9px; height:12px; } .previous-answer .abuse img { width:12px; height:12px; border:0!important; float:right; } /*expert listing box*/ a.send-msg { float:left; width:50%; padding:0 0 0 5px; font-size:12px; } .listingHeading.h4 { font-family:'OpenSansCondensedLight',Arial,sans-serif; font-size:11px; color:#fff; font-family:'latoregular',Arial,sans-serif; line-height:12px; padding:0 5px; } .expert-info { background:#343434; } .expert-info .listingHeading.h2 { font-size:18px; font-weight:bold; color:#ffffd6; padding:0 5px; } .expert-info .listingHeading.h2 a{ color:#ffffd6; } .expert-info .listingHeading.h3 { color:#fff; padding:0 5px; } .bg-black { background:#000; } a.add-friend { float:left; padding:0 0 0 5px; font-size:12px; } /*itenerary feed*/ .listing-box-question .itinerary-profile-pic { float:left; width:70%; padding:5% 15%; } .itinerary .heading-1 { float:left; width:100%; padding:5px 0; } .itinerary-duration { float:left; font-size:24px; font-family:'OpenSansCondensedLight',Arial,sans-serif; font-weight:bold; width:44%; padding:0 28%; text-align:center; line-height:24px; color:#084C49; } .itinerary-duration img { float:left; } .itinerary-duration span { font-size:14px; } .itinerary span.date { float:left; font-size:11px; width:99%; padding:0 1% 0 0; line-height:14px; } .itinerary-destination { padding:0 10px; text-align:center; } .itinerary .h3 img { /*float:left; shrikant: for expert badge */ margin:0 5px 0 0; } .heading-right { float:left; width:80%; } .itinerary .listingHeading.h3 { border-top:1px dashed #ccc; padding:5px; background:#F3F0F0; float:left; width:96%; } .itinerary .listingHeading.h3 > a{ float:left;} .listingHeading.itinerary { background:url(../img/irinerary-icon-small.png?c=aaaa) right top no-repeat; padding:0 20px 0 5px; margin-right:5px; } /*write review*/ .listing-box-question .header.review { padding:0 20px 10px 0; background:url(../img/pen.png?c=aaaa) top right no-repeat; width:90%; } img.small-loader { max-width:15px; max-height:15px; width:15px!important; height:15px!important; } /*/var/www/local.spider.joguru.com/application/views/content*/ .post .description strong{ font-family: 'latobold',Arial,sans-serif; } .post .description em{ font-style: italic; font-family: 'latoitalic',Arial,sans-serif; } .listingHeading.h2.adda{ padding-right: 12%; width: 88%; } .uiSMessage{color:#ccc;}