div.roundedBlue {
    clear:both;
    max-width:2400px;
}

div.roundedBlue div.top-outer {
    background:url(Images/MemOffice/tl.gif) no-repeat left bottom;
    padding:0px;
    width:100%;
}

div.roundedBlue div.top-outer div.top-inner {
    background:url(Images/MemOffice/tr.gif) no-repeat right bottom;
    margin-left:10px;
}

div.roundedBlue div.top-outer div.top-inner div.top {
    background:url(Images/MemOffice/t.gif) repeat;
    height:11px;
    margin-right:10px;
    font-size:.01em;
}

div.roundedBlue div.mid-outer {
    background:url(Images/MemOffice/l.gif) left repeat-y;
    clear:both;
    width:100%;
}

div.roundedBlue div.mid-outer div.mid-inner {
    background:url(Images/MemOffice/r.gif) right repeat-y;
    margin-left:10px;    
}

div.roundedBlue div.mid-outer div.mid-inner div.mid {
	background-color:#ffffff;
    margin-right:10px;
}

div.roundedBlue div.bottom-outer {
    background:url(Images/MemOffice/bl.gif) no-repeat left top;
    clear:both;
    padding:0px;
    width:100%;
}

div.roundedBlue div.bottom-outer div.bottom-inner {
    background:url(Images/MemOffice/br.gif) no-repeat right top;
    margin-left:10px;
}

div.roundedBlue div.bottom-outer div.bottom-inner div.bottom {
    background:url(Images/MemOffice/b.gif) repeat;
    height:11px;
    margin-right:10px;
    font-size:.01em;
}

/*gridBlue*/
.gridBlue
{
	font-family:Arial;
	font-size:12px;
	width:900px;
}
/* gridview styles */
.gridBlue .gridview
{
	width:100%;
	border:solid 2px #5E8CC6;
	empty-cells:show;
	border-top-width:1px;
	
}
.gridBlue .gridview .row TD, 
.gridBlue .gridview .altrow TD,
.gridBlue .gridview .edit-info TD
{
	text-align:left;
	padding:5px 4px;
	border-top:solid 1px #E2EBF2;
}
.gridBlue .gridview .edit-info TD
{
	border-top:dashed 1px #5E8CC6;
    font-weight:bold;
    color:#333;
}
.gridBlue .gridview TR.first TD
{
	border-top:none;
}
.gridBlue .gridview TD.edit
{
	border-bottom:dashed 1px #5E8CC6;
}     
.gridBlue .gridview .edit-info A
{
    font-weight:normal;
}        
.gridBlue .gridview .row TD.command, 
.gridBlue .gridview .altrow TD.command,
.gridBlue .edit-info TD.command
{
	text-align:center;
}    
.gridBlue .gridview .header TH
{
	background:url(Images/MemOffice/hdr.gif) repeat-x;
	height:2px;
	line-height:22px;
	color:#fff;
	font-weight:bold;
	font-size:10px;
	text-align:left;
	padding:0px 4px;
}
.gridBlue .gridview .edit
{
	padding:10px 5px;
}
.gridBlue .gridview .edit,.gridBlue .gridview .edit-info
{
	background-color:#F0F8FF;
}    
/* details styles */
.gridBlue .detailview
{
	width:100%;
	empty-cells:show;
}  
.gridBlue .detailview TH
{
	text-align:left;
	padding:0px 10px;
	color:#333;
	font-weight:bold;
	
}    
.gridBlue .details .footer
{
	text-align:right;
	padding:10px 10px 0px 0px;
} 
.gridBlue .details .header
{
	text-align:left;
	padding:0px 10px;
	font-weight:bold;
	display:none;
} 

