.jcarousel-skin-nova-default .jcarousel-container,
.jcarousel-skin-nova-default-noscroll .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #ffffff;
    border: 1px solid #FFFFFF;
    margin: 7px 10px 10px 10px;
}

.jcarousel-skin-nova-default .jcarousel-container-horizontal {
    padding: 5px 38px 5px 38px;
}

/* This value is important. It relates to a jcarousel bug. Line 153 (setting di var) of jcarousel.js calculates the list item widths; however
the Math.Ceil calculation rounds the widths up, meaning that the li items do not quite fit in the total width (this.clipping() - the width of the
jcarousel-container div, which is calculated from its parents, rather than its contents). Hence the left/right padding must be tweaked such that
the total width of the div must be an exact multiple of the widths of the li elements. Otherwise, the right-hand border of the last li will not be
visible. Furthermore, if there is not enough room space for the li elements, a similar effect will happen (ie, don't make the padding or the images
too big. */
.jcarousel-skin-nova-default-noscroll .jcarousel-container-horizontal {
    padding: 5px 6px 5px 7px;
}

.jcarousel-skin-nova-default .jcarousel-clip-horizontal, .jcarousel-skin-nova-default-noscroll .jcarousel-clip-horizontal {
	height: 75px;
}

.jcarousel-skin-nova-default .jcarousel-item,
.jcarousel-skin-nova-default-noscroll .jcarousel-item {
    /*width: 125px;*/
}

/* 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-noscroll .jcarousel-item-horizontal {
    margin-right: 4px;
}

.jcarousel-skin-nova-default .jcarousel-item-placeholder,
.jcarousel-skin-nova-default-noscroll .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-nova-default .jcarousel-next-horizontal,
.jcarousel-skin-nova-default-noscroll .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 32px;
    height: 100%;
    cursor: pointer;
    background-color: #FFFFFF;
    background-image: url(/RM/RM_MipWorld2010/New_Design/Modules_images/Carousel/Forward_scroll_control_1.png);
	background-repeat: no-repeat;
	-moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;    
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
}

.jcarousel-skin-nova-default .jcarousel-next-horizontal,
.jcarousel-skin-nova-default-noscroll .jcarousel-next-horizontal {
	background-position: 0 26px;
}

.jcarousel-skin-nova-default .jcarousel-next-horizontal:hover,
.jcarousel-skin-nova-default-noscroll .jcarousel-next-horizontal:hover {
    background-position: -32px 26px;
}

.jcarousel-skin-nova-default .jcarousel-next-horizontal:active,
.jcarousel-skin-nova-default-noscroll .jcarousel-next-horizontal:active {
    background-position: -64px 26px;
}

.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,
 .jcarousel-skin-nova-default-noscroll .jcarousel-next-disabled-horizontal,
.jcarousel-skin-nova-default-noscroll .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-nova-default-noscroll .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 26px;
}

.jcarousel-skin-nova-default .jcarousel-prev-horizontal,
.jcarousel-skin-nova-default-noscroll .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 100%;
    cursor: pointer;
    background-color: #FFFFFF;
    background-image: url(/RM/RM_MipWorld2010/New_Design/Modules_images/Carousel/Back_scroll_control_1.png);
	background-repeat: no-repeat;
	-moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;    
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
}

.jcarousel-skin-nova-default .jcarousel-prev-horizontal,
.jcarousel-skin-nova-default-noscroll .jcarousel-prev-horizontal {
	background-position: 0 26px;
}

.jcarousel-skin-nova-default .jcarousel-prev-horizontal:hover,
.jcarousel-skin-nova-default-noscroll .jcarousel-prev-horizontal:hover {
    background-position: -32px 26px;
}

.jcarousel-skin-nova-default .jcarousel-prev-horizontal:active,
.jcarousel-skin-nova-default-noscroll .jcarousel-prev-horizontal:active {
    background-position: -64px 26px;
}

.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,
.jcarousel-skin-nova-default-noscroll .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-nova-default-noscroll .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-nova-default-noscroll .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 26px;
}

.jcarousel-skin-nova-default li img,
.jcarousel-skin-nova-default-noscroll li img {
    cursor: pointer;
    border: solid 3px transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.jcarousel-skin-nova-default li.current img,
.jcarousel-skin-nova-default-noscroll li.current img {
    border-color: #FFFFFF;
}

.jcarousel-skin-nova-default .pageCount,
.jcarousel-skin-nova-default-noscroll .pageCount {
    margin: 0; 
    padding: 0 0 5px;
    text-align: right;
}


/**
 *  Teaser Panel
 */
 
/* Hides the teaser data if the markup has ben wrapped by the jcarousel scaffolding. What this means is that if JS is not enabled the teaser data will display insitu*/

.jcarousel-container .teaser {
    display: none;
}
  
.nova-externalteaser-teaser {
    border: solid 1px #FFFFFF;
    height: 96px;
    margin: 10px 10px 0 10px;
    padding: 5px 10px 10px 10px;
    background: #ffffff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
}

.nova-externalteaser-teaser {
    height: 255px;
}

.wide .nova-externalteaser-teaser {
    height: 196px;
}

.nova-externalteaser-teaser .teaserMore{
	position: absolute;
	bottom: 0;
	right: 0;
}

.nova-externalteaser-teaser a.repeat img {
    float: left;
    margin: 10px 10px 0 0;
}

.nova-externalteaser-teaser h3 a {
    font-weight: bold;
    color: #FFFFFF;
    
}

.nova-externalteaser-teaser p {
    color: #FFFFFF;
}

.nova-externalteaser-teaser p a {
    color: #333333;
}

.hide {
	display: none;
}
