.mGrid {   
    width: 500px;   
    background-color: #fff;   
    
    border: 1px solid #DDDDDD;  
    border-collapse:collapse;    
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
}  

.mGrid .header {   
	/*background: url("images/fhbg.png") repeat-x scroll ;*/
	background-color:#326ca6;
	color: #FFFFFF;
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	font-weight: bolder;
	font-size: 0.9em;
	text-align: center;
} 

.mGrid .header td{   
	height: 22px;
} 

.mGrid .body  {
	border-collapse:collapse;    
    background: none repeat scroll 0 0 #FFFFFF;
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;

	color: #585858;
}

/*-*******************************************CANCEL **********************************************/

.mGrid .cancelTrx .status {
	border-collapse:collapse;    
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	color: #585858;
	height: 10px;
	padding-left: 2px;
	padding-right: 2px;
	background:url("images/icons/cancel.png") no-repeat scroll 40px 4px !important;
	padding: 4px;
	border: 1px solid #DDDDDD;  
	
}


.mGrid .cancelTrx 
{
	font-weight: bold;
	border-collapse:collapse;    
    background: none repeat scroll 0 0 #FFFFFF;
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	color: #585858;
	font-size: 1.1em;
	padding-right: 1px;
	padding-left: 3px;
}


.mGrid .cancelTrx  img
{
	margin-left: 30px;	

}

.mGrid .cancelTrx td
{
	height: 10px;
	font-weight: bolder;
	padding-left: 2px;
	padding-right: 9px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.95em;
	border: 1px solid #DDDDDD; 
}

.mGrid .cancelTrx a:hover  {
	
	text-decoration: underline;
		
}

.mGrid .cancelTrx:hover {
	background: url("images/hl.png") repeat-x scroll center top #D5EFFC;
  
	 
}
/*********************************************************************/


/*-*******************************************TRANS **********************************************/


.mGrid .transTrx .status {
	border-collapse:collapse;    
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	color: #585858;
	height: 10px;
	padding-left: 2px;
	padding-right: 2px;
	background:url("images/icons/trasnmite.png") no-repeat scroll 40px 4px !important;
	padding: 4px;
	border: 1px solid #DDDDDD;  
	
}


.mGrid .transTrx 
{
	font-weight: bold;
	border-collapse:collapse;    
    background: none repeat scroll 0 0 #FFFFFF;
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	color: #585858;
	font-size: 1.1em;
	padding-right: 1px;
	padding-left: 3px;
}


.mGrid .transTrx td
{
	height: 10px;
	font-weight: bolder;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.95em;
	border: 1px solid #DDDDDD; 
}

.mGrid .transTrx a:hover  {
	
	text-decoration: underline;
		
}

.mGrid .transTrx:hover {
	background: url("images/hl.png") repeat-x scroll center top #D5EFFC;
  
	 
}
/*********************************************************************/


/*-*******************************************PAID **********************************************/


.mGrid .paidTrx .status {
	border-collapse:collapse;    
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	color: #585858;
	height: 10px;
	padding-left: 2px;
	padding-right: 2px;
	background:url("images/icons/paid.png") no-repeat scroll 40px 4px !important;
	padding: 4px;
	border: 1px solid #DDDDDD;  
	
}

.mGrid .paidTrx 
{
	font-weight: bold;
	border-collapse:collapse;    
    background: none repeat scroll 0 0 #FFFFFF;
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	color: #585858;
	font-size: 1.1em;
	padding-right: 1px;
	padding-left: 3px;
}


.mGrid .paidTrx td
{
	height: 10px;
	font-weight: bolder;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.95em;
	border: 1px solid #DDDDDD; 
}

.mGrid .paidTrx a:hover  {
	
	text-decoration: underline;
		
}

.mGrid .paidTrx:hover {
	background: url("images/hl.png") repeat-x scroll center top #D5EFFC;
  
	 
}
/*********************************************************************/


/*-*******************************************PAID **********************************************/



.mGrid .holdTrx .status {
	
	border-collapse:collapse;    
   
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;

	color: #585858;
	height: 10px;

	padding-left: 2px;
	padding-right: 2px;
	background:url("images/icons/hold.png") no-repeat scroll 20px 4px !important;
	padding: 4px;
	border: 1px solid #DDDDDD;  
	
}

