/*	Mac-style styles
	================  */

.window-container
{
	position: absolute;
	
	z-index: 2;
}

.window-container.collapsed
{
	height: 17px ! important;
}

.window
{
	position: relative;
	
	width: 100%;
	height: 100%;
	
	background-color: white;
	color: black;
	
	border: 1px solid black;
}

.plain.window
{
	
}

.alt.window
{
	
}

.dialog.window
{
	
}

.document.window
{
	
}

.title-bar
{
	font-size: 12px;
	font-weight: normal;
	font-family: Chicago, Charcoal, Silom, sans-serif;
	
	text-align: center;
	
	height: 16px;
	
	border-bottom: 1px solid black;
}

.title-frame
{
	margin: 1px 1px;
	
	position: relative;
	
	background: url(../images/stripes.png);
}

.inactive.window-container .title-frame
{
	background: white;
}

.title-bar span
{
	background-color: white;
	color: black;
	
	/*
	height: 14px;
	*/
	
	padding: 0px 7px;
	
	position: relative;
}

.close-box-margin
{
	position: absolute;
	
	padding: 0px 1px;
	
	top: 2px;
	left: 6px;
	
	background: white;
	color: inherit;
}

.close-box
{
	width: 9px;
	height: 9px;
	
	border: 1px solid black;
}

.inactive.window-container .close-box
{
	border-color: white;
}

.highlighted.close-box
{
	background: url(../images/box-highlight.png);
}

.window-content
{
	position: relative;
}

.collapsed.window-container .window-content
{
	display: none;
}

.window .picture
{
	width:  100%;
	height: 100%;
}

.window-outline
{
	position: absolute;
	
	z-index: 2;
	
	outline-width: 1px;
	outline-style: dotted;
	outline-color: invert;
}