/*
    these are just the default styles used in the Cycle2 demo pages.  
    you can use these styles or any others that you wish.
*/


.cycle-slideshow { 
width: 980px; 
/*min-width: 200px; 
max-width: 500px; 
margin: 10px auto; 
padding: 0; 
position: relative;*/
min-height: 200px;
    background: url(imgs/loading-skull.gif) 50% 50% no-repeat;
 }
 

/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 7%; opacity: .2; filter: alpha(opacity=20); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(imgs/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(imgs/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .3; filter:alpha(opacity=30); }

/* caption */
.cycle-caption { 
	position: absolute; 
	z-index: 700;
visibility: hidden;
}

/* overlay */
.cycle-overlay { 
    position: absolute; 
	bottom: 0; 
	height: 15px; 
	width: 980px; 
	z-index: 600;
    background-color: #ffffff; 
	color: #000000; 
	padding-left: 15px; 
	opacity: .7;
   filter:alpha(opacity=70);
	font-size: 11px;
}