/*Window*/
.window {
	-webkit-box-shadow: 0 0 15px black;
	-moz-box-shadow: 0 0 15px black;
	position: relative;
	overflow: hidden;
}

.window .background {
	background-color: red;
	width: 100%;
	height: 100%;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.window.ui-draggable-dragging .background {
	opacity: 0.6;
	filter:alpha(opacity=60);
}

.window {
	width: 25px;
	height: 125px;
}

.window.expanded {
	width: 325px;
	height: 325px;
}

/*handle*/
.window .handle {
	background-color: blue;
	height: 0;
	width: 0;
	z-index:2;
	position: absolute;
	top: 0;
	left: 0;
}

.window.expanded .handle {
	height: 25px;
	width: 325px;
}

/*collapse*/
.window .collapse_area {
	background-color: brown;
	width: 25px;
	height: 325px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}