﻿/* Golf Styles */

/* Main Page */
#golfcourses { padding-left:20px; }
#golfcourses h1 { margin:10px 0; }
#golfcourses p { margin-bottom:30px; }
#golfcourses .region { margin-bottom:30px; }
#golfcourses .region a.reglogo { display:block; float:left; margin:-8px 0 0 -5px; }
#golfcourses .region h2 { float:left; display:block; width:550px; border-bottom:1px solid #888; margin:0 0 5px -5px; padding:0 0 5px 30px; font-size:14px; }
#golfcourses .region ul { float:left; padding-left:25px; }
#golfcourses .region ul li { width:160px; padding:2px 0; }
#golfcourses .region ul li h3 { margin-bottom:3px; color:#888; }

/* Golf Course Page */
/* Golf Packages */
#golfpackages { border:1px solid #ddd; padding:1px; margin-bottom:10px; }
#golfpackages .title { background-color:#303030; padding:6px 15px; color:#fff; font-size:11px; font-weight:bold; }
#golfpackages .cont { padding:3px 8px; }
#golfpackages .cont a.golfpack { position:relative; display:block; width:202px; margin:5px 0; padding:4px; color:#666; text-decoration:none; overflow:hidden; }
#golfpackages .cont a:hover.golfpack { background-color:#303030; text-decoration:none; }
#golfpackages .cont a:hover.golfpack .title { color:#fff; }
#golfpackages .cont a.golfpack .title { display:block; background:none; padding:5px 10px; color:#303030; font-weight:bold; }
#golfpackages .cont a.golfpack .courses { display:block; border:1px solid #ccc; border-width:1px 0; overflow:hidden; background-color:#fff; padding:8px 10px; }
#golfpackages .cont a.golfpack .courses span { display:block; float:left; padding:3px 3px 3px 0; }
#golfpackages .cont a.golfpack .price { display:block; background-color:#eee; border-bottom:1px solid #ccc; padding:3px 10px; text-align:right; }
#golfpackages .cont a.golfpack .price span { color:#006600; font-size:14px; font-weight:bold; }

/* Nearby Hotels */
#nearbyhotels { border:1px solid #ddd; padding:1px; margin-bottom:10px; }
#nearbyhotels .title { background-color:#303030; padding:6px 15px; color:#fff; font-size:11px; font-weight:bold; }
#nearbyhotels .cont { padding:9px 8px 0 8px; }
#nearbyhotels .cont a { position:relative; display:block; width:200px; height:150px; text-decoration:none; border:1px solid #ddd; margin-bottom:8px; padding:4px; }
#nearbyhotels .cont a:hover { background-color:#303030; text-decoration:none; }
#nearbyhotels .cont img { position:absolute; }
#nearbyhotels .cont a .hotelname { display:block; position:absolute; bottom:4px; z-index:10; width:180px; background-color:#303030; padding:4px 10px; color:#fff; font-size:11px; }

/* Golf Courses Sidebar Menu */
#sbmenucourses { border:1px solid #ddd; padding:1px; margin-bottom:10px; }
#sbmenucourses .title { background-color:#303030; padding:6px 15px; color:#fff; font-size:11px; font-weight:bold; }
#sbmenucourses .regionmenu { overflow:hidden; margin:1px -1px 0 0; }
#sbmenucourses .regionmenu li { float:left; }
#sbmenucourses .regionmenu a { display:block; width:37px; height:0; padding-top:10px; margin-right:1px; overflow:hidden; }
#sbmenucourses .regionmenu a.active { padding-top:11px; }
#sbmenucourses .regionmenu a#btnregion1 { background-color:#f48312; }
#sbmenucourses .regionmenu a#btnregion2 { background-color:#6c80c0; }
#sbmenucourses .regionmenu a#btnregion3 { background-color:#becc51; }
#sbmenucourses .regionmenu a#btnregion4 { background-color:#41a4c3; }
#sbmenucourses .regionmenu a#btnregion5 { background-color:#9766bd; }
#sbmenucourses .regionmenu a#btnregion6 { background-color:#bc2000; width:36px; margin:0; }
#sbmenucourses .cont .subtitle { padding:5px 15px; color:#fff; font-weight:bold; }
#sbmenucourses .cont .subtitle div { padding-bottom:5px; }
#sbmenucourses .cont#sbCourseMenu1 .subtitle { background-color:#f48312; }
#sbmenucourses .cont#sbCourseMenu2 .subtitle { background-color:#6c80c0; }
#sbmenucourses .cont#sbCourseMenu3 .subtitle { background-color:#becc51; }
#sbmenucourses .cont#sbCourseMenu4 .subtitle { background-color:#41a4c3; }
#sbmenucourses .cont#sbCourseMenu5 .subtitle { background-color:#9766bd; }
#sbmenucourses .cont#sbCourseMenu6 .subtitle { background-color:#bc2000; }
/* Sidebar Golf Courses Menu */
#sbmenucourses .menu { margin:0 -15px -5px -14px; overflow:hidden; }
#sbmenucourses .menu li a { float:left; display:block; width:74px; margin-right:1px; padding:3px 0; color:#fff; font-weight:bold; text-align:center; text-decoration:none; }
#sbmenucourses .menu li a:hover { color:#303030; }
#sbmenucourses .menu li a.active { background-color:#fff; border-color:#fff; color:#303030; }
#sbmenucourses .courselist { padding:10px 5px; }
#sbmenucourses .courselist a { display:block; padding:2px 10px; text-decoration:none; }
#sbmenucourses .courselist a:hover,#sbmenucourses .courselist a.active { color:#303030; font-weight:bold; }

