/*
  page layout
*/

#mainListing {
	width: 738px;
	float:left;
}

div#listingWrap{
  clear:both;
  padding: 0 21px 0 10px;
}

div#controlTop{
  background: #FFF url(/images/v3/calendar/page_control_top_bg.png) no-repeat scroll top left;
  width: 707px;
  height: 90px;
}

div#resultsWrap{
  float: right;
  position: relative;
  background: #FFF url(/images/v3/calendar/result_area_bg.png) no-repeat scroll top left;
  width: 500px;
  padding: 18px 30px 42px;
}

div#resultsWrapBottom{
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #FFF url(/images/v3/calendar/result_area_bg_bot.png) no-repeat scroll top left;
  width: 560px;
  height: 42px;
}

div#controlLeft{
  float: left;
  background-color: #B0DADE;
  width: 147px;
}

/*
  calendar nav
*/

div#calNavWrap{
  float:right;
  background: #FFF url(/images/v3/calendar/cal_bg.png) no-repeat scroll top left;
  width: 536px;
  height: 85px;
  overflow: hidden;
  margin: 3px 12px 0 0;
  padding: 0 0 0 3px;
}

div#calNavTitle{
  color: rgb(193,192,191);
  height:18px;
  text-transform: uppercase;
  margin-left: 120px;
  border-left: 1px solid rgb(193,192,191);
  padding: 4px 0 0 12px;
  font-size: 14px;
  font-weight:bold;
}

span#calNavYear{
  color: rgb(178,172,168);
}

div#calNavMonths{
  width:530px;
  padding-left:2px;
}

div#calNavMonths div{
  float:left;
}

div#calNavMonths,
div#calNavYearBack,
div#calNavMonthBack,
div#calNavYearForward,
div#calNavMonthForward,
div#calNavMonthsStage{
  height:24px;
}

div#calNavYearBack{
  background: #FFF url(/images/v3/calendar/nav_year_back.png) no-repeat scroll center center;
  width:11px;
  cursor:pointer;
}

div#calNavMonthBack{
  background: #FFF url(/images/v3/calendar/nav_month_back.png) no-repeat scroll center center;
  width:11px;
  cursor:pointer;
}

div#calNavYearForward{
  background: #FFF url(/images/v3/calendar/nav_year_forward.png) no-repeat scroll center center;
  width:11px;
  cursor:pointer;
}

div#calNavMonthForward{
  background: #FFF url(/images/v3/calendar/nav_month_forward.png) no-repeat scroll center center;
  width:11px;
  cursor:pointer;
}

div#calNavMonthsStage{
  width:483px;
  overflow:hidden;
  position:relative;
}

div#calNavMonthsStageInner{
  position:absolute;
  width:526px;
}

div#calNavMonthsStage div.month{
  width:43px;
  height:36px;
  padding-top:4px;
  color:#928B84;
  text-align: center;
  text-transform: uppercase;
  font-size:14px;
  font-weight:bold;
  cursor:pointer;
}

div#calNavMonthsStage div.month.active{
  background: #FFF url(/images/v3/calendar/month_highlight.png) no-repeat scroll top left;
  width:53px;
  color:#D49473;
  cursor:auto;
}

div#calNavDays {
  width:532px;
  height:36px;
}

div#calNavDays div{
  float:left;
}

div#calNavDayBack,
div#calNavDayForward,
div#calNavDaysStage{
  height:36px;
}

div#calNavDayBack{
  background: transparent url(/images/v3/calendar/nav_day_back.png) no-repeat scroll top left;
  width:16px;
  cursor:pointer;
}

div#calNavDayForward{
  background: transparent url(/images/v3/calendar/nav_day_forward.png) no-repeat scroll top left;
  width:16px;
  cursor:pointer;
}

div#calNavDaysStage{
  width:492px;
  overflow:hidden;
  margin: 0 4px;
  position:relative;
}

div#calNavDaysStageInner{
  position:absolute;
}

div#calNavDaysStage div.day{
  background: transparent url(/images/v3/calendar/day_bg.png) no-repeat scroll top left;
  width:41px;
  height:29px;
  padding-top:6px;
  font-size:18px;
  font-weight:bold;
  text-align: center;
  color: rgb(193,191,189);
}

