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

/* general div */
.rgslideshow {
	position:relative;
	width:680px;
	border:1px solid #ccc;
	overflow:hidden;
	background-color: #FFFFFF;
}

/* 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 .img {
	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 */
	visibility: hidden;
}

/* 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:#C64934; old orange */
  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;
}

/* necessary to position browser to the right */
.rgslideshownav .rgsnav2 {
	text-align: left;
}

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

/* single browser element */
.rgslideshownav .rgsbrowserEl {
	padding:0 4px;
	cursor:pointer;
	color:#23A2C7;
	font: normal 20px Georgia, "Times New Roman", Times, serif;
	float: left;
}

.rgslideshownav .rgsbrowserEl:hover {
	color:#ff9933;
	font-weight: normal;
}

/* splitter element between the browser elements */
.rgslideshownav .splitEl {
	color:#fff;
	font-size:7px;
}
.rgslideshownav .rgssplitEl {
	text-indent: -2000px;
	border-right: 1px solid #23A2C7;
	color: #FFFFFF;
	float: left;
	height: 15px;
	margin: 6px 4px 0px;
}

/* active element item */
.rgslideshownav .rgsbrowser .rgsact {
	color:#ff9933;
}

/* small prev/next navigation */
.rgslideshownav .rgsprev {
}
.rgslideshownav .rgsnext {
	font-size:20px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	background-image: url(/fileadmin/templates/mainpage/images/pager_pause.gif);
	text-indent: -200px;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	height: 20px;
	width: 20px;
	margin-top: 5px;
	_margin-top: 2px;
	margin-left: 20px;
}

/* play/pause icon */
.rgslideshownav .rgsplay {
	font-size:20px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	background-image: url(/fileadmin/templates/mainpage/images/pager_play.gif);
	text-indent: -200px;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	height: 20px;
	width: 20px;
	margin-top: 5px;
	_margin-top: 2px;
	margin-left: 10px;
}

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