.control {
	
}
.control, .control img {
	-webkit-user-select: none;
	-webkit-user-drag: none;
	position: absolute;
}
.control:hover {
}
.control:active {
}
.control.inactive {
	opacity: 0.75;
}

#close {
	width: 41px;
	height: 19px;
	position: relative;
	float:right;
	margin-right:6px;
	background: url(../frame/bg-max-reg.png) top right no-repeat;
}
#close:hover, #close.control.inactive:hover {
	background-image:url(../frame/bg-max-hov.png);
}
#close:active, #close.control.inactive:active {
	background-image:url(../frame/bg-max-down.png);
}

#max {
	width: 27px;
	height: 19px;
	position: relative;
	float:right;
	background: url(../frame/bg-max-reg.png) no-repeat -26px 0px;
}
#max:hover, #close.control.inactive:hover {
	background-image:url(../frame/bg-max-hov.png);
}
#max:active, #close.control.inactive:active {
	background-image:url(../frame/bg-max-down.png);
}


#minimize {
	width: 26px;
	height: 19px;
	position: relative;
	float: right;
	background:url(../frame/bg-max-reg.png) top left no-repeat;
}
.minimize:hover {
	background:url(../frame/bg-max-hov.png) top left no-repeat !important;
}
.minimize:active {
	background:url(../frame/bg-max-down.png) top left no-repeat !important;
}

#resize {
	width: 27px;
	height: 19px;
	position: relative;
	float:right;
	background: url(../frame/bg-maximized-reg.png) no-repeat -26px 0px;
}
#resize:hover, #close.control.inactive:hover {
	background-image:url(../frame/bg-maximized-hov.png);
}
#resize:active, #close.control.inactive:active {
	background-image:url(../frame/bg-maximized-down.png);
}