﻿   .modalBackground
{
	    background-color:Gray;
	    filter:alpha(opacity=70);
	    opacity:0.7;
}
    .modalPopup 
{
	    background-color:#ffffdd;
	    border-width:3px;
	    border-style:solid;
	    border-color:Gray;
	    padding:3px;
	    width:250px;
}
.demo
{
    font-family:Arial,Arial,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,Arial,clean,sans-serif;
    padding:2px 2px 2px 2px;
}

.overlay
{  
    border:solid 1px #808080;
    border-width:1px 1px;
} 

.underlay
{
    position:absolute;
    background-color:#000;    
    filter:alpha(opacity=25);
    bottom:-3px;
    left:6px;
    right:-3px;
    top:6px;
    z-index:-1;
}

.header
{
    cursor:move; /* Because the DragPanelExtender doesn't do this for me ;( */
    background: url(../img/yuipanel/sprite.png) repeat-x 0px -200px;	
    color: #000;	
    border-bottom:solid 1px #ccc;
    padding: 5px 0px 5px 5px;
} 

.textbox
{
    background: url(../img/yuipanel/sprite.png) repeat-x 0px -200px;	
    color: #000;	
    border-bottom:solid 1px #ccc;
    padding: 3px 3px;
}
.header .msg
{
    font-weight: bold;
}         

.updating, .body
{   
    background-color:#fff;
    padding:5px 5px 5px 5px;
    text-align: center;
}

.updating
{
	color:#808080;
	background:#fff url(../img/yuipanel/activity.gif) no-repeat center;
} 

.footer
{
    text-align:center;
    background: url(../img/yuipanel/sprite.png) repeat-x 0px -200px;	
    color: #000;	
    border-top:solid 1px #ccc;
    padding: 5px 0px 4px;
}

.close
{
    right: 7px;	
    background: url(../img/yuipanel/sprite.png) no-repeat 0px -300px;	
    width: 25px;	
    cursor: pointer;	
    position: absolute;	
    top: 7px;	
    height: 15px;
}

.menu
{
    background: url(../img/yuipanel/sprite.png) repeat-x 0px -200px;	
    color: #000;	    
    padding: 0px 0px 1px 0px;
}

.menu .StaticHoverStyle
{   
    background-color:Black;    	
    color: White;	    
}