/* 

jFlow Plus v2 Demo CSS 

Description: Demonstation CSS for jFlow Plus

Creator: Devin Walker

Date: July 29, 2010


*/

#sliderContainer { width: 895px; height: 322px; position: relative; margin: 0 auto;  border:solid 1px #627289}

.slideContent {  background:url("/epd/swims/images/7.0/slideshow/contentBg.png") repeat scroll 0 0 transparent; position: absolute;  bottom:0px; right:0px; padding: 10px; width: 875px; }
.slideCursor{cursor:pointer }
/*.slide h3 {  font: 26px/1em 'Rokkitt', serif; color: #FFF;  margin: 0 0 5px 0; }*/

.slide h3 {  font: 25px/1em "Cabin", "Verdana", "Arial", "Helvetica, sans-serif"; font-family: Arial; color: #FFF;  margin: 0 0 5px 0; }

.slide p { font-size: 14px; color: #FFF; margin: 0;font-family: "Cabin", "Verdana", "Arial", "Helvetica, sans-serif";  }

.jFlowSlideContainer { overflow: hidden; }

.jFlowSlideContainer a { color: #F90; text-decoration: none; /*font-style: italic;*/ }

.jFlowSlideContainer a:hover { text-decoration: none; }

.jFlowSlideContainer a:focus { position: relative; top: 1px; }

/*.jFlowNext { background:url("/epd/swims/images/7.0/slideshow/arrows.png") no-repeat scroll 0 -35px transparent; height:130px; position:absolute; top:75px; right: -50px; width:50px; cursor:pointer; }*/
/*.jFlowPrev { background:url("/epd/swims/images/7.0/slideshow/arrows.png") no-repeat scroll -84px -35px transparent; height:130px; position:absolute; top:75px; left: -50px; width:50px; cursor:pointer; }*/

.jFlowNext { position:absolute;top:122px;right:-45px;width:40px;height:80px;cursor:pointer;background:transparent url(/epd/swims/images/7.0/slideshow/next-horizontal.png) no-repeat 0 0 }

.jFlowPrev { position:absolute;top:122px;left:-48px;width:40px;height:80px;cursor:pointer;background:transparent url(/epd/swims/images/7.0/slideshow/prev-horizontal.png) no-repeat 0 0 }

.jFlowPrev:hover { background-position:-41px 0 }

.jFlowNext:hover { background-position:-41px 0 }


/* controller pagination */

#myController {position: absolute; top: 20px; right: 5px; }
.jFlowControl { background:url("/epd/swims/images/7.0/slideshow/bullet.png") no-repeat scroll 0px 0px transparent;  float: left; width: 18px; height: 18px;}

.jFlowControl:hover { background-position: -32px 0px; cursor: pointer; }

.jFlowSelected, .jFlowSelected:hover {background-position: -15px 0px;  }