/* CALENDAR */


.scope_container {
	padding: 20px 0px 8px 0px; 
	border-bottom: 4px solid #999999;
	margin: 30px 0px 4px 0px;
}
.scope_year {
	color: #000000;
	font-size: 22px;
	font-weight: bold;
	text-align: right;
	padding: 4px 15px 4px 15px;
	margin-right: 15px;
	border-right: 1px solid #666666;
}
.scope_month {
	color: #999999;
	font-size: 22px;
	text-align: left;
	font-weight: bold;
	padding: 4px 15px 4px 0px;
}
.scope_direction_button {
	padding: 8px 0px;
	vertical-align: middle;
}

.calendar_month {
	font-size: 14pt;
	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
}

.calendar_header_row {
	width: 14%;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding: 5px;
	border-bottom: 3px solid #323435;
	background-color: #999999;
	background-image: url(../../site/images/graphics/list_header_row.jpg);
	background-repeat: repeat-x;
}

.calendar_title {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
}
.calendar_title a:link, .calendar_title a:visited, .calendar_title a:hover, .calendar_title a:active  {
	color: #000000;
}

.calendar_details {
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
	min-height: 100px;
	height: auto;
	height: 100px;
}
.calendar_details a:link, .calendar_details a:visited, .calendar_details a:hover, .calendar_details a:active {
	color: #000000;
	font-weight: bold;
}

.calendar_time {
	font-family: arial, helvetica, sans-serif;
	font-size: 7pt;
	color: #000000;
	font-weight: normal;
	font-style: italic;

}


/* CALENDAR DESIGN */

