/* Sprite */
.fieldCont, .dateCont, .user-search-button, .expand a, .collapse a, .user-register-button, #mileageSection { background:transparent url("http://widgets.active.com/widgets/search/images/search-widget-sprite.png") no-repeat scroll 0 0; }

.clear { clear:both; }
#search-widget { font-family:Arial, Helvetica, sans-serif; }
#results-container { margin:20px 0 0 15px; width:98%; }
#results-container h1 { font-size:25px; }
*:focus {outline: none;} /* Removes gold border for all fields in Chrome */
#search-filter { background-color:#DAD4C7; background-image:url("http://widgets.active.com/widgets/search/images/powered-by-active.png"); background-position:bottom right; background-repeat:no-repeat; border:1px solid #554114; margin-top:10px; overflow:hidden; padding:20px 0 40px; }
#search-filter .section { float:left; margin-left:7px;width:235px; }
#search-filter .section #zipcodeSection { margin-top:8px; }
#search-filter .section #mileageSection { background-position:-360px 0; margin-left:55px; padding-top:8px; }
#search-filter .section #programSection, #search-filter .section #channelSection { margin-top:28px; display:none;}
#search-filter .section #dateSection { margin-top:8px; }
#search-filter .section #keywordSection { padding-top:19px; }
#search-filter .section #eventTypeSection { padding-top:9px; }
#search-filter form label { display:table-cell; float:left; font-size:12px; font-weight:700; padding-top:3px; text-align:left; width:83px;  }
#search-filter form input.inputText { border:none; background-color:transparent; color:#000; height:20px; line-height:20px; padding-left:3px; width:143px; }
#search-filter-club{
background: none repeat scroll 0 0 #DAD4C7;
border: 1px solid #DED9E1;
margin-bottom: 10px;
border-radius: 2px 2px 2px 2px;
display: inline-block;
padding: 4px;
font-size: 12px;
font-weight: 700;
}
#search-filter-club a{
padding: 0 0 0 4px;
white-space: nowrap;
}
#zipcodeSection .fieldCont, #keywordSection .fieldCont { background-position:0 -333px; height:22px; width:146px; padding:3px 0 5px; }
	*+html #zipcodeSection .fieldCont, *+html #keywordSection .fieldCont { padding-top:0;	 }
#search-filter form input.inputDate { border:none; background-color:transparent; color:#000; height:20px; line-height:20px; padding-left:3px; width:120px; }
#dateSection .dateCont, #endDatecont .dateCont { background-position:0 -263px; height:22px; width:123px; padding:3px 0 5px; }
	*+html #dateSection .dateCont, #endDatecont .dateCont { padding-top:0; }
