/** Styling for the new_master_laypout **/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } footer { clear: both; border-top: 1px solid #e5e5e5; border-bottom: 5px solid #303030; /*line-height: 0; Just for development before real content is added */ } strong { font-weight: 700; } .cw, .rr { position: relative; float: left; margin: 10px 0; } .rr { float: right; border: 1px solid #E5E4D9; padding-left: 7px; padding-right: 5px; padding-top: 8px; width: 336px; } .rr h3 {font-weight:bold;margin-bottom:10px;} .cw { width: 632px; } .container { position: relative; background: #fff; margin: 0 auto; top: 0; /*CSS3*/ -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.27); /* FF3.5+ */ -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.27); /* Saf3.0+, Chrome */ box-shadow: 0px 0px 3px rgba(0,0,0,.27); /* Opera 10.5, IE9, Chrome 10+ */ } html.ie8 .container { overflow: hidden; } #custom-doc { /* Used to define page/main container width */ margin:auto;text-align:left; /* leave unchanged */ width:76.31em;/* non-IE */ *width:74.40em;/* IE */ min-width:992px;/* optional but recommended */ } /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix { zoom: 1; } div.globalcenter { margin-left: auto; margin-right: auto; width: 992px; text-align: left; /**** to realign your text ****/ } ul#copyright { position: relative; width: 992px; margin: 20px auto 20px; } #copyright li { display: inline; font-size: 12px; padding-right: 15px; color: #7f7f7f; float:left; } #copyright li a { color: #7f7f7f; } #copyright li a:hover { color: #000; } #copyright li.last { float: right; padding-right: 0; } /** @Right Rail **/ .ad { margin-top: 0; margin-bottom: 20px; } .ad a:hover { border: none; } .ad.top { margin-top: -10px; /* NOTE: Aligns top ad with content well */ } .rr p.adHed { text-align: center; } /*------------------------------- RATING AND REVIEW CSS -------------------------------*/ .destRating { margin: 8px 0 8px; list-style-type: none; } .destRating li { display: inline; list-style-image: none; /* IE fix */ } .destRating li.stars { display: block; border-bottom: 1px solid #f2f2f2; padding-bottom: 7px; margin-bottom: 0; font-weight: 700; } .destRating li.stars span { font-size: 10px; color: #9a9a9a; font-weight: 300; } .destRating li.stars img { margin: 0 3px -3px; /* vertically aligning the stars. */ } .destRating li.user, li.expert { margin-right: 10px; font-size: 11px; } .destRating li.user b, li.expert b { font-size: 12px; } /*Rating and Review Main*/ ul.destRating ul.ratingStar {display: inline; padding: 0 3px; list-style-position: outside; list-style-type: circle;} ul.destRating ul.ratingStarTab {display: inline; padding: 0 3px; list-style-position: outside; list-style-type: circle;} ul.destRating ul.ratingStarTab li {width:22px; float:left;height:19px; padding: 0px 0px 0 0;margin:0 0 4px} html.ie7 ul.destRating ul.ratingStarTab li {padding: 0px 13px 0 0;} /* IE7 Fix */ ul.destRating ul.ratingStarTab.option {cursor: pointer;} ul.destRating ul.ratingStarTab.lite {cursor: pointer;} ul.destRating ul.ratingStar li {width:16px; height:16px; padding: 0px 16px 0 0;} html.ie7 ul.destRating ul.ratingStar li {padding: 0px 13px 0 0;} /* IE7 Fix */ ul.destRating ul.ratingStar.option {cursor: pointer;} ul.destRating li.activeRatingStar {background: url('http://media.away.com/away/images/destination/rating-star.png') no-repeat scroll top left transparent; float: none; font-size: 13px;} ul.destRating li.deactivedRatingStar {background: url('http://media.away.com/away/images/destination/rating-star.png') no-repeat scroll bottom left transparent; float: none; font-size: 13px;} div#ratingReviewContainer {display: none;} ul.destRating {margin: 8px 0 8px; list-style-type: none;} ul.destRating li {display: inline; list-style-image: none; /* IE fix */ } ul.destRating li.stars {display: block; border-bottom: 1px solid #f2f2f2; padding-left: 0px; padding-bottom: 7px; margin-bottom: 0; font-weight: 700; line-height: 16px; list-style-position: outside; background-image: none; background-repeat: repeat; background-position: 0 0; float: none; width: 230px;} ul.destRating li.stars span {font-size: 10px; color: #9a9a9a; font-weight: 300; } ul.destRating li.stars img {margin: 0 3px -3px; /* vertically aligning the stars. */} ul.destRating li.user {float: none; list-style-position: inside; font-family: sans-serif; font-size: 11px; color: #444444; border-top-color: #444444; border-right-color: #444444; border-bottom-color: #444444; border-left-color: #444444; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 0px; background-color: transparent; background-image: none; background-position: 0 0; width: auto; display: block; } ul.destRating li.user, li.expert {margin-right: 10px; font-size: 11px;} ul.destRating li.user b, li.expert b {font-size: 12px;} ul.destRating.detailrating { display: inline; } ul.destRating.detailrating li {font-weight: normal; border: none;} ul.destRating.detailrating li ul.ratingStar li { margin-left: 5px;} /* user profile stuff*/ div.userprofilerrdetailcontent {overflow: hidden; margin-top: 4px; margin-bottom: 4px;} div.userprofilerrquoteimage {float: left;} div.userprofilerruserreview {float: left; margin-left: 10px; width: 90%; text-align:justify;} div.profileReview { margin-bottom: 10px; } /*------------------------------- RATING AND REVIEW CSS END -----------------------------*/ /** User Profile CSS*/ li.sh-navitem a:link {color: #453E1D;} li.sh-navitem a:hover {color: #004340;} li.sh-navitem-on a, li.sh-navitem-on a:visited, li.sh-navitem-on a:hover { color: #FDFDF1; } ul#myaccountloginlogoutlinks a:link { color: #004441;} ul#myaccountloginlogoutlinks a:visited { color: #2D726F;} ul#myaccountloginlogoutlinks a:hover { color: #004441;} div.userdetailsrightcol a:link {color: #004441;} div.userdetailsrightcol a:visited {color: #2D726F;} div.userdetailsrightcol a:hover {color: #004340;} div.userdetailsrightcol a.url:link {color: #004441;} div.userdetailsrightcol a.url:visited {color: #2D726F;} div.userdetailsrightcol a.url:hover {color: #004340;} div#profile-social-widget div.swlinks { float: none; margin-right: 0; margin-top: 10px; } /** End User Profile CSS*/ /** Park City Tunning */ #ParkCity div.destoverview { -moz-border-radius: 4px 4px 4px 4px; background-color: #EFEEE5; border: 1px solid #E5E3D6; padding: 0 9px 9px 9px; border-top: none; margin-top: -25px} /** @AdSense **/ .adsense { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 2px 0; margin-bottom: 20px; clear:both; } .adsense p.adHed { margin: 0 6px 5px 15px; text-align: left; } .adsense ul { clear: both; background: #f2f2f2; padding: 10px 0; overflow:hidden; } .adsense li { float: left; display: inline; width: 30%; margin-left: 15px; font-size: 12px; word-wrap: break-word; } /** End @AdSense **/ /** @AdSense in the rightrail **/ .rr .adsense { border: 1px solid #e6e6e6; padding: 2px 0; margin-bottom: 20px; clear:both; } .rr .adsense p.adHed { margin: 0 6px 5px 15px; text-align: left; } .rr .adsense ul { clear: both; background: #fff; padding: 10px 0; overflow:hidden; } .rr .adsense li { float: left; display: inline; width: 93%; margin-left: 15px; margin-bottom:15px; font-size: 12px; word-wrap: break-word; } /** End @AdSense in the rightrail **/ /*Begin : Gorp Rating and Review Form*/ div#RR_TB_overlay {height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 9998;} div#RR_TB_window {background: none repeat scroll 0 0 rgb(255,255,255);border: 2px solid rgb(0,0,0);-moz-border-radius: 12px 12px 12px 12px;border-radius: 12px 12px 12px 12px;box-shadow: 1px 2px 3px 4px #323232;color: #000000;font: 12px Arial, Helvetica, sans-serif;position: fixed;text-align: left;z-index: 9999;left: 35%;top: 20%;width: 450px;} #RR_TB_window span.title {font-weight: bold; font-size: 18px;} #reviewFooter {float: right; clear: both; margin: 5px 14px 10px 0;} input#submitReview {border: ridge 1px; float: right; clear: both; background: rgb(130,180,225);} div.TB_closeAjaxWindow {background: url("http://media.away.com/away/images/close-box.png") no-repeat transparent; float: right; height: 35px; text-align: right; width: 30px; cursor: pointer;} #RR_TB_window div.TB_closeAjaxWindow{ margin: -15px -15px 0 0; z-index: 9999;} div.TB_top {background-color: #01A54E; border: 1px solid #01A54E; -moz-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; font-size: 1px; height: 5px;} div.TB_body {padding: 10px;} form#rrRatingAndReviewForm textarea {width: 423px; height: 200px;} form#rrRatingAndReviewForm input.submit {background: url("http://media.away.com/away/images/qa/qa-gradient-button-light.png") repeat-x #1FA758; border: 1px #287646; color: rgb(255,255,255); font-weight: bold; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; cursor: pointer; font-size: 18px; float: right;} form#rrRatingAndReviewForm input.submit:hover {background-position: 0 -31px;} div#rrReviewFooter {text-align: left; overflow: hidden;} /*End : Gorp Rating and Review Form*/ .beenhere ul{padding: 0;margin: 0;list-style: none;} .beenhere li{display:inline;} .beenhere a:link, .beenhere a:visited{color: #574f27;float: left;margin: 0 2px;padding: 4px 2px;text-decoration: none;border: 1px dashed #574f27;font: bold 11px Arial, Helvetica;background-color: #f5f3da;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} .beenhere a:hover{color:#000;-moz-box-shadow: 0 1px 0 rgba(255, 255, 0, 0.5) inset;-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3) inset;border: 1px dashed #000;} .beenhere a:active{color: #fff;padding:3px 1px;border: 1px solid #831608;background-color: #905429;background-image: -moz-linear-gradient(#a96942, #753f0f);background-image: -webkit-gradient(linear, left top, left bottom, from(#a96942), to(#753f0f));background-image: -webkit-linear-gradient(#a96942, #753f0f);background-image: -o-linear-gradient(#a96942, #753f0f);background-image: -ms-linear-gradient(#a96942, #753f0f);background-image: linear-gradient(#a96942, #753f0f);-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;text-shadow: 0 0px 3px rgba(0,0,0,.8);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) , 0 1px 0 rgba(255, 255, 255, 0.5) inset;-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.5) inset;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.5) inset;} .beenhere .bg{border: 0px solid #f5f3da;display: inline-block;padding: 0 6px 3px 3px;height:17px;cursor: pointer;background-color: transparent;} .beenhere a:hover .bg{display: inline-block;cursor: pointer;} .beenhere a:active .bg{border: 1px dashed #eba1a3;display: inline-block;cursor: pointer;background-color: #bb413b;background-image: -moz-linear-gradient(#c07645, #9c5a20);background-image: -webkit-gradient(linear, left top, left bottom, from(#c07645), to(#9c5a20));background-image: -webkit-linear-gradient(#c07645, #9c5a20);background-image: -o-linear-gradient(#c07645, #9c5a20);background-image: -ms-linear-gradient(#c07645, #9c5a20);background-image: linear-gradient(#c07645, #9c5a20);} .beenhere a .bg .check, .beenhere a .bg .pin {display:inline-block;width:15px;height:17px;overflow:hidden;margin: 0 3px 0 0;line-height:50px;background-image:url(http://media.away.com/images/gorp/beenhere-lifelist-15x17.png);background-repeat:no-repeat;background-position: 0 0;vertical-align:text-bottom;} .beenhere a:active .bg .check, .beenhere li.beenhereselected .bg .check {background-position:0 -17px;} .beenhere a .bg .pin {background-position:0 -34px;} .beenhere a:active .bg .pin, .beenhere li.lifelistselected .bg .pin {background-position:0 -51px;} .beenhere li.beenhereselected a:link, .beenhere li.beenhereselected a:visited, .beenhere li.lifelistselected a:link, .beenhere li.lifelistselected a:visited {color: #fff;padding:3px 1px;border: 1px solid #831608;background-color: #905429;background-image: -moz-linear-gradient(#a96942, #753f0f);background-image: -webkit-gradient(linear, left top, left bottom, from(#a96942), to(#753f0f));background-image: -webkit-linear-gradient(#a96942, #753f0f);background-image: -o-linear-gradient(#a96942, #753f0f);background-image: -ms-linear-gradient(#a96942, #753f0f);background-image: linear-gradient(#a96942, #753f0f);-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;text-shadow: 0 0px 3px rgba(0,0,0,.8);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) , 0 1px 0 rgba(255, 255, 255, 0.5) inset;-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.5) inset;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.5) inset;} .beenhere li.beenhereselected .bg, .beenhere li.lifelistselected .bg{border: 1px dashed #eba1a3;display: inline-block;cursor: pointer;background-color: #bb413b;background-image: -moz-linear-gradient(#c07645, #9c5a20);background-image: -webkit-gradient(linear, left top, left bottom, from(#c07645), to(#9c5a20));background-image: -webkit-linear-gradient(#c07645, #9c5a20);background-image: -o-linear-gradient(#c07645, #9c5a20);background-image: -ms-linear-gradient(#c07645, #9c5a20);background-image: linear-gradient(#c07645, #9c5a20);} /*REA-1283 Rating and Review Main*/ .ugc_activeRatingStar-container {position: absolute; z-index: 10000; font-size: 10px; background: #eee; text-align: left; padding: 5px; border: 1px solid #999999; line-height: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #000; font-weight: 700;} .ugc_deactivedRatingStar-container {position: absolute; z-index: 10000; font-size: 10px; background: #eee; text-align: left; padding: 5px; border: 1px solid #999999; line-height: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #000; font-weight: 700;} div#ratingReviewContainer {display: none;} ul.destRating ul.ratingStar {display: inline; padding: 0 3px; list-style-position: outside; list-style-type: circle;} ul.destRating ul.ratingStar li {width:16px; height:16px; padding: 0px 16px 0 0;} html.ie7 ul.destRating ul.ratingStar li {padding: 0px 13px 0 0;} /* IE7 Fix */ ul.destRating ul.ratingStar.option {cursor: pointer;} ul.destRating ul.ratingStar.lite {cursor: pointer;} ul.destRating li.activeRatingStar {background: url('http://media.away.com/gorp/images/qa/gorp_rating_star.png') no-repeat scroll bottom left transparent; float: none; font-size: 14px; line-hight: 16px;} ul.destRating li.deactivedRatingStar {background: url('http://media.away.com/gorp/images/qa/gorp_rating_star.png') no-repeat scroll top left transparent; float: none; font-size: 14px; line-hight: 16px;} /*RR average Stars - Using multiples of 16 px to move png*/ ul.destRating li.activeRatingStar1d {background: url('http://media.away.com/gorp/images/qa/gorp_rating_star.png') no-repeat scroll 0px -16px transparent; float: none; font-size: 13px; line-hight: -16px;} ul.destRating li.activeRatingStar2d {background: url('http://media.away.com/gorp/images/qa/gorp_rating_star.png') no-repeat scroll 0px -33px transparent; float: none; font-size: 13px; line-hight: -32px;} ul.destRating li.activeRatingStar3d {background: url('http://media.away.com/gorp/images/qa/gorp_rating_star.png') no-repeat scroll 0px -50px transparent; float: none; font-size: 13px; line-hight: -48px;} ul.destRating li.activeRatingStar4d {background: url('http://media.away.com/gorp/images/qa/gorp_rating_star.png') no-repeat scroll 0px -64px transparent; float: none; font-size: 13px; line-hight: -64px;} ul.destRating li.activeRatingStar5d {background: url('http://media.away.com/gorp/images/qa/gorp_rating_star.png') no-repeat scroll 0px -83px transparent; float: none; font-size: 13px; line-hight: -80px;} ul.destRating li.activeRatingStar6d {background: url('http://media.away.com/gorp/images/qa/gorp_rating_star.png') no-repeat scroll 0px -100px transparent; float: none; font-size: 13px; line-hight: -96px;} ul.destRating li.activeRatingStar7d {background: url('http://media.away.com/gorp/images/qa/gorp_rating_star.png') no-repeat scroll 0px -117px transparent; float: none; font-size: 13px; line-hight: -112px;} ul.destRating li.activeRatingStar8d {background: url('http://media.away.com/gorp/images/qa/gorp_rating_star.png') no-repeat scroll 0px -133px transparent; float: none; font-size: 13px; line-hight: -128px;} ul.destRating li.activeRatingStar9d {background: url('http://media.away.com/gorp/images/qa/gorp_rating_star.png') no-repeat scroll 0px -150px transparent; float: none; font-size: 13px; line-hight: -144px;} ul.destRating li.activeRatingStard {background: url('http://media.away.com/gorp/images/qa/gorp_rating_star.png') no-repeat scroll 0px -167px transparent; float: none; font-size: 13px; line-hight: -160px;} .beenhere li.beenhereselected a{background: #A7602A; color:#ffffff;} .beenhere li.lifelistselected a{background: #A7602A; color:#ffffff;} div#ratingReviewContainer {display: none;} div.helpFullRRDetails .voteRRMessage .msg1 {display: none;} div.helpFullRRDetails .voteRRMessage .msg2 {display: none;} div.helpFullRRDetails .voteRRMessage.msg1 .msg1 {display: block;} div.helpFullRRDetails .voteRRMessage.msg2 .msg2 {display: block;} div.all-trails {bottom:0;float:none;margin-top:180px;margin-left:260px;width:100px;position:absolute;} div.all-trails a{font-weight:bold;} div.trails h2.trailstitle{background: none repeat scroll 0 0 transparent; border: medium none;color: #785D56;font-family: Helvetica,Arial,san-serif;font-size:18px;font-weight: bold; margin: 0; padding: 16px;};