/* @override 
	http://57.cpmassets.com/css/events.css
*/

body#eventlist #content-wrap{
   background: none;
}

body#eventlist #content{
   width: 982px;
   padding-left: 0;
}

body#eventlist #content h2{
   padding-left: 26px;
   width: 580px;
   float: left;
   margin: 0;
}

#options{
   float: right;
   position: relative;
   z-index: 2;
   padding-right: 1px;
}

#content ul#caltabs{
   float: left;
   width: 367px;
   margin: 0;
   padding: 0;
   height: 47px;
}

#content ul#caltabs li{
   float: left;
   width: 182px;
   height: 47px;
   font-size: 1.2em;
}

#content ul#caltabs li#cal-tab{
   margin-right: 3px;
}

#content ul#caltabs li a{
   display: block;
   height: 32px;
   padding-top: 15px;
   color: #898989;
   text-decoration: none;
   font-weight: bold;
   padding-left: 60px;
   background: url(/_img/bg_caltabs.png) 0 0;
   text-shadow: #fffeff 1px 1px 0;
}

#content ul#caltabs li.current a{
   color: #292929;
}

#content ul#caltabs li#list-tab a{
   padding-left: 78px;
   background-position: -185px 0;
}

#content ul#caltabs li#cal-tab.current a{
   background-position: 0 -47px;
}

#content ul#caltabs li#list-tab.current a{
   background-position: -185px -47px;
   height: 38px;
}

#events-container{
   width: 940px;
   float: left;
   padding: 0 21px;
   background: url(/_img/bg_events-container.gif) no-repeat;
   position: relative;
   z-index: 1;
}

#filter-wrap{
   width: 940px;
   float: left;
   height: 57px;
}

#cat-filter{
   height: 34px;
   padding-top: 23px;
   float: left;
}

#content #cat-filter p{
   float: left;
   font-size: 1.2em;
   font-weight: bold;
   margin-right: 10px;
   color: #41403c;
}

#cat-filter select{
   float: left;
}

/* @group Calendar View */

#events-calendar{
   clear: left;
   position: relative;
}

table.calendar{
   width: 939px;
}

table.calendar caption{
   height: 43px;
   background: url(/_img/bg_cal_caption.png) no-repeat;
   text-align: center;
}

table.calendar caption span.currentMonth{
   font-size: 1.9em;
   color: #fff;
   font-weight: bold;
   text-shadow: #414141 1px 1px 0;
   padding-top: 14px;
   display: inline-block;
}

table.calendar caption span.prevMonth,
table.calendar caption span.nextMonth{
   display: block;
   position: absolute;
   width: 117px;
   height: 43px;
}

table.calendar caption span.prevMonth{
   background: url(/_img/bg_cal_prev.png);
   top: 0;
   left: 0;
}

table.calendar caption span.nextMonth{
   background: url(/_img/bg_cal_next.png);
   top: 0;
   right: 1px;
}

#content table.calendar caption span a{
   font-size: 1.2em;
   color: #f0f0f0;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: none;
   display: block;
   padding-top: 16px;
   height: 27px;
   text-align: left;
}

table.calendar caption span.prevMonth a{
   padding-left: 41px;
}

#content table.calendar caption span.nextMonth a{
   padding-right: 41px;
   text-align: right;
}

table.calendar th{
   background: url(/_img/bg_cal_th.png);
   height: 31px;
   color: #909090;
   text-align: center;
   font-size: 1em;
   text-transform: uppercase;
   font-weight: bold;
}

table.calendar tbody{
   margin-top: 5px;
   width: 939px;
}

table.calendar td{
   border: 1px solid #dedede;
   vertical-align: top;
   text-align: right;
   color: #909090;
   height: 111px;
}

table.calendar td span{
   font-size: 12px;
   position: relative;
   top: 5px;
   right: 5px;
}

#content table.calendar td span a{
   text-decoration: none;
}

table.calendar td span a:hover{
   text-decoration: underline;
}

#content table.calendar td ul{
   margin: 12px 0;
   text-align: left;
}

#content table.calendar td ul li{
   margin-bottom: 2px;
}

#content table.calendar td ul li a{
   background: #f8e1c3;
   display: block;
   color: #d27904;
   font-size: 11px;
   text-decoration: none;
   line-height: 1.8;
   padding: 0 10px;
}

/* @end Calendar View */

/* @group List View */

#list-view{
   display: none;
   clear: left;
   width: 939px;
   float: left;
   background: #fff;
}

div.monthwrap{
   width: 939px;
   float: left;
   margin-bottom: 10px;
}

.monthwrap dl.monthlabel{
   width: 939px;
   float: left;
   height: 40px;
   background: url(/_img/bg_monthlabel.png) no-repeat;
   border: none;
   padding: 0;
   margin-bottom: 6px;
}

.monthwrap dt,
.monthwrap dd{
   float: left;
}

.monthlabel dt,
.monthlabel dd{
   color: #fff !important;
   font-weight: bold;
   text-shadow: #414141 1px 1px 0;
}

