/*********************************
Calendar CSS
*********************************/
td {
vertical-align: middle;
}
.wrap-calendar {
	position: relative;
	z-index: 10;
	width: 980px;
	margin: 60px auto 80px auto;
	padding: 10px 0 20px 0;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #666;
  	-webkit-box-shadow: 0 1px 3px #666;
  	box-shadow: 0 1px 3px #666;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=2);
}

.category_list{
	list-style-type: none;
	margin: 10px 0 0 0 !important;
	color: #777;
	font-size: 11px;
}

.category_list li{
	margin: 0 0 10px 0;
	line-height: 12px;
}

.cal-category{
	margin: 10px 0 0 0;
}

.cal-category-list{
	margin: 0;
}
.cal-category span{
	float: left;
	line-height: 12px;
}

.cal-options{
	margin: 0;
	float: left;
}

.cal-menu{
	margin: 50px 0 30px 0;
}

.cal-menu-list{
	margin: 0 0 30px 0;
}
	
#cal {
	border-collapse: collapse;
	margin: 0;
	width: 100%;
	table-layout: fixed;
	background: transparent;
}

#cal .smd_cal_navrow {
	line-height: 40px;
	height: 50px;
	text-align: center;
	font-size: 18px;
	letter-spacing: 1px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;	
}

#cal .smd_cal_navrow th {
	border-right: none;
	border-bottom: none;
	font-weight: 300 !important;
	text-transform: uppercase;
}

#cal .smd_cal_navrow a {
	display: block;
	text-decoration: none;
}

#cal tr{
	border-right: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
}

#cal th,
#cal td {
	vertical-align: top;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	padding:0;
}

#cal td.last-day {
	border-right: none;
	padding:0;
}

#cal .smd_cal_daynames th {
	height: 24px;
	text-align: center;
	border-top: 1px solid #c8c8c8;
}

#cal td { height: 110px; background: #fff; }

#cal td h4 {
	color: #333;
	font-size: 11px;
	font-weight: normal;
	padding: 0 5px 0 5px;
	margin: 0 0 4px 0;
	text-align: right;
}

#cal td.smd_cal_empty {
	background: url("../images/disabled.png") top left;
}


#cal .smd_cal_today {
	background-color: #ffffd9;
}

#cal td.smd_cal_today:hover {
	background-color: #ffffd9;
}

#cal td.smd_cal_event span a {
	outline: none;
	display: block;
	text-decoration: none;
	font: 11px/12px "Lucida Grande", "Lucida Sans Unicode", "Verdana", Helvetica, Arial, sans-serif !important;
	padding: 2px 5px 2px 8px;
	margin-bottom: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; 
	-o-text-overflow: ellipsis; 
	-icab-text-overflow: ellipsis; 
	-khtml-text-overflow: ellipsis; 
	-moz-text-overflow: ellipsis; 
	-webkit-text-overflow: ellipsis;
	opacity: .90; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=90); /* IE lt 8 */
	-ms-filter: "alpha(opacity=90)"; /* IE 8 */
	-khtml-opacity: .90; /* Safari 1.x */
	-moz-opacity: .90; /* FF lt 1.5, Netscape */
}

#cal td.smd_cal_event span a:hover {
	-o-text-overflow:inherit;
	text-overflow:inherit;
	overflow:visible;
	position:relative;
	z-index: 999;
}

.cal-color { width: 15px; height: 12px; float: left; display: inline; margin: 1px 5px 0 6px; }
.cal-color-detail { width: 15px; height: 12px; float: left; display: inline; margin: 1px 5px 0 0; }
div.smd_cal_ev_fthp-events, span.smd_cal_ev_fthp-events a { background-color: #008997; color: #fff; }
div.smd_cal_ev_fthp-workshops, span.smd_cal_ev_fthp-workshops a { background-color: #22b5bf;color: #fff; }
div.smd_cal_ev_statewide-events, span.smd_cal_ev_statewide-events a { background-color: #f7931e; color: #fff; }
div.smd_cal_ev_national-events, span.smd_cal_ev_national-events a { background-color: #414141; color: #fff; }

#cal .smd_cal_navprev {
	margin: 10px 0 0 0;
	text-indent: -9999px;
	display: block;
	position: relative;
	width: 22px;
	height: 21px;
	background: url("../images/calnav-left.gif") 0 0 no-repeat;
}

#cal .smd_cal_navprev:hover {
	background: url("../images/calnav-left.gif") 0 -21px no-repeat;
}

#cal .smd_cal_navprev:active {
	top: 1px;
}
	
#cal .smd_cal_navnext {
	margin: 10px 0 0 0;
	float: right;
	position: relative;
	text-indent: -9999px;
	display: block;
	width: 22px;
	height: 21px;
	background: url("../images/calnav-right.gif") 0 0 no-repeat;
}

#cal .smd_cal_navnext:hover {
	background: url("../images/calnav-right.gif") 0 -21px no-repeat;
}

#cal .smd_cal_navnext:active {
	top: 1px;
}
	
#cal td.smd_cal_event span a:active {

}

#cal td.smd_cal_event span.smd_cal_multifirst a {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;	
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	margin-left: 5px;
	border-right: none;
}

#cal td.smd_cal_event span.smd_cal_multilast a {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;	
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-right: 5px;
	border-left: none;
	text-indent: -9999px;
}