#search-filter form p#endDatecont { margin-left:83px; padding-top:8px; }
#search-filter form select.within { border:1px solid #838383; margin-left:5px; width:83px; }
#search-filter form select.eventType { border:1px solid #838383; width:150px; }
#search-filter form select.program, #search-filter form select.channel { border:1px solid #838383; margin-left:0; width:143px;}
#search-filter form p { display:table; margin:0; }
#search-filter .search-btn-cont { float:right; height:32px; margin:10px 10px 0 0; width:81px; }
#search-filter .user-search-button { background-position:0 -109px; border:none; cursor:pointer; width:81px; height:32px; }
img.datepicker-trigger { vertical-align:bottom; }
#results-head { border-bottom:1px solid #999; clear:left; display:block; overflow:hidden; padding:16px 0 8px; }
#results-head #no-location, #results-head #valid-location, #results-head #search-fail, #tw-invalid-date { color:#000; font-size:13px; font-weight:700; }
#results-head #results-amount { color:#554114; display:block; font-size:16px; font-weight:700; float:left; width:auto; }
#results-head #results-sort { display:block; font-size:12px; float:right; margin-top:6px; }
.program-results { border-bottom:1px solid #999; margin-top:14px; overflow:hidden; }
.program-results .title { float:left; max-width:500px; }
.program-results .title h3 { color:#23548D !important; font-size:14px; font-weight:700; margin:0;}
.program-results .program-results .address, .program-results .date-range { color:#000; font-size:13px; font-weight:700; padding-top:2px; width:180px;}
.program-results .location { color:#000; font-size:13px; font-weight:700; padding-top:2px; }
.program-results .address { display:none; }
.program-results .result-date { float:right; text-align:right; }
.program-results .result-price { float:right; text-align:right; font-size:18px; padding-top:8px; padding-bottom:8px;}
.program-results .start-time { color:#000; font-size:12px; }
.program-results .results-details h4 { font-size:12px; font-weight:700; padding-top:10px; margin:0; }
.program-results .results-details p { font-size:12px; margin:0;}
.program-results .results-details a { color:#00F; }
.program-results .results-details a:hover { color:#666; text-decoration:none; }
.program-results .meta-summary p { font-size:5px; margin:0;}
.program-results .actions { padding:5px 0 16px; }
.program-results .logo-pga {float:left; border: 0; margin-right: 10px; padding-top:16px;background: url(http://sports.activecm.net/SharedSites/74/templates/images/pga.png) no-repeat center center; width:31px;height:37px; }
.program-results .logo-get-golf-ready {float:left; border: 0; margin-right: 10px; padding-top:16px;background: url(http://sports.activecm.net/SharedSites/74/templates/images/golf-get-ready.png) no-repeat center center; width:65px;height:33px;}
.program-results .result-events{ margin: 15px 0px 20px 0px;}
.program-results .result-courses-location{float:left;}
.program-results .result-courses-logo{float:right;}

.actions .action-container { width:auto; float:right; margin-top:-20px; }
.actions .action-container .registerOn { font-size:12px; color:#666; display:inline-block; text-align:center; padding-top:20px; vertical-align:middle; }
.actions .contact-org { color:#060; font-size:11px; font-weight:700; padding-top:10px; text-align:right; width:150px; }
.user-register-button { background-position:0 -191px; border:none; cursor:pointer; width:107px; height:25px; margin-top:8px; }
.actions .expand, .actions .collapse { text-align:right; font-size:11px; padding-top:5px; float:left; }
.actions .expand a { background-position:0 2px; padding-left:13px; text-decoration:none; color:#00F; }
.actions .collapse a { background-position:0 -48px; padding-left:13px; text-decoration:none; color:#00F; }
.actions .expand a:hover, .actions .collapse a:hover { color:#666; text-decoration:none; }
#tw-k { width: 120px !important; }

/* Paging styles */
#paging { font:12px Arial, Helvetica, sans-serif; text-align:center; width:650px; padding-bottom:45px; margin:20px 0 0 0; }
#paging a { border:1px solid #CCDBE4; margin:0 5px; padding:2px 8px; text-decoration:none; outline:none; color:#00F; }
#paging a:hover { border:1px solid #2B55AF; background-color:#3666D4; color:#FFF; margin:0 5px; padding:2px 8px; text-decoration:none; }
#paging a.next:hover { border:1px solid #2B55AF; }
#paging strong { border:none; color:#000; font-weight:700; padding:2px 6px; }

/* Calendar */
table.jCalendar { border: 1px solid #000; background: #aaa; border-collapse: separate; border-spacing: 2px; }
table.jCalendar th { background: #333; color: #fff; font-weight: bold; padding: 3px 5px; }
table.jCalendar td { background: #ccc; color: #000; padding: 3px 5px; text-align: center; }
table.jCalendar td.other-month { background: #ddd; color: #aaa; }
table.jCalendar td.today { background: #666; color: #fff; }
table.jCalendar td.selected { background: #f66; color: #fff; }
table.jCalendar td.selected.dp-hover { background: #f33; color: #fff; }
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background: #fff; color: #000; }
table.jCalendar tr.selectedWeek td { background: #f66; color: #fff; }
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #bbb; color: #888; }
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; }

/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup { position: relative; background: #ccc; font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 171px; line-height: 1.2em; }
div#dp-popup { position: absolute; z-index: 199; }
div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; }
a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; }
a#dp-close:hover { text-decoration: underline; }
div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; }
div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; }
div.dp-popup div.dp-nav-prev a { float: left; }

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; }
div.dp-popup div.dp-nav-next a { float: right; }
div.dp-popup a.disabled { cursor: default; color: #aaa; }
div.dp-popup td { cursor: pointer; }
div.dp-popup td.disabled { cursor: default; }

/* located in demo.css and creates a little calendar icon instead of a text link for "Choose date" */
a.dp-choose-date { float: right; width: 20px; height: 20px; padding: 0; margin: 0 3px 0 3px; display: block; text-indent: -2000px; overflow: hidden; background: url("http://widgets.active.com/widgets/search/images/calendar-icon.png") no-repeat; }
* + html a.dp-choose-date { margin-top: -21px; }
a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }