/**
 * PCAROUSEL.  Like jCarousel but more useful and written in Prototype 
 * Based on work by  Bill W. Scott
 *
 * this modified version is redistributed under the same license as the source work
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 */






/**
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

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

.pcarousel-container { 
	padding:0px;
	position: relative;
}
.pcarousel-container ul.pcarousel-list { 
	margin:0px;
	padding:0px 0px 0px 0px;
}
.pcarousel-container .pcarousel-list li.pcarousel-item{ 
	text-align:center;
}

.pcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.pcarousel-list {
    z-index: 1;
    /*overflow: hidden;*/
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.pcarousel-list li.pcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 158px;
/*     height: 72px; */
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "pcarousel-next" and "pcarousel-prev".
 */
.pcarousel-next {
    z-index: 3;
    display: none;
}

.pcarousel-prev {
    z-index: 3;
    display: none;
}


/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.pcarousel-container { 
	position:relative;
	overflow:hidden;
	visibility:visible; /* component turns it on when first item is rendered */
}
				
.pcarousel-container ul.pcarousel-list { 
	width:10000000px;
	position:relative;
}

.pcarousel-container .pcarousel-list li.pcarousel-item { 
	float:left;
	list-style:none;
	overflow:hidden;
}



.pcarousel-container .carousel-clip-region { 
	overflow:hidden;
	position:relative; 
}


/**
 * Horizontal carousel items
 */

/**
 *  Horizontal Buttons
 */

 .next-horizontal {
    position: relative;
    top: 2px;
    right: 10px;
    width: 9px;
    height: 9px;
    cursor: pointer;
    background: transparent url(../images/module_sprite.png) no-repeat -10px 0; 
    float:left;
}


.next-disabled-horizontal,
 .next-disabled-horizontal:hover,
 .next-disabled-horizontal:active {
    cursor: default;
    background-position: -30px 0;
}

.prev-horizontal {
    position: relative;
    top: 2px;
    right: 12px;
    width: 9px;
    height: 9px;
    cursor: pointer;
    background: transparent url(../images/module_sprite.png) no-repeat 0 0; 
    float:left;
}
 .prev-disabled-horizontal,
 .prev-disabled-horizontal:hover,
 .prev-disabled-horizontal:active {
    cursor: default;
    background-position: -20px 0;
}




 .next-horizontal:hover {
}

 .next-horizontal:active {
}

 .prev-horizontal:hover {
}

 .prev-horizontal:active {
}





/** 
 * vertical carousel items 
 *
 */

.pcarousel-container .carousel-vertical li.pcarousel-item { 
}
.pcarousel-container ul.carousel-vertical { 
}
.pcarousel-container .carousel-vertical li.pcarousel-item { 
	float:none;
}
.pcarousel-container ul.carousel-vertical { 
	width:auto;
}



.content-explorer .left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(/images/slider/leftshadow.png) repeat-y;
}

.content-explorer .right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(/images/slider/rightshadow.png) repeat-y;
}