/*
// $Id: calendar.css,v 1.5 2008/09/11 20:29:32 karenk Exp $
// $Revision: 1.5 $
// $Author: karenk $
//
// $Log: calendar.css,v $
// Revision 1.5  2008/09/11 20:29:32  karenk
// calendar changes
//
// Revision 1.4  2008/09/11 00:25:05  karenk
// set calendar styles
//
// Revision 1.3  2008/08/27 00:55:06  karenk
// *** empty log message ***
//
*/

/*
Calendar: global styles
*/
#x-calendar-viewstate-list
{
	padding-top: 8px;
	margin: 20px 0px 0px 0px;
	width: 635px;
	background-color: #dfd7b9;
	border-top: solid 1px #C3B997;
	border-bottom: solid 1px #C3B997;
}

#x-calendar-viewstate-cal
{
	padding-top: 8px;
	margin: 20px 0px 0px 0px;
	width: 635px;
	background-color: #903322;
	border-top: solid 1px #C3B997;
}

#x-calendar-viewstate-detail
{
	padding-top: 8px;
	margin: 20px 0px 0px 0px;
	width: 635px;
	background-color: #dad3b9;
	border-top: solid 1px #C3B997;
	border-bottom: solid 1px #C3B997;	
}

.x-txt-title
{
	display: none;
	font-size: medium;
	font-weight: bolder;
	font-style: italic;
	padding-bottom: 15px;
}

.x-txt-label
{
	font-size: small;
}

#x-calendar-title
{
	padding: 10px 0 0 30px;
}

#x-calendar-nav-viewstate
{
	padding: 0px;
	font-family: Verdana;
	font-size: 14px;
}

#x-calendar-nav-viewstate a:link
{
	color: #65676A;
	text-decoration: underline;
}

#x-calendar-nav-viewstate a:visited
{
	color: #65676A;
	text-decoration: underline;
}

#x-calendar-nav-viewstate a:active
{
	color: #3E3F44;
	text-decoration: none;
}

#x-calendar-nav-viewstate a:hover
{
	color: #3E3F44;
	text-decoration: none;
}

/* 
Calendar: filters
*/
#x-form-filter
{
	padding-bottom: 10px;
}

#x-calendar-viewstate-list #x-form-filter select
{
	display: block;
	margin-bottom: 10px;
	width: 200px;
}

#x-calendar-viewstate-list #x-form-filter
{
	padding-left: 8px;
}

#x-calendar-viewstate-detail #x-form-filter select
{
	display: block;
	margin-bottom: 10px;
	width: 200px;
	font-family: Verdana, Sans-Serif;
}

#x-calendar-viewstate-detail #x-form-filter 
{
	padding-left: 8px;
}

#x-calendar-viewstate-cal #x-form-filter
{
	padding-left: 8px;
}

#x-calendar-filter .x-txt-label
{
	padding-left: 8px;
	font-family: Verdana;
	font-size: 13px;
	font-style: italic;
	color: #fff;
}

#x-calendar-viewstate-cal #x-form-filter select
{
	display: inline;
	width: 160px;
}

#x-form-filter .x-form-select-name
{
	font-style: italic;
	font-weight: bold;
}

/* 
Calendar: navigation by month
*/
#x-table-nav-month
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	width: 210px;
	margin-bottom: 10px;
	margin-left: 8px;
}
#x-table-nav-month .x-table-row-toggle
{
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;	
}

#x-table-nav-month .x-table-row-toggle a
{
	text-transform: none;
}

#x-table-nav-month .x-table-row-toggle a:link
{
	text-decoration: underline;
	color: #65676A;
}

#x-table-nav-month .x-table-row-toggle a:visited
{
	text-decoration: underline;
	color: #65676A;
}

#x-table-nav-month .x-table-row-toggle a:hover
{
	text-decoration: underline;
	color: #3E3F44;
}

#x-table-nav-month .x-table-row-toggle a:active
{
	text-decoration: underline;
	color: #3E3F44;
}

#x-table-nav-month .x-table-row-dayofweek td 
{
	text-align: center;
	width: 14.286%;
	padding-top: 8px;
	background-color: #dfd7b9;
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
	font-style: italic;
}

#x-table-nav-month .x-table-row-date td
{
	text-align: center;
	width: 14.286%;
	padding: 4px 4px 4px 4px;
	background-color: #F0F4F8;
	color: #707373;
}

#x-table-nav-month .x-table-row-date .x-date-today
{
	background-color: #C3B997;
	color: #707373;
}

#x-table-nav-month .x-table-row-date .x-date-has-events
{
	background-color: #C3B997;
	color: White;
}

#x-table-nav-month .x-table-row-dayofweek .x-table-week-pointer-off
{
	background-color: transparent;
}

#x-table-nav-month .x-table-row-date .x-table-week-pointer-off
{
	background-image: url(/cbmr/sitebase/wrap/theme0/images/calendar.smallarrow.gif);
	background-color: transparent;
}

#x-table-nav-month .x-table-row-date .x-table-week-pointer-off a
{
	text-decoration: none;
}

#x-table-nav-month .x-table-row-date .x-table-week-pointer-on
{
	background-image: url(/cbmr/sitebase/wrap/theme0/images/calendar.smallarrow.on.gif);
	background-color: transparent;
}

/*
Calendar: navigation by week
*/
#x-calendar-nav-week
{
	text-align: right;
	padding-right: 8px;
	padding-top: 2px;
	font-style: italic;
	font-family: Verdana;
	font-size: 11px;
}

#x-calendar-nav-week a:link
{
	color: #65676A;
	text-decoration: underline;
}

#x-calendar-nav-week a:visited
{
	color: #65676A;
	text-decoration: underline;
}

#x-calendar-nav-week a:hover
{
	color: #3E3F44;
	text-decoration: none;
}

#x-calendar-nav-week a:active
{
	color: #3E3F44;
	text-decoration: none;
}

/*
Calendar: event detail
*/
#x-table-event-detail
{
	background-color: #F3F6F9;
	float: right;
	width: 390px;
	border-left: solid 1px #F8F9FC;
	margin-top: -5px;
	font-family: Verdana;
	color: #707373;
	font-size: 11px;
	margin-right: 10px;
	padding-bottom: 10px;
}

#x-table-event-detail .x-calendar-eventdetail-photo
{
	padding: 10px 0 10px 10px;
}

#x-table-event-detail .x-event-title
{
	display: block;
	padding-top: 10px;
	font-size: 18px;
	padding-left: 10px;
	color: #91530D;
	font-family:Verdana;
	font-style: italic;
}

#x-table-event-detail .x-event-date
{
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	font-family: Verdana;
	color: #7E7F80;
}

#x-table-event-detail .x-event-description
{
	padding-top: 10px;
	display: block;
	padding-right: 20%;
	padding-left: 10px;
	font-size: 12px;
}

#x-table-event-detail .x-event-details
{
	display: block;
	padding-right: 20%;
	padding-left:12px;
	color: #7E7F80;
	font-size: 12px;
}

#x-table-event-detail .x-event-linkmore
{
	padding-top: 10px;
	display: block;
	padding-bottom: 10px;
	padding-left: 10px;
}

#x-table-event-detail .x-event-link-list
{
	font-family: Verdana;
	font-size: 12px;
	line-height: 13px; /* the line height is the key to removing extra space at the top of each li block element in IE */
	color: #707373;
}

#x-table-event-detail .x-event-link-list a:link
{
	color: #65676A;
	text-decoration: underline;
}

#x-table-event-detail .x-event-link-list a:visited
{
	color: #65676A;
	text-decoration: underline;
}

#x-table-event-detail .x-event-link-list a:hover
{
	color: #3E3F44;
	text-decoration: none;
}

#x-table-event-detail .x-event-link-list a:active
{
	color: #3E3F44;
	text-decoration: none;
}

#x-table-event-detail .x-event-link-list ul {
	margin: 0px;
	padding: 10px 0 0 0;
	list-style: none;
}

#x-table-event-detail .x-event-link-list ul li {
	margin: 0px;
	padding: 0px 0px 6px 25px;
	background-image: url(/cbmr/sitebase/wrap/theme0/images/calendar.arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0 .2em;
}

.x-event-link-calicons
{
	padding-top: 6px;
	padding-left: 20px;
	width: 240px;
}

.x-event-link-calicons td
{
	width: 60px;
}

.x-event-link-calicon-yahoo 
{
	padding: 20px 0 0 0;
	height: 0px !important;
    height /**/: 20px;
    overflow: hidden;
    cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	border: 0;
    background-image: url(/cbmr/sitebase/wrap/theme0/images/calendar.icon.yahoo.jpg);
    background-repeat: no-repeat;
}

.x-event-link-calicon-mac 
{
	padding: 20px 0 0 0;
	height: 0px !important;
    height /**/: 20px;
    overflow: hidden;
    cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	border: 0;
	background-image: url(/cbmr/sitebase/wrap/theme0/images/calendar.icon.mac.jpg);
	background-repeat: no-repeat;
}

.x-event-link-calicon-google 
{
	padding: 20px 0 0 0;
	height: 0px !important;
    height /**/: 20px;
    overflow: hidden;
    cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	border: 0;
	background-image: url(/cbmr/sitebase/wrap/theme0/images/calendar.icon.google.jpg);
	background-repeat: no-repeat;
}

.x-event-link-calicon-outlook 
{
	padding: 20px 0 0 0;
	height: 0px !important;
    height /**/: 20px;
    overflow: hidden;
    cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	border: 0;
	background-image: url(/cbmr/sitebase/wrap/theme0/images/calendar.icon.outlook.jpg);
	background-repeat: no-repeat;
}

/*
Calendar: event list item
*/
#x-table-event-list
{
	background-color: #dfd7b9;
	float: right;
	width: 390px;
	border-left: solid 1px #dfd7b9;
	margin-top: -5px;
	font-family: Verdana;
	color: #dfd7b9;
	font-size: 11px;
	margin-right: 10px;
	padding-bottom: 10px;
}

#x-table-event-list .x-event-title
{
	display: block;
	padding-top: 10px;
	padding-left: 10px;
	font-family: Verdana;
	font-style: italic;
	font-size: 18px;
	color: #91530D;
}

#x-table-event-list .x-event-description
{
	display: block;
	padding-right: 20%;
	padding-left: 10px;
	font-size:12px;
	font-family: Verdana;
	color: #7E7F80;
}

#x-table-event-list .x-event-details
{
	display: block;
	padding-right: 20%;
	padding-left:10px;
	font-size:12px;
	font-style: italic;
	font-family: Verdana;
	color: #7E7F80;
}

#x-table-event-list .x-event-linkmore
{
	display: block;
	padding-bottom: 10px;
	padding-left: 10px;
}

#x-table-event-list .x-event-linkmore a:link
{
	color: #65676A;
	text-decoration: underline;
}

#x-table-event-list .x-event-linkmore a:visited
{
	color: #65676A;
	text-decoration: underline;
}

#x-table-event-list .x-event-linkmore a:hover
{
	color: #3E3F44;
	text-decoration: none;
}

#x-table-event-list .x-event-linkmore a:active
{
	color: #3E3F44;
	text-decoration: none;
}

#x-table-event-list .x-calendar-eventlist-date
{
	font-family: Verdana;
	font-style: italic;
	font-size: 18px;
	background-color: transparent;
	color: #7E7F80;
}

#x-table-event-list .x-calendar-eventlist-date td
{
	padding: 6px 0px 6px 10px;
}

