.demo
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;  
    margin:20px 30px;
    padding:10px;
    width:95%;
    height:800px;
    border:solid 1px #000; 
    background-color:aliceblue;
}

.frame
{
	position:absolute;
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;  
    padding:2px 3px;
    width:400px;
}

.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;
}

.header
{
    cursor:move; /* Because the DragPanelExtender doesn't do this for me ;( */
    background: url(http://lnlstorage.blob.core.windows.net/images/sprite.png) repeat-x 0px -200px;	
    color: #000;	
    border-bottom:solid 1px #ccc;
    padding: 3px 10px;
} 

.header .msg
{
    font-weight: bold;
}         

.updating, .body
{
    background-color:#fff;
    padding:10px;
}

.updating
{
	color:#808080;
	background:#fff url(http://lnlstorage.blob.core.windows.net/images/activity.gif) no-repeat center;
} 

.footer
{
    text-align:right;
    background: url(http://lnlstorage.blob.core.windows.net/images/sprite.png) repeat-x 0px -200px;	
    color: #000;	
    border-top:solid 1px #ccc;
    padding: 5px 3px;
}

.close
{
    right: 7px;	
    background: url(http://lnlstorage.blob.core.windows.net/images/sprite.png) no-repeat 0px -300px;	
    width: 25px;	
    cursor: pointer;	
    position: absolute;	
    top: 7px;	
    height: 15px;
}