/***************************
*  $Id: dwslideshow.css 668 2009-04-21 09:56:21Z core $ 
*  Default styles for the
*     EXT dwslideshow
* by Leo Gerber (diewebdesigner.com), Ringer Georg (just2b)
***************************/  

/* general div */
.dwslideshow {
  position:relative;
  border:1px solid #ccc;
  border-bottom:0px;
  overflow:hidden;
  background:#fff;
}

/* container divs */
.dwslideshowce, .tx-dwslideshow-pi1 {
  overflow:hidden;
}

/* big navigation at left/right side of img */
.dwslideshow .dwsbigprev, .dwslideshow .dwsbignext {
  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;  
}

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

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

/* hover on the big navigation: show the imgs */
.dwslideshow a.dwsbigprev: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;
}
.dwslideshow a.dwsbignext: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 */
.dwslideshow .dwssimg {
  z-index: 1; /* for safari */
  position:absolute;
	left:0;
	right:0;
	margin:0;
	padding:0;
	/* opacity:0; */
  margin:0 auto;	
}

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

/* nested information */
.dwslideshow .dwsnest {
  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 .dwslideshow .dwsnest {
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/typo3conf/ext/dwslideshow/res/gfx/transparent_bg.png', sizingMethod="scale");
}

/* title */
.dwslideshow .dwstitle {
  /* 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 */
.dwslideshow .dwsdescription {
  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 */
.dwslideshownav {
  text-align:right;
  border-right:1px solid #ccc;
  position:relative;
  top: -20px;
  z-index:10;
}

/* necessary to position browser to the right */
.dwslideshownav .dwsnav2 {
  display:inline;
  /* background: #404040 url(gfx/navleft.gif) left no-repeat; */
  margin:0;
  padding: 1px 10px 0px 20px;
  height:20px;
}

/* holds the browser items */
.dwslideshownav .dwsbrowser {
  display:inline;
}

/* single browser element */
.dwslideshownav .dwsbrowserEl {
  padding:0 4px;
  font-weight:bold;
  font-size:10px;
  cursor:pointer; 
  color:#d8d6d6;  
}

.dwslideshownav .dwsbrowserEl:hover {
  color:#ff9933;
}

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

/* active element item */
.dwslideshownav .dwsbrowser .dwsact {
  font-weight:bold;
  color:#ff9933;
}

/* small prev/next navigation */
.dwslideshownav .dwsnext, .dwslideshownav .dwsprev {
  font-size:9px;
  color:#fff;
  cursor:pointer;
  font-weight:bold;  
}

/* play/pause icon */
.dwslideshownav .dwsplay {
  font-size:9px;
  font-weight:bold;  
  color:#d8d6d6;
  cursor:pointer;
  padding-left:5px;
}

/* hover on prev/next/play */
.dwslideshownav .dwsnext:hover, .dwslideshownav .dwsprev:hover, .dwslideshownav .dwsplay:hover {
  color:#ff9933;
}