/* $Id: slider.css,v 1.1 2008/10/15 10:04:26 marktheunissen Exp $ */

/**
 * Standard CSS for the slider.
 * Overrride these values in your theme's CSS file
 */

div.node sticky h2.title, div.sticky h2.title, div.sticky h2.title a {
	margin: 0px;
	padding: 0px;
	height: 0px;
	overflow: hidden;
	clip: rect(0px,0px,0px,0px);
	color: #FFFFFF;
	visibility: hidden;
}

#sliderwrapper {
	width: 880px;
	margin: -70px auto 0;
}

#slider {
  width: 740px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 550px;
  width: 740px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  clear: left;
}

.scrollContainer div.panel {
	padding: 20px 20px 10px;
	height: 510px;
	width: 700px;
}

ul.slidenav {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom: 9px;
}

ul.slidenav .slidetab-active {
	background-color: #e6e6e6;
	border: thin solid #333333;
	color: #996666;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

ul.slidenav li {
  display: inline;
  margin-right: 10px;
}

ul.slidenav a {
  padding: 10px;
  color: #000;
  text-decoration: none;
}

ul.slidenav a:hover {
  background-color: #e6e6e6;
}

ul.slidenav a.selected {
  background-color: #fff;
}

ul.slidenav a:focus {
  outline: none;
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}

.hide {
  display: none;
}