.monthlabel dt{
   width: 424px;
   padding-top: 10px;
   font-size: 1.9em;
   color: #fff;
   font-weight: bold;
   text-shadow: #414141 1px 1px 0;
   padding-left: 21px;
}

.monthlabel dd{
   font-size: 1.4em !important;
   padding-top: 13px !important;
}

dd.time{
   width: 190px;
}

dd.category{
   width: 178px;
}

dd.details{
   width: 126px;
}

.monthwrap dl{
   width: 939px;
   float: left;
   padding: 10px;
}

.monthwrap dl.event-info{
   position: relative;
   padding-left: 70px;
   width: 859px;
   border-bottom: 1px solid #eee;
}

.monthwrap dl.event-info.last{
   border: none;
}

dt.day{
   width: 53px;
   height: 35px;
   position: absolute;
   left: 10px;
   top: 10px;
   padding-right: 7px;
   background: #dbf0f4 url(/_img/bg_date-list_day.png) no-repeat;
   text-align: center;
   padding-top: 13px;
   font-weight: bold;
   font-size: 2.2em;
}

dd.title{
   width: 358px;   
   padding-left: 16px;
   font-size: 1.4em;
   padding-top: 18px;
   font-weight: bold;
   height: 30px;
}

#content dd.title a{
   color: #343434;
   text-decoration: none;
}

#content dd.title a:hover{
   text-decoration: underline;
}

.event-info dd.time{
   font-size: 1.3em;
   color: #343434;
   padding-top: 18px;
   height: 30px;
}

.event-info dd.category{
   font-size: 1.3em;
   padding-top: 18px;
}

.event-info dd.details{
   font-size: 1.1em;
   width: 110px;
   padding-top: 8px;
}

#content dd.details a{
   display: block;
   height: 20px;
   width: 103px;
   background: url(/_img/bg_event-details.png) no-repeat;
   text-decoration: none;
   font-weight: bold;
   color: #d27904;
   text-align: center;
   padding-top: 11px;
}

#content dd.details a:hover{
   text-decoration: underline;
}

#pagination-wrap{
   border-top: 1px solid #eee;
}

/* @end List View */

/* @group Event Detail */

#gmap{
   float: right;
   width: 290px;
}

#content #gmap p.full{
   width: 288px;
   height: 28px;
   font-size: 1em;
   margin-left: 1px;
   margin-top: 10px;
}

#event-content{
   float: left;
   width: 430px;
}

#content #gmap p.full a{
   display: block;
   height: 21px;
   background: url(/_img/bg_gmap_full.png) no-repeat;
   text-align: center;
   color: #fff;
   text-transform: uppercase;
   text-decoration: none;
   font-weight: bold;
   padding-top: 7px;
}

#content ul#event-meta{
   margin: 0 0 28px;
}

#content ul#event-meta li{
   font-size: 1.4em;
   margin-bottom: 6px;
}

/* @group Sidebar */

p#back-events{
   width: 168px;   
   height: 35px;
   background: url(/_img/bg_back-sermons.png);
   margin-bottom: 30px;
}

p#back-events a{
   display: block;
   height: 24px;
   padding: 11px 0 0 26px;
   font-size: 1.4em;
   color: #fff;
   font-weight: bold;
   text-decoration: none;
   text-shadow: #8a8a8a 1px 1px 0;
}

#sidebar #same-cat,
#sidebar #upcoming{
   width: 170px;
   float: left;
   margin-bottom: 16px;
}

#sidebar h3{
   font-size: 1.3em;
   color: #1e1e1e;
   font-weight: bold;
   margin-bottom: 13px;
   clear: left;
}

#sidebar .event{
   width: 170px;
   float: left;
   margin-bottom: 13px;
}

#sidebar .event p.date{
   float: left;
   width: 35px;
   height: 30px;
   background: url(/_img/bg_event_sidebar_date.png) no-repeat;
   color: #fff;
   text-align: center;
   font-size: .9em;
   padding-top: 7px;
   text-transform: uppercase;
   margin-right: 7px;
}

#sidebar .event p.date span{
   display: block;
   font-size: 1.78em;
   padding-top: 1px;
}

#sidebar .event h4{
   font-size: 1.1em;
   margin-bottom: 5px;
   padding-top: 5px;
}

#sidebar .event h4 a{
   font-weight: bold;
   text-decoration: none;
}

#sidebar .event h4 a:hover{
   text-decoration: underline;
}

#sidebar .event p{
   font-size: 1.1em;
   color: #777;
}
/* @end Sidebar */
/* @end Event Detail */

/* @group Event Day */

#eventday #content .event{
   padding: 18px 10px;
   border-bottom: 1px solid #ebebea;
}

#eventday #content .event.last{
   border: none;
}

#eventday #content .event h4{
   font-size: 1.6em;
   font-weight: bold;
}

#eventday #content .event h4 a{
   text-decoration: none;
}

#eventday #content .event p.category{
   margin: 0;
}

/* @end Event Day */