/*
    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: 760px; 
height: 260px; 
position: relative; 
margin: 0 auto 15px;
top: 41px;
left: -140px; 
padding-bottom: 3em; }

.anythingSlider .wrapper { 
width: 680px; 
overflow: auto; 
height: 254px; 
margin: 0 40px; 
position: absolute; 
top: 0; 
left: 0; 
}

.anythingSlider .wrapper ul { 
width: 9999px; 
list-style: none; 
position: absolute; 
top: 0; left: 0; 
background: #eee; 
border-top: 3px solid #0078c1; 
border-bottom: 3px solid #0078c1; 
margin: 0; 
}

.anythingSlider ul li { 
display: block; 
float: left;
padding: 0; 
height: 230px; 
width: 680px; 
margin: 0; 
}

.anythingSlider .arrow { 
display: block; 
height: 200px; 
width: 67px; 
background: url(../images/slider/arrows.png) no-repeat 0 0; 
text-indent: -9999px; 
position: absolute; 
top: 22px; 
cursor: pointer; 
}

.anythingSlider .forward { 
background-position: 0 0; 
right: -15px; 
}

.anythingSlider .back { 
background-position: -67px 0; 
left: -15px; 
}

.anythingSlider .forward:hover  { 
background-position: 0 -200px; 
}

.anythingSlider .back:hover { 
background-position: -67px -200px; 
}

#thumbNav { 
position: relative; 
top: 236px;
text-align: center;
left: -20em; }

#thumbNav a { 
color: #FFF; 
font: bold 11px/18px Georgia, serif; 
display: inline-block; 
padding: 2px 8px; 
height: 18px; 
margin: 0 5px 0 0; 
background: #0078c1 url(../images/slider/cellshade.png) repeat-x; 
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: #00539b; 
}

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

#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; 
}