/*

The Popbox.css is used for javascript created overlays, usually functional in nature, in contrast to the Popup.css which is
used for new browser windows with reduced chrome, used to display information in packets.

*/

@media screen
{
	.PopupContent
	{
		display: none;
	}
	
	#PopBoxMask
	{
		position:absolute;
		z-index:11000;
		left:0px;
		top:0px;
		background-color:#666666;
		opacity:0.5;
		filter:alpha(opacity=50);
	}
	
	#PopBox
	{
		display:none;
		position:fixed;
		overflow:visible;
		z-index:11001;
		left:0px;
		top:0px;
		border:2px solid #ba9c5c;
		background-color:#FFFFFF;
		padding:10px;
	}
	
	#PopBoxTop
	{
		background-color:#dcd1b9;
		padding:3px 5px;
		text-align:right;
		margin:0px 0px 10px 0px;
	}
			
	.PopBoxClose
	{
		font-size: 1em;
	}
	
	#PopBoxContentHolder
	{
		padding: 0 12px;
	}
	
	#PopBoxTitle
	{
		padding-bottom: 6px;
		border-bottom: 1px solid #eedebd;
	}
	
	#PopBoxFooter
	{
		background-color:#eedebd;
		padding:3px 5px;
		text-align:right;
		height: 12px;
	}
	
	/******************************
	 * Popbox forms
	 ******************************/

	#PopBox label
	{
		display: block;
		font-weight: bold;
		padding: 16px 0 2px;
		font-size: 0.9em;
	}
	
	#PopBox .dropdown-selectedvalue
	{
		width: 292px;
	}
	
	#PopBox .dropdown-options
	{
		width: 358px;
	}	
	
	#PopBox input.TextBox
	{
		width: 340px;
	}

	#PopBox .ButtonHolder
	{
		padding: 16px 0 2px;
	}
}