/* 

jFlow Plus v2 Demo CSS 

Description: Demonstation CSS for jFlow Plus

Creator: Devin Walker

Date: July 29, 2010


*/

#sliderContainer { width: 765px; height: 334px; position: relative; margin: 0 auto; }

.slideContent { 
	position: absolute;
	/*bottom:0px;*/
	top:30px;
	right:20px;
	padding: 10px;
	width: 200px; }

.slide { 
	background: url("/portal/page/portal/eL/img/sl2/slider-back_ng2015d.png") center no-repeat;
	height: 334px;
	width: 765px;}

.slide h3 {  
	font: 24px/1em Tahoma, Verdana, Arial, Helvetica, serif; 
	color: #ffffff;  
	margin: 0 0 5px 0;
	padding-bottom: 10px;}

.slide p { font-size: 14px; color: #fff; margin: 0; font-family:Tahoma,Verdana,Arial,Helvetica;  padding-bottom: 10px;  }

.jFlowSlideContainer { overflow: hidden; }

.jFlowSlideContainer a { color: #fff; text-decoration: none;  }

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

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

.slide img { 
	height: 324px;
	width: 505px;
	margin-left: 5px; 
	margin-top: 5px;	
	}


.jFlowNext { background:url("/portal/page/portal/eL/img/sl2/arrowsm.png") no-repeat scroll 0 -35px transparent; height:130px; position:absolute; top:115px; right: -15px; width:50px; cursor:pointer; }

.jFlowPrev { background:url("/portal/page/portal/eL/img/sl2//arrowsm.png") no-repeat scroll -84px -35px transparent; height:130px; position:absolute; top:115px; left: -15px; width:50px; cursor:pointer; }

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

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


/* controller pagination */

#myController {position: absolute; top: 5px; right: 5px; }

.jFlowControl { background:url("/portal/page/portal/eL/img/sl2/bullet.png") no-repeat scroll 0px 0px transparent;  float: left; width: 15px; height: 15px;}

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

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