/* FlexBox default styles */

body {
	margin: 0;
	padding: 0;
}

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: #000;	
}

#popup-frame {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 101;
	text-align: left;
	line-height: 1;
}

.test {
	background: white;
}

.whine-popup {
	display: none;
	background: url(../images/bg/popup-top.png) top left no-repeat;
	padding: 40px 0 0 0;
	line-height: 1.333em;
}

.whine-popup p {
	margin: 5px 0;
}

.whine-popup h3 {
	background: #e4d66f;
	color: #353420;
	padding: 4px;
	margin: 5px 0 9px -4px;
}

.whine-popup-wrap {
	background: url(../images/bg/popup-bottom.png) bottom left no-repeat;
	padding: 0px 12px 12px 12px;
}