/*
    anythingSlider v1.0
    
    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/
*/

.anythingSlider {width:940px; height:360px; position:relative; margin:10px auto 15px; background:url(slider/slider-bg.png) no-repeat; z-index:1000;}
.anythingSlider .wrapper {width:860px; overflow:auto; height:350px; margin:0 39px; position:absolute; top:0; left:0;}
.anythingSlider .wrapper ul  {width:99999px; height:327px; list-style:none; position:absolute; top:0; left:0; background:url(slider/slider-wrapper-bg.png) repeat-x bottom; background-color:#c3c3c3; border-top:5px solid #9f9e9e; border-bottom:5px solid #9f9e9e; margin:0;}
.anythingSlider ul li {display:block; float:left; padding:15px 0 15px 0; height:296px; width:860px; margin:0;}
.anythingSlider .arrow{display:block; height:174px; width:67px; background:url(slider/arrows.png) no-repeat 0 0; text-indent:-9999px; position:absolute; top:70px; cursor:pointer;}
.anythingSlider .forward{background-position:0 0; right:-20px;}
.anythingSlider .back {background-position:-67px 0; left:-20px;}
.anythingSlider .forward:hover  {background-position:0 -200px;}
.anythingSlider .back:hover {background-position:-67px -200px;}

#thumbNav {position:relative; top:332px; text-align:center;}
#thumbNav a  {color:black; font:11px/18px "arial",sans-serif; display:inline-block; padding:2px 8px; height:18px; margin:0 5px 0 0; background:#9f9e9e; text-align:center; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
#thumbNav a:hover {background-image:none;}
#thumbNav a.cur {background: #c3c3c3;}

#start-stop {background:green; font:12px "arial",sans-serif; background-image:url(slider/cellshade.png); background-repeat:repeat-x; color:white; padding:2px 5px; width:50px; text-align:center; position: absolute; right:70px; top:332px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
#start-stop.playing {background-color:red;}
#start-stop:hover  {background-image:none;}

/* Prevents */
.anythingSlider .wrapper ul ul  {position:static; margin:0; background:none; overflow:visible; width:auto; border: 0;}
.anythingSlider .wrapper ul ul li  {float:none; height:auto; width:auto; background:none;}

/* IE6 */
* html .anythingSlider .wrapper ul {margin-left:39px;}
* html .anythingSlider .arrow{background-image:url();}
* html #start-stop{background-image:url();}
* html #thumbNav a{background-image:url();}

/* IE7 */
*:first-child+html .anythingSlider .wrapper ul {margin-left:39px;}