div#calNavDaysStage div.day.full{
  background: transparent url(/images/v3/calendar/day_bg_full.png) no-repeat scroll top left;
  color: rgb(146,139,132);
}

div#calNavDaysStage div.day.active{
  background: transparent url(/images/v3/calendar/day_bg_active.png) no-repeat scroll top left;
}

div#calNavDaysStage div.day.full.active{
  color:#FFF;
}

a.searchRefresh{
  clear:both;
  height:18px;
  color: #FFF;
  background: transparent url(/images/v3/calendar/refresh_search.png) no-repeat scroll 0px 6px;
  padding: 6px 0 0 25px;
  margin: 0 0 0 10px;
  display:block;
}

/*
  day popup
*/

div#dayPopWrap{
  position:absolute;
  z-index: 50;
  background: transparent url(/images/v3/calendar/day_pop_bg_mid.png) repeat-y scroll top left;
  width:162px;
  display:none;
}

div#dayPopTop{
  position:absolute;
  top:-14px;
  background: transparent url(/images/v3/calendar/day_pop_bg_top.png) no-repeat scroll top left;
  width:162px;
  height:14px;
}

div#dayPopBot{
  position:absolute;
  bottom:-7px;
  background: transparent url(/images/v3/calendar/day_pop_bg_bot.png) no-repeat scroll top left;
  width:162px;
  height:7px;
}

div#dayPopInner{
  padding: 6px;
  font-size:10px;
  font-weight:bold;
}

h4#dayPopDate{
  color: #FFF;
  padding: 0;
  font-weight: normal;
  font-family: Arial,Verdana,Geneva,sans-serif;;
}

div#dayPopWrap hr{
  border: 0;
  background-color: #FFF;
  height: 1px;
}

div#dayPopInner ul,
div#dayPopInner p{
  color: #FFF;
}

div#dayPopInner ul li{
 margin-bottom:6px;
 list-style: disc inside;
}

div#dayPopWrap a{
  color: #FFF;
  font-size:10px;
  font-weight:bold;
}

/*
  date range selector
*/

div#dateRangeSelector{
  float:left;
  background: transparent url(/images/v3/calendar/date_selector/ds_bg.png) no-repeat scroll top left;
  width: 140px;
  height: 58px;
  margin: 5px 0 0 6px;
  padding-top:26px;
}

div.drNumWrap{
  width:45px;
  height:32px;
}

div#drNumWrapFrom{
  float:left;
  padding-left:11px;
}

div#drNumWrapTo{
  float:right;
  padding-right:13px;
}

div.drNum{
  width:36px;
  height:28px;
  font-size:18px;
  font-weight:bold;
  color: #938C85;
  text-align:center;
  float:left;
  padding-top:4px;
}

div.drNumControl{
  width:9px;
  height:16px;
  cursor:pointer;
  float:right;
  clear:right;
}

div.drNumControl.up{
  background: transparent url(/images/v3/calendar/date_selector/arrow_up.png) no-repeat scroll center left;
}

div.drNumControl.down{
  background: transparent url(/images/v3/calendar/date_selector/arrow_down.png) no-repeat scroll center left;
}


/*
  listing control bar
*/

div#listingControlBar{
  color: #706964;
  height: 14px;
}

div.pager{
  color:#9B5C32;
  font-size:14px;
  font-weight:bold;
}

div.pager a{
  font-size:11px;
  font-weight:normal;
}

div#listingControlBar div.pager{
  float:right;
  padding:0 6px 0 12px;
}

a#clearResultsLink{
  float:right;
  background: transparent url(/images/v3/calendar/clear_results.png) no-repeat scroll center right;
  width:120px;
}

/*
  results
*/

div.eventResultWrap{
  background: transparent url(/images/v3/calendar/result/result_bg.png) no-repeat scroll top left;
  width:489px;
  height:87px;
  margin-top:12px;
  padding:12px 0 0 12px;
}

div.erImageWrap{
  float:left;
  width:80px;
  height:72px;
  border: 1px solid #FFF;
}

div.erMiddle{
  float:left;
  width:245px;
  padding: 4px 0 0 15px;
  color: #5B5652;
}

div.erMiddle h3{
  color: #927B84;
  font-size:12px;
  width: 206px;
  height:16px;
  overflow:hidden;
  padding: 0 !important;
  margin-bottom:10px;
}

