/*=========== CALENDAR_DISPLAY ==========*/

/* ----- MAIN CALENDAR LISTING GRAPHIC STYLES ----------*/

td.calMainContent { /* sets a bkg image if wanted for the listing area */
 /*background: repeat-x top left url('/custom/channels/events/images/calMainContentBkg.gif');*/
}

.CalDisplayList td.MainContent { /* fix in case your typical mainContent has a background image. the toolbar currently outputs another .MainContent which causes problems */
background:none;
}

td.calMainContent ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* ----- TOOLBAR STYLES ----- */
/* positioning toolbar */
div.CalendarToolbarContainerList div.CalendarToolbarContainer {	
    margin: 0 0 10px 0;
}
div.CalendarToolbarContainer {
	display: block;
	width: auto;
	height: 26px;
	margin: 10px 0 5px 0;
	padding: 0 6px 0 6px;
	background: repeat-x top left url('/custom/channels/events/images/toolbar/generic/bg.gif');
	border: 1px solid #A7A7A7;
	font-size: 10pt;
}
div.CalendarToolbarLeftCap {
	display: none;
}
div.CalendarToolbarRightCap {
	display: none;
}
ul.CalendarToolbarList {
	display: inline;
	list-style-type: none;
	clear: none;
	float: left;
	width: auto;
	height: 26px;
	margin: 0;
	padding: 0;
}
li.CalendarToolbarListItem {
	display: inline;
	clear: none;
	float: left;
	height: 26px;
	margin: 0;
	padding: 0;
}
li.CalendarToolbarListItemDivider {
	display: inline;
	clear: none;
	float: left;	
	height: 26px;
	margin: 0;
	padding: 0;
}

li.CalendarToolbarListItem a:link, li.CalendarToolbarListItem a:visited {
	clear: none;
        border:none;
	float: left;
	height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 4px;
	text-decoration: none;
	color: #000000;
}
li.CalendarToolbarListItem a:Hover {   
	text-decoration: underline;
	color: #000000;
	background:transparent;
}
a.CalendarToolbarSelectedListButton, a.CalendarToolbarSelectedMonthButton, a.CalendarToolbarSelectedWeekButton, a.CalendarToolbarSelectedYearButton, a.CalendarToolbarSelectedHelpButton {
	text-decoration: underline;
	font-weight:bold;
}

a.CalendarToolbarSelectedListButton span.icon, a.CalendarToolbarListButton span.icon,
a.CalendarToolbarSelectedMonthButton span.icon, a.CalendarToolbarMonthButton span.icon,
a.CalendarToolbarSelectedWeekButton span.icon, a.CalendarToolbarWeekButton span.icon, 
a.CalendarToolbarSelectedYearButton span.icon, a.CalendarToolbarYearButton span.icon,
a.CalendarToolbarSelectedHelpButton span.icon, a.CalendarToolbarHelpButton span.icon {
	clear: none;
	cursor:pointer;
	float: left;
	width: 19px;
	height: 19px;
	margin-top: -2px;
	
}
a.CalendarToolbarSelectedListButton span.icon, a.CalendarToolbarListButton span.icon {
	background: top left no-repeat url('/custom/channels/events/images/toolbar/generic/calList.gif');
}
a.CalendarToolbarSelectedMonthButton span.icon, a.CalendarToolbarMonthButton span.icon {
	background: top left no-repeat url('/custom/channels/events/images/toolbar/generic/calMonth.gif');
}
a.CalendarToolbarSelectedWeekButton span.icon, a.CalendarToolbarWeekButton span.icon {
	background: top left no-repeat url('/custom/channels/events/images/toolbar/generic/calWeek.gif');
}
a.CalendarToolbarSelectedYearButton span.icon, a.CalendarToolbarYearButton span.icon {  
	background: top left no-repeat url('/custom/channels/events/images/toolbar/generic/calYear.gif');
}
a.CalendarToolbarSelectedHelpButton span.icon, a.CalendarToolbarHelpButton span.icon {
	background: top left no-repeat url('/custom/channels/events/images/toolbar/generic/calSearch.gif');
}

/***CALENDAR STYLES***/
div.calContainer {
    /*display: block;*/
    clear: both;
    float: left;
    width: 154px;          
    background: #fff;
    margin: 0;
    border:1px solid #a7a7a7;
}
div.calContainer a {
		text-decoration:none;
}
div.calYearContainer {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin-top: 10px;
}
div.calYearContainer div.calContainer {
    clear: none;
    float: left;
    width: 154px; 
    height: 132px;
    margin-left:15px;
    margin-bottom: 10px;
    display:inline; /* fixes the IE double margin width float bug */
}
/* ----- Main "header" area with month and >> << ------ */
div.calHeaderContainer {
    clear: both;
    float: left;
    width: 100%; 
    height: 20px;
    background-color: #f0f0f0;
    border-bottom:1px solid #a7a7a7;
}
div.calPreviousMonth {
    clear: left;
    float: left;
    width: 16px;
}
div.calYearContainer div.calHeaderContainer div.calPreviousMonth {
    display: none;
    padding:0;
}
div.calPreviousMonth a:link,
div.calPreviousMonth a:visited {
    display: block;
    margin-left:3px;
    border:none;
    width:16px;
    height:18px;
    background: transparent no-repeat top left url('/custom/channels/events/images/prev.gif');
}
div.calCurrentMonth {
    clear: none;
    margin:2px 0 0 3px;
    float: left;
    width: 112px;
    font-size:8pt;
    text-align:center;
}
div.calYearContainer div.calHeaderContainer div.calCurrentMonth {
    width: 90%; 
}
div.calNextMonth {
    clear: right;
    float: right;
    text-align:right;
    padding-right:3px;
    width: 16px;
}
div.calYearContainer div.calHeaderContainer div.calNextMonth {
    display: none;
    padding:0;
}
div.calNextMonth a:link,
div.calNextMonth a:visited {
    display: block;   
    border:none;
    clear:none;
    float:right;
    width: 16px;
    height:18px;
    background: transparent no-repeat top right url('/custom/channels/events/images/next.gif');
} /* ---- end area -----*/


/* --- this changes the S M T W TH area --- */
div.calWeekDescription {
    clear: both;
    float: left;
    width: 100%;
    font-size:8pt;
    background: #cfdef1;
    color:#000;   
    border-bottom:1px solid #a7a7a7;
    text-align:center;
}
div.calWeekdayDescription {
    clear: none;
    float: left;
    width: 20px;
    padding: 1px;/*provides border space*/
}
div.calWeekendDescription {
    clear: none;
    float: left;
    width: 20px;
    padding: 1px;/*provides border space*/
} /* --- end area ---- */

div.calMonthContainer {
    clear: both;
    float: left;
    width: 100%;
}
div.calMonthContainer a:link, /*this is the general link color for dates */
div.calMonthContainer a:visited {	
	border:none;
}
div.calMonthContainer a:hover {	
	text-decoration:underline;
}
div.calWeek {
    clear: both;
    float: left;
    width: 100%;
}
div.calWeek div {
    clear: none;
    float: left;
    width: 20px;
    font-size: 8pt;
    text-align: center;
}
/* setting the backgrounds/colors for the different squares */
div.calWeekday {
    color: #000000;
    padding: 1px;/*provides border space*/
}
div.calWeekdayEvent {
    color: #FF000;
    background: #eaeaea repeat-x bottom left url('/custom/channels/events/images/smallCal_highlightDateBkg.gif');
    border: 1px solid #9f9f9f;
}
div.calWeekend {
    color: #000000;
    padding: 1px;/*provides border space*/
}
div.calWeekendEvent {
    color: #FF0000;
    background: #eaeaea repeat-x bottom left url('/custom/channels/events/images/smallCal_highlightDateBkg.gif');
    border: 1px solid #9f9f9f;
}
div.calOtherDay {
    color:#d8d8d8;
    padding: 1px;/*provides border space*/
}
div.calSpecialEvent {
    color: #FF0000;
    border: 0px solid #2A4C6A;
    background-color: #D4E2E5;
    border: 1px solid #2A4C6A;    
}

/* ---- CALENDAR LISTING STYLES FOR LISTS */
ul.icList {
	margin:0;
	padding:0;
	list-style:none;
}
ul.icList li,
ul.icList li {
	margin:0;
	padding:3px 0 3px 12px;
	background: url('/images/system/itembullet.gif') no-repeat 0px 7px;
}
ul.icList li .icListDate {
	color:#373737;
}
.icListSubtitle {
	color:#093a81;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15pt;
	font-weight:normal;       
	margin:0 0 10px 0;
	padding:0;
}