.window {
	background-color: #008ffa;
	position: absolute;
	font-family: arial;
	font-size: 10px;
	z-index: 1;
}

.window-menu {
	margin-top: 12px;
	cursor: crosshair;
}

.window-menu .window-menu-title {
	cursor: pointer;
}

.window-menu .window-menu-title span {
	background-color: #008ffa;
	color: lightblue;
	font-family: C64 Pro Mono Local;
     font-size: 14px;
	border-radius: 4px;
	padding: 4px;
	margin: 4px;
}

.window-menu-items {
	position:absolute;
	width:170px !important;
	display:block;
	z-index: 3;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display: none;
}

.window-menu-items .joystick-title {
	display: flex;
	align-items: center;
}

.window-menu-items .joystick-title h3 {
	color: blue;
	background-color: lightblue;
}

.window-menu-items input {
	font-size: 10px;
}

.window-menu-items button {
	font-size: 10px;
	cursor: pointer;
}

#joystick_options input {
	width: 70px;
}

#joystick_options button {
	width: 70px;
}

.window-menu-title {
	font-size: 32px;
}

.window-footer-content {
	display: flex;
	margin: auto;
}

.window-footer-content-item {
	margin-top: 12px;
	flex: 1;
}

.window-header {
	display: flex;
}

.window-header-item {
	flex: 1;
	height: 44px;
}

.window-header-left {
	background-image: url('top_left.gif');
	width: 44px;
	height: 44px;
}

.window-header-bar {
	background-image: url('top_bar.gif');
	align-content: stretch;
}

.window-header-corner {
	align-content: flex-end;
	display: flex;
}

.window-header-corner-left {
	background-image: url('right_l-button_no_side.gif');
	width: 44px;
	height: 44px;
}

.window-header-corner-right {
	background-image: url('top_right.gif');
	width: 44px;
	height: 44px;
}

.window-content {
	display: flex;
}

.window-content-left {
	display: flex;
	flex-direction: column;
}

.window-content-left-top {
	background-image: url('middle_left.gif');
	width: 28px;
	height: 192px;
}

.window-content-left-bottom {
	background-image: url('middle_left_bottom.gif');
	flex: 1;
}

.window-content-center {
	flex: 1;
	background-color: #9aa2fd;
}

.window-content-right {
	display: flex;
	flex-direction: column;
}

.window-content-right-top {
	background-image: url('middle_right_top.gif');
	width: 44px;
	height: 44px;
}

.window-content-right-middle {
	background-image: url('middle_right_middle.gif');
	flex: 1;
}

.window-content-right-bottom {
	background-image: url('middle_right_bottom.gif');
	width: 44px;
	height: 44px;
}

.window-footer {
	display: flex;
}

.window-footer-left {
	background-image: url('bottom_left.gif');
	width: 44px;
	height: 44px;
}

.window-footer-middle {
	background-image: url('bottom_middle.gif');
	flex: 1;
}

.window-footer-right {
	background-image: url('right_bottom_l-button.gif');
	width: 44px;
	height: 44px;
}

.oo-recommends {
	background-color: #008ffa;
	color: lightblue;
	font-family: C64 Pro Mono Local;
     font-size: 10px;
	margin-top: 14px;
	width: 700px;
}