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

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

.modalPopup{
    background-color:#fff;
    border:1px solid #000;
    padding:0px;
    width:300px;
}

.updateProgress{
    border-width:1px; 
    border-style:solid; 
    background-color:#FFFFFF;             
    width:120px;            
    padding:20px; 
    verstical-align:middle;
    
}

.redirectProgress {
    border:1px solid #000;
    background-color:#FFFFFF; 
    width:300px;       
    padding:20px; 
    vertical-align:middle;
    margin:0px auto;
}

.redirectProgress2 {
    width:300px;       
    padding:20px; 
    vertical-align:middle;
    margin:0px auto;
}


.progressMessage
{
    margin:3px; 
    font-family:Arial; 
    font-size:14px;
    font-weight:bold;
    vertical-align: middle;
	display:block;
}

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


.headerGrey{
	background-image:url(/graphics/window_header_grey.jpg);
	background-repeat:repeat-x;
	height:35px;
	
}

.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:0px solid #000;
    /*width:700px;*/
    
}
.modalPopupBox_image
{
    padding:0px;
    border:0px solid #000;
    width:700px;
    
}
.border {border:1px solid #000;
}
.modalPopupBox_liquid
{
    padding:0px;
    border:0px solid #000;
    
}
.PopupHeader
{
    background-color:#fff;
    color: #000;	
    border-bottom:solid 1px #ccc;
    padding: 6px 10px;
    font:bold 13px arial;
}
.PopupHeader_silver
{
    background: url(/graphics/global/modal_header_silver.jpg) repeat-x;
    color: #000;	
    border-bottom:solid 1px #ccc;
    padding:8px;
    font:bold 13px arial;
	text-align:center;
}
.PopupHeader_blue
{
    background: url(/graphics/global/modal_header_550_blue_curve.gif) repeat-x;
    color: #fff;	
    border-bottom:solid 1px #ccc;
    padding: 6px 10px;
    font:bold 13px arial;
	text-align:center;
}

#lblHeaderData{
	color: #fff;	
    padding: 6px 10px;
    font:bold 13px arial;
	text-align:center;
}

.drag
{
    /* cursor:move; Because the DragPanelExtender doesn't do this for me ;( */
	cursor:move;	
} 

.PopupBody
{
    padding:10px;
    overflow:visible;
	background-color:#fff;
	width:auto;
}
.PopupBody_video
{
    padding:10px;
    width: 530px;
    height:350;
	background-color:#000;
	overflow:visible;
	margin:0px auto;
}

.PopupBody_image
{
    padding:10px;
	/*
	width: 680px;
	height:450px;
	*/
	text-align:center;
	vertical-align:middle;
    overflow:visible;
	background-color:#fff;
	
}


.PopupFooter
{
    text-align:center;
    background: url(/graphics/global/modal_header_silver.jpg) repeat-x;
    color: #000;	
    border-top:solid 1px #ccc;
    padding: 5px 10px;
	background-color:#fff;
	
}

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