/* RadRotator for ASP.NET AJAX Windows7 Skin */

.RadRotator_rotatorSkin .rrClipRegion
{
	border: solid 1px #bacce3;
}

/*================== The list ========================*/

.RadRotator_rotatorSkin .rrClipRegion  .rrItemsList 
{
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;          
}

/* For vertical carousel, not set, width Windows7s to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari */

.RadRotator_rotatorSkin .rrButton
{
	
	background-repeat: no-repeat;
	/*Button size is defined here, we use margins to position them too */
	height: 20px;
	width: 20px;
	line-height: 20px;
	/* Very important for the layout!*/	
}

.RadRotator_rotatorSkin .rrButton.rrButtonUp
{
	background-position: 0 0;
	top: -20px;
	left: 50%;
	margin-left: -10px;
}

.RadRotator_rotatorSkin .rrButton.rrButtonUp:hover
{
	background-position: -20px 0;
}

.RadRotator_rotatorSkin .rrButton.rrButtonRight
{
    background-image: url('Rotator/rotator_righ_01.png');
	background-position: 0 0px;
	margin-top: -10px;
	margin-right: 10px;
	right: -20px;
	top: 50%;   
}

.RadRotator_rotatorSkin .rrButton.rrButtonRight:hover
{
	background-image: url('Rotator/rotator_righ_02.png');
	background-position: -1 -1px;
}

.RadRotator_rotatorSkin .rrButton.rrButtonDown
{
	background-position: 0 -40px;
	top:100%;
	left: 50%;
	margin-left: -10px;
}

.RadRotator_rotatorSkin .rrButton.rrButtonDown:hover
{
	background-position: -20px -40px;
}

.RadRotator_rotatorSkin .rrButton.rrButtonLeft
{
    background-image: url('Rotator/rotator_left_01.png');
	background-position: 0 0px;
	margin-top: -7px;
	left: -15px;
	top: 50%;
	margin-left: 10px;
}

.RadRotator_rotatorSkin .rrButton.rrButtonLeft:hover
{
    background-image: url('Rotator/rotator_left_02.png');
	background-position:  0 0px;
	
}

.RadRotator_rotatorSkin .rrButton.rrButtonDisabled
{
	filter: alpha(opacity=20);
	opacity: .2;
	-moz-opacity: .2;
}

.RadRotator_rotatorSkin .rrButtonLeft
{
    margin-left: -6px;
}

.RadRotator_rotatorSkin .rrButtonRight
{
    margin-right: -3px;
}

 DIV.RadRotator_rotatorSkin .rrButtonLeft {

	/*BACKGROUND-IMAGE: url('Rotator/rotator_left.png');*/
	
	BACKGROUND-POSITION: 0px 0px;
 background-repeat: no-repeat;
	MARGIN-LEFT: -10px;

}

 DIV.RadRotator_rotatorSkin .rrButtonRight {

	/*BACKGROUND-IMAGE: url('Rotator/rotator_right.png');*/



	BACKGROUND-REPEAT: no-repeat;

	BACKGROUND-POSITION: 0px 0px;

	MARGIN-RIGHT: 0px;

}
DIV.RadRotator_rotatorSkin .rrClipRegion {

	BORDER-BOTTOM: #BACCE3 0px solid;

	BORDER-LEFT: 0px solid;

	BORDER-TOP: 0px solid;

	BORDER-RIGHT: 0px solid;

}