.mGrid .holdTrx 
{
	font-weight: bold;
	border-collapse:collapse;    
    background: none repeat scroll 0 0 #FFFFFF;
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	color: #585858;
	font-size: 1.1em;
	padding-right: 1px;
	padding-left: 3px;
}



.mGrid .holdTrx td
{
	height: 10px;
	font-weight: bolder;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.95em;
	border: 1px solid #DDDDDD; 
}

.mGrid .holdTrx a:hover  {
	
	text-decoration: underline;
		
}

.mGrid .holdTrx:hover {
	background: url("images/hl.png") repeat-x scroll center top #D5EFFC;
  
	 
}
/*********************************************************************/


/*-*******************************************JUST ENTRIED **********************************************/

.mGrid .justEntTrx .status {
	
	border-collapse:collapse;    
   
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;

	color: #585858;
	height: 10px;

	padding-left: 2px;
	padding-right: 2px;
	background:url("images/icons/just_entired.png") no-repeat scroll 40px 4px !important;
	padding: 4px;
	border: 1px solid #DDDDDD;  
	
}

.mGrid .justEntTrx 
{
	font-weight: bold;
	border-collapse:collapse;    
    background: none repeat scroll 0 0 #FFFFFF;
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	color: #585858;
	font-size: 1.1em;
	padding-right: 1px;
	padding-left: 3px;

}

.mGrid .justEntTrx td
{
	height: 10px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #DDDDDD; 
}

.mGrid .justEntTrx a:hover  {
	
	text-decoration: underline;
		
}

.mGrid .justEntTrx:hover {
	background: url("images/hl.png") repeat-x scroll center top #D5EFFC;
  
	 
}

.mGrid .selected {
	background: url("images/hl.png") repeat-x scroll center top #D5EFFC;
  
	 
}


/*********************************************************************/



/*-*******************************************TRANS **********************************************/


.mGrid .approveTrx .status {
	
	border-collapse:collapse;    
   
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;

	color: #585858;
	height: 10px;

	padding-left: 2px;
	padding-right: 2px;
	background:url("images/icons/approve1.png") no-repeat scroll 40px 4px !important;
	padding: 4px;
	border: 1px solid #DDDDDD;  
	
}

.mGrid .approveTrx 
{
	font-weight: bold;
	border-collapse:collapse;    
    background: none repeat scroll 0 0 #FFFFFF;
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	color: #585858;
	font-size: 1.1em;
	padding-right: 1px;
	padding-left: 3px;

}

.mGrid .approveTrx td
{
	height: 10px;
	font-weight: bolder;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.95em;
	border: 1px solid #DDDDDD; 
}

.mGrid .approveTrx a:hover  {
	
	text-decoration: underline;
		
}

.mGrid .approveTrx:hover {
	background: url("images/hl.png") repeat-x scroll center top #D5EFFC;
  
	 
}
/*********************************************************************/


.mGrid .body a  {
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	font-size: 0.95em;
	text-align: center;
	text-decoration: none;
	color: #585858;
}

.mGrid .body td
{
	
	font-weight: bolder ;
	padding: 9px;
	font-size: 1.15em;
	border: 1px solid #DDDDDD; 
}

.mGrid .body a:hover  {
	
	text-decoration: underline;
	
	
}


.mGrid .body:hover {
	background: url("images/hl.png") repeat-x scroll center top #D5EFFC;
  
	 
}

.tDiv {
    background: #fafafa url(images/bg.gif) repeat-x scroll center;
	position: relative;
	border: 1px solid #ccc;
	border-bottom: 0px;
	padding: 4px 8px 6px 6px;
    font-size: 0.72em;
    height: 22px;
    font-family: Arial,Helvetica,sans-serif;
    width: 100%;
}

.tDiv a{
	font-weight: bolder;
	color: #505050;
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
}


.tDiv span{
	
	
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
}

.tDiv p {
   width: 50px;
float: left;
margin: 1px;
margin-top: 3px;
}

.tDivR {
	float: right;
	padding-top: 5px;
	font-weight: bolder;
	font-size: 1.20em;
	color: #595A5E;
}


div.fbutton {
    cursor: pointer;
    width: 100px;
    display: block;
    float: left;
    padding:3px;
}


