/**
 * 
 * @package		Livesite
 * @version		1.3.5-beta
 * @author		Bogdan Vojska 
 * @copyright	2011-2020 Bogdan Vojska. All rights reserved.
 * @homepage	www.bogdan-vojska.de
 * @email		mail@bogdan-vojska.de
 *
 */
 
@CHARSET "UTF-8";

/* Dialogs for errmessages - They do use a dedicated container*/

/* REGULAR DIALOGS */

/* Standard dialog */

.promptbox,
.promptbox > p {
	margin : 15px;
	text-align : center;
	color : #000;
	max-width : 40vw;
}

/* dialogbox */

#dialogbox {
	position : fixed;
	top : 100px;
	left : 20px;
	padding : 5px;
	border-width : 1px;
	border-style : solid;
	border-color : rgb(255, 255, 255) rgb(238, 238, 238) rgb(85, 85, 85) rgb(102, 102, 102);
	background-color : rgb(221, 221, 221);
	z-index : 100;
	display : block;
}

#dialogbox .headbar {
	height : 20px;
	border : medium none;
	padding : 3px;
	background-color : rgb(192, 192, 192);
	margin-bottom : 5px;
}

#dialogbox .headbar > div > span {
	vertical-align : top;
	padding-top: 0px;
	font-size: 10pt;
	font-weight : bold;
	line-height: 10pt;
}

#dialogbox .headbar.markedred {
	border : medium none;
	background-color : rgb(231, 34, 34);
}

#dialogbox .headbar .title {
	font-size : 10pt;
	line-height : 120%;
	font-weight : normal;
	text-align : left;
	max-width : calc( 100% - 30px );
	overflow : hidden;
	white-space : nowrap;
	float : left;
	margin : 0;
}

#dialogbox .closebutton {
	text-align : center;
	float: right;
	height: 14px;
	width: 14px;
	border : medium none;
	background-color : transparent;
	cursor: pointer;
}

#dialogbox .contentarea {
	padding : 0;
	margin : 0;
	background : none;
	overflow-y : hidden;
	overflow-x : hidden;
	position : static;
	min-height : 40px;
	width : 100%;
	height : auto;
}

#dialogbox .commandpanel {
	text-align : center;
	display : inline-block;
	margin : 0 0 10px 0;
}

#dialogbox .commandpanel > div,
#dialogbox .commandpanel > p {
	display : inline;
	margin : 0;
	text-align : center;
}

/****** For embeded Forms ******/
#dialogbox form .headbar {
	height : 20px;
	border : none;
	border-bottom : 1px solid rgb(170, 170, 170);
	background : none;
	font-size : 8pt;
	font-weight : normal;
	margin-top : 5px;
}
#dialogbox form .headbar > .title,
#dialogbox form .headbar > .subtitle {
	font-size : 10pt;
	font-weight : normal;
}

/* dialogbox */

#toolbox {
	position : fixed;
	top : 20vh;
	left : 20vw;
	padding : 5px;
	border-width : 1px;
	border-style : solid;
	border-color : rgb(255, 255, 255) rgb(238, 238, 238) rgb(85, 85, 85) rgb(102, 102, 102);
	background-color : rgb(221, 221, 221);
	z-index : 100;
	display : block;
}

#toolbox .headbar {
	height : 20px;
	border : medium none;
	padding : 3px;
	background-color : rgb(192, 192, 192);
	margin-bottom : 5px;
}

#toolbox .headbar > div > span {
	vertical-align : top;
	padding-top: 0px;
	font-size: 10pt;
	font-weight : bold;
	line-height: 10pt;
}

#toolbox .headbar.markedred {
	border : medium none;
	background-color : rgb(231, 34, 34);
}

#toolbox .headbar .title {
	font-size : 10pt;
	line-height : 120%;
	font-weight : normal;
	text-align : left;
	width: 385px; 
	float : left;
}

#toolbox .closebutton {
	text-align : center;
	float: right;
	height: 14px;
	width: 14px;
	border : medium none;
	background-color : transparent;
	cursor: pointer;
}

#toolbox .contentarea {
	padding : 0;
	margin : 0;
	background : none;
	overflow-y : hidden;
	overflow-x : hidden;
	position : static;
	min-height : 40px;
	width : 100%;
	height : auto;
}

#toolbox .commandpanel {
	text-align : center;
	display : inline-block;
	margin : 0 0 10px 0;
}

#toolbox .commandpanel > div,
#toolbox .commandpanel > p {
	display : inline;
	margin : 0;
	text-align : center;
}

/****** For embeded Forms ******/
#toolbox form .headbar {
	height : 20px;
	border : none;
	border-bottom : 1px solid rgb(170, 170, 170);
	background : none;
	font-size : 8pt;
	font-weight : normal;
	margin-top : 5px;
}
#toolbox form .headbar > .title,
#toolbox form .headbar > .subtitle {
	font-size : 10pt;
	font-weight : normal;
}