
.pc{width:469px;padding:0 15px}


/*  STAR RATING CLASSES */

.course-rating{margin-bottom: 12px}
.course-rating div{margin-bottom: 6px}

.course-rating-stars-0,
.course-rating-stars-0_5,
.course-rating-stars-1,
.course-rating-stars-1_5,
.course-rating-stars-2,
.course-rating-stars-2_5,
.course-rating-stars-3,
.course-rating-stars-3_5,
.course-rating-stars-4,
.course-rating-stars-4_5,
.course-rating-stars-5 {
    background: transparent url(i/coursefinder/course-stars.gif) no-repeat 0 0;
    height:13px;
    width:69px;
    overflow: hidden;
    padding:0;
    position: relative;
    text-indent: -9999px;
    }

.course-rating-stars-0_5{background-position: 0 -13px;}
.course-rating-stars-1{background-position: 0 -26px;}
.course-rating-stars-1_5{background-position: 0 -39px;}
.course-rating-stars-2{background-position: 0 -52px;}
.course-rating-stars-2_5{background-position: 0 -65px;}
.course-rating-stars-3{background-position: 0 -78px;}
.course-rating-stars-3_5{background-position: 0 -91px;}
.course-rating-stars-4{background-position: 0 -104px;}
.course-rating-stars-4_5{background-position: 0 -117px;}
.course-rating-stars-5{background-position: 0 -130px;}


#content li{list-style:none}

.courseFinder{overflow:hidden; border:5px solid #EDEAD9;height:1%;margin:0 20px 25px 20px}
.courseFinder h3{font:bold 16px Arial, sans-serif;text-transform:uppercase;padding:0 0 10px 0;color:#222}
.courseFinder p{padding:0 0 5px}
.courseFinder div.rate span.redRate{color:#0381c1;font-weight:bold}
.courseFinder form#courseSearch {padding:12px 12px 0;
font-family: Arial;
}
.courseFinder form#courseSearch button {
        background: url(i/shell/shell-sprite.png) right bottom no-repeat;
        border-width: 0;
        cursor: pointer;
        font-size: 1px;
        height: 22px;
        line-height: 0.1em;
        text-indent: -9999px;
        vertical-align: middle;
        width: 60px;
        margin-bottom: 4px;
    }


.courseFinder form#courseSearch button:hover {
        background-position: right -360px;
}

#content .courseFinder div{margin:0}

.searchform{overflow:hidden;}
#bp2pSearch{width:334px;height:14px;margin-top:10px;font-size:13px;}
#bp2pSubmit{position:relative;top:4px;margin:0 0 0 5px}
#bp2pSubmit img {display:inline}