div.fbutton:hover {
    border: solid 1px #525252;   
}

div.fbutton .add {
   /* background: url("images/add.png") no-repeat scroll left center transparent;*/

    font-weight: bolder;
	font-size: 1.20em;
	color: #595A5E;
}



div.fbutton .delete {
    background: url("images/close.png") no-repeat scroll left center transparent;
  

}


.pager
{
		
}



/************************************************************************/

.mGrid2 {   
    width: 500px;   
    background-color: #fff;   
    
    border: 1px solid #DDDDDD;  
    border-collapse:collapse;    
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	float: left;
}  

.mGrid2 .header {   
	background: url("images/fhbg.png") repeat-x scroll ;
	color: #FFFFFF;
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	font-weight: bolder;
	font-size: 0.9em;
	text-align: center;
	border-right: 1px solid #DDDDDD;
	
} 

.mGrid2 .header td{   
	border-right: 1px solid #DDDDDD;
	height: 22px;
} 

.mGrid2 .body  {
	border-collapse:collapse;    
    background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DDDDDD;
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	font-size: 0.85em;
	color: #585858;
}



.mGrid2 .body a  {
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	font-size: 0.95em;
	text-align: center;
	text-decoration: none;
	color: #585858;
	
}

.mGrid2 .body td
{
	height: 20px;
	font-weight: bolder;
	padding-left: 2px;
	font-size: 0.95em;
	border: 1px solid #DDDDDD;  
}

.mGrid2 .body a:hover  {
	
	text-decoration: underline;
	
	
}


.mGrid2 .body:hover {
	background: url("images/hl.png") repeat-x scroll center top #D5EFFC;
   border: 1px solid #A8D8EB;
	 
}

.tDiv2 {
    background: #fafafa url(images/bg.gif) repeat-x scroll center;
	position: relative;
	border: 1px solid #ccc;
	border-bottom: 0px;
	padding: 4px 8px 6px 6px;
    font-size: 0.72em;
    height: 22px;
    font-family: Arial,Helvetica,sans-serif;
    width: 100%;
}

.tDiv2 a{
	font-weight: bolder;
	color: #505050;
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
}


.tDiv2 span{
	
	
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
}

.tDiv2 p {
   width: 50px;
float: left;
margin: 1px;
margin-top: 3px;
}

.tDivR2 {
	float: right;
	padding-top: 5px;
	font-weight: bolder;
	font-size: 1.20em;
	color: #595A5E;
}


div.fbutton2 {
    cursor: pointer;
    width: 100px;
    display: block;
    float: left;
    padding:3px;
}


div.fbutton2:hover {
    border: solid 1px #525252;   
}

div.fbutton2 .add {
   /* background: url("images/add.png") no-repeat scroll left center transparent;*/

    font-weight: bolder;
	font-size: 1.20em;
	color: #595A5E;
}



div.fbutton2 .delete {
    background: url("images/close.png") no-repeat scroll left center transparent;
  

}


/**********************************************GRIDVIEW STYLES*****************************************/
.mGridView {   
    width: 90%;   
    background-color: #fff;   
    display:block;
    border: 1px solid #DDDDDD;  
    border-collapse:collapse;    
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
}  

.mGridView tr th {   
	background: url("images/fhbg.png") repeat-x scroll ;
	color: #FFFFFF;
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	font-weight: bolder;
	font-size: 0.9em;
	text-align: center;
		padding-left: 9px;
	padding-right: 9px;
} 

.mGridView tr th a{   
	
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 0.9em;
	text-align: center;
} 

.mGridView tr th{   
	height: 22px;
} 

.mGridView tr td  {
	border-collapse:collapse;    
    background: none repeat scroll 0 0 #FFFFFF;
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
	font-size: 0.85em;
	font-weight: bolder;
	padding-left: 9px;
	padding-right: 9px;
	color: #585858;
}




.mGridView .acceptDpt .status {
	
	padding-left: 20px;
	background:url("images/icons/paid.png")   0 30px no-repeat;
}



.mGridView .denyDpt .status {
	
	background:url("images/icons/cancel.png") 0 30px no-repeat;
	padding-left: 20px;

}

.mGridView .pendingDpt .status {
	

	background:url("images/icons/pending.png")  0 30px no-repeat;
	padding-left: 20px;
}