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

.floating_message_box
{
	font-size:        11px;
	font-weight:      normal;
	text-align:       left;
	vertical-align:   top;
	width:            auto;
	height:           auto;
	top:              -2000px;
	left:             -2000px;
	position:         absolute;
	padding:          0px;
	color:            black;
	z-index:          200;
}

div.floating_message_box_top
{
	position:            relative;
	float:               left;
	width:               auto;
	height:              35px;
}

div.floating_message_box_middle
{
	position:            relative;
	float:               left;
	clear:               both;
	width:               auto;
	height:              auto;
	background-color:    #d7d7d7;
	padding-bottom:		 10px;
}

div.floating_message_box_bottom
{
	position:            relative;
	float:               left;
	clear:               both;
	width:               auto;
	height:              10px;
}

div.floating_message_box_nw
{
	background-image:    url(/images/box/floating_message_box_nw.png);
	background-position: top left;
	position:            relative;
	width:               10px;
	height:              35px;
	margin:              0px;
	padding:             0px;
	float:               left;
}

div.floating_message_box_n 
{
	background-image:    url(/images/box/floating_message_box_n.png);
	background-position: top left;
	position:            relative;
	text-align:          center;
	vertical-align:      middle;
	width:               auto;
	height:              35px;
	border:              none;
	margin:              0px;
	padding:             0px;
	float:               left;
}

div.floating_message_box_n_no_title
{
	background-image:    url(/images/box/floating_message_box_n_no_title.png);
	background-position: top left;
	position:            relative;
	text-align:          center;
	vertical-align:      middle;
	width:               auto;
	height:              35px;
	border:              none;
	margin:              0px;
	padding:             0px;
	float:               left;
}

.floating_message_box_title
{
	position:            relative;
	font-size:           20px;
	font-weight:         bolder;
	text-align:          center;
	color:               black;
	vertical-align:      middle;
	width:               100%;
	height:              30px;
	border:              none;
	margin:              0px;
	padding-top:         2px;
	float:               left;
}

div.floating_message_box_ne
{
	background-image:    url(/images/box/floating_message_box_ne.png);
	background-position: top left;
	position:            relative;
	width:               10px;
	height:              35px;
	margin:              0px;
	padding:             0px;
	float:               right;
}

div.floating_message_box_w
{
	background-image:    url(/images/box/floating_message_box_w.png);
	background-position: top left;
	position:            relative;
	width:               10px;
	height:              auto;
	margin:              0px;
	padding:             0px;
	float:               left;
	padding-bottom:		 10px;
}

div.floating_message_box_e
{
	background-image:    url(/images/box/floating_message_box_e.png);
	background-position: top left;
	position:            relative;
	width:               10px;
	height:              auto;
	margin:              0px;
	padding:             0px;
	float:               right;
	padding-bottom:		 10px;
}

div.floating_message_box_sw
{
	background-image:    url(/images/box/floating_message_box_sw.png);
	background-position: top left;
	position:            relative;
	width:               10px;
	height:              10px;
	margin:              0px;
	padding:             0px;
	float:               left;
}

div.floating_message_box_s
{
	background-image:    url(/images/box/floating_message_box_s.png);
	background-position: top left;
	height:              10px;
	width:               auto;
	position:            relative;
	margin:              0px;
	padding:             0px;
	float:			     left;
}

div.floating_message_box_se
{
	background-image:    url(/images/box/floating_message_box_se.png);
	background-position: top left;
	position:            relative;
	width:               10px;
	height:              10px;
	margin:              0px;
	padding:             0px;
	float:               right;
}

div.floating_message_box_content_wrapper
{
	background-color:    #d7d7d7;
	position:            relative;
	float:               left;
	margin:              0px;
	padding-top:         10px;
	width:               auto;
	height:              auto;
    overflow:            hidden;
    text-align:          center;
    vertical-align:      middle;
}

.floating_message_box_content
{
	background-color:    #d7d7d7;
	position:            relative;
	float:               left;
	margin:              0px;
	padding:             0px;
    overflow:            hidden;
	font-size:           18px;
	font-weight:         bolder;
    text-align:          center;
    vertical-align:      middle;
    color:               #768187;
    width:               100%;
    height:              auto;
}