.limit{width:100%;overflow:hidden;padding:8px 0}
#content .limit .legend{font-size:14px;color:#222;float:left;margin:0 10px 0 0;line-height:16px}
.limit input{float:left;margin:0;line-height:16px}
.limit label{font-size:14px;clear:none;color:#222;float:left;margin:0 20px 0 4px;line-height:16px}

.region{float:left;margin:0 0 12px;font-size:13px;}
.region legend{font-size:12px;color:#222}
.region select{display:block;width:150px;margin-top:3px}

.other{width:280px;padding:15px 0 12px 10px}
.other dl{float:right;width:100px;font:12px Arial,sans-serif;color:#666}
.other select{float:left;width:150px;margin-top:3px}

#content .courseFinder div.rate{
    clear:left;
    font-family:Arial;
    margin:0 0 12px 14px;
}

.noCoursesFound {margin:0 0 20px}

.bp2pResults {margin:0 0 10px 0;width:100%}
.bp2pResults th, .bp2pResults td{padding:11px 5px 11px 10px;text-align:left;font:11px Arial,sans-serif;color:#666}
.bp2pResults th{padding:5px 5px 0 5px;border-bottom:1px solid #DADADA;text-transform: uppercase;font-weight: bold}
.bp2pResults th.ratingsCell{width:70px}
.bp2pResults td p{font:11px Arial;color:#666;padding:0 0 3px 0;margin: 0}
.bp2pResults th a{float:left}
.bp2pResults th a.ratingsAbout{float:right}
.bp2pResults a:link, .bp2pResults a:visited, .bp2pResults a:hover, .bp2pResults a:active{font-family:Arial,sans-serif;font-size:12px;color:#004276}
.bp2pResults td h4{padding:0 0 3px 0}
.bp2pResults td h4 a{font-weight:700}
.bp2pResults td{border:1px solid #DADADA;border-width:0 0 1px 1px}
.bp2pResults td.first_child{border-left:0;padding-left: 0}
h2#bp2p_hed{background:url(/images/elements/coursefinder/best_places_to_play_course_finder.gif) 0 25px no-repeat;padding-top:25px;width:469px;height:42px;text-indent:-9999pt}

#ratingCol{width:140px}
.bp2pResults td .greenfee{font-size: 12px;text-align: center}
.hreview{position:relative;font:12px Arial, sans-serif;padding:0 0 20px;}
.sepr{display:none}
.tel{display:block;margin-bottom: 3px}
.hreview .ratebox{float:right;width:170px}
.hreview .ratebox{border:1px solid #B6B9BE;padding:10px;}
.hreview .ratebox img{display:inline}
.hreview .ratebox a,.hreview .ratebox a p{white-space:nowrap;display:block;margin:2px 11px 0 0;font:bold 12px Arial;color:#004276}
.ratebox > a {padding-bottom:4px;}

.hreview .course-finder-button{height: 63px;width: 178px;padding: 0px 14px 0;float:right; clear:both;}

#courseFinderResults .intro{width:100%;overflow:hidden;border-bottom: 7px solid #39c;}
#courseFinderResults .intro h3{background:#fff;float:left;font:bolder 12px Arial,sans-serif;color:#333;text-transform:uppercase;margin:0}
#courseFinderResults .intro .number{float:right;font:11px Arial,sans-serif;color:#222}

.hreview .vcard, .hreview .item{font-family:Arial, sans-serif;padding:0 12px;}
.vcard p{font:12px Arial, sans-serif;padding:0}
.vcard p.note,
.vcard div.website{padding-top:5px;margin-bottom:3px;}
.vcard h1, .vcard h2{font:bolder 22px Arial, sans-serif;width:320px}
.vcard h2{font-size:14px}
.vcard .adr{font-size:12px;width:320px;margin-bottom: 3px}
#content .vcard .adr .street-address{margin-bottom:3px}
.vcard .adr .region{float:none}

/* common h3 attributes */
.rankings h3, .description h3, .course-details h3, .scorecard h3, .amenities h3, .clinics-leagues h3{font:bold 14px Arial, sans-serif;text-transform:uppercase;margin:0 0 10px 0;color:#2994ca}
.course-details h3{background-color:#39c;color: #fff;padding: 5px 5px 3px 25px;font:bold 12px Arial}
.rankings, .description, .course-details, .scorecard, .amenities, .clinics-leagues, .course-details-cont{font-family:Arial, sans-serif;margin:0;padding:10px 0;}
.rankings, .description, .course-details ul, .scorecard, .amenities, .clinics-leagues, .course-details-cont{padding-left:25px;margin-bottom: 10px}

#content .course-details{border-bottom:0;margin-bottom:0;padding:0;}
#content .scorecard{border-width:0 1px;margin:0;border-top:1px solid #D3CCB9}
#content .course-details-cont{border-top:0;margin-top:0}

.rankings{color:#222;font-family:Arial, sans-serif}
.rankings li{font:bolder 11px Arial, sans-serif;margin:0 0 5px}
.rankings ul{margin:0 0 -5px}

.scorecard{}
.scorecard th{font:bolder 11px Arial, sans-serif}
.scorecard th, .scorecard td{padding:7px 0 4px 10px}
.scorecard td.first_child{padding:7px 5px 4px 0}
.scorecard col.scorecard-tee td{padding:7px 5px 4px 0}
.scorecard tr th, .scorecard tr td{border-bottom:1px solid #d3ccb9;font-size: 12px}
#content .hreview .description{padding:12px;background:#EDEDED;font-family:Arial, sans-serif}
.pc .description p{font-family:Arial, sans-serif}

/* caption, credit */
.image p, .image .credit{font:9px Arial, sans-serif;color:#666;display:block;margin:3px 0 0 12px;padding:0}

.course-details{color:#222;font-family:Arial, sans-serif}

.course-details-cont{font:14px Arial, sans-serif;border-top:1px solid #D3CCB9}
.course-details .lead,
.course-details-cont .lead{font-weight:700}
.course-details-cont li{margin:0 0 5px 0}
/* cancel the margin of the last li */
.course-details-cont ul{margin:0 0 -5px 0}

.amenities{font:14px Arial, sans-serif;border-top:1px solid #D3CCB9}
.amenities .lead{font-weight:700}
.amenities li{margin:0 0 5px 0}
.amenities ul{margin:0 0 -5px 0}

.clinics-leagues{font:14px Arial, sans-serif;border-top:1px solid #D3CCB9;border-bottom:1px solid #D3CCB9}
.clinics-leagues .lead{font-weight:700}
.clinics-leagues li{margin:0 0 5px 0}
.clinics-leagues ul{margin:0 0 -5px 0}

#relatedlinks{padding:0 12px;font:14px Arial, sans-serif}
#relatedlinks dt{font-weight:700}
#relatedlinks dd{margin:5px 0 0 0}
#relatedlinks dl{margin:0 0 25px 0}




#ratingsBubble{position:absolute; top:108px; left:131px; width:337px; height:260px;}
.course_detail #ratingsBubble{top:-135px; left:55px}
#ratingsBubble iframe{position:absolute; top:0px; left:0px; width:300px; height:260px}
#ratingsBubbleBG{position:absolute; z-index:1000; top:0; left:0; width:337px; height:260px}
#ratingsBubbleBG img{position:absolute; z-index:1000; top:0; left:0}
#ratingsBubbleBody{position:absolute; z-index:1001; top:0; left:0;background:#fff;border:5px solid #DAD8D1;}

#ratingsBubbleBody a#closeRatingsBubble{display:block; overflow:hidden; position:absolute; top:5px; right:3px; width:15px; height:14px; font-size:1px; line-height:0.1em; text-indent:-9999px; background:url(i/shell/close.gif) 0 0 no-repeat}

#ratingsBubble h3{color:#333; width:200px; font:bolder 14px arial, sans-serif; text-transform:uppercase; margin:8px 0 6px 15px;background:#fff}
#ratingsBubble .ratingsRow strong{color:#333; font-size:11px; text-transform: uppercase}
#ratingsBubble .ratingsRow{width:320px; overflow:hidden;padding:0 20px;}
.pc div#ratingsBubble div.ratingsRow p{float:left; text-align:left; font:11px arial, sans-serif; line-height:13px; width:200px; margin-left:10px; padding:0 0 3px}
.pc #ratingsBubble .ratingsRow a{float:none; display:inline; margin:0; font:11px arial, sans-serif}
#ratingsBubble .ratingsInfo{margin:2px 20px 0 15px; text-align:left; font:11px arial, sans-serif}
#ratingsBubble .stars{float:left;width:90px}
#ratingsBubble .ratingsRow img{float:right}
#ratingsBubble #ie6{display:none}


.bottom{width:100%}
.bottom .socialLinks{display:none}
.bottom .utils{/*position:relative*/}

em.note{clear:both}
.clearfix{clear:both;}
