.modalBG{
    background-color:gray;
    filter:alpha(opacity=60);
    opacity:0.7;
}

.modalLoadingBG{
    background-color:gray;
    filter:alpha(opacity=60);
    opacity:0.8;
}

.modalPopup{
    background-color:#ffffdd;
    border:2px solid gray;
    padding:0px;
    width:300px;
}

.updateProgress {
    border-width:1px; 
    border-style:solid; 
    background-color:#FFFFFF;             
    width:140px;            
    padding:10px; 
    vertical-align:middle;
    
}

.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:11px;
    font-weight:bold;
    vertical-align: middle;
}

.modalForm
{
    padding:10px;
    border:1px solid #000;
    background-color:#fff;
}


.overlay
{  
    border:solid 1px #808080;
    border-width:1px 1px;
} 

.underlay
{
    position:absolute;
    background-color:#000;
    bottom:-1px;
    filter:alpha(opacity=12);
    left:-1px;
    right:-1px;
    top:3px;
    z-index:-1;
}

.updating
{
    background-color:#fff;
    padding:10px;
	color:#808080;
	background:#fff url(/graphics/loading_round.gif) no-repeat center;
} 

.modalPopupBox
{
    padding:0px;
    border:1px solid #000;
    background-color:#fff;
    width:550px;
    
}
.PopupHeader
{
    cursor:move; /* Because the DragPanelExtender doesn't do this for me ;( */
    background: url(/graphics/bg_silver.jpg) repeat-x;
    color: #000;	
    border-bottom:solid 1px #ccc;
    padding: 6px 10px;
    font:bold 13px arial;
} 

.PopupBody
{
    padding:10px;    
    height:500px;
    overflow:auto;
}


.PopupFooter
{
    text-align:right;
    background: url(/graphics/bg_silver.jpg) repeat-x;	
    color: #000;	
    border-top:solid 1px #ccc;
    padding: 5px 3px;
}

.PopupClose
{
    background: url(/graphics/close_silver.gif) no-repeat;
    width: 25px;	
    float:right;
    height: 15px;
}