.floatwindow {
	display:none;
	position:absolute;
	top:20px;
	left:50%;
	width:900px;
	height:1200px;
	margin-left:-450px;
	z-index:100;
	resize: both;
    overflow: auto;
	background-color:#D27D0C;
	border: 1px solid #888888;
	-webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.2);
}
@media (max-width: 1240px) {
	.floatwindow {
		width:90%;
		margin-left:-45%;
	}
}
@media (max-height: 940px) {
	.floatwindow {
		height:90%;
		top:40px;
		margin-top:0px;
	}
}

.floatwindow.ontop {
	display:block;
}
.floatwindow.ontop > a {
	display:block;
	position:absolute;
	top:1px;
	height:19px;
	z-index:100;
}
.floatwindow.ontop a.closewin {
	right:1px;
	width:42px;
	background-image:url("../images/close.png");
}
.floatwindow.ontop a.maxwin {
	right:44px;
	width:12px;
}
.floatwindow.ontop > div {
	position:absolute;
	top:23px;
	left:0px;
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);    
	width: calc(100% - 20px); 
	padding:10px;
	font-size:0.9em;
	height: auto; 
	background-color:#ffffff;	
}
[draggable=true] {
    cursor: move;
}