#x-table-event-list .x-calendar-eventlist-repeat
{
	background-color: #F8F9FC;
	color: #707373;
	border-top: 1px solid #C3B997;
	border-bottom: 1px solid #C3B997;
}

#x-table-event-list .x-calendar-eventlist-photo
{
	padding: 10px 0 10px 10px;
}

#x-table-event-list .x-calendar-eventlist-norepeat
{
	background-color: #F8F9FC;
	color: #707373;
	border-top: 1px solid #C3B997;
	border-bottom: 1px solid #C3B997;
}

/* 
Calendar: view month
*/
#x-table-month-toggle
{
	width: 98%;
	margin: 0 8px 0 8px;
}

#x-table-month
{
	width: 100%;
	margin-bottom: 0px;
	background-color: #C3B997;
}

#x-table-month-toggle .x-table-row-toggle
{
	color: #fff;
	font-size: 16px;
	font-family: Verdana;
	background-color: #903322;
	text-transform: uppercase;
	font-weight: bold;
}

#x-table-month-toggle .x-table-row-toggle a
{
	text-decoration: underline;
	color: #fff;
	font-size: 11px;
	font-family: Verdana;
	text-transform: none;
}

#x-table-month-toggle .x-table-row-toggle a:hover
{
	color: #fff;
	text-transform: none;
}

#x-table-month-toggle .x-table-row-toggle a:active
{
	color: #fff;
	text-transform: none;
}

#x-table-month .x-table-row-dayofweek td 
{
	width: 14.286%;
	height: 2.3em;
	background-color: #dfd7b9;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #324350;
	text-align: right;
	padding-top: 20px;
	text-transform: uppercase;
}

#x-table-month .x-table-row-date td
{
	text-align: center;
	width: 14.286%;
	height: 120px;
	background-color: #dfd7b9;
}

#x-table-month .x-table-row-date .x-date-today
{
	background-color: #C3B997;
	color: #324350;
}

#x-table-month .x-table-row-date .x-date-has-events
{
	background-color: #F7F9FB;
	color: #707373;
}

#x-table-month .x-table-row-dayofweek .x-table-week-pointer-off
{
	background-color: transparent;
}

#x-table-month .x-calendar-daynumber
{
	text-align: left;
	font-weight: bold;
	text-align: right;
	font-family: Verdana, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	color: #909AA0;
}

#x-table-month .x-event
{
	text-align: left;
	font-size: 11px;
	font-family: Verdana;
}

#x-table-month .x-event a:link
{
	color: #65676A;
	text-decoration: underline;
}

#x-table-month .x-event a:visited
{
	color: #65676A;
	text-decoration: underline;
}

#x-table-month .x-event a:hover
{
	color: #3E3F44;
	text-decoration: none;
}

#x-table-month .x-event a:active
{
	color: #3E3F44;
	text-decoration: none;
}

.x-event-separator
{
	border: 0;
	color: #C3B997;
	background-color: #C3B997;
	height: 1px;
}

.x-event-tooltip
{
	display: none;
	position: absolute;
	margin-top: -5px;
	margin-left: 85px;
	padding: 4px;
	width: 240px;
	z-index: 101;
	border-top: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
	border-right: 2px solid #707373;
	border-bottom: 2px solid #707373;
	background-color: #ffffff;
	color: Black;
	font-family: Verdana;
	color: #707373;
}

.x-event-tooltip .x-event-tooltip-title
{
	display: block;
	font-weight: bold;
	font-size: 12px;
}

.x-event-tooltip .x-event-tooltip-time
{
	display: block;
	font-style: italic;
}

.x-event-tooltip .x-event-tooltip-location
{
	display: block;
	font-style: italic;
}

.x-event-tooltip .x-event-tooltip-desc
{
	display: block;
}

.x-event-tooltip .x-event-tooltip-linkmore
{
	display: block;
}