/* Golf Course Page */
#coursepage { padding-left:20px; }
#coursepage #photoframe { height:360px; border:1px solid #ddd; margin-bottom:5px; padding:4px; }
#coursepage #coursemenu { border:1px solid #ddd; margin-bottom:10px; padding:4px; overflow:hidden; }
#coursepage #coursemenu table { width:100%; }
#coursepage #coursemenu table td { text-align:center; }
#coursepage #coursemenu a { display:block; padding:4px 6px; color:#666; font-size:10px; font-weight:bold; text-decoration:none; }
#coursepage #coursemenu a:hover { color:#303030; }
#coursepage #coursemenu .active { background-color:#303030; }
#coursepage #coursemenu .active a,#coursepage #coursemenu .active a:hover { background-color:#303030; color:#fff; }
#coursepage h1 { padding:10px 0; }
#coursepage h2 { color:#888; font-size:14px; padding-bottom:10px; }
#coursepage p { line-height:1.4em; margin-bottom:10px; }

#description img { float:left; border:1px solid #ddd; margin:0 20px 10px 0; padding:10px; }

dl.courseinfo { overflow:hidden; border-bottom:1px solid #ddd; }
dl.courseinfo dt { float:left; width:140px; background-color:#eee; border-bottom:1px solid #fff; border-top:1px solid #ddd; border-right:1px solid #ddd; margin-right:1px; padding:6px 10px; font-weight:bold; text-align:right; clear:both; }
dl.courseinfo dd { float:left; width:518px; border-bottom:1px solid #fff; border-top:1px solid #ddd; padding:6px 10px; }

/* Prices Table */
#prices .ratetable { position:relative; font-size:13px; padding:10px 0; }
#prices .ratetable table { width:100%; text-align:center; }
#prices .ratetable tr.name td { color:#303030; font-size:12px; text-align:left; text-indent:15px; padding-bottom:10px; }
#prices .ratetable tr.name b { display:block; color:#444; font-size:15px; }
#prices .ratetable tr.title td { color:#303030; font-size:12px; font-weight:bold; }
#prices .ratetable tr.title b { color:#444; font-size:15px; }
#prices .ratetable tr.title span { font-size:11px; font-weight:normal; }
#prices .ratetable tr.subtitle td { background-color:#eee; font-size:11px; font-weight:bold; }
#prices .ratetable td { padding:6px 0; border-bottom:1px solid #ccc; }
#prices .ratetable td.round { background-color:#eee; font-weight:bold; text-align:center; }
#prices .ratetable tr.subtitle td.round { background-color:#303030; color:#fafafa; }

/* Course Map / Score Board */
#scorecard table { float:left; width:350px; }
#scorecard td { border-bottom:1px solid #fff; border-right:1px solid #fff; padding:5px 0; font-size:11px; text-align:center; }
#scorecard td.hole { font-weight:bold; }
#scorecard td.title { background-color:#888; color:#ffffff; font-weight:bold; }
#scorecard td.normal { background-color:#eee; }
#scorecard td.twhites { background-color:#ffffff; font-weight:bold; }
#scorecard td.whites { background-color:#ffffff; }
#scorecard td.tyellows { background-color:#ffff66; font-weight:bold; }
#scorecard td.yellows { background-color:#ffffee; }
#scorecard td.treds { background-color:#dd2222; color:#ffffff; font-weight:bold; }
#scorecard td.reds { background-color:#ffeeee; }
#scorecard #coursemap { float:left; padding-left:20px; text-align:center; }

/* Location Map */
#map #googleMap { position:relative; background-color:#f2f2f2; width:700px; height:400px; }
#map #address { background-color:#f2f2f2; width:auto; margin-bottom:10px; }
#map #address span { display:block; width:auto; padding:3px; text-align:center; }
#map #locate { padding-top:15px; overflow:hidden; }
#map #locate h3 { padding-bottom:5px; }
#map #directions { float:left; width:520px; text-align:left; }
#map #gps { float:right; width:140px; }

/* Pro Tips */
#protips table { width:100%; }
#protips td { border-bottom:1px solid #ddd; padding:8px 12px; vertical-align:top; line-height:1.2em; }
#protips thead td { padding:8px 12px; color:#303030; font-size:12px; font-weight:bold; }
#protips thead td.hole { text-align:center; }
#protips tbody td.hole { width:8px; background-color:#eee; font-weight:bold; text-align:center; }
#protips tbody td.empty { height:200px; border:1px solid #ddd; font-weight:bold; text-align:center; vertical-align:middle; }

/* Feedback */
#feedback h3 { padding-bottom:10px; }
#feedback #courseScore { float:left; width:370px; }
#feedback #courseScore table { width:100%; border-top:1px solid #ddd; }
#feedback #courseScore td { border-bottom:1px solid #ddd; padding:8px 12px; vertical-align:middle; text-align:center; }
#feedback #courseScore td.title { background-color:#eee; text-align:left; }
#feedback .comment { float:right; width:320px; }
#feedback .comment #courseFeedback { width:312px; height:160px; margin:0; }
#feedback .comment #sendFeedback { float:right; margin-top:5px; }