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

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

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

.window
{
	position: absolute;
	
	width: 100%;
	height: 100%;
	
	background-color: black;  /* instead of a border */
}

.plain.window
{
	
}

.alt.window
{
	
}

.dialog.window
{
	
}

.document.window
{
	
}

@font-face
{
	font-family: ChicagoFLF;
	
	src: url( http://www.metamage.com/css/ChicagoFLF.ttf ) format( "truetype" );
}

.title-bar
{
	position: relative;
	
	font-size: 12px;
	font-weight: normal;
	font-family: Chicago, Charcoal, Silom, ChicagoFLF, sans-serif;
	
	text-align: center;
	
	height: 17px;
}

.title-frame
{
	position: absolute;
	
	top:   1px;
	left:  1px;
	right: 1px;
	
	border: 1px solid white;
	
	height: 15px;
	
	background: url(../images/stripes.png);
	
	background-color: white;
	color: black;
}

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

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

.title-bar span.empty
{
	background-color: transparent;
}

.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: absolute;
	
	top:    19px;
	left:   1px;
	right:  1px;
	bottom: 1px;
	
	background-color: white;
	color: black;
}

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

.windowPic
{
	width:  100%;
	height: 100%;
	
	top: 0px;
	
	position: absolute;
}

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