/*
	AnythingSlider v1.7+ Default (base) theme
	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
 *****************************/
/* change the ID to match your slider */ /* width/height overwritten in cust_styles */
#anyslider { /*width: 900px; height: 390px;*/ list-style: none;}
/* Opera width restriction */
.anythingBase { max-width: 32766px; }

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider { display: block; margin: 0 auto; overflow: hidden; /* needed for Opera and Safari */ position: relative; padding: 0 0px 30px 0;}
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%;}
div.anythingSlider .anythingWindow, div.anythingSlider.activeSlider .anythingWindow { border: 0;}
/* anythingSlider base (original element) */
.anythingBase { background: transparent; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0;}
/* all panels inside the slider */
.anythingBase .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0;}
/* Navigation Arrows */
div.anythingSlider .arrow { position: absolute; display: block; bottom: 7px; /* this is -18px for IE7 */ z-index: 100;}
div.anythingSlider .arrow a { display: block; height: 15px; bottom: 0; position: absolute; width: 18px; outline: 0; background: url(../images/anything-arrows.png) no-repeat; text-align: center;}
/* back arrow */
div.anythingSlider .back { right: 100px; }
div.anythingSlider .back a,
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: 0 -15px; }
div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
/* forward arrow */
div.anythingSlider .forward { right: 50px;}
div.anythingSlider .forward a,
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 0px; }
div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
/* Navigation Links */
div.anythingSlider .anythingControls { height: 30px; margin: 0 auto 0px auto; text-align: center; z-index: 100;}
div.anythingSlider .thumbNav { float: none; margin: 0; padding:0; z-index: 100;}
div.anythingSlider .thumbNav li { display: inline;}
div.anythingSlider .thumbNav a, div.anythingSlider.activeSlider .thumbNav a { display: inline-block; width: 12px; height: 12px; margin: 9px 5px 0 0; padding: 0; outline: 0; border: 0;}
div.anythingSlider .thumbNav a, div.anythingSlider.activeSlider .thumbNav a,
div.anythingSlider .thumbNav a:hover, div.anythingSlider .thumbNav a.cur,
div.anythingSlider.activeSlider .thumbNav a:hover, div.anythingSlider.activeSlider .thumbNav a.cur { background-image: url(../images/anything-bullets.png); background-position: center top; background-repeat: no-repeat;}
div.anythingSlider .thumbNav a, div.anythingSlider.activeSlider .thumbNav a { }
div.anythingSlider .thumbNav a:hover, div.anythingSlider.activeSlider .thumbNav a:hover,
div.anythingSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a.cur  { background-position: center bottom;}
/* Autoplay Start/Stop button */
div.anythingSlider .start-stop, div.anythingSlider .start-stop.hover { margin: 8px 58px 0 0; padding: 0; display: inline-block; text-align: center; width: 15px; height: 15px; z-index: 100; border: 0; float: right;}
div.anythingSlider .start-stop, div.anythingSlider .start-stop.hover,
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.playing,
div.anythingSlider .start-stop.playing:hover { background-image: url(../images/anything-play.png); background-repeat: no-repeat;}
div.anythingSlider .start-stop, div.anythingSlider .start-stop.hover { background-position: 0 -15px;}
div.anythingSlider .start-stop:hover { background-position: 0 0px;}
div.anythingSlider .start-stop.playing { background-position: 0 -45px;}
div.anythingSlider .start-stop.playing:hover { background-position: 0 -30px;}
/* text indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */
div.anythingSlider .arrow a span, div.anythingSlider .thumbNav a span, div.anythingSlider .start-stop span { display: block; line-height: 1px; /* needed for IE7 */ text-indent: -9999px;}
/* probably not necessary, but added just in case */
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop { transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0;}