/*
    anythingSlider v1.2
    
    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: 280px; height: 200px; position: relative; margin: 0 auto 6px auto; border: solid 1px #c6d2d0; }
.anythingSlider .wrapper		{ width: 270px; overflow: hidden; height: 200px; margin: 0px; position: absolute; top: 5px; left: 5px; }
#sidebar.home .anythingSlider .wrapper ul li p 	{ margin: 0px; padding: 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 12px; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul		{ width: 32700px; list-style: none; position: absolute; top: 0px; left: 0px;}
.anythingSlider ul li			{ display: block; float: left; padding: 0; height: 210px; width: 270px; margin: 0; }
.anythingSlider .arrow			{ display: block; height: 18px; width: 50px; background: url(../images/triangle_blue.gif) no-repeat 0px 0px transparent; text-indent: 17px; position: absolute; top: 208px; line-height: 14px; color: #3d6f8d; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; font-size: 13px; }
.anythingSlider .arrow:hover		{ color: #a1ab65; text-decoration: none; }
.anythingSlider .forward		{ background-position: 0 0; right: 0px; }
.anythingSlider .back			{ display: none; }

#thumbNav				{ display: none; position: relative; top: 323px; text-align: center; }
#thumbNav a				{ color: black; font: 10px arial, verdana, helvetica, san-serif; display: inline-block; padding: 0px 6px; height: 14px; margin: 0px 5px 0px 0px; border: solid 1px #c6d2d0; }
#thumbNav a:hover			{ background-image: none; }
#thumbNav a.cur				{ background: #e0a213; }

#start-stop				{ background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; }
#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; }
