/*================================================
	Filters
================================================*/
#filters { width:310px; float:left; }
.filterList { border: 1px solid #CCC; padding: 3px 10px; margin-bottom: 6px; background: #EEE; }
.filterListHalf { float:left; width:140px; padding:2px 5px; }
.filterListHalfLeft { clear:left; margin-right:6px; }

.searchOptions { height:20px; }
.searchOptions input { float:left; }
.searchOptions label { display:block; float:left; padding-top:3px; margin-right:10px; }

#filterInfo { position:absolute; border:1px solid #CCC; padding:3px 10px; background:#FFF; }
.filterTitle { font-size:1.2em; padding:0 0 3px 0; color:#666; }
.filterInfo { clear:both; height:14px; /*border:1px solid #CCC; background:#FFF; padding:2px;*/ }

/*================================================
	Progress
================================================*/
#progressContainer { position:absolute; top:50%; left:50%; width:180px; padding:10px 15px 15px 15px; margin:-20px 0 0 -115px; border:5px solid #666; background:#FFF; }
#progressCount { float:right; }
#progressBarBG { height:13px; width:180px; padding:0; margin:3px 0 0 0; background:url('../images/progress_bg.gif') left top no-repeat; }
#progressBar { height:13px; width:0; padding:0; margin:0; background:url('../images/progress.gif') left top no-repeat; }

/*================================================
	Category
================================================*/
.category { display:inline-block; padding:1px 6px 3px 6px; margin:0 6px 4px 0; color:#FFF; cursor:pointer; }
.category.off { filter:alpha(opacity=33); -moz-opacity:0.33; opacity:0.33; }

/*================================================
	Days
================================================*/
.days { width:41px; height:25px; float:left; border:2px solid #333; background:#FFF; margin:0 10px 3px 0; padding-top:1px; font-size:1.8em; text-align:center; cursor:pointer; }
.days.off { filter:alpha(opacity=33); -moz-opacity:0.33; opacity:0.33; }

/*================================================
	Event
================================================*/
#events { margin-left: 320px; }
#eventScroller { width: 620px; height: 400px; overflow: auto; }
#eventList { padding: 3px; }

.eventDateTitle { font-size: 1.5em; padding: 5px 0 3px 0; color: #999; }
.event { position:relative; border-width:1px; border-style:solid; padding:5px; margin-bottom:3px; }
.event.hover { border-width:3px; padding:3px; }
.event.loading { background:url('../images/icon/loading.gif') 200px 4px no-repeat; }

.eventCategory { position:absolute; top:0; left:0; padding:1px 8px 3px 4px; color:#FFF; -moz-border-radius: 5px 0 8px 0; -webkit-border-radius: 5px 0 8px 0; border-radius: 5px 0 8px 0; }
.hover .eventCategory { top:-2px; left:-2px; }
.eventName { float:left; width:250px; margin:15px 0 4px 0; font-weight:bold; font-size:1.2em; }
.eventID { display:block; font-size:0.8em; color:#666; font-weight:normal; }
.eventLabel { display:block; font-size:0.8em; color:#666; }
.eventCost,
.eventPlaces { float:left; width:80px; font-size:1.2em; padding:0; margin-right:10px; }
.eventCost { width:60px; margin-left:10px; }
.eventPlaces { }
.eventSessions { float:left; width:70px; padding:0; margin-right:10px; }
.eventSessions .eventLabel { font-size:1em; }
.eventActions { position:absolute; top:4px; right:4px; width:52px; }
.eventActions .state { position:absolute; top:0; left:0; width:34px; }
.eventActions .buttons { position:absolute; top:0; right:0; width:16px; }
.eventActions .buttons .sprite { display:block; margin-bottom:2px; }
.hover .eventActions { top:2px; right:2px; }

.eventInfo { /*padding-left: 36px;*/ }