/**
 * Copyright (c) 2006-2007, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 *
 * Version 1.0 - 10.21.2008
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component
{ 
	position:			relative;
	overflow:			hidden;   /* causes the clipping */
	display:			block; /* component turns it on when first item is rendered */
	float:				left;
}

.carousel-component-IE
{ 
	overflow:			hidden;   /* causes the clipping */
	display:			block; /* component turns it on when first item is rendered */
	float:				left;
}
				
.carousel-component ul.carousel-list
{ 
	width:				2200px;
	position:			relative;
	z-index:			1;
	
	position:			absolute;
	margin-left:		auto;
	margin-right:		auto;

}

.carousel-component .carousel-list li
{ 
	float:				left;
	list-style:			none;
	overflow:			hidden;
}

/**
 * VERTICAL CAROUSEL DEFAULTS
 **/
.carousel-component .carousel-vertical li
{ 
	margin-bottom:		0px;

	/* Fix for extra spacing in IE */
	float:				left;
    clear:				left;
	
	/* Force the LI to respect the HEIGHT specified */
	overflow:			hidden;
	display:			block;
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */	 
.carousel-component ul.carousel-vertical
{
/*	width:auto;*/
}

.carousel-component .carousel-clip-region
{ 
	display:			hidden;
	position:			relative;	/* This makes overflow work */
	overflow:			hidden; /* Secret to the clipping */
	margin:				0px auto;
}

.carousel-component-IE .carousel-clip-region-IE
{ 
	margin:				0px auto;
    width:				175px;
	height:				385px;
	font:				70% verdana,arial,sans-serif;
	text-align:			center;
}

.carousel-component-IE .carousel-list-IE
{
	text-align:			center;
	padding:			0px;
	color:				#000000;
	margin:				4px;
    width:				210px;
	height:				410px;	/*385px;*/
}

/**
 * ==============================================================================
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component
{ 
	background:			#FFFFFF;
	color:				#000000;
	background-image:	url(carousel-bg.gif);
	background-repeat:	no-repeat;
	padding:			8px 0px 4px -1px;	/* padding:	8px 16px 4px 16px; Old Setting */
    margin:				16px 0px 0px 0px;
}

.carousel-component-IE
{ 
	background:			#FFFFFF;
	color:				#000000;
	background-image:	url(carousel-bg.gif);
	background-repeat:	no-repeat;
	padding:			8px 0px 4px -1px;	/* padding:	8px 16px 4px 16px; Old Setting */
    margin:				16px 0px 0px 0px;
	height:				435px;
	width:				220px;
}

.carousel-component ul.carousel-list
{ 
	margin:				0px;
	padding:			0px;
	line-height:		0px;
}
.carousel-component .carousel-list li
{ 
	text-align:			center;
	padding:			0px;
	font:				70% verdana,arial,sans-serif;
	color:				#000000;
	margin:				4px;
    width:				175px;
	height:				385px;
}
.carousel-component .carousel-vertical li
{ 
}
.carousel-component ul.carousel-vertical
{ 
}

.carousel-component .carousel-prev
{ 
    position:			absolute;
    top:				100px;
    z-index:			3;
    cursor:				pointer;
    left:				8px;
}

.carousel-component .carousel-next
{ 
    position:			absolute;
    top:				100px;
    z-index:			3;
    cursor:				pointer; 
    right:				10px; 
}

.calendar_mini_row
{
	display:			inline-block;
	width:				100%;
}

.calendar_mini_header
{
	display:			inline-block;
	width:				175px;
	height:				15px;
	font-weight:		bold;
}

.calendar_mini_day_header
{
	display:			inline-block;
	float:				left;
	width:				25px;
	height:				20px;
	font-weight:		bold;
	border-bottom:		1px solid #999999;
}
	
.calendar_mini_day
{
	display:			inline-block;
	float:				left;
	width:				25px;
	line-height:		18px;
	height:				20px;
	color:				#000000;
}

.calendar_mini_day:hover
{
	width:				23px;
	height:				18px;
	line-height:		16px;
    border:				1px solid #aaaaaa;
	cursor:				default;
}

.calendar_mini_day_past_future
{
	display:			inline-block;
	float:				left;
	width:				25px;
	height:				20px;
	line-height:		18px;
	color:				#DDDDDD;
	cursor:				default;
}

.calendar_mini_day_weekend
{
	display:			inline-block;
	float:				left;
	width:				25px;
	height:				20px;
	line-height:		18px;
	color:				#000000;
	background-color:	#EEF6FD;	/*#DBEAF9;*/
	cursor:				default;
}

.calendar_mini_day_weekend:hover
{
	width:				23px;
	height:				18px;
	line-height:		16px;
    border:				1px solid #aaaaaa;
	cursor:				default;
}

.calendar_mini_day_event
{
	display:			inline-block;
	float:				left;
	width:				25px;
	height:				20px;
	line-height:		18px;
	padding-top:		0px;
	background-color:	#F9DBDB;
	font-weight:		bold;
	text-decoration:	none;
	color:				#000000;
}

.calendar_mini_day_event a
{
	color:				#000000;
	text-decoration:	none;
	font-family:		verdana,arial,sans-serif;
}

.calendar_mini_day_event a:link
{
	color:				#000000;
	text-decoration:	none;
	font-family:		verdana,arial,sans-serif;
}

.calendar_mini_day_event a:visited
{
	color:				#000000;
	text-decoration:	none;
	font-family:		verdana,arial,sans-serif;
}

.calendar_mini_day_event a:hover
{
	color:				#000000;
	text-decoration:	none;
	font-family:		verdana,arial,sans-serif;
}

.calendar_mini_day_event:hover
{
	line-height:		16px;
	border:				1px solid #CCCCCC;
	width:				23px;
	height:				18px;
	padding-top:		0px;
}