/*************************************************************************
**
** Copyright (c) by jeff (jeff@lipsia.de)
**
** Author:  jeff
**
** File:    $Date: 2022-01-14 16:17:10 +0100 (Fr, 14. Jan 2022) $
**
** Purpose: the lightbox css
**
** Created: 2019/12/09
**
** Update:  $Date: 2022-01-14 16:17:10 +0100 (Fr, 14. Jan 2022) $
**
** Notes:
**
************************************************************************/

.lightbox
{
	position:			absolute;
	z-index:			150;
	text-align:			center;
	line-height:		0;
	border:			    1px solid #f0a500;
}

.lightbox_content
{
	position:			relative;
	float:				left;
	clear:				both;
	top:				0px;
	left:				0px;
	margin:				0px;
	padding:			0px;
	width:				100%;
	background-color:	#454545;
}

.lightbox_nav_container
{
	position:			relative;
	float:				left;
	clear:				both;
	top:				0px;
	left:				0px;
	width:				100%;
	height:             45px;
	background-color:	#454545;
}

.lightbox_nav
{
	float:				left;
	margin:				0px 0px 0px 5px;
}

.lightbox_nav_button
{
	height:				20px;
	width:				20px;
}

.lightbox_description
{
	position:			relative;
	float:				left;
	clear:				both;
	font-size:       	11px;
	font-weight:     	bolder;
	color:           	#f0a500;
	text-decoration: 	none;
	text-align:			center;
	padding-top:        7px;
	width:				100%;
	height:             15px;
	margin:				5px 5px 0px 5px;
	background-color:	#454545;
}

.lightbox_close
{
	float:				right;
	margin:				-5px 5px 0px 0px;
}

.lightbox_image_details
{
	position:			relative;
	clear:				both;
	top:				0px;
	left:				0px;
	width:				100%;
	height:             40px;
	background-color:	#454545;
}

.lightbox_image_description
{
	font-size:       	11px;
	font-weight:     	bolder;
	color:           	#f0a500;
	text-decoration: 	none;
	text-align:			center;
	vertical-align:		middle;
	margin:				0px 0px 0px 0px;
	padding-top:        11px;
	height:             15px;
	background-color:	#454545;
}

.lightbox_image_number_container
{
	top:				0px;
	left:				0px;
	width:				100%;
	height:             15px;
	padding-top:		5px;
}

.lightbox_image_number
{
	font-size:       	11px;
	font-weight:     	bolder;
	color:           	#f0a500;
	text-decoration: 	none;
	text-align:			right;
	width:				50%;
	margin:				0px 0px 0px 0px;
}

.lightbox_image_count
{
	font-size:       	11px;
	font-weight:     	bolder;
	color:           	#f0a500;
	text-decoration: 	none;
	text-align:			left;
	width:				50%;
	margin:				0px 0px 0px 0px;
}

.lightbox_image_container
{
	position:			relative;
	float:				left;
	clear:				both;
	width:              420px;
	height:             320px;
	margin:				0px;
	text-align:         center;
	vertical-align:     middle;
	background-image:	url(/images/animated/animated-clock2.gif);
	background-position:center center;
	background-repeat:  no-repeat;
}

.lightbox_filmstrip
{
	position:			relative;
	float:				left;
	clear:				both;
	width:				100%;
	height:				100px;
	margin:				0px;
	top:				0px;
	left:				0px;
	background-image:   url(/images/filmstrip/background.png);
	background-position:top left;
	background-repeat:	repeat;
}

.lightbox_filmstrip_content
{
	position:			relative;
	float:				left;
	margin-top:			17px;
	height:				64px;
	overflow:           hidden;
}

.lightbox_filmstrip_nav_left
{
	position:           relative;
	float:				left;
	clear:				both;
	margin-top:			20px;
	margin-bottom:		20px;
	height:				60px;
	width:				20px;
	padding-top:		10px;
	padding-bottom:		10px;
}

.lightbox_filmstrip_nav_right
{
	position:           relative;
	float:				right;
	margin-top:			20px;
	margin-bottom:		20px;
	height:				60px;
	width:				20px;
	padding-top:		10px;
	padding-bottom:		10px;
}

.lightbox_filmstrip_cell
{
	padding:			0px;
	height:				62px;
	border:				1px solid black;
}

.lightbox_image
{
	margin:				10px 10px 10px 10px;
}

.lightbox_box_top
{
	position:            relative;
	float:               left;
	width:               100%;
	height:              23px;
	background-color:    #454545;
}

.lightbox_box_middle
{
	position:            relative;
	float:               left;
	clear:               both;
	width:               100%;
	height:              100%;
	background-color:    #454545;
}

.lightbox_box_bottom
{
	position:            relative;
	float:               left;
	clear:               both;
	width:               100%;
	height:              12px;
	background-color:    #454545;
}

.lightbox_title
{
	position:            relative;
	font-size:           16px;
	font-weight:         bolder;
	text-align:          center;
	color:               #f0a500;
	vertical-align:      middle;
	padding-top:         10px;
	width:               100%;
	height:              23px;
	border:              none;
	margin:              0px;
	padding-top:         10px;
	float:               left;
	overflow:			 hidden;
	text-overflow: 		 ellipsis;
  	-o-text-overflow: 	 ellipsis;
}