/* 

jFlow Plus Demo CSS 

Description: Demonstation CSS for jFlow Plus
Creator: Devin Walker
Date: July 29, 2010


*/

/*#container {
	width: 800px;
	height: 350px;
	position: relative;
	border-top: 5px solid #999;
	border-bottom: 5px solid #999;
	margin: 0 auto;
}

#slide1 span, #slide2 span, #slide3 span {
	background: url("../images/contentBg.png") repeat top left transparent;
	position: absolute;
	bottom: 20px;
	right: 20px;
	padding: 10px;
}

#slide1 h3, #slide2 h3, #slide3 h3 {
	font-family: Georgia, serif;
	color: #FFF;
	font-size: 35px;
	font-style: italic;
	margin: 0 0 10px 0;
}

#slide1 p, #slide2 p, #slide3 p {
	font-family: Georgia, serif;
	color: #FFF;	
	margin: 0;
}

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

.jFlowSlideContainer a:hover {
	text-decoration: none;
	border-bottom: 1px dotted white;
}

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

.jFlowNext div {
	background:url("../images/arrows.png") no-repeat scroll 0 -35px transparent;
	height:130px;
	position:absolute;
	top:110px;
	right: -50px;
	width:50px;
	cursor:pointer;
}

.jFlowPrev div {
	background:url("../images/arrows.png") no-repeat scroll -84px -35px transparent;
	height:130px;
	position:absolute;
	top:110px;
	left: -50px;
	width:50px;
	cursor:pointer;
}

.jFlowPrev div:hover {
	background-position: -84px -235px;
}

.jFlowNext div:hover {
	background-position: 0px -235px;
}
*/
/*#content-slider {
	position: relative;
	width: 425px;
	margin: 0 auto;
	padding: 40px;
	background: #fff;
	border: 1px solid #ddd;
}

#panel {
	position: relative;
	height: 25px;
	margin: 0 0 40px 0;
	background: #f7f7f7;
	border: 1px solid #ddd;
}

#controller {
	width: 100%;
    position: absolute;
    top: -60px;
    left: 0px;
    z-index:100;
}

#controller span {
	color: #ff0000;
	text-decoration: underline;
	cursor: pointer;
}

#prev-next {
	position: absolute;
	top: 5px;
	left: 5px;
}
*/
/*.jFlowPrev, .jFlowNext {
	cursor: pointer;
}
#slides div {
	overflow: hidden;
}*/

.jFlowSlide a:focus {
	position: relative;
	top: 10px;
}

a.jFlowPrev {
			position: absolute;
			left: -15px;
			top: -5px;
			width: 40px;
			height: 30px;
			display: block;
		}

a.jFlowPrev 	{ background: url(../img/common/arrow_small_left.png) 12px 8px no-repeat; }

a.jFlowNext {
    position: relative;
    top: 150px;
    left: 27px;
    width: 55px;
    height: 55px;
    display: block;
    background: url(../img/common/large_next_arrow.png) 0 0 no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}

#controller ul 	{ position: absolute; top: 11px; left: 10px; }
#controller li a { color:#666; padding-right: 10px; }
#controller li a:hover, #controller a.jFlowSelected { color: #990033;}