﻿/* events list */
.List
{
	width: 390px;
	background: #ececec;
	margin-bottom: 5px;
	font-size: 12px;
}

.List h2
{
	background-color: #dcdcdc;
	text-align: center;
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
}

.List p
{
	margin-left: 10px;
	margin-right: 10px;
}

.Event
{
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 5px;
	height: 20px;
}

.EventDate
{
	float: left;
	width: 20%;
	color: #808080;
	height: 20px;
}

.EventText
{
	float: right;
	width: 78%;
	height: 20px;
}		

/* events calendar */
.CalendarRow, .CalendarHeadingRow
{
	line-height: 17px;
	min-height: 105px;
	width: 100%;
	margin-bottom: 1px;
}
.CalendarHeadingRow { min-height: 30px; height: 30px; }
.CalendarRow h4 { margin: 0 0 0 0; }

.CalendarSquare, .CalendarHeading
{
	width: 132px;
	min-height: 105px;
	float:left;
	text-align: center;
	margin-right: 1px;
	margin-bottom: 1px;
	background-color: #c0c0c0;
	font-size: 11px;
}

.CalendarHeading
{
	background-color: #74c7e3; /* #808080; #5e3547;*/
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	min-height: 30px;
}

.Booked { background-color: #ffffff; }
.Available { background-color: #ececec; }
.Empty { background-color: #dbdbdb; /*#B8B8B8;*/ }
.Today { background-color: #ffffff; }

.CalendarSquare h4 
{
	background-color: #4d4d4d;
	color: #ffffff;
	margin-bottom: 2px;
}

a.Evt1 { color: #BC1C28; }
a.Evt2 { color: #506bc4; }
a.Evt3 { color: #1a327f; }
a.Evt4 { color: #a61b1b; }
a.Evt5 { color: #99cc00; }
a.Evt6 { color: #0099cc; }

/* events calendar key */
.Key1, .Key2, .Key3, .Key4, .Key5, .Key6 { line-height: 20px; height: 20px; padding: 5px 10px 5px 10px; margin-right: 5px; color: #ffffff; float: left; }

.Key1 { background-color: #BC1C28; }
.Key2 { background-color: #506bc4; }
.Key3 { background-color: #1a327f; }
.Key4 { background-color: #a61b1b; }
.Key5 { background-color: #99cc00; }
.Key6 { background-color: #0099cc; }

.Mth { width: 25%; float: left; }
.Key { width: 74%; float: right; }

/* standard pic and text columns */
.TextCol
{
	float: left;
	width: 550px;
}

.PicCol
{
	float: right;
	background-color: #ececec;
	padding: 5px 5px 0 5px;
	width: 300px;
	font-size: 12px;
	color: #000000;
}

.EventContent
{
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
}

.TwoCol { float: left; width: 49%; }

/* ajax calendar */
.Calendar { background-color: #ffffff; }
.Calendar .ajax__calendar_container { background-color: #ffffff; padding:4px;position:absolute;cursor:default;width:210px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica; border: solid 1px #c0c0c0;}
.Calendar .ajax__calendar_today {cursor:pointer;padding-top:1px;padding-bottom: 3px; }

.Calendar .ajax__calendar_body {height:180px;width:220px;position:relative;overflow:hidden;margin:auto;}
.Calendar .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.Calendar .ajax__calendar_container TABLE {font-size:11px; border: none;}
.Calendar .ajax__calendar_container TD {border: none; padding: 3px 3px 3px 3px;}
.Calendar .ajax__calendar_header {height:20px;width:100%;}
.Calendar .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}
.Calendar .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}
.Calendar .ajax__calendar_title {cursor:pointer;font-weight:bold;}
.Calendar .ajax__calendar_footer {height:15px;}
.Calendar .ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.Calendar .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.Calendar .ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.Calendar .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.Calendar .ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.Calendar .ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.Calendar .ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.Calendar .ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.Calendar .ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.Calendar .ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.Calendar .ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#fff200;border-color:#0066cc;color:#0066cc;}
.Calendar .ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#fff200;border-color:#0066cc;color:#0066cc;}
.Calendar .ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#fff200;border-color:#0066cc;color:#0066cc;}

.Calendar .ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#dcdcdc;border-color:#ffffff;color:#646464;}
.Calendar .ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#dcdcdc;border-color:#ffffff;color:#646464;}

.Calendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.Calendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.Calendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.Calendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.Calendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

.Calendar .ajax__calendar_active { background-color: #fff200; }
.Calendar .ajax__calendar_other { background-color: #dcdcdc; color: #808080; }
.Calendar .ajax__calendar_hover { background-color: #1b788a; color: #ffffff; }

/* Main events page */
#UpcomingEvents
{
	float: left;
	width: 653px;
	background: #fafafa;
	border: solid 1px #ececec;
	padding: 10px 10px 10px 10px;
}

.upc1
{
	float: left;
	width: 300px;
	text-align: center;
}

.upc2
{ 
	float: right;
	width: 300px;
	text-align: center;
}

.upc1 p, .upc2 p
{
	background-color: #ececec;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
	
.upimg
{
	width: 300px;
	height: 205px;
	overflow: hidden;
}	

.upimg img { border: none; }
	
#EventInfo
{
	float: right;
	width: 268px;
	text-align: center;
}

.EventInfoBox
{
	padding: 10px 10px 10px 10px;
	background-color: #ececec;
	border: solid 1px #dcdcdc;
	margin-bottom: 10px;
}

.EventWait
{
	background-color: #ffffff;
	border: solid 1px #808080;
	color: #808080;
	width: 40%;
	height: 40%;
	top: 30%;
	left: 30%;
	text-align: center;
	position: fixed;
}

.evtmthpicker 
{ 
	height: 55px; 
	line-height: 25px; 
	width: 210px;
	margin: 0 auto 0 auto;	
}

.evtcal 
{
	width: 210px;
	margin: 0 auto 20px auto;	
}

.evtcalRow
{
	line-height: 30px;
	height: 30px;
	width: 100%;
}

.evtcalSquare, .evtcalHeading
{
	width: 30px;
	height: 30px;
	float:left;
	text-align: center;
	overflow: hidden;
}

.evtcalSquare a
{
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	color: #ffffff;
}
	
.evtcalHeading
{
	background-color: #808080; /* #808080; #5e3547;*/
	color: #ffffff;
	font-size: 11px;
}

.evtBooked { background-color: #65B4E5; }
.evtAvailable { background-color: #ffffff; }
.evtEmpty { background-color: #dbdbdb; /*#B8B8B8;*/ }


.evtitem
{
	padding: 20px 20px 20px 20px;
	background-color: #ffffff;
}	

.evtitemalt
{
	padding: 20px 20px 20px 20px;
	background-color: #ececec;
}	

.evtitem p, .evtitemalt p { margin-bottom: 5px; }

.evtitem .txtholder, .evtitemalt .txtholder
{
	float: left;
	width: 390px;
}	

.evtitem .picholder, .evtitemalt .picholder
{
	padding: 10px 10px 10px 10px;
	background-color: #ececec;
	width: 200px;
	float: right;
}

.evtitemalt .picholder
{
	background-color: #ffffff;
}

.evtitem .picholder .pic, .evtitemalt .picholder .pic
{
	width: 200px;
	height: 130px;
	overflow: hidden;
	text-align: center;
}	

.evtitem .picholder .pic img, .evtitemalt .picholder .pic img
{
	border: none;
}

.evtitem .txtholder .evtitemdtl, .evtitemalt .txtholder .evtitemdtl
{
	font-size: 12px;
	color: #808080;
}	

#FeaturedEvent
{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: solid 1px #dcdcdc;
}

#TagLine 
{ 
	background: #5face0 url(Graphics/share-article2.gif) no-repeat; 
	height: 35px;
	width: 204px;
	padding-left: 350px;
	padding-top: 20px;
}

.addthis_button_compact { color: #ffffff; }