/*Group gridPurple */

 .gridPurple
        {
         	border:solid 2px #a5a4bd;        	
        	font-family:Tahoma;
        	font-size:12px;
        	width:700px;
        }
        .gridPurple H2
         {
         	background:#8988a5 url(Images/GroupOffice/title-bg.gif);
         	border-bottom:solid 1px #57566f;
         	height:28px;
         	line-height:28px;
         	margin:0px;
         	padding:0px 0px 0px 5px;
        	color:#fff;
        	font-size:15px;
         }
         .gridPurple TABLE
         {
         	width:700px;
         }
         
         /* gridPurple headers */
         .gridPurple #orders .head TH
         {
         	background:#e9e9eb url(Images/GroupOffice/header-bg.gif);
         	height:0px;
         	line-height:24px;
         	padding-left:6px;
         	color:#666666;
         	text-align:left;
         }
         .gridPurple #orders .head TH.first
         {
         	/* get rid of the first slash */
         	background:#e9e9eb url(Images/GroupOffice/header-bg.gif) -3px;
         	width:20px;
         } 
         
         /* group header */
         .gridPurple #orders .group TH
         {
         	padding:10px 0px 2px 0px;
         	color:#666666;
         	text-align:left;
         	border-bottom:solid 2px #a5a4bd;
         } 
         .gridPurple #orders .group TH.first
         {
         	text-align:center;         	
         	border-bottom:none;
         }              
         
         /* data items */                                       
         .gridPurple #orders .item TD
         {
         	padding:3px 0px 3px 6px;
         	border-bottom:solid 1px #eae9e1; 
         	color:#222222;       	
         } 
         
         /* pager */    
        .gridPurple #pager .pager TD
        {
        	height:40px;
        }  
        .gridPurple #pager .pager .commands
        {
        	height:40px;
            padding:4px 0px 0px 25px;
        }               
        .gridPurple #pager .pager .info
        {
            padding:4px 25px 0px 0px;
        	text-align:right;
        }       
        .hidden
        {
        	display:none;
        	visibility:hidden;
        }  
        
        /*Pop UP Detail*/
        
        .detail
{
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:11px;
	background-color:#fff;
	border:solid 2px #000;
	padding:4px;
}
.detail .footer
{
	text-align:right;
	padding:8px;
}


/* table style */
.detailgrid
{
	border:solid 1px #ad9e87;
}

/* cell styles */
.detailgrid td
{
	cursor:default;
	height:20px;
    color:#000;
	padding:2px 8px;
	border-right-style:solid;
	border-right-width:1px;
    border-right-color:#f2e8da;		
	border-bottom-style:solid;
	border-bottom-width:1px;	
    border-bottom-color:#f2e8da;	
}

     TR.updated TD
        {
        	background-color:yellow;
        }
        .modalBackground 
        {
	        background-color:Gray;
	        filter:alpha(opacity=70);
	        opacity:0.7;
        }
        
        /* Gray */
        
        
        .tablestyle_gray 
{
	font-family: arial;
	font-size: small;
	border: solid 1px #7f7f7f;
}

.altrowstyle_gray 
{
    background-color: #edf5ff;

}

.headerstyle_gray th 
{
    background: url(Images/GrayDetail/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: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
}  

.headerstyle_gray th a
{
    font-weight: normal;
	text-decoration: none;
	text-align: center;
    color: #000;
	display: block;
    padding-right: 10px;
}    

.rowstyle_gray .sortaltrow, .altrowstyle_gray .sortaltrow 
{
    background-color: #edf5ff;
}

.rowstyle_gray .sortrow, .altrowstyle_gray .sortrow 
{
    background-color: #dbeaff;
}

.rowstyle_gray td, .altrowstyle_gray td 
{
    padding: 4px 4px 4px 4px;
    border-right: solid 1px #cbcbcb;
}

.headerstyle_gray .sortascheader 
{
    background: url(Images/GrayDetail/sprite.png) repeat-x 0px -100px;
}

.headerstyle_gray .sortascheader a 
{
    background: url(Images/GrayDetail/dt-arrow-up.png) no-repeat right 50%;
} 

.headerstyle_gray .sortdescheader 
{
    background: url(Images/GrayDetail/sprite.png) repeat-x 0px -100px;
}   

.headerstyle_gray .sortdescheader a 
{
    background: url(Images/GrayDetail/dt-arrow-dn.png) no-repeat right 50%;
}