/** This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */
.jcarousel-container {
position:relative;
}
.jcarousel-clip {
z-index:2;
padding:0;
margin:0;
overflow:hidden;
position:relative;
}
.jcarousel-list {
z-index:1;
overflow:hidden;
position:relative;
margin:0;
padding:0;
}
.jcarousel-list li,
.jcarousel-item {
float:left;
list-style:none;
position:relative;
padding:0;
}
.jcarousel-next {
z-index:3;
display:none;
}
.jcarousel-prev {
z-index:3;
display:none;
}

/** TRPD Skin - Media Box */
.jcarousel-skin-trpd .jcarousel-container-horizontal {
width:390px;
padding:13px 25px;
}
.jcarousel-skin-trpd .jcarousel-clip-horizontal {
width:391px;
height:42px;
}
.jcarousel-skin-trpd .jcarousel-item {
display:block;
width:50px;
height:38px;
opacity:0.7;
margin:2px 3px 2px 3px;
}
/* IE6 Fix */
* html .jcarousel-skin-trpd .jcarousel-item {
margin:0 2px 0 1px;
border:2px solid #fff;
}
.jcarousel-skin-trpd .jcarousel-item:hover,
.jcarousel-skin-trpd .jcarousel-list .selected {
opacity:1;
margin:0 1px 0 1px;
border:2px solid #33715a;
}
.video span {
position:absolute;
width:50px;
height:38px;
background:url(../assets/video_icon.png) no-repeat;
z-index:10;
}
.webcam span {
position:absolute;
width:50px;
height:20px;
padding-top:18px;
color:#ffffff;
font-size:0.8em;
line-height:1.0em;
text-align:center;
background:url(../assets/webcam_icon.png) no-repeat;
z-index:10;
cursor:pointer;
}
.jcarousel-skin-trpd .jcarousel-next-horizontal {
position:absolute;
top:18px;
right:5px;
width:20px;
height:32px;
cursor:pointer;
background:url(../assets/next.png) no-repeat 0 0;
}
.jcarousel-skin-trpd .jcarousel-next-horizontal:hover {
background-position:-20px 0;
}
.jcarousel-skin-trpd .jcarousel-next-horizontal:active {
background-position:-40px 0;
}
.jcarousel-skin-trpd .jcarousel-next-disabled-horizontal,
.jcarousel-skin-trpd .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-trpd .jcarousel-next-disabled-horizontal:active {
cursor:default;
background-position:-60px 0;
}
.jcarousel-skin-trpd .jcarousel-prev-horizontal {
position:absolute;
top:18px;
left:5px;
width:20px;
height:32px;
cursor:pointer;
background:url(../assets/prev.png) no-repeat 0 0;
}
.jcarousel-skin-trpd .jcarousel-prev-horizontal:hover {
background-position:-20px 0;
}
.jcarousel-skin-trpd .jcarousel-prev-horizontal:active {
background-position:-40px 0;
}
.jcarousel-skin-trpd .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-trpd .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-trpd .jcarousel-prev-disabled-horizontal:active {
cursor:default;
background-position:-60px 0;
}

/** TRPD Skin - What's Happening Page */
.jcarousel-container-vertical {
width:101px;
height:201px;
margin-top:5px;
}
.jcarousel-clip-vertical {
top:20px;
width:101px;
height:158px;
}
.scroll .jcarousel-item-vertical {
width:101px;
padding:2px 0;
}
.scroll .jcarousel-item-vertical a {
display:block;
padding:2px 0;
}
.jcarousel-next-vertical {
position:absolute;
bottom:0;
left:0;
width:101px;
height:20px;
cursor:pointer;
background:url(../assets/down_arrow.png) no-repeat 40px 2px;
}
.jcarousel-next-vertical:hover {
background-position:40px -18px;
}
.jcarousel-next-vertical:active {
background-position:40px -38px;
}
.jcarousel-next-disabled-vertical,
.jcarousel-next-disabled-vertical:hover,
.jcarousel-next-disabled-vertical:active {
cursor:default;
background-position:40px -58px;
}
.jcarousel-prev-vertical {
position:absolute;
top:0;
left:0;
width:101px;
height:20px;
cursor:pointer;
background:url(../assets/up_arrow.png) no-repeat 40px 2px;
}
.jcarousel-prev-vertical:hover {
background-position:40px -18px;
}
.jcarousel-prev-vertical:active {
background-position:40px -38px;
}
.jcarousel-prev-disabled-vertical,
.jcarousel-prev-disabled-vertical:hover,
.jcarousel-prev-disabled-vertical:active {
cursor:default;
background-position:40px -58px;
}

/** TRPD Skin - Home Page */
.short_gradient .jcarousel-container-vertical {
width:250px;
height:170px;
margin-top:5px;
}
.short_gradient .jcarousel-clip-vertical {
top:20px;
width:250px;
height:127px;
}
.short_gradient .jcarousel-item-vertical {
width:250px;
}
.short_gradient .jcarousel-next-vertical {
width:250px;
background:url(../assets/down_arrow_home.png) no-repeat 120px 2px;
}
.short_gradient .jcarousel-next-vertical:hover {
background-position:120px -18px;
}
.short_gradient .jcarousel-next-vertical:active {
background-position:120px -38px;
}
.short_gradient .jcarousel-next-disabled-vertical,
.short_gradient .jcarousel-next-disabled-vertical:hover,
.short_gradient .jcarousel-next-disabled-vertical:active {
background-position:120px -58px;
}
.short_gradient .jcarousel-prev-vertical {
width:250px;
background:url(../assets/up_arrow_home.png) no-repeat 120px 2px;
}
.short_gradient .jcarousel-prev-vertical:hover {
background-position:120px -18px;
}
.short_gradient .jcarousel-prev-vertical:active {
background-position:120px -38px;
}
.short_gradient .jcarousel-prev-disabled-vertical,
.short_gradient .jcarousel-prev-disabled-vertical:hover,
.short_gradient .jcarousel-prev-disabled-vertical:active {
background-position:120px -58px;
}