/* 
	Merlin Medical
	-----------------------------------------------------------------------------------------------------------------------------
	Author: Lars Brinkmann | http://netzbuero.de
	v 05/10/2009
	-----------------------------------------------------------------------------------------------------------------------------
	Styles for the EXT rgslideshow
	by Ringer Georg (just2b)
*/


/* general div */
.rgslideshow 										{	position:relative; border: none; overflow: hidden; background: #d1d1d1; }

/* 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(../../typo3conf/ext/rgslideshow/res/gfx/prevlabel2.gif) left center no-repeat; */ }

.rgslideshow .rgsbignext 							{	/* right:0; background: url(../../typo3conf/ext/rgslideshow/res/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(../../typo3conf/ext/rgslideshow/res/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(../../typo3conf/ext/rgslideshow/res/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;
  width:100%;
  bottom:0;
  left:0;
  /* border-top:1px solid #333;
  background: url(gfx/transparent_bg.png); */
  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");
  */
}

/* title */
.rgslideshow .rgstitle {
  color:#fff;
  font: bold 12px/15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  letter-spacing:2px;
  text-transform: uppercase;
  padding:2px 10px 0 10px;
  z-index: 9; /* for safari */
}  

/* description */
.rgslideshow .rgsdescription {
  color:#fff;
  font-size:11px;
  line-height:15px; /* this results in exact 2 lines */
  padding:3px 10px 5px 10px;
  height:28px;  
  overflow:hidden;
}

/* img browser nest */
.rgslideshownav {
  text-align:right; border-right: 1px solid #f58220; 
}

/* necessary to position browser to the right */
.rgslideshownav .rgsnav2 {
  display: inline;
  background: #f58220;
  margin: 0;
  padding: 0px 10px 4px 10px;
  height: 20px;
}

/* holds the browser items */
.rgslideshownav .rgsbrowser {
  display: inline;
}

/* single browser element */
.rgslideshownav .rgsbrowserEl {
  padding: 0 4px;
  font-weight:bold;
  font-size: 13px;
  cursor: pointer; 
  color: #ffffff;  
}

.rgslideshownav .rgsbrowserEl:hover {
  color:#000000;
}

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

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

/* small prev/next navigation */
.rgslideshownav .rgsnext, .rgslideshownav .rgsprev {	font-size: 13px; color: #fff; cursor: pointer; font-weight: bold;  }

/* play/pause icon */
.rgslideshownav .rgsplay {	display: none; }

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