/**
* Soubor s výchozími CSS styly pro DHTML galerii
*
* @package		sllibs3
* @subpackage	slImageview
* @version		$Id$
* @encoding		utf-8
* @author			Filip Zach <filip.zach@e4you.cz>
* @copyright	(c) e4you spol. s r.o. 2002-2008, <design@e4you.cz>
*
* Obsah tohoto souboru je majetkem e4you spol. s r.o. Jeho kopírování,
* pozměňování, šíření a jakékoli další využití je možné výhradně
* se souhlasem e4you spol. s r.o.
*
*/

#sl_imageview {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	z-index:6010;
	text-align: center;
}

#sl_imageview_shader {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index:6020;
}

/** Zobrazení pro IE6 */
* html #sl_imageview_shader {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	border:none;
	margin:0;
	height:10000px;
}

* html #sl_imageview {
	position: absolute;
}

#sl_imageview_viewport {
	position: absolute;
	opacity: 1;
	z-index: 6040;
	top: 20px;
}

#sl_imageview_content {
	display:block;
	background: #fff;
	opacity: 1;
	z-index:6100;
	overflow: hidden;
	width: 100%;
	padding: 0;
}

#sl_imageview_info_box_content {
	padding: 2px;
	text-align: left;
}

#sl_imageview_close {
	position:absolute;
	display:block;
	z-index:6040;
	background: url(../images/slImageView/close.png) center center no-repeat;
	width: 34px;
	height:34px;
	right: 0;
	top: 0;
	cursor: pointer;
}

#sl_imageview_close:hover {
	background: url(../images/slImageView/close-over.png) center center no-repeat;
}

#sl_imageview_next,
#sl_imageview_prev {
	position: absolute;
	top: 47%;
	width: 36px;
	height: 36px;
	opacity: 1;
}

#sl_imageview_prev {
	left: -9px;
}

#sl_imageview_next {
	right: -9px;
}

#sl_imageview_prev,
#sl_imageview_next {
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

#sl_imageview_prev {
	background: url(../images/slImageView/arrow-left.png) no-repeat 0 50%;
}

#sl_imageview_prev:hover {
	background: url(../images/slImageView/arrow-left-over.png) no-repeat 0 50%;
}

#sl_imageview_next {
	background: url(../images/slImageView/arrow-right.png) no-repeat 100% 50%;
}

#sl_imageview_next:hover {
	background: url(../images/slImageView/arrow-right-over.png) no-repeat 100% 50%;
}

#sl_imageview_slideshow {
	display: block;
	width: 46px;
	height: 18px;
	margin-top: 3px;
	cursor: pointer;
	float: left;
}

.sl_imageview_slideshow_stopped {
	background: url(../images/slImageView/slideshow-start.png) no-repeat 0 center ;
}

.sl_imageview_slideshow_running {
	background: url(../images/slImageView/slideshow-stop.gif) no-repeat 0 center ;
}

#sl_imageview_images_count_box {
	display: block;
	color: #777;
	height: 15px;
	margin-top: 3px;
	font-size: 11px;
	float: left;
	min-height: 18px;
}

#sl_imageview_description {
	display: block;
	color: #666;
	text-align: center;
	clear: both;
	border-top: 1px solid #ccc;
	margin-top: .5em;
	padding-top: .5em;
}

#sl_imageview_small_prev,
#sl_imageview_small_next
{
	font-size: 10px;
	height: 15px;
	width: 15px;
	margin: 0 4px;
	vertical-align: middle;
	cursor: pointer;
}

#sl_imageview_small_next {
	margin-left: 0;
}

#sl_imageview_small_prev {
	margin-left: 6px;
}

.sl_imageview_small_next_active {
	background: url(../images/slImageView/small-arrow-right.png) no-repeat center center ;
	display: inline-block;
}

.sl_imageview_small_next_inactive {
	background: url(../images/slImageView/small-arrow-right-inactive.png) no-repeat center center ;
	display: inline-block;
}

.sl_imageview_small_prev_active {
	background: url(../images/slImageView/small-arrow-left.png) no-repeat center center ;
	display: inline-block;
}

.sl_imageview_small_prev_inactive {
	background: url(../images/slImageView/small-arrow-left-inactive.png) no-repeat center center ;
	display: inline-block;
}

#sl_imageview_tool_box {
	padding: .5em 0 0 1em;
	display: block;
	float: right;
	min-height: 18px;
}

#sl_imageview_tool_box span {
	padding: 2px 8px;
	vertical-align: middle;
}

#sl_imageview_tool_box .rotateLeft {
	background: url(../images/slImageView/rotate-90-left-bw.png) no-repeat 100% 0;
	cursor: pointer;
}

#sl_imageview_tool_box .rotateLeft:hover {
	background: url(../images/slImageView/rotate-90-left.png) no-repeat 100% 0;
}

#sl_imageview_tool_box .rotateRight {
	background: url(../images/slImageView/rotate-90-right-bw.png) no-repeat 100% 0;
	cursor: pointer;
}

#sl_imageview_tool_box .rotateRight:hover {
	background: url(../images/slImageView/rotate-90-right.png) no-repeat 100% 0;
}

.sl_imageview_zoomable {
	cursor:pointer;
}