/*
    AnythingSlider v1.4

    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider {
  width: 700px;
  height: 390px;
  margin: 0 auto;
}

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
  background: #777;
}
div.anythingSlider .anythingWindow {
  border-top: 0px solid #777;
  border-bottom: 0px solid #777;
}
/* Active State */
div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {
   position:relative;
   background: rgba(255, 255, 255, 0.2);
  
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
  
  

 
}

div.anythingSlider.activeSlider .thumbNav a.cur {
  position:relative;
   background: rgba(255, 255, 255, 0.5);
  
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
  
  
  
}

div.anythingSlider.activeSlider .anythingWindow {
  border-color: #7C9127;
}

/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for naviagation */
div.anythingSlider {
  position: relative;
  margin: 0 45px 28px 45px;
  border:1px solid #ccc;
}
/* anythingSlider base UL */
ul.anythingBase {
  background: transparent;
  list-style: none;
  position: absolute;
  top: 0; left: 0;
  margin: 0;
}
ul.anythingBase li.panel {
  background: transparent;
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
  top: 50%;
  position: absolute;
  display: block;
}
div.anythingSlider .arrow a {
  display: block;
  height: 120px;
  margin-top: -60px;
  width: 45px;
  text-align: center;
  outline: 0;
  background: url(../images/arrows.png) no-repeat;
  text-indent: -9999px;
}
div.anythingSlider .forward { right: 0; }
div.anythingSlider .back { left: 0; }
div.anythingSlider .forward a { background-position: 0 -40px; }
div.anythingSlider .back a { background-position: -88px -40px; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -240px; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; }

/* Navigation Links */
div.anythingSlider .thumbNav { margin: 0; }
div.anythingSlider .thumbNav li { display: inline; }
div.anythingSlider .thumbNav a {
  /*color: black;
  font: 11px/18px Georgia, Serif;*/
  display: inline-block;
  text-decoration: none;
  padding: 5px 8px;
  /*height: 18px;*/
  margin: 0 5px 0 0;
  /*background-image: url(../images/cellshade.png);*/
  background-repeat: repeat-x;
  text-align: center;
  outline: 0;
  /*-moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;*/
}
div.anythingSlider .thumbNav a:hover { background-image: none; }

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
  
  display:none;
  
  z-index: 10;
  /*background: green url(../images/cellshade.png) repeat-x center top;*/
  color: white;
  padding: 2px 5px;
  width: 40px;
  text-align: center;
  text-decoration: none;
  float: right;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}
div.anythingSlider .start-stop.playing { background-color: red; }
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; color: #ff0 }


div.anythingSlider .thumbNav a {
    background-repeat: repeat-x;
    display: inline-block;
    margin: 0 1px 0 0;
    outline: 0 none;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}

div.anythingSlider .thumbNav a{
   padding:5px 10px;
}