/*
the window looks like this:
	<div class="windx">
		<div class="windxbox">
			<a class="windxclose">close</a>
			<h3>title goes here</h3>
			<div class="windxcontent">content goes here</div>
		</div>
	</div>
*/
div.windx {
	text-align:center;
	z-index:100;
	width:400px;
	position:absolute;
	top:100px;
	left:0px;
}
	div.windx div.windxbox {
		margin:0;
		text-align:left;
		background-color:#fff;
		padding:0 0 10px 0;
		border:2px solid #880000;
	}
		div.windx div.windxbox a.windxclose,
		div.windx div.windxbox a.windxclose:link,
		div.windx div.windxbox a.windxclose:visited,
		div.windx div.windxbox a.windxclose:hover,
		div.windx div.windxbox a.windxclose.hover,
		div.windx div.windxbox a.windxclose:active {
			position:absolute;
			top:3px;
			right:3px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:small;
			font-weight:bold;
			cursor:hand;cursor:pointer;
			text-decoration:none;
			color:navy;
			border:1px solid navy;
			padding:0 2px;
			margin:0;
		}
		div.windx a.windxclose:hover,
		div.windx a.windxclose.hover{
			background-color:#FFE69B;
		}
		div.windx a.windxclose:active {
			background-color:#fff;
		}
		div.windx div.windxbox h3 {
			background-color:#FFCC00;
			background-image:url(../images/layout/bg_yllwgrdnt_short.jpg);
			background-position:left;
			background-repeat: repeat-y;
			border-bottom:1px solid navy;
			color:navy;
			font-size:1.15EM;
			font-weight:bold;
			margin: 0 0 10px 0;
			padding:2px 0 0 5px;
			cursor:move;
		}
		div.windx div.windxbox div.windxcontent {
			padding:5px;
			overflow:auto;
		}
			div.windx div.windxbox div.windxcontent a,
			div.windx div.windxbox div.windxcontent a:link,
			div.windx div.windxbox div.windxcontent a:visited,
			div.windx div.windxbox div.windxcontent a:hover,
			div.windx div.windxbox div.windxcontent a.hover,
			div.windx div.windxbox div.windxcontent a:active {
				font-size:small;
			}
div#windxoverlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #011506;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

