﻿.RadRotator_RadPrototypeUI .rrClipRegion
{
	border: 0;
}

/*================== The list ========================*/

.RadRotator_RadPrototypeUI .rrClipRegion  .rrItemsList 
{
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;          
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari */

.RadRotator_RadPrototypeUI .rrButton
{
	/*Button size is defined here, we use margins to position them too */
	height: 31px;
	width: 31px;
	line-height: 31px;
	/* Very important for the layout!*/	
}

.RadRotator_RadPrototypeUI .rrButton.rrButtonRight
{
    height:100px;
    background-position: center top;
    margin-top: -50px;
    right: -56px;
	background-image: url('/images/carousel/community_arrow_right.gif');
	background-repeat: no-repeat;	
	cursor: pointer; 
}

.RadRotator_RadPrototypeUI .rrButton.rrButtonRight:hover
{
	background-image: url('/images/carousel/community_arrow_right_over.gif');
}

.RadRotator_RadPrototypeUI .rrButton.rrButtonDown
{
	background-image: url('/images/carousel/community_arrow_right.gif');
}

.RadRotator_RadPrototypeUI .rrButton.rrButtonLeft
{
    height: 100px;
    background-position: center top;
    margin-top: -50px;
    left: -61px;
	background-image: url('/images/carousel/community_arrow_left.gif');
	background-repeat: no-repeat;	
	cursor: pointer; 
}

.RadRotator_RadPrototypeUI .rrButton.rrButtonLeft:hover
{
	background-image: url('/images/carousel/community_arrow_left_over.gif');
}

.RadRotator_RadPrototypeUI .rrButton.rrButtonDisabled
{
	filter: alpha(opacity=20);
	opacity: .3;
	-moz-opacity: .3;
}
.rrRelativeWrapper
{
    left: 30px;
}
