/*

jFlow Plus Demo CSS

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


*/

#container {
	width: 400px;
	height: 250px;
	position: relative;
	border-top: 3px solid #999;
	border-bottom: 3px solid #BBB;
	border-right: 3px solid #BBB;
	border-left: 3px solid #999;
	margin: 0 auto;
	padding: 3px;
}

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

#slide1 h3, #slide2 h3, #slide3 h3, #slide4 h3, #slide5 h3 {
	font-family: Georgia, serif;
	color: #FFF;
	font-size: 20px;
	margin: 0 0 10px 0;
}

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

.jFlowSlideContainer a {
    font-size: 12pt;
	color: #FF0;
	text-decoration: none;
}

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

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

.jFlowSlideContainer div {
    font-size: 12pt;
	color: #FF0;
	text-decoration: none;
}

.jFlowSlideContainer img {
    border: 0;
}

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

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

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

.jFlowNext div:hover {
	background-position: 0px -235px;
}