/* the overlayed element */
.simple_overlay {
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements, except logout overlay */
	z-index:1000;
	
	/* styling */
	background-color:#AAA;
	
	width:300px;	
	left:50%; top:50%;
	margin-left:-150px; margin-top: -150px;
	min-height:150px;
	border:1px solid #666;
	text-align:center;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../Images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


.formLayout
{
	position:fixed; 
	left:50%; top:50%;
	margin-left:-150px; margin-top: -150px;
	display:none;
	background-color: rgb( 237, 244, 250 );
    border: solid 2px rgb(153, 0, 0);
	border-radius: 3px;
    padding: 10px;
	width:300px;	
	min-height:150px;
	text-align:center;
}

 .formLayout p
 {
		color: rgb( 153, 0, 0 );
		font-weight: bold;
		font-size: 150%;
 }
    
 .formLayout label, .formLayout input, .formLayout select
  {
	display: block;
    width: 135px;
    float: left;
    margin-bottom: 10px;
 }
	
 .formLayout input, .formLayout select
 {
	padding: 5px;
	border-radius: 4px;
 }
	
 .formLayout input:focus
 {
	-moz-box-shadow: 0 0 8px rgb( 106, 171, 221 );
	-webkit-box-shadow: 0 0 8px rgb( 106, 171, 221 );
	box-shadow: 0 0 8px rgb( 106, 171, 221 );
	border-color: rgb( 191, 218, 238 );
 }
 
 .formLayout label
  {
  
	display: block;
    width: 115px;
    float: left;
    margin-bottom: 10px;
        text-align: right;
        padding-right: 20px;
		padding-top: 5px;
		color: rgb( 153, 0, 0 );
		font-weight: bold;
    }
 
    .formLayout br
    {
        clear: left;
    }