.modal-popup
{
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    padding: 2px 3px;
    display: block;
    position: absolute;
}

.modal-container
{
    border: solid 1px #808080;
    border-width: 1px 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
} 

.modal-header
{
    background: url(images/modal-header.jpg) repeat-x;	
    color: #0079C2;	
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 3px 10px;
} 

.modal-header .msg
{
    font-weight: bold;
    text-align: center;
    vertical-align:middle;
}         

.modal-body
{
    background-color: #f2f2f2;
    border-color: #606060;
    border-style: solid;
    border-width: 0px 1px;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    overflow: auto;
} 

.modal-footer
{
    background-color: #f2f2f2;
    border-color: #a0a0a0 #808080;
    border-style: solid solid none;
    border-width: 1px 1px 0px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
} 

.modal-close
{
    right: 7px;	
    background: url(images/modal-close.jpg) no-repeat;	
    width: 25px;	
    cursor: pointer;	
    position: absolute;	
    top: 7px;	
    height: 15px;
}

.modal-background 
{
    background-color:Gray;
    filter:alpha(opacity=50);
    opacity:0.5;
}
.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7; position:relative;
}
.modalPopup
{ 
background-color:#FFF8C6; 
border-width:3px; 
border-style:solid; 
border-color:Gray; 
padding:3px; 
width:350px; 
}