#cal td.smd_cal_event span.smd_cal_multi a {
	border-left: none;
	border-right: none;
	text-indent: -9999px;
}

#cal td.smd_cal_event span.smd_cal_standard a {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-left: 5px;
	margin-right: 5px;
}

#cal td.smd_cal_event span.smd_cal_ev_placeholder a { visibility: hidden; }


/*********************************
List View Specific Styles
*********************************/

.cal-list-month td{
	font-family: proxima-nova, helvetica-neue, helvetica, arial, sans-serif;
	color: #4d5654;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 14px;
	padding: 30px 0 15px 0 !important;
	margin: 0;
}

.first-month td{
	padding: 0 0 15px 0 !important;
	margin: 0;
}

/*********************************
Specific Event CSS
*********************************/

.end-date {
	text-align: center;
	width: 52px;
}

#event-wrap {
	width: 700px;
	max-height: 600px;
	overflow-y: auto;
}

#event-left {
	float: left;
	width: 100px;
	padding: 20px 20px 30px 20px;
}

#event-right {
	float: left;
	width: 500px;
	padding: 20px;
	border-left: 1px solid #fff;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;	
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#event-body {
	width: 450px;
}

.event-date {
	width: 90px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 auto;
}

.thru {
	width: 90px;
	padding: 0;
	text-align: center;
	font-size: 12px;
	margin: 10px 0 10px 0;
	color: #777;
	letter-spacing: 1px;
	
}

.event-month {
	width: 90px;
	background-color: #aed554;
	text-align: center;
	padding: 1px 0 0 0;
	font-size: 12px;
	margin: 0 0 2px 0;
	text-transform: uppercase;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;	
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.event-day {
	width: 90px;
	padding: 8px 0 0 0;
	background-color: #f0f2f6;
	text-align: center;
	font-size: 58px;
	line-height:58px;
	font-weight: bold;
	letter-spacing: -2px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;	
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}


.expires-month {
	width: 90px;
	padding: 1px 0 0 0;
	background-color: #aed554;
	text-align: center;
	font-size: 12px;
	margin: 0 0 2px 0;
	text-transform: uppercase;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;	
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.expires-day {
	width: 90px;
	padding: 8px 0 0 0;
	background-color: #f0f2f6;
	text-align: center;
	font-size: 58px;
	line-height:58px;
	font-weight: bold;
	letter-spacing: -2px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;	
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

#event-list-wrap {
	padding: 10px;
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#event-list {
	width: 100%;
	font-size: 11px;
	text-align: left;
	border-collapse: collapse;
}

#event-list td {
	padding: 12px 0 12px 0;
}

#event-list tr.item {
	border-top: 1px solid #dcdcdc;
}

#event-list tr.list-month {
	border-top: none;
	height: 75px;
	vertical-align: bottom;
	font-size: 24px;
	font-weight: bold;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	border-top: 1px solid #dcdcdc;
}

#event-list tr.list-month-first {
	border-top: none;
	height: 20px;
	font-size: 24px;
	font-weight: bold;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	vertical-align: bottom;
}

.one {
	font-size: 13px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 165px;
}

.one span.date {
	width: 30px;
	float: left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.one span.date .month {
	width: 100%;
	color: #999;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 11px;
}

.one span.date .day {
	width: 100%;
	font-size: 20px;
	color: #414141;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}

.one span.expires {
	width: 50px;
	padding: 0;
	margin: 0 0 0 10px;
	float: left;
	display: inline;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.one span.expires .month {
	width: 100%;
	color: #999;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 11px;
}

.one span.expires .day {
	width: 100%;
	font-size: 20px;
	color: #414141;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}

.title-list {
	width: 425px;
	font-size: 13px;
}

.last {
	line-height:14px;
}

.event-time{
	margin: 15px 0 0 0;
}

/*********************************
Sliding Panels
*********************************/

/* Most common stuff you'll need to change */

.coda-slider-wrapper {  width: 960px; margin: 0 auto;}
.coda-slider { padding: 5px 0 5px 0; }

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important;}

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 960px; }
	
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }

/* Panel padding */
.coda-slider .panel-wrapper { }

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
#coda-nav-1 {
	position: absolute;
	right: 10px;
	top: -48px;
}
.coda-nav ul { float: right; display: inline; margin: 12px 10px 0 0;}
.coda-nav ul li {display: inline }
.coda-nav ul li a {
	font-size: 13px;
	color: #515151;
	background: #dcd5c8;
	display: block;
	float: left;
	margin-left: 2px;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	border-top: 1px solid #dcd5c8;
	border-right: 1px solid #dcd5c8;
	border-left: 1px solid #dcd5c8;
	border-bottom: 1px solid #dcd5c8;
	text-shadow: #efefef 0px 1px 0px;
}
.coda-nav ul li a:hover {
	text-decoration: underline;
}

.coda-nav ul li a.current {
	background: #fff;
	color: #000;
	border-top: 1px solid #d4d6d7;
	border-right: 1px solid #d4d6d7;
	border-left: 1px solid #d4d6d7;
	border-bottom: 1px solid #fff;
	text-shadow: #fff 0px 1px 0px !important;
}
.coda-nav ul li a.current:hover {
	color: #000;
	text-decoration: none;
}

/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }