.preload_slider{
	background: #444;
}

.container_slider{
	display: none;
}

/* expand image */
.container_slider .slide_image img           { width: 100%; height: 100%; position: relative; }
.container_slider .slide_image p {margin:0;padding:0;}
.container_slider .slide_html .pad { padding: 5px;}
.container_slider .panel        { position: relative;}

/* position close button */
.caption-top .close,
.caption-right .close,
.caption-bottom .close,
.caption-left .close   { font-size: 80%; cursor: pointer; float: right; display: inline-block; }

 /* captions */
 /* set to position: relative here in case javascript is disabled, script sets captions to position: absolute */
.container_slider .caption-top,
.container_slider .caption-right,
.container_slider .caption-bottom,
.container_slider .caption-left { background: #000; color: #fff; padding: 10px; margin: 0; position: relative; z-index: 10; opacity: .8; filter: alpha(opacity=80); }

/* Top caption - padding is included in the width (100% here, 500px in the script), same for height */
.container_slider .caption-top    { left: 0; top: 0; width: 95%; height: 30px; }

/* Right caption - padding is included in the width (130px here, 150px in the script), same for height */
.container_slider .caption-right  { right: 0; bottom: 0; width: 130px; height: 180px;  }

/* Bottom caption  - padding is included in the width (100% here, 500px in the script), same for height */
.container_slider .caption-bottom { left: 0; bottom: 0; width: 95%; height: 30px; }

/* Left caption - padding is included in the width (130px here, 150px in the script), same for height */
.container_slider .caption-left   { left: 0; bottom: 0; width: 130px; height: 180px;  }