/*
    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                         { position: relative; width: 950px; height: 280px; float: left; margin: 5px;  }
.anythingSlider .wrapper                { width: 950px; overflow: auto; height: 280px; margin: 0px; position: relative; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 280px; width: 950px; margin: 0; }
.anythingSlider .arrow                  { display: none; height: 37px; width: 37px; text-indent: -9999px; position: absolute; top: 125px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -37px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -37px; }
.anythingSlider .back:hover             { background-position: -37px -37px; }

.anythingSlider #thumbNav               { position: absolute; z-index: 500; bottom: 10px; right: 10px; text-align: right; margin: 0 0px 0 0 ; }
.anythingSlider #thumbNav a             { color: #4b4b4b; font: 0px/0px Georgia, Serif; display: inline-block; width: 12px; height: 12px; margin: 0 5px 0 0; background: #000 url('_img/konf/color.png') left -50px repeat-x; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.anythingSlider #thumbNav a:hover       { background: url('_img/konf/color.png') left -40px repeat-x }
.anythingSlider #thumbNav a.cur         { color:#006aaf; background: #006aaf url('_img/konf/color.png') left -20px repeat-x }
.anythingSlider #thumbNav a span        { display: none; }

.anythingSlider #start-stop             { display:none; 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; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.anythingSlider #start-stop.playing     { background-color: red; }
.anythingSlider #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; }


/* RightNow in left-sidebar
----------------------------------*/
#right-now								{ border: 0;}
#right-now 								{ position: relative; width: 180px; float: left; }
#right-now .wrapper 					{ position: relative; width: 180px; overflow: auto; height: 460px; margin: 0px; }
#right-now                          	{ position: relative; width: 180px; float: left; margin: 0px;  }
#right-now .wrapper                		{ width: 180px; overflow: auto; margin: 0px; position: relative; }
#right-now .wrapper ul             		{ width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #000; margin: 0; }
#right-now ul li                   		{ display: block; float: left; padding: 0; height: 240px; width: 180px; margin: 0; }
#right-now .arrow                  		{ display: none; height: 11px; width: 14px; text-indent: -9999px; position: absolute; bottom: 0px; cursor: pointer;  }
#right-now .forward                		{ background-position: -14px 0; right: 50px; }
#right-now .back                   		{ background-position: 0px 0; left: 50px; }
#right-now .forward:hover          		{ background-position: -14px -11px; }
#right-now .back:hover             		{ background-position: 0px -11px; }

#right-now #thumbNav                               { display:block; position: absolute; z-index: 500; bottom: 10px; right: 10px; text-align: right; margin: 0 0px 0 0 ; }
#right-now #thumbNav a                             { color: #CCC; font: 0px/0px Georgia, Serif; display: inline-block; width: 12px; height: 12px; margin: 0 5px 0 0; background: #CCC url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#right-now #thumbNav a:hover                       { background-image: none; }
#right-now #thumbNav a.cur                         { color:#006aaf; background: #006aaf; }
#right-now #thumbNav a span        		{ display: none; }

#right-now #start-stop                             { display:none; 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; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#right-now #start-stop.playing                     { background-color: red; }
#right-now #start-stop:hover                       { background-image: none; }

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


/* RightNow in left-sidebar
----------------------------------*/
#singel-slide							{ border: 0; }
#singel-slide 							{ position: relative; width: 380px; height: 240px; float: left; }
#singel-slide .wrapper 					{ position: relative; width: 380px; overflow: auto; height: 240px; margin: 0px; }
#singel-slide                          	{ position: relative; width: 380px; height: 240px; float: left; margin: 0 0 10px 0;  }
#singel-slide .wrapper                	{ width: 380px; overflow: auto; height: 240px; margin: 0px; position: relative; }
#singel-slide .wrapper ul             	{ width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #000; margin: 0; }
#singel-slide ul li                   	{ display: block; float: left; padding: 0; height: 240px; width: 380px; margin: 0; }
#singel-slide .arrow                  	{ display: none; height: 37px; width: 37px; background: url(_img/arrows.png) no-repeat; text-indent: -9999px; position: absolute; top: 125px; cursor: pointer; }
#singel-slide .forward                	{ background-position: 0 0; right: -20px; }
#singel-slide .back                   	{ background-position: -37px 0; left: -20px; }
#singel-slide .forward:hover          	{ background-position: 0 -37px; }
#singel-slide .back:hover             	{ background-position: -37px -37px; }

#singel-slide #thumbNav                               { position: absolute; z-index: 500; bottom: 10px; right: 10px; text-align: right; margin: 0 0px 0 0 ; }
#singel-slide #thumbNav a                             { color: #CCC; font: 0px/0px Georgia, Serif; display: inline-block; width: 12px; height: 12px; margin: 0 5px 0 0; background: #CCC url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#singel-slide #thumbNav a:hover                       { background-image: none; }
#singel-slide #thumbNav a.cur                         { color:#006aaf; background: #006aaf; }

#singel-slide #start-stop                             { display:none; 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; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#singel-slide #start-stop.playing                     { background-color: red; }
#singel-slide #start-stop:hover                       { background-image: none; }

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