/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

.jcarousel-container {
}

.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: 640px; height: 300px;
}

/**
 * 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;
}


/* CAMPUS SKIN STARTS HERE */

.jcarousel-skin-campus .jcarousel-container {
	width: 625px; height: 280px; margin: 10px 0 0 10px; position: relative; 
}

.jcarousel-skin-campus .jcarousel-container-horizontal {
	width: 615px; height: 270px; border: 5px solid #fff;
}

.jcarousel-skin-campus .jcarousel-clip-horizontal {
	width: 615px; height: 270px;
}

.jcarousel-skin-campus .jcarousel-item {
	width: 615px; height: 270px;
}

.jcarousel-skin-campus .jcarousel-item-horizontal {
	
}

/* Horizontal Buttons */

.jcarousel-skin-campus .jcarousel-next-horizontal {
	position: absolute; bottom: 9px; right: 9px; width: 22px; height: 22px; cursor: pointer; background: transparent url(/images/campuses/all/arrows.png) no-repeat -22px -44px;
}

.jcarousel-skin-campus .jcarousel-next-horizontal:hover {
	background-position: -22px -22px;
}

.jcarousel-skin-campus .jcarousel-next-horizontal:active {
}

.jcarousel-skin-campus .jcarousel-next-disabled-horizontal,
.jcarousel-skin-campus .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-campus .jcarousel-next-disabled-horizontal:active {
	cursor: default; background-position: 0 0; background-color: transparent;
}

.jcarousel-skin-campus .jcarousel-prev-horizontal {
	position: absolute; bottom: 9px; right: 31px; width: 22px; height: 22px; cursor: pointer; background: transparent url(/images/campuses/all/arrows.png) no-repeat 0 -44px;
}

.jcarousel-skin-campus .jcarousel-prev-horizontal:hover {
	background-position: 0 -22px;
}

.jcarousel-skin-campus .jcarousel-prev-horizontal:active {
}

.jcarousel-skin-campus .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-campus .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-campus .jcarousel-prev-disabled-horizontal:active {
	cursor: default; background-position: 0 0; background-color: transparent;
}
