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

.popup
{
	width:					500px;
	height:					400px;
	position:				absolute;
	left:					-2000px;
	top:					-2000px;	
}

.popup_simple_nw
{
	width:					40px;
	height:					37px;
	background-image:   	url(/images/popup/details_simple.png);
	position:				relative;
	float:					left;
}

.popup_simple_n
{
	width:					auto;
	height:					37px;
	background-image:   	url(/images/popup/details_simple.png);
	background-position:	-38px 0px;
	position:				relative;
	float:					left;
}

.popup_simple_ne
{
	width:					40px;
	height:					37px;
	background-image:   	url(/images/popup/details_simple.png);
	background-position:	-1542px 0px;
	text-align:				left;
	vertical-align:			bottom;
	position:				relative;
	float:					left;
}

.popup_simple_w
{
	width:					40px;
	height:					auto;
	background-image:   	url(/images/popup/details_simple.png);
	background-position:	0px -38px;
	position:				relative;
	float:					left;
	clear:					both;
}

.popup_simple_e
{
	width:					40px;
	height:					auto;
	background-image:   	url(/images/popup/details_simple.png);
	background-position:	-1542px -38px;
	position:				relative;
	float:					left;
}

.popup_simple_sw
{
	width:					40px;
	height:					37px;
	background-image:   	url(/images/popup/details_simple.png);
	background-position:	0px -1145px;
	position:				relative;
	float:					left;
	clear:					both;
}

.popup_simple_s
{
	width:					auto;
	height:					37px;
	background-image:   	url(/images/popup/details_simple.png);
	background-position:	-38px -1145px;
	position:				relative;
	float:					left;
}

.popup_simple_se
{
	width:					40px;
	height:					37px;
	background-image:   	url(/images/popup/details_simple.png);
	background-position:	-1542px -1145px;
	position:				relative;
	float:					left;
}

.popup_title
{
	font-size:          	24px;
	font-weight:        	bolder;
	color:              	#f0a500;
	text-decoration:    	none;
	margin-bottom:      	10px;
	height:					30px;
	width:					100%;
	white-space:		    nowrap;
	overflow:				hidden;
	text-overflow: 			ellipsis;
  	-o-text-overflow: 		ellipsis;
  	position:				relative;
  	float:					left;
  	clear:					both;
}

.popup_content_wrapper
{
	width:					100%;
	height:					auto;
	position:				relative;
	float:					left;
	background-color:		white;
}

.popup_content
{
	width:					auto;
	height:					auto;
	position:				relative;
	float:					left;
	clear:					both;
}

.popup_close_box
{
	width:					20px;
	height:					20px;
	padding-top:			15px;
}

.popup_hint
{
	width:					100%;
	height:					80px;
	position:				relative;
	float:					left;
	clear:					both;
	font-size:				16px;
	font-weight:			bold;
	color:					black;
	text-decoration:		none;
	padding-top:			10px;
}