body
{
    font-family: verdana;
    font-size: 11px;
    background-color: #999999;
    color: #fff;
    margin: 0px;
}
    a
    {
        color: #FFFFFF;
        text-decoration: underline;
    }
    a:hover
    {
        color: #ff33cc;
        text-decoration: none;
    }
.bg_black
{
	background-image: url('_assets/img/vista_Black.gif');
	color: #FFCCFF;
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma, verdana;
}
.dialog
{
    font-family:Tahoma;
    font-size:11pt;
    color:#222222;
    background-color:#999999;
}    

/* header styles */
.header
{
    position:relative;
    color:#fff;        
    cursor:move; /* So the user knows they can drag the panel */
}
.header .outer
{
    background: url('_assets/img/top-right.png') no-repeat right;
    padding-right: 40px;
}
.header .inner
{
    background:url("_assets/img/top-left.png") left no-repeat;
    padding-left:9px;
}
.header .content
{
    height:35px;
    background:url("_assets/img/top-mid.png") repeat-x;
}
.header .content H2
{
    font-size:12pt;
    font-weight:bold;
    color:#fff;
    padding-top:6px;
    margin:0;
}
.header .close
{
    /* the image is 35x35 pixels wide */
    height:25px;
    width:35px;	
    /* position the image */
    position:absolute;	
    top:4px;
    right:7px;	
    background:url("_assets/img/close.png") no-repeat;	
    cursor:pointer;
}
.header .close:hover
{
    /* set the hover image */
    background:url("_assets/img/close-hover.png") no-repeat;	
}        

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

/* dialog footer styles */
.footer
{
}
.footer .outer
{
    background:url("_assets/img/bottom-right.png") right top no-repeat;
    padding-right:9px;
}
.footer .inner
{
    background:url("_assets/img/bottom-left.png") left top no-repeat;
    padding-left:9px;
}
.footer .content
{
    height:7px;
    background:url("_assets/img/bottom-mid.png") repeat-x;        
}   
        
.updating
{
    color:#808080;
    background:url("_assets/img/activity.gif") no-repeat center;
}  
/* table level rules */
.grid
{
	font-family: tahoma;
	font-size: 11px;
	border: solid 1px #7f7f7f;
    border-collapse:collapse;	
    color: #333333;
    background-color:#999999;
    width:100%
}


/* header column rules */
.grid th 
{
    background: url("_assets/img/sprite.png") repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 3px 2px 4px 5px;
    vertical-align: bottom;
    text-align:left;
}  
/* Grid Links*/
.grid td a
{
	color:navy;
	font-size: 12px;
    font-weight: bold;
	text-decoration: underline;
	
}
.grid td a:hover
{
	color:blue;
    font-size: 12px;
    font-weight: bold;
	text-decoration: none;
	
}

.grid th a
{
	color:#333333;
    font-weight: bold;
	text-decoration: none;
	display: block;
    padding-right: 10px;
}

/* data cell and data row rules */
.grid td 
{
	color:#333333;
    padding: 4px 7px 4px 7px;
    border-bottom: solid 1px #BBD9EE;
}

.grid .altrow
{
    background-color: #EBF4FA;
} 

.grid .row
{
    background-color: #fff;
}  

.grid .rownum
{
    text-align:center;
    padding-left:0px;
    font-weight:bold;
    color:#333333;
}
.modalBackground 
{
	background-color:#FFF0F5;
	filter:alpha(opacity=70);
	opacity:0.7; 
}

/************* Menu **********/
.demo
{
  padding:5px;
}
.purple-theme .ajax-glow-button,
.purple-theme .ajax-glow-button .inner
        {
        	border-color:#9C0063;
        }
.purple-theme .ajax-glow-button .inner INPUT
        {
            font-weight: bold;
            font: normal normal bold 10px Tahoma;
            border-color: #D693BD;
            color: #fff;
            padding: 5px 10px;
            width: 100px;
}      
/* Data Pager Styles */
.pager
{
	
    padding-bottom:8px;
} 

.pager SPAN.PageNumbers,        
.pager SPAN.current,        
.pager A.PageNumbers
{
    color:white;
    font-family:Century,serif;
    font-size:14px;
    padding:3px;
    text-decoration:underline;
}
.pager A:hover.PageNumbers
{
    color: #ff33cc;
    font-size:14px;
    padding:3px;
    text-decoration: none;
}

.pager SPAN.current
{
    font-size:16px; 
    font-weight:bold;
    text-decoration:none;
}