/***************************
*  Default styles for the
*     EXT rgslideshow
* by Ringer Georg (just2b)
***************************/  

/* general div */
.rgslideshow {
  position:relative; 
  border-bottom:0px;
  overflow:hidden;
  background:#8b8b8b;
}

/* container divs */
.rgslideshowce, .tx-rgslideshow-pi1 {
  overflow:hidden;
}

/* big navigation at left/right side of img */
.rgslideshow .rgsbigprev, .rgslideshow .rgsbignext {
  position:absolute;
  width:63px;
  cursor:pointer;
  outline:0px;
  z-index:2;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;  
}

.rgslideshow .rgsbigprev  {
  left:0;
  background: url(gfx/prevlabel2.gif) left center no-repeat;
}

.rgslideshow .rgsbignext {
  right:0;
  background: url(gfx/nextlabel2.gif) right center no-repeat;
}

/* hover on the big navigation: show the imgs */
.rgslideshow a.rgsbigprev:hover {
  opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;  
  background: url(gfx/prevlabel.gif) left center no-repeat;
}
.rgslideshow a.rgsbignext:hover {
  opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;  
  background: url(gfx/nextlabel.gif) right center no-repeat;
}

/* center the imgs */
.rgslideshow .rgssimg {
  z-index: 1; /* for safari */
  position:absolute;
	left:0;
	right:0;
	margin:0;
	padding:0;
	opacity:0;
  margin:0 auto;	
}

/* no border for imgs */
.rgslideshow img, .rgslideshow a, DIV.csc-textpic .rgslideshow img {
  border:0px;
}





/* nested information */
.rgslideshow .rgsnest {
  position:absolute;
  top: 305px;
  left: 10px;	  
  overflow: hidden;
  z-index: 5; /* for safari */ 
}

/* damn IE 6 png hack */
/*
* html .rgslideshow .rgsnest {
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/typo3conf/ext/rgslideshow/res/gfx/transparent_bg.png', sizingMethod="scale");
}
*/

.rgslideshow .ababorder {
  position:absolute;
  top: 305px;
  left: 10px;	  
  width: 189px;
  height:90px;
  background-color: #1c1c1c;
  
  filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;  
  
  z-index:4;
}

/* title */
.rgslideshow .rgstitle {

  color:#ffffff;  
  padding:0px 0px 0px 0px;
  margin: 10px 0px 0px 10px;
  z-index: 9; /* for safari */
  
  font-family:Arial, Helvetica, sans-serif, Tahoma;
  font-size:11px;
  
  width: 169px; 
  height: 14px;  
  overflow: hidden;
      
}  

/* description */
.rgslideshow .rgsdescription {
  color:#ffffff;
  font-family:Arial, Helvetica, sans-serif, Tahoma;
  font-size:11px;
  line-height:14px; 
  padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
  height:42px; 
  width: 169px; 
  
  overflow: hidden;   
}

/* img browser nest */
.rgslideshownav {
  position: absolute;
  top: 370px;
  left: 10px;
  z-index: 6;
 }

/* necessary to position browser to the right */
.rgslideshownav .rgsnav2 {
 /* display:inline; */
 
  margin:0;
  padding:0px 0px 0px 0px;
  height:20px; 
  width: 189px;  
    
  overflow: hidden;
      
  
}

/* holds the browser items */
.rgslideshownav .rgsbrowser {
  display:inline; 
  margin-left: 10px;
}

/* single browser element */
.rgslideshownav .rgsbrowserEl {
  padding:0px 3px 0px 3px;
  font-size:11px;

  cursor:pointer; 
  color:#ffffff;    
}

.rgslideshownav .rgsbrowserEl:hover {
  background-color:#EC258C;
  color: #ffffff;
}

/* splitter element between the browser elements */
.rgslideshownav .splitEl {
  color:#fff;
  font-size:7px;
}

/* active element item */
.rgslideshownav .rgsbrowser .rgsact {
  font-weight:bold;
  color:#EC258C;
}

.rgslideshownav .rgsbrowser .rgsact:hover {
  background-color:#EC258C;
  color: #ffffff;
}
/* small prev/next navigation */
.rgslideshownav .rgsnext, .rgslideshownav .rgsprev {
  font-size:9px;
  color:#fff;
  cursor:pointer;
  font-weight:bold;  
}

.rgslideshownav .rgsbrowser .rgssplitEl {
	visibility:hidden;	
}


/* play/pause icon */
.rgslideshownav .rgsplay {
  font-size:9px;
  font-weight:bold;  
  color:#d8d6d6;
  cursor:pointer;
  padding:0px 0px 0px 5px;    
  vertical-align: bottom;  
}


/* hover on prev/next/play */
.rgslideshownav .rgsnext:hover, .rgslideshownav .rgsprev:hover, .rgslideshownav .rgsplay:hover {
  color:#ff9933;
}