/*-----------------------------------------------------	*/
/* Banner Carousel for Landing Page 	Med_ID = 44174		   */
/*-----------------------------------------------------	*/

/*--- Carousel containers and clipping elements---*/
.jcarousel-skin-rhodes-banner .jcarousel-container { position:relative; margin:0px 0px 0px 0; z-index:0;}
.jcarousel-skin-rhodes-banner .jcarousel-container-horizontal { width: 940px; }
.jcarousel-skin-rhodes-banner .jcarousel-container-vertical {}
.jcarousel-skin-rhodes-banner .jcarousel-clip-horizontal { 
   width:940px; height: 273px; 
  /* -moz-border-radius:5px; 
  			-webkit-border-radius:5px; */

}
.jcarousel-skin-rhodes-banner .jcarousel-clip-vertical {}
.jcarousel-skin-rhodes-banner .jcarousel-item { width: 940px; height: 274px; margin:0;} /* MUST BE 939px to stop the next button from being acrive */
.jcarousel-skin-rhodes-banner .jcarousel-item-horizontal { }
.jcarousel-skin-rhodes-banner .jcarousel-item-vertical {}
.jcarousel-skin-rhodes-banner .jcarousel-item-placeholder { background: #fff; color: #000; }

/*--- Horizontal scroll buttons ---*/
/*--- Next button states ---*/
.jcarousel-skin-rhodes-banner .jcarousel-next-horizontal {
    	position: absolute;
    	right:0px;
					top:0px;
    	width: 24px;
    	height: 24px;	
					z-index:3;
    	background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/jcarousel/next-horizontal.png') no-repeat 0 0;
}
.jcarousel-skin-rhodes-banner .jcarousel-next-horizontal:hover { background-position: -24px 0; }
.jcarousel-skin-rhodes-banner .jcarousel-next-horizontal:active { background-position: -48px 0;}
.jcarousel-skin-rhodes-banner .jcarousel-next-disabled-horizontal,
.jcarousel-skin-rhodes-banner .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-rhodes-banner .jcarousel-next-disabled-horizontal:active { background-position: -72px 0; }

/*--- Previous button states ---*/
.jcarousel-skin-rhodes-banner .jcarousel-prev-horizontal {
    	position: absolute;
    	right:24px;
					top:0px;
    	width: 24px;
    	height: 24px;
					z-index:3;
					background:url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/jcarousel/prev-horizontal.png') no-repeat 0 0;
}
.jcarousel-skin-rhodes-banner .jcarousel-prev-horizontal:hover { background-position: -24px 0;}
.jcarousel-skin-rhodes-banner .jcarousel-prev-horizontal:active { background-position: -48px 0;}
.jcarousel-skin-rhodes-banner .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-rhodes-banner .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-rhodes-banner .jcarousel-prev-disabled-horizontal:active { background-position: -72px 0;}

/*--- Vertical scroll buttons ---*/
/*--- Next button states ---*/
.jcarousel-skin-rhodes-banner .jcarousel-next-vertical {
    	position: absolute;
    	right:0px;
					top:270px;
    	width: 24px;
    	height: 24px;
					z-index:3;
					background:#fff url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/jcarousel/next-vertical.png') no-repeat 0 0;
}
.jcarousel-skin-rhodes-banner .jcarousel-next-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin-rhodes-banner .jcarousel-next-vertical:active { background-position: 0 -64px; }
.jcarousel-skin-rhodes-banner .jcarousel-next-disabled-vertical,
.jcarousel-skin-rhodes-banner .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-rhodes-banner .jcarousel-next-disabled-vertical:active { background-position: 0 -96px; }

/*--- Previous button states ---*/
.jcarousel-skin-rhodes-banner .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    background:#fff url('/media/rhodesuniversity/styleassets/css/v3design/ruv3/jcarousel/prev-vertical.png') no-repeat 0 0;
}
.jcarousel-skin-rhodes-banner .jcarousel-prev-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin-rhodes-banner .jcarousel-prev-vertical:active { background-position: 0 -64px; }
.jcarousel-skin-rhodes-banner .jcarousel-prev-disabled-vertical,
.jcarousel-skin-rhodes-banner .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-rhodes-banner .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; }

/*---------------------------------------------------------------------------------------------------------*/
/*--- Don't mess with anything below this line... these are the core rules for the jcarousel container. ---*/
/*--- This 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; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; /*--- No explicitly width/height causes infinite loops.  ---*/ width: 980px; height: 273px;  }
/*--- 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; }