/* CSS definitions for pop-up dialog windows. */

.popupBackgroundMask 
{
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 400;
	overflow: hidden;
	background: #000000;
}

.popup 
{
	position: absolute;
	z-index: 9999;
	float: left;
}

.popclose 
{
	position: absolute;
	cursor: hand;
	cursor: pointer;
	font-size: 15px;
	margin-right: 5px;
	margin-top: 3px;
}

.popclose:hover 
{ 
	text-transform: capitalize;
	text-decoration: none;
}

.popcont 
{
	display: none;
	position:absolute;
	padding:0;
	margin:10px 10px 10px 10px;
	width: 400px;
	height: 200px;
	z-index:401;
}

/* This allows the better behavior on browsers besides IE */
div.popouterdiv > div.popcont {
	position: absolute;
}

.popcont .corner {
	height:10px;
	width:10px;
	overflow:hidden;
	position:absolute;
	width:10px; height:10px;
}

.popcont .tl { background:url(/Content/Images/popcornerTL.png) no-repeat 0 0; left:-10px; top:-10px }
.popcont .tr { background:url(/Content/Images/popcornerTR.png) no-repeat 0 0; right:-10px; top:-10px }
.popcont .bl { background:url(/Content/Images/popcornerBL.png) no-repeat 0 0; bottom:-10px; left:-10px }
.popcont .br { background:url(/Content/Images/popcornerBR.png) no-repeat 0 0; right:-10px; bottom:-10px }

.popcont .edge {
	position:absolute;
	background:url(/Content/Images/popblock.png) repeat;
	overflow:hidden;
}
.popcont .lvs { left:-10px; top:0px; width:10px; height:100% }
.popcont .rvs { right:-10px; top:0px; width:10px; height:100% }
.popcont .ths { left:0px; top:-10px; width:100%; height:10px }
.popcont .bhs { left:0px; bottom:-10px; width:100%; height:10px }

.popcont .title {
	width:400px;
	height:26px;
	margin:0;
	background-color: #669;
	font-size: 14pt;
	font-weight: bold;
	color: #fff;
}

.popcont .title div {
	padding: 5px 10px 5px 10px;
}

.popcont .text {
	width:100%;
	height:138px;
	background-color:white;
}

.popcont .text div {
	padding: 10px 10px 10px 10px;
}

.popcont .buttons {
	width:100%;
	background-color:#dde;
	text-align:right;
	height:36px;
}

.popcont .buttons div {
	padding: 10px 10px 10px 10px;
}

.popcont .buttons .btn {
/* These produce Facebook-like buttons, but I don't think we really
	want those at the moment. */
/*	background-color:#55b;
	border-width:1px;
	border-top-color: #fff;
	border-left-color: #fff;
	border-bottom-color: #669;
	border-right-color: #669; */
	padding: 0px 10px 0px 10px;
	/* color:#fff; */
}

.popcont .buttons .disabled {
	/* color:#888;
	background-color:#228; */
}