/* Basic functionality */
.viewport {
  overflow: hidden;
  padding: 1em 1em .3em;
  display: block;
  clear: both;
}

.compact-slideshow-active {
  padding: 0;
  margin: 0;
  width: auto;
  overflow: hidden;
  display: block;
}

.compact-slideshow-active .viewport {
  overflow: hidden;
  width: auto;
  display: block;
}

.section {
  display: block;
  overflow: hidden;
  clear: both;
}

.compact-slideshow-active .section {
  overflow: hidden;
}

/* Opacity, fuzzy text for IE 6, 7, 8 fix (http://jszen.blogspot.com/2005/04/ie-bold-text-opacity-problem.html) */
* html .compact-slideshow-active .section,*+html .compact-slideshow-active .section {
}

.compact-slideshow-active .actions a,
.compact-slideshow-active .panels a {
  text-decoration: none;
  color: #fff;
  display: block;
  float: left;
  padding: .2em .3em;
}



.compact-slideshow-active .actions span.button-symbol {
  speak: none;
}

.compact-slideshow-active .actions span.button-title {
  position: absolute;
  left: -99999px;
}

.compact-slideshow-active ul.actions,.compact-slideshow-active ul.actions li,.compact-slideshow-active ul.panels,.compact-slideshow-active ul.panels li {
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0;
}

.compact-slideshow-active ul.actions,.compact-slideshow-active ul.panels {
  display: block;
  overflow: hidden;
}

.compact-slideshow-active ul.actions {
  float: right;
}

.compact-slideshow-active ul.panels {
  float: left;
}


/* Basic prettys */
#featured ul.panels{
  padding:.2em 0 0 1em;
}
.compact-slideshow-active ul.panels a.current {
  background: #8B8B8B;
}
.compact-slideshow-active .actions a:hover,.compact-slideshow-active .panels a:hover {
  color: #f1f1f1;
}
.compact-slideshow-active .section p {
}

#featured {
  border: 2px solid #5f5f5f;
  display: block;
  margin-top: 1em;
  z-index: -10;
  background:#f1f1f1;
}

#featured h2 {
  left: -9999em;
  position: absolute;
  display: inline-block;
}
#featured h3{
  display: block;
  clear: right;
  color: #5f5f5f;
  text-wrap: none;
  margin-top:0;
}
#featured h3 a{
  color: #5f5f5f;
  text-decoration:none;
}
#featured h3 a:hover,
#featured h3 a:active{
  text-decoration:underline;
}

.slideshow .section img {
  float: left;
  clear: none;
  padding-right: 1em;
width:200px;
width:100%;
max-width:200px;
height:auto;
}

.compact-slideshow-active,.slideshow .controlbar {
}

.slideshow .controlbar {
  height: 2.3em;
  width: 100%;
  position: relative;
  background:#5f5f5f;
}
.controlbar .control {
  display: block;
  margin: 4px 6px 3px 0;
  padding: 0;
  width: 11px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  font-weight: 700;
  /*border: 1px solid #444;
  background: #787c32;*/
}

.controlbar .actions .control {
  border: none;
  background: none;
  /*padding: .3em;*/
}

.compact-slideshow-active .viewport {
  overflow: hidden;
}

.panels .controlset {
  margin-left: 1em;
}