/* Windows ------------------------------------------------------------------------------*/	
/* Damit sich das Fenster immer zentriert wird
 * wird um das eigentliche Dialog-Fenster
 * ein div mit absoluter Breite positioniert */		
.dialog-box-center{
	position: absolute;
	width: 100%;
	top: 10%;
	z-index: 7777;
	}
.dialog-box{ 
	z-index: 6666; 
	width: 400px;  
	min-height: 100px;  
	background: rgba(43, 43, 43, 0.95);
	margin: auto;
	
	text-shadow: 3px 3px 6px #000;

	color: #fff;
	font-family: Arial;
	padding: 20px 50px 30px 50px; 

	/*-webkit-box-shadow: 0 20px 62px rgba(0, 0, 0, .45);	*/
	position: relative;
	border-radius: 10px;
}	
.window-text{
	box-shadow: white 0 0 7px; 
	font-family: arial; 
	padding: 10px 4px; 
	margin: 0; 
	color: #fff;
	}				
.dialog-head{ 
/*	font-size: 24px;
	text-shadow: 3px 3px 6px #000;
	padding: 20px 0 10px 0;
	margin: 0 0 10px;
	position: relative;*/
}	
.dialog-message{ 
	padding: 0; 
	font-size: 1em;
	position: static;
	line-height: 1.2em;

}	

.dialog-message a{ color: #fff; }
.dialog-title-button{
	position: absolute !important;
	bottom: -10px;
	left: 230px; 
}				
.dialog-title-button button{
	background: #277df5; 
	box-shadow: 0 0px 4px #277df5;
	border: 0;
	width: 24px !important;
	height: 24px !important;
	cursor: pointer;
	border: 0 !important;
	margin: -3px -6px 0 0;
	}
.next-button button{
	background: transparent url(../img/next-click.png);
	box-shadow: 0 0 0 !important;
}
.dialog-title-button button:hover{
	background-position: right top;
}
.ui-draggable-dragging{
cursor: move;
}
#wrapper{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5555;	
	color: transparent;
	text-shadow: 0 0 5px #999;			
}