/**
 * Hide buttons normally, but show them if the carousel class
 * is a parent.
 */
#relatedVidsScrollBar,
.jcarousel-prev,
.jcarousel-next,
#wrapup .noButtons .jcarousel-prev,
#wrapup .noButtons .jcarousel-next {
	display: none;
	visibility: hidden;
}

.carousel #relatedVidsScrollBar,
.carousel .jcarousel-prev,
.carousel .jcarousel-next {
	display: block;
	visibility: visible;
}


/**
 *	Related video scroll bar: not jCarousel specific, but should only show up when javascript is enabled
 */

body.jsEnabled #relatedVidsScrollBar
{
	background-color: #e0e0e0;
	height: 145px;
	width: 10px;
	position: absolute;
	top: 38px;
	right: 14px;
}

#ie7andup #relatedVidsScrollBar,
#ie6only #relatedVidsScrollBar
{
	top: 40px;
	right: 15px;
}


/**
 *	Containers
 */

.jcarousel-skin-ananda3 .jcarousel-container-horizontal {
width: 100%;
height: 220px;
}

#ie6only .jcarousel-skin-ananda3 .jcarousel-container-horizontal {
width: 103%;
height: 220px;
}

.jcarousel-skin-ananda3 .jcarousel-clip-horizontal {
width: 95%;
}

.jcarousel-skin-ananda3 .jcarousel-item-horizontal {
height: 220px;
width: 108px;
}

.jcarousel-skin-ananda3 .jcarousel-item-vertical {
height: 86px;
width: 163px;
}

.jcarousel-skin-ananda3 .jcarousel-container-vertical {
height: 190px;
width: 163px;
margin: 0 0 10px 0;
}

.jcarousel-skin-ananda3 .jcarousel-clip-vertical {
height: 190px;
width: 163px;
}


/**
 *  Horizontal Buttons
 */

#mainArticle .jcarousel-skin-ananda3 .indexList li {
height: auto;
}

.jcarousel-skin-ananda3 .jcarousel-prev-horizontal
{
	position: absolute;
	left: 10px;
	/* Was: left: -40px; */
	top: 50px;
	width: 24px;
	height: 36px;
    cursor: pointer;
	background: transparent url(/images/layout/large-arrow-left-combined.png) no-repeat 0 0;
}

#ie6only .jcarousel-skin-ananda3 .jcarousel-prev-horizontal,
#ie5-5only .jcarousel-skin-ananda3 .jcarousel-prev-horizontal,
#ie5-01only .jcarousel-skin-ananda3 .jcarousel-prev-horizontal
{
	background: transparent url(/images/layout/large-arrow-left-combined.gif) no-repeat 0 0;
}

.jcarousel-skin-ananda3 .jcarousel-prev-horizontal:hover {
    background-position: -30px 0;
}

.jcarousel-skin-ananda3 .jcarousel-prev-horizontal:active {
    background-position: -28px 2px;
}

.jcarousel-skin-ananda3 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ananda3 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ananda3 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -60px 0;
}

.jcarousel-skin-ananda3 .jcarousel-next-horizontal
{
	position: absolute;
	right: 25px; /* was: -5px; */
	top: 50px;
	width: 24px;
	height: 36px;
    cursor: pointer;
	background: transparent url(/images/layout/large-arrow-right-combined.png) no-repeat 0 0;
}

#ie6only .jcarousel-skin-ananda3 .jcarousel-next-horizontal,
#ie5-5only .jcarousel-skin-ananda3 .jcarousel-next-horizontal,
#ie5-01only .jcarousel-skin-ananda3 .jcarousel-next-horizontal
{
	background: transparent url(/images/layout/large-arrow-right-combined.gif) no-repeat 0 0;
}

.jcarousel-skin-ananda3 .jcarousel-next-horizontal:hover {
    background-position: -30px 0;
}

.jcarousel-skin-ananda3 .jcarousel-next-horizontal:active {
    background-position: -28px 2px;
}

.jcarousel-skin-ananda3 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ananda3 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ananda3 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -60px 0;
}

/**
 *  Vertical Buttons
 */
 
.jcarousel-skin-ananda3 .jcarousel-next-vertical {
	position: absolute;
	
	top: 189px;
	right: 11px;
	/*
	Was:
	top: 171px;
	right: -3px;*/
	height: 12px;
	width: 16px;
    cursor: pointer;
    background: transparent url(/images/layout/small-arrow-down-combined.png) no-repeat 0 0;
}

#ie6only .jcarousel-skin-ananda3 .jcarousel-next-vertical,
#ie5-5only .jcarousel-skin-ananda3 .jcarousel-next-vertical,
#ie5-01only .jcarousel-skin-ananda3 .jcarousel-next-vertical
{
    background: transparent url(/images/layout/small-arrow-down-combined.gif) no-repeat 0 0;
}

.jcarousel-skin-ananda3 .jcarousel-next-vertical:hover {
    background-position: -20px 0;
}

.jcarousel-skin-ananda3 .jcarousel-next-vertical:active {
    background-position: -20px 2px;
}

.jcarousel-skin-ananda3 .jcarousel-next-disabled-vertical,
.jcarousel-skin-ananda3 .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ananda3 .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: -40px 0;
}

.jcarousel-skin-ananda3 .jcarousel-prev-vertical {
	position: absolute;
	top: 22px;
	right: 11px;
	/*
	Was:
	top: 6px;
	right: -3px;*/
	height: 12px;
	width: 16px;
    cursor: pointer;
    background: transparent url(/images/layout/small-arrow-up-combined.png) no-repeat 0 0;
}

#ie6only .jcarousel-skin-ananda3 .jcarousel-prev-vertical,
#ie5-5only .jcarousel-skin-ananda3 .jcarousel-prev-vertical,
#ie5-01only .jcarousel-skin-ananda3 .jcarousel-prev-vertical
{
    background: transparent url(/images/layout/small-arrow-up-combined.gif) no-repeat 0 0;
}

.jcarousel-skin-ananda3 .jcarousel-prev-vertical:hover {
    background-position: -20px 0;
}

.jcarousel-skin-ananda3 .jcarousel-prev-vertical:active {
    background-position: -20px 2px;
}

.jcarousel-skin-ananda3 .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ananda3 .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ananda3 .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: -40px 0;
}

