/* @override 
	http://dev.getconcentric.com/index.php?css=stylesheets/jcarousel
	http://www.elliottdavis.com/index.php?css=stylesheets/jcarousel
*/

#mycarousel{
float: right;
width: 640px;
background: #005f92 url(/images/home/calendar-guy.gif) no-repeat 10px 10px;
border: 1px solid #0098e9;
}
/* This <div> element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */
.jcarousel-container {
position: relative;
}
.jcarousel-container .date{
border: none;
text-align: center;
background: #FCB434;
margin: 10px 12px 0 10px;
padding: 6px 0;
font-weight: bold;
color: #333;
}
.jcarousel-container .title{
border: none;
font-weight: bold;
line-height: normal; font-size: 11px;
}
.jcarousel-container p{
border: none;
padding: 4px 10px;
}
.jcarousel-container a {color: #333; }
.jcarousel-container a:hover {color: #1BA2CC; }
.jcarousel-clip {
z-index: 2;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}
.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 142px;
height: 142px;
}

/*The buttons are added dynamically by jCarousel before the <ul> list (inside the <div> described above) and have the classnames "jcarousel-next" and "jcarousel-prev". */
.jcarousel-next {
z-index: 3;
display: none;
}
.jcarousel-prev {
z-index: 3;
display: none;
}
.jcarousel-container-horizontal {
padding: 10px 30px;
width: 450px;
}
.jcarousel-clip-horizontal {
width:  440px;
height: 142px;
margin: 10px 0 10px 195px;
}
.jcarousel-item {
background: url(/images/home/calendar-square.gif);
color: #333;
}
.jcarousel-item:hover {
border-color: #808080;
}
.jcarousel-item-horizontal {
margin-right: 7px;
}
.jcarousel-item-placeholder {
}

/*Horizontal Buttons---------------------------------------------*/
.jcarousel-next-horizontal {
position: absolute;
top: 35px;
right: 10px;
width: 20px;
height: 122px;
cursor: pointer;
background: url(/images/home/next.gif) no-repeat right center;
}
.jcarousel-next-horizontal:hover {
background: url(/images/home/next.gif) no-repeat left center;
}

.jcarousel-prev-horizontal {
position: absolute;
top: 35px;
left: 200px;
width: 20px;
height: 122px;
cursor: pointer;
background: url(/images/home/previous.gif) no-repeat left center;
}
.jcarousel-prev-horizontal:hover {background: url(/images/home/previous.gif) no-repeat right center; }

#mycarousel .event-info li {
width: 120px;
height: auto;
float: none;
}