.nova-carousel-container {
    position: relative;
    overflow:auto;
}

.nova-carousel-container h2 {
    font-weight: bold;
    padding: 5px 10px 0;
    margin: 0;
}

.nova-carousel-container p.description {
    padding: 10px;
}

.jcarousel-skin-nova-default .jcarousel-container {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 10px;
}

.jcarousel-skin-nova-default .jcarousel-container-horizontal {
    padding: 5px 40px 5px 40px;
}

.jcarousel-skin-nova-default .jcarousel-clip-horizontal {
    height: 128px;
}

.jcarousel-skin-nova-default .jcarousel-item {
    width: 160px;
    height: 128px;
}

/* This value is important. It relates to a jcarousel bug. If it is too low, then lines 618 (setting this.tail) and 153 (setting di var) of jcarousel.js
 conspire to prevent the carousel from realising that it is in the last position, hence resulting in a very small final scroll movement */
.jcarousel-skin-nova-default .jcarousel-item-horizontal {
    margin-right: 5px;
}

.jcarousel-skin-nova-default .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-nova-default .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 32px;
    height: 100%;
    cursor: pointer;
    background-color: #FFFFFF;
    background-image: url("../ExternalTeaser/Images/grey-next-horizontal.png");
	background-repeat: no-repeat;
	background-position: 0 54px;
}

.jcarousel-skin-nova-default .jcarousel-next-horizontal:hover {
    background-position: -32px 54px;
}

.jcarousel-skin-nova-default .jcarousel-next-horizontal:active {
    background-position: -64px 54px;
}

.jcarousel-skin-nova-default .jcarousel-next-disabled-horizontal,
.jcarousel-skin-nova-default .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-nova-default .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 54px;
}

.jcarousel-skin-nova-default .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 100%;
    cursor: pointer;
    background-color: #FFFFFF;
    background-image: url("../ExternalTeaser/Images/grey-prev-horizontal.png");
	background-repeat: no-repeat;
	background-position: 0 54px;
}

.jcarousel-skin-nova-default .jcarousel-prev-horizontal:hover {
    background-position: -32px 54px;
}

.jcarousel-skin-nova-default .jcarousel-prev-horizontal:active {
    background-position: -64px 54px;
}

.jcarousel-skin-nova-default .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-nova-default .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-nova-default .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 54px;
}

.jcarousel-skin-nova-default li {
    position: relative;
    float:left;
}

.jcarousel-skin-nova-default li img {
    cursor: pointer;
}

.jcarousel-skin-nova-default li img{
    border: solid 3px transparent;
}

.jcarousel-skin-nova-default li.current img{
    border-color: #AAAAAA;
}

.jcarousel-skin-nova-default li .overlay {
    position: absolute;
    background: #000000;
	filter:alpha(opacity=80);
	opacity: 0.8;
    width: 145px;
    padding: 1px 5px;
    line-height: 1.1em;
}

.jcarousel-skin-nova-default li .overlay h3, .jcarousel-skin-nova-default li .overlay p{
	margin: 3px;
}

.jcarousel-skin-nova-default li .overlay a {
    font-size: 0.9em;
    font-weight: bold;
    color: #888888;
}

.jcarousel-skin-nova-default li .overlay span {
    font-size: 0.9em;
    font-weight: bold;
    margin: 5px 0;
    color: #888888;
}

.jcarousel-skin-nova-default li .overlayShort {
    bottom: 5px;
    left: 3px;
    min-height: 41px;
}

/******
* Rollover
**********/
.jcarousel-skin-nova-default li .overlayLong {
	height: 118px;
	top: 3px;
	left: 3px;
	cursor: pointer;
}

.jcarousel-skin-nova-default li .overlayShort p.span {
	display:block;
}

.jcarousel-skin-nova-default li .overlayShort span.eventDescription {
	display:none;
}


/*
    Provides overrides for the jCarousel skin when an additional jcarousel-nova-compact class is applied
*/

.jcarousel-skin-nova-compact .jcarousel-container {
    border:none;
}

.jcarousel-skin-nova-compact .jcarousel-clip-horizontal {
    height: 100px;
}

.jcarousel-skin-nova-compact .jcarousel-item {
    width: 120px;
    height: 98px;
    text-align: center;
}

.jcarousel-skin-nova-compact .jcarousel-prev-horizontal,
.jcarousel-skin-nova-compact .jcarousel-next-horizontal {
	background-position: 0 40px;
}

.jcarousel-skin-nova-compact .jcarousel-prev-horizontal:hover,
 .jcarousel-skin-nova-compact .jcarousel-next-horizontal:hover {
    background-position: -32px 40px;
}

.jcarousel-skin-nova-compact .jcarousel-prev-horizontal:active,
.jcarousel-skin-nova-compact .jcarousel-next-horizontal:active {
    background-position: -64px 40px;
}

.jcarousel-skin-nova-compact .jcarousel-prev-disabled-horizontal, 
.jcarousel-skin-nova-compact .jcarousel-prev-disabled-horizontal:hover, 
.jcarousel-skin-nova-compact .jcarousel-prev-disabled-horizontal:active,
.jcarousel-skin-nova-compact .jcarousel-next-disabled-horizontal,
.jcarousel-skin-nova-compact .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-nova-compact .jcarousel-next-disabled-horizontal:active {
    background-position: -96px 40px;
}

.jcarousel-skin-nova-compact .jcarousel-item p 
{
    display: block;
    margin:0;
}
.jcarousel-skin-nova-compact .jcarousel-item p a
{
    overflow: hidden;
    text-overflow: ellipsis;
}
/* very compact */
.jcarousel-skin-nova-compact-extra-whitespace .jcarousel-item-horizontal  {
    width: 90px;
    margin-right: 18px;
}