/* CSS Document */

#content-rotator-container {
height:280px;
width:458px;
/*background:url(../images/Roatate-Content-Container.jpg) repeat-x;*/
border: solid 1px #CC0000;
overflow:hidden;
}

#rotate-content {
border:1px solid #000000;
background:#ffffff;
width:360px;
height:253px;
padding:5px;
float:left;
}


#rotate-top {
height: 266px;
width:100%;
overflow:hidden;
padding:6px;
clear:right;
}

#rotate-images {
float:right;
width:80px;
}

.rotate-image-dim {
border:1px solid #CC0000;
cursor:pointer;
}

.rotate-image-selected {
border:1px solid #000000;
cursor:pointer;
}

.rotate-selected {
border:1px solid #000000;
background:#ffffff;
width:71px;
margin-left:-7px;
text-align:right;
border-left:none;
padding-right:4px;
padding-top:3px;
padding-bottom:3px;
}

.rotate-dim {
background:none;
width:70px;
margin-left:-6px;
text-align:right;
border-left:none;
padding-top:4px;
padding-bottom:4px;
padding-right:4px;
}

#rotate-bottom {
clear:both;
height: 25px;
overflow:hidden;
text-transform:uppercase;
color:#CC0000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left: 8px;
padding-right: 8px;
}

#rotate-bottom a {
color: #CC0000;
}

#rotate-prev {
float:left;
width: 140px;
}

#rotate-progress {
/*float:left;*/
width:210px;
}

#rotate-next {
float:right;

}

.storage-border {
  height: 5px;
  width: 150px;
  background:#ffffff;
  border: 1px solid #FFCC00;
  margin: 0;
  padding: 0;
  margin-top:3px;
  margin-right:5px;
}
.storage-bar {
  height: 5px;
  margin: 0px;
  padding: 0;
  background:#CC0000;
}

.rotate-content-title {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding-bottom:5px;
text-decoration:none;
color:#CC0000;
}

.rotate-content-text img{
margin-right:5px;
margin-bottom:5px;
border:1px solid #666666;
}

.rotate-content-text {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 140%;
padding-left:5px;
float:left;
clear:right;
overflow:hidden;
height: 225px;

}




.rotate-content-image {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding-left:5px;
float:left;
width:160px;
margin-bottom:5px;

}

.rotate-content-image img {

}

.rotate-content-text {

float:left;clear:right;
}

.rotate-content-footer {
clear:both;
border-top: 1px solid #000000;
height:30px;
}
.rotate-content-added {
padding-top:10px;
float:left;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

.rotate-content-contributor {
padding-top:10px;
float:right;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}