/* 
    Document   : slideshow
    Created on : 30.05.2010, 14:34:41
    Author     : Denis
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* Gray Overlay */
#slideshow_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color: #000000;
	color: #ffffff;
	z-index:102;
	display: none;
}

#slideshow_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#slidehow_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}


ul.slideshow {
	list-style:none;
	/*width:480px;
	height:400px;*/
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;

}

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:1;
}

ul.slideshow img {
	border:none;
}


.caption{
	/*width:480px;
	height:70px;*/
	position:absolute;
	bottom:0;
	left:0;
        padding:0;
	color:#000;
	background:#fff;
        border-top: 1px solid #ccc;
	z-index:2;
}

.caption_table {
    border-spacing: 0;
    width:100%
}
.caption .slideshow-caption-container {
	z-index:3;
}

.close_button {
    position:absolute;
    z-index:1000;
    top: 5px;
    right:5px;
    width: 15px;
    height:15px;
    background-image: url("../images/tb-close.png");
}
.slideshow-caption-container {
    vertical-align: top;
    padding:5px 10px;
}
 .slideshow-caption-next {
     /*background-image: url(fnasdkj);*/
     float:right;
 }
 .slideshow-caption-prev {
     /*background-image: url(fnasdkj);*/
     float:left;
 }
 .slideshow-caption-prev , .slideshow-caption-next{
     width:15px;
     height:100%;
     background-position: center center;
     display:inline-block;
     font-size:large;
     color:#000;
     font-weight: bold;
     padding:0 3px;
     background-color: #ccc;
     border-right: 1px
}

.button {
    cursor:pointer;
}
.button:hover {
    cursor:pointer;
    color: #acacac;
}

.caption h3 {
	margin:0;
	padding:0;
	font-size:14px;
}

.caption p {
	margin:5px 0 0 0;
	padding:0;
}