div.erMiddle p{
  line-height:16px;
}

div.erMiddle p a{
  background: transparent url(/images/v3/calendar/result/read_more_bg.png) no-repeat scroll center center;
  color: #FFF;
  text-transform:uppercase;
  padding: 1px 6px;
  font-size:10px;
}

div.erRight{
  float:right;
  width:125px;
}

div.dateWrap{
  color: #927B84;
  font-size:18px;
  font-weight:bold;
  text-align:center;
  height:28px;
  overflow:hidden;
  padding: 0 0 6px;
}

div.dateWrap div.yearMonth{
  float:left;
  font-size:14px;
  line-height:12px;
  padding: 2px 6px 0 0;
  text-align:left;
  text-transform: uppercase;
}

div.dateWrap div.dayFrom{
  float:left;
  background: transparent url(/images/v3/calendar/result/date_from_bg.png) no-repeat scroll top left;
  width:32px;
  height:24px;
  padding:4px 2px 0 0;
}

div.dateWrap div.dayTo{
  float:left;
  background: transparent url(/images/v3/calendar/result/date_to_bg.png) no-repeat scroll top left;
  width:40px;
  height:28px;
  padding:4px 0 0 3px
}

div.locationWrap{
  font-size:10px;
  color: #716964;
}

div.locationWrap img.flag{
  float:left;
  padding-right:6px;
  width:20px;
  height:20px;
}

a.registerButton{
  color:#FFF;
  background: transparent url(/images/v3/calendar/result/register_bg.png) no-repeat scroll center center;
  text-transform:uppercase;
  font-size:11px;
  font-weight:bold;
  padding: 5px 27px;
  float: left;
}

div#searchPlaceHolder{
  padding-top:30px;
  height:170px;
}

/*
  keyword search
*/

div#keywordSearch{
  background: transparent url(/images/v3/calendar/keyword/keyword_bg.png) no-repeat scroll left top;
  width:132px;
  height:31px;
  padding:22px 0 0 8px;
  margin:10px 0 12px 6px;
}

div#keywordSearch input#keyword{
  width:88px;
  border:none;
  background-color: transparent;
  font-size:12px;
}

input#keywordGo{
  background: transparent url(/images/v3/calendar/keyword/go_bg.png) no-repeat scroll 3px 0px;
  border:none;
  width: 36px;
  height:22px;
  color:#9B5C32;
  padding:0 0 0 6px;
  *background: transparent url(/images/v3/calendar/keyword/go_bg.png) no-repeat scroll -2px 0px;
  *width:32px;
  *padding:0 0 0 0;
}

/*
  filters
*/

div#calendarFilterWrap{
  padding:0 0 12px 8px;
}

div#calendarFilterWrap h3{
  color: #FFF;
  font-size:16px;
  border-bottom:1px solid #FFF;
  margin-bottom:12px;
}

div#calendarFilterWrap label{
  font-size:10px;
  color:#706964;
}

div#calendarFilterWrap select{
  width:100%;
}

div#calendarFilterWrap hr{
  background-color: #FFF;
  border:0;
  height:1px;
}

/*
  banner left
*/
div#bannerLeft{
  background-color:#FFFFFF;
  padding-top:24px;
}

/*
  code gen box
*/

div#codeGenBox{
  background: transparent url(/images/v3/calendar/code_gen_bg.png) no-repeat scroll left top;
  width:122px;
  height:136px;
  margin-left:-8px;
  padding: 16px 12px 0 24px;
}

div#codeGenBox h2{
  color:#706964;
  font-size:16px;
}

div#codeGenBox p{
  padding: 0 6px !important;
  color: #FFF;
  margin: 0px;
}

a#codeGenButt{
  padding: 0px;
  text-transform: uppercase;
  color: #706964;
  font-size:10px;
  font-weight:bold;
  display:block;
  padding: 11px 0 0 6px;
}

/*
  footer
*/

div#listingFooter{
  padding: 12px 0 0;
  height:24px;
}

div#listingFooter div.pager{
  float:right;
  padding: 0 6px 0 24px;
}

a#listEventLink{
  background: transparent url(/images/v3/calendar/list_event_bg.png) no-repeat scroll center center;
  padding: 8px 28px;
  text-transform: uppercase;
  color: #706964;
  font-size:12px;
  font-weight:bold;
  float:left;
}