/* Ajax Begin */
.modalBackground
{
    position: absolute;
    background-color: #fff;
    filter: alpha(opacity=30);
    MozOpacity: 0.3;
    opacity: 0.3;
    padding: 0px;
    margin: 0px;
}

.panel-overlayer
{
}

.updateProgress
{
    border-width:1px;
    border-style:solid;
    background-color:#FFF;
    position:absolute;
    top: 45%;
    left: 45%;  
    border: 1px solid gray;
}

.updateProgress2
{
    border-width:1px;
    border-style:solid;
    background-color:#ee3347;
    color:white;
    border: 1px solid gray;
    position:static;
    height:20px;
}

.modalpopup
{
    font-family:Verdana;
    font-size: 11px;
    padding: 2px 3px;
    display: block;
    position: absolute;
}

.validatorCalloutHighlight
{
    background-color: yellow;
}

.indicator
{
	height:16px; 
    width:16px;
    margin: 5px; 
    display:block;
    background-image:url(../images/indicator.gif);
}

.dialog
{	
    font-family:Verdana;
    font-size: 11px;
    color:#222222;
    background-color:#fff;
    width:400px;
}

.dialog2
{
    font-family:Verdana;
    font-size: 11px;
    color:#222222;
    background-color:#fff;
    width:660px;
} 

/* Popup styles */
.headerPopup
{
    position:relative;
    color:#fff;        
    /*cursor:move;*/ /* So the user knows they can drag the panel */
}
.headerPopup .outer
{
    background:url(../images/top-right.png) right no-repeat;
    padding-right:5px;
}
.headerPopup .inner
{
    background:url(../images/top-left.png) left no-repeat;
    padding-left:9px;
}
.headerPopup .contentPopup
{
    height:35px;
    background:url(../images/top-mid.png) repeat-x;
}

.headerPopup .outer .inner .contentPopup span
{
	margin-top:0.5em;
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom:5px;
	padding-left:15px;
}

.headerPopup .contentPopup H2
{
    font-size:12pt;
    font-weight:bold;
    color:#fff;
    padding-top:6px;
    margin:0;
}
.headerPopup .close
{
    /* the image is 35x35 pixels wide */
    height:25px;
    width:35px;	
    /* position the image */
    position:absolute;	
    top:4px;
    right:7px;	
    background:url(../images/close.png) no-repeat;	
    cursor:pointer;
}
.headerPopup .close:hover
{
    /* set the hover image */
    background:url(../images/close-hover.png) no-repeat;	
}        

/* dialog body styles */
.bodyPopup
{
}
.bodyPopup .outer
{
    background:url(../images/right.png) right repeat-y;
    padding-right:7px;
}
.bodyPopup .inner
{
    background:url(../images/left.png) left repeat-y;
    padding-left:7px;
}
.bodyPopup .contentPopup
{
}  
.bodyPopup .contentPopup H2
{
    padding:10px;
    margin:0px;
    text-align:center;
    font-size: 11px;
    color:#222222;            
    font-weight:normal;
}           
.bodyPopup .contentPopup .footerPopup
{
    /* footer image is 41 pixels tall */    
    background:url(../images/footer2.gif) repeat-x bottom;
    height:41px;
}
.bodyPopup .contentPopup .footerPopup .commands
{
    text-align:right;
    padding:8px;
}           
.bodyPopup .contentPopup .footerPopup .commands INPUT
{
    /* keep the buttons a consistent size */    
    width:75px;        
}                   

/* dialog footer styles */
.footerPopup
{
}
.footerPopup .outer
{
    background:url(../images/bottom-right.png) right top no-repeat;
    padding-right:9px;
}
.footerPopup .inner
{
    background:url(../images/bottom-left.png) left top no-repeat;
    padding-left:9px;
}
.footerPopup .contentPopup
{
    height:7px;
    background:url(../images/bottom-mid.png) repeat-x;        
}