/*
// $Id: calendar.css,v 1.1 2007/08/16 14:26:37 scottl Exp $
// $Revision: 1.1 $
// $Author: scottl $
//
// $Log: calendar.css,v $
// Revision 1.1  2007/08/16 14:26:37  scottl
// Added some assets for Peru.  Cleaned up form elements.
//
// Revision 1.1  2007/08/14 17:48:36  scottl
// Continued build out of websites.
//
//
*/

/*
Calendar: global styles
*/
#x-calendar-viewstate-list
{
	padding-top: 8px;
	margin: 20px 30px 0 30px;
	width: 780px;
	background-color: #CCDCE6;
	border-top: solid 1px #96B3C9;
	border-bottom: solid 1px #96B3C9;
}

#x-calendar-viewstate-cal
{
	padding-top: 8px;
	margin: 20px 30px 0 30px;
	width: 780px;
	background-color: #CCDCE6;
	border-top: solid 1px #96B3C9;
}

#x-calendar-viewstate-detail
{
	padding-top: 8px;
	margin: 20px 30px 0 30px;
	width: 780px;
	background-color: #CCDCE6;
	border-top: solid 1px #96B3C9;
	border-bottom: solid 1px #96B3C9;	
}

.x-txt-title
{
	display: block;
	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: 0 0 0 30px;
	font-family: Verdana, Sans-Serif;
	font-size: 14px;
}

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

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

#x-calendar-nav-viewstate a:active
{
	color: #C87315;
	text-decoration: underline;
}

#x-calendar-nav-viewstate a:hover
{
	color: #C87315;
	text-decoration: underline;
}

/* 
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;
}

#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: Georgia, Sans-Serif;
	font-size: 13px;
	font-style: italic;
	color: #707373;
}

#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
{
	text-transform: uppercase;
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
}

#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: #D29649;
}

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

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

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

#x-table-nav-month .x-table-row-dayofweek td 
{
	text-align: center;
	width: 14.286%;
	padding-top: 8px;
	background-color: #F0F4F8;
	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: #96B3C9;
	color: 707373;
}

#x-table-nav-month .x-table-row-date .x-date-has-events
{
	background-color: #92B1C8;
	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(../images/common/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(../images/common/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, Sans-Serif;
	font-size: 11px;
}

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

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

#x-calendar-nav-week a:hover
{
	color: #C87315;
	text-decoration: underline;
}

#x-calendar-nav-week a:active
{
	color: #C87315;
	text-decoration: underline;
}

/*
Calendar: event detail
*/
#x-table-event-detail
{
	background-color: #DDE6EE;
	float: right;
	width: 550px;
	border-left: solid 1px #F8F9FC;
	margin-top: -8px;
	font-family: Verdana, Sans-Serif;
	color: #707373;
	font-size: 11px;
	padding-right: 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: 14px;
	font-weight: bold;
	padding-left: 10px;
	color: #444545;
}

#x-table-event-detail .x-event-date
{
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	font-style: italic;
	color: #444545;
}

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

#x-table-event-detail .x-event-details
{
	display: block;
	padding-right: 20%;
	padding-left:11px;
	font-weight: bold;
	color: #707373;
}

#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, Sans-Serif;
	font-size: 11px;
	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: #D29649;
	text-decoration: none;
}

#x-table-event-detail .x-event-link-list a:visited
{
	color: #D29649;
	text-decoration: none;
}

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

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

#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(../images/common/arrow.gif);
	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(../images/common/calendar.icon.yahoo.gif);
    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(../images/common/calendar.icon.mac.gif);
	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(../images/common/calendar.icon.google.gif);
	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(../images/common/calendar.icon.outlook.gif);
	background-repeat: no-repeat;
}

/*
Calendar: event list item
*/
#x-table-event-list
{
	background-color: #DDE6EE;
	float: right;
	width: 550px;
	border-left: solid 1px #F8F9FC;
	margin-top: -8px;
	font-family: Verdana, Sans-Serif;
	color: #707373;
	font-size: 11px;
}

#x-table-event-list .x-event-title
{
	display: block;
	padding-top: 10px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
}

#x-table-event-list .x-event-description
{
	display: block;
	padding-right: 20%;
	padding-left: 10px;
}

#x-table-event-list .x-event-details
{
	display: block;
	padding-right: 20%;
	padding-left:10px;
	font-style: italic;
}

#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: #D29649;
	text-decoration: none;
}

#x-table-event-list .x-event-linkmore a:visited
{
	color: #D29649;
	text-decoration: none;
}

#x-table-event-list .x-event-linkmore a:hover
{
	color: #C87315;
	text-decoration: underline;
}

#x-table-event-list .x-event-linkmore a:active
{
	color: #C87315;
	text-decoration: underline;
}

#x-table-event-list .x-calendar-eventlist-date
{
	font-family: Georgia, Sans-Serif;
	font-style: italic;
	font-size: 16px;
	background-color: transparent;
	color: #707373;
}

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

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

#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 #96B3C9;
	border-bottom: 1px solid #96B3C9;
}

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

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

#x-table-month-toggle .x-table-row-toggle
{
	color: #707373;
	font-size: 16px;
	font-family: Verdana, Sans-Serif;
	background-color: #CCDCE6;
	text-transform: uppercase;
	font-weight: bold;
}

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

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

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

#x-table-month .x-table-row-dayofweek td 
{
	width: 14.286%;
	height: 2.3em;
	background-color: #DDE6EE;
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #707373;
	text-align: right;
	padding-top: 20px;
}

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

#x-table-month .x-table-row-date .x-date-today
{
	background-color: #96B3C9;
	color: #000000;
}

#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: 11px;
	font-weight: bold;
	color: #909AA0;
}

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

#x-table-month .x-event a:link
{
	color: #D29649;
	text-decoration: none;
}

#x-table-month .x-event a:visited
{
	color: #D29649;
	text-decoration: none;
}

#x-table-month .x-event a:hover
{
	color: #C87315;
	text-decoration: underline;
}

#x-table-month .x-event a:active
{
	color: #C87315;
	text-decoration: underline;
}

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

.x-event-tooltip
{
	display: none;
	position: absolute;
	margin-top: 12px;
	margin-left: 30px;
	padding: 4px;
	width: 240px;
	z-index: 101;
	border-right: 2px solid #707373;
	border-bottom: 2px solid #707373;
	background-color: #ffffff;
	color: Black;
	font-family: Verdana, Sans-Serif;
	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;
}