.calendar_other_month { background-color: #CCCCCC; }

.calendar_today { background-color: #FFCC66; }

.calendar_date {
	color: #99CCFF;
	font-size: 12pt;
	font-weight: bold;
}
.calendar_today .calendar_date { 
	color: #666666;
}
.calendar_other_month .calendar_date { 
	color: #FFFFFF;
}

.calendar_color1 {
	background-color: #FFFFFF;
}
.calendar_color2 {
	background-color: #EEEEEE;
}


/* CATEGORIES */
.calendar_category {
	padding: 1px 3px;
	color: #000000;
	margin: 1px;
}

.calendar_category a:link, .calendar_category a:visited, .calendar_category a:hover, .calendar_category a:active {
	color: inherit;
	text-decoration: none;
}

.calendar_category_color1 {
	background-color: #CC3300;
	color: #FFFFFF;
}
.calendar_category_color2 {
	background-color: #FF9900;
	color: #000000;
}
.calendar_category_color3 {
	background-color: #FFFF66;
	color: #000000;
}
.calendar_category_color4 {
	background-color: #66CC33;
	color: #000000;
}
.calendar_category_color5 {
	background-color: #99CCFF;
	color: #000000;
}
.calendar_category_color6 {
	background-color: #9999FF;
	color: #FFFFFF;
}
.calendar_category_color7 {
	background-color: #9966CC;
	color: #FFFFFF;
}


/* EVENT DETAILS */
.calendar_event_title {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}

.calendar_event_date {
	font-style: italic;
	color: #666666;
}

.calendar_event_category {
	font-weight: bold;
}

.calendar_event_description {
	padding-top: 20px;
}

.calendar_event_prompt {
	font-weight: bold;
}
.calendar_event_value {
	font-style: italic;
	color: #666666;
}
.calendar_event_comment {
	color: #999999;
	font-size: 10px;
}




.calendar_basic_link {
	padding: 3px 0px 3px 25px;
	font-family: helvetica, arial, sans-serif;
	background: url(/content/site/images/graphics/circle_arrow_forward.png) no-repeat left center;
}
.calendar_basic_link a:link, .calendar_basic_link a:visited, .calendar_basic_link a:active {
	text-decoration: none;
}
.calendar_basic_link a:hover {
}



/* HEADER OPTIONS */

.calendar_header_container {
	border-bottom: 3px solid #DEDEDE;
}
.calendar_header_container a:link, .calendar_header_container a:visited, .calendar_header_container a:active {
	color: #333333;
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
}
.calendar_header_container a:hover {
	color: #999999;
}
.calendar_header_container td {
	border-top: 3px solid #DEDEDE;
}
.calendar_view_button {
	width: 80px;
	font-size: 11px;
	padding: 11px 15px 11px 33px;
	background: url(/content/calendar/images/calendar_view_icon.png) no-repeat left center;
}

.calendar_view_options .selected {
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	font-family: helvetica, arial, sans-serif;
}
.list_view_button {
	width: 80px;
	font-size: 11px;
	padding: 11px 15px 11px 33px;
	margin-left: 15px;
	background: url(/content/calendar/images/list_view_icon.png) no-repeat left center;
}
.list_view_button a:link {
	font-weight: bold;
}
.range_button {
	width: 92px;
	padding: 11px 0px 11px 28px;
	background: url(/content/calendar/images/range_icon.png) no-repeat left center;
}
.range_current {
	font-size: 11px; font-weight: bold; color: #000000;
	font-family: helvetica, arial, sans-serif;
}
.range_name {
	font-size: 11px; font-weight: bold; color: #777777;
	font-family: helvetica, arial, sans-serif;
}

.sub_category_button {
	width: 100px;
	padding: 11px 0px 11px 33px;
	margin-left: 15px;
	background: url(/content/calendar/images/sub_category_icon.png) no-repeat left center;
}
.categories_current {
	font-size: 11px;
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
	color: #000000;
}




/* POPUP */
.calendar_popup {
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	padding: 10px;
	width: 250px;
	display: none;
	color: #333333;
	background-color: #FFFFFF;
	border: 5px solid #999999;
	margin: 0;
}
.calendar_popup_close {
	background: url(/content/calendar/images/closebox.png) no-repeat;
	border: none;
	height: 30px;
	position: absolute;
	right: -20px;
	top: -20px;
	width: 30px;
	
}
.calendar_popup_title {
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 3px;
}

.calendar_popup_category {
	font-family: arial, helvetica, sans-serif;
	color: #999999;
	padding-bottom: 3px;
	font-size: 10px;
}

.calendar_popup_timeframe {
	font-family: arial, helvetica, sans-serif;
	color: #555555;
	font-size: 10px;
	padding-bottom: 5px;
	font-style: italic;
}

.calendar_popup_description {
	font-family: arial, helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
}

.calendar_popup_button a:link, .calendar_popup_button a:visited, .calendar_popup_button a:active
{
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	width: 63px;
	float: right;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 11px;
	background-color: #D13100;
	padding: 3px;
	margin-top: 5px;
}

.calendar_popup_button a:hover
{
	font-family: arial, helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #3796FF;
}



/* CALENDAR DROPDOWN OPTIONS */
.calendar_dropdown {
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	padding: 10px 0px;
	width: 120px;
	display: none;
	background-color: #FFFFFF;
	border: 2px solid #999999;
	border-top: none;
	margin: 0;
}
.calendar_dropdown ul {
	margin: 0px;
	padding: 0px;
}
.calendar_dropdown li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 10px;
}
.calendar_dropdown a:link, .calendar_dropdown a:visited, .calendar_dropdown a:active {
	color: #666666;
	display: block;
	padding: 2px 10px;
}
.calendar_dropdown a:hover {
	color: #000000;
	background-color: #CCCCCC;
}




/*
LIST VERSION OF CALENDAR PAGES
*/

.calendar_list_container {
}
.calendar_list_row {
	 border-bottom: 1px solid #CCCCCC;
	 padding: 5px 0px;
}
.calendar_list_details {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	padding: 9px 15px;
}
.calendar_list_title {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}
.calendar_list_title a:link, .calendar_list_title a:visited, .calendar_list_title a:active  {
	color: #666666;
}
.calendar_list_title a:hover {
	color: #000000;
}
.calendar_list_time {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	padding: 9px 15px 9px 20px;
	width: 50px;
	border-right: 1px solid #DDDDDD;
}
.calendar_list_time_frame {
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	font-weight: normal;
}
.calendar_list_date {
	vertical-align: middle;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	font-style: normal;
	padding: 9px 10px 9px 20px;
	background: #DDD8C4;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #DDDDDD;
}
.calendar_list_color1 {
	background-color: #FFFFFF;
}
.calendar_list_color2 {
	background-color: #EEEEEE;
}