#Viewer {
	width:100%;
	/*padding:10px; */
	width:100%; 
	height:375px;
}

#ViewerData {
	text-align:center;
	height:375px;
	overflow:hidden;
	border:1px solid #CCC;

    background-repeat:no-repeat;
    background-position:center center;
}

#ViewerCaption
{
	color:#333;
	position:relative;
	float:left;
	background-color:#FFF;
	line-height:30px;
	width:99.6%;
	margin-top:-31px;
	border:1px solid #CCC;
	border-top:0;
	border-bottom:0;
	text-indent:15px;
	font-weight:bold;
	
	/*
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	*/
}

.carousel
{
	margin:10px 0;
	left:0px;
	position:relative; 
	background-color:#DFDFDF;
	background-color:#FFF;
	border:1px solid #CCC;
}

.carousel .navButton {
	cursor:pointer; display:block; text-indent:-9999px; background-repeat:no-repeat; z-index:10;
}
.carousel .container { position:absolute; overflow:hidden; }
.carousel .items { position:absolute; }
.carousel .item { 
	position:relative;
	cursor:pointer;
	list-style-type:none; 
	margin:0px; 

    /*
	-moz-opacity:0.7;
	opacity:0.7;
    */
	
}
.carousel .item.hover, .carousel .item.selected { 
	/*
    -moz-opacity:1.0;
	opacity:1.0;
    */
}


/* Horizontal Carousel */
#Carousel2 { height:88px; width:100%; }
#Carousel2 .container { left:26px; top:12px; width:92%; height:100px; }
#Carousel2 .items { top:0; left:2px; width:7000px;}
#Carousel2 .item { height:70px;  width:70px; float:left; clear:right; }

#Carousel2 .item .icon img { 
	position:relative; 
	left:0px; 
	width:65px !important; 
	height:65px; 
	cursor:pointer;
}

#Carousel2 .item .icon
{
    width:65px !important;
	height:65px;
    background-repeat:no-repeat;
    background-position:center center;
}

#Carousel2 .navButton { position:absolute; bottom:0px; width:24px; height:87px; }
#Carousel2 .navButton.previous {  left:0px; background-image:url('../images/interface/button.left.png'); }
#Carousel2 .navButton.next { right:0px; background-image:url('../images/interface/button.right.png'); }

/* Hide data items from selector */
#Carousel2 .item .key { display:none;}
#Carousel2 .item .picture { display:none;}


#Carousel2, #ViewerCaption
{
    width:704px;/*tamanho fixo para nao estourar no IE*/
}