/* 

jFlow Plus v2 Demo CSS 

Description: Demonstation CSS for jFlow Plus

Creator: Devin Walker

Date: July 29, 2010


*/

#sliderContainer { width: 900px; height: 291px; position: relative; border: 0px solid #999; margin: 0 auto; }

.slideContent {  position: absolute; bottom:0px; right:0px; padding: 0px; width: 900px; }

.jFlowSlideContainer { overflow: hidden; }

.jFlowSlideContainer a { 
	
}
.jFlowSlideContainer a .text{ 
	display:block;
	float:left;
	margin-left:50px;
	background-color:#fff;
	height:33px; line-height:33px; padding:0 8px;
	color:#2D2D2B;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:23px;
	text-transform:uppercase;
}
.jFlowSlideContainer a .btn{
	margin-left:5px;
	display:block;
	float:left;
	background:url(../images/btn_slide.png) no-repeat;
	width:43px; height:33px;
	-moz-transform:rotate(-10deg);
	-webkit-transform:rotate(-10deg);
	-o-transform:rotate(-10deg);
	-ms-transform:rotate(-10deg);
}

.jFlowNext { background:url("../images/arrows_right.png") no-repeat; height:28px; position:absolute; top:133px; right: 12px; width:17px; cursor:pointer; }

.jFlowPrev { background:url("../images/arrows_left.png") no-repeat; height:28px; position:absolute; top:133px; left: 12px; width:17px; cursor:pointer; }

.jFlowPrev:hover {  }

.jFlowNext:hover {  }


/* controller pagination */

#myController {position: absolute; bottom: 0px; right: 0px;
width:900px; height:26px; text-align:center; background:url(../images/bgn_controller.png) repeat;}

.jFlowControl { 
	display:inline-block; width: 10px;
	height: 9px; border:0px solid #fff;
	cursor:pointer; margin:7px;
	background:url(../images/controller.png) no-repeat;
	margin-top:10px;
	/*-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;*/
}
.jFlowSelected{
	background:url(../images/controller_on.png) no-repeat;
}

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

.jFlowSelected, .jFlowSelected:hover { /*border:2px solid #999;*/ }