﻿div.calendarOuter  
{
	margin: 0 0 20px 0
}
div.calendarOuter li
{
	list-style: none;
	
}
ul.innerEventList li {
	

}
.noClass 
{
	overflow-y: hidden;
	height:92px;
}
ul.innerEventList li img {
	width: 82px;
	height: 35px	
}
.calendarDaysWeek li 
{
	display: inline;
	float: left;
	width: 85px;
	background: #ebebeb;
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	border-top: 1px solid #bfbfbf;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	overflow: hidden
}
li.fullDay, li.blankDay 
{
	display: inline;
	float: left;
	width: 85px;
	background: #fff;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 2px;
	height: 115px;
	position: relative;
}
.bigArrow
{
	font-size: 0.0001em;
	height: 1px;
	width: 1px;
	position: absolute;
	top: 150px;
}

ul.calendarGrid .date 
{
	color: #666;
	font-weight: bold;
}
li.fullWidth 
{
	clear: both
}
li.blankDay 
{
	background: url(images/bg_diag_lines.gif)
}
li.blankDay a.seeAllEvents 
{
	display: none;
}
a.seeAllEvents 
{
	position: absolute;
	height: 14px;
	background: #fff;
	bottom: 0px;
	display: block;
	width: 79px;
	padding: 3px 3px 3px 1px;
	outline: none;
	margin-bottom:1px;
}
div.expandedDay li {
	
}
div.active li 
{
	display: block
}
.active  
{
	z-index: 300;
	display: inline;
	float: left;
	width: 300px;
	border: 2px solid #d6d6d6;
	padding: 2px;
	height: 150px;
	top: -160px;
	left: 5px;
	position:absolute;
	background: #fff;
	overflow-y: visible
}
.active .bigArrow 
{
	height: 38px;
	width: 57px;
	z-index: 200000;
	background: url(images/calendarBigArrow.png)	
}
* html .active .bigArrow
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Shared/css/images/calendarBigArrow.png', sizingMethod=image, enabled=true )
}
.active ul li{
	line-height: 15px;
	border: 1px solid #a7b8c5;
	margin: 5px;
	padding: 3px;
	background: #e1e7ec;
	z-index: 200000
}
.active ul  
{
	height: 95px;
	 overflow: auto;
}
.active .date {
	background: #ddecfe url(images/calendarIcon.gif) no-repeat 99% 48%;
	display: block;
	padding: 2px;
	font-size: 1.4em;
	position: relative;
}
.closeit 
{
	display: none;
}
.blockLink 
{
	display: block;
	text-align: right;
	padding: 0 5px 0 0;
}
a.openEvents 
{
	background: #DDECFE;
	cursor: default;
	outline: none;
	margin-bottom:1px;
	color: #989898;
	text-decoration: none
}
ul.monthNavSelect li 
{
	display:inline;
	float: left;
	list-style: none;
	width: 51px;
	border-right: 1px solid #fff;
	line-height: 2em;
	font-weight:bold;

}
ul.monthNavSelect li a
{

	display: block;
	line-height: 2em;
}
ul.yearNavSelect li 
{
	display:inline;
	float: left;
	list-style: none;
	width: 210px;
	color:#3A628D;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif;
	font-size:18px;
	font-weight:300;
	line-height: 2.7em;
}
div.calNavigator 
{
	margin: 0 0 4px 0;
	text-align: center
}
ul.yearNavSelect li.currentYear 
{
	font-size:30px;
	line-height: 1.5em;
	
}
ul.yearNavSelect li a 
{
	color: #666666;
}
ul.yearNavSelect 
{
	width: 635px;
}
ul.monthNavSelect li a.currentMonth 
{
	color:#3A628D;
	font-size: 1.4em;
	line-height: 1.5em;
}
div.otherEvents 
{
	width: 200px;
	display: inline;
	text-align: right;
	float: right;
	line-height: 30px;
}
div.eventHeader 
{
	width: 400px;
	float: left;
	display: inline;
}
div.eventDates 
{
	margin: 0px 0 10px 0;
	font-size: 1.1em;
	background-color:#FDFBFB;
	border:1px solid #CCCCCC;
	padding: 5px
}
div.eventHeader h1 
{
	color: #3a628d;
	border-bottom: 1px soild red;
}
div.eventDescription 
{
	width: 310px;
	display: inline;
	float: right;
	border-top:4px solid #E8E7E4;
	padding: 10px 0 0 0
}
div.eventAd 
{
	width: 310px;
	display: inline;
	float: left;
}
div.eventLogo 
{
	width: 300px;
	float: right;
	display: inline;
	text-align: right
}
div.innerDates 
{
	width: 300px;
	float: left;
	display: inline
}

div.returnMonth 
{
	text-align: center
}
li.hideMoreEventsItems 
{
	display: none;
}
.active li.hideMoreEventsItems 
{
	display: block
}
