html,body{
     margin:0;
     padding:0;
	 height:100%;
     border:none;
	 width:100%;
	 /*overflow:hidden;*/
	  font-family: arial, sans-serif;
	 font-size:13px;
	 color:#000000;
	
	 
	 /*
	 background-image:url(../images/dod_background.png);
	 background-position:bottom;
	 background-repeat:no-repeat;
	 */
	 }
	 
	 
	 a.intelcenterlink{ 
	   font-family:Arial, Helvetica, sans-serif; 
	   font-size:15px; 
	   text-decoration:none; 
	   color:#0c203b;
	   }
	 a.intelcenterlink:hover{ 
	   font-family:Arial, Helvetica, sans-serif; 
	   font-size:15px; 
	   text-decoration:none; 
	   color:#2217fc;
	   }
	 a.intelcenterlink:visited:hover{ 
	   font-family:Arial, Helvetica, sans-serif; 
	   font-size:15px; 
	   text-decoration:none; 
	   color:#2217fc;
	   }
	   
	 
	 h3.artheading{
		  color:#ffffff; 
		  font-size:16px;
		  background-color:#666666;
		  text-transform:uppercase;
		  width:450px;
		  padding:5px;
		  
		 }
	 
	 #mainholder{
	     	  
	   background-image:url(../images/main_dropshadow.png);
	   background-position:center;
	   background-repeat:repeat-y;
	   width:100%;
		 }

   a{ 
      font-family: arial, sans-serif;
	 font-size:13px;
	 color:#000000;
	 text-decoration:underline;
	 }
   a:hover{
	  font-family: arial, sans-serif;
	 font-size:13px;
	 color:#FF0000;
	 text-decoration:underline;
	}
   a:visited{
	  font-family: arial, sans-serif;
	 font-size:13px;
	 color:#000000;
	 text-decoration:underline;
	}
	

   a.searchlink{ 
      font-family: arial, sans-serif;
	 font-size:13px;
	 color:#0000FF;
	 text-decoration:underline;
	 }
   a.searchlink:hover{
	  font-family: arial, sans-serif;
	 font-size:13px;
	 color:#FF0000;
	 text-decoration:underline;
	}
   a.searchlink:visited{
	  font-family: arial, sans-serif;
	 font-size:13px;
	 color:#0000FF;
	 text-decoration:underline;
	}
	a.searchlink:visited:hover{
	  font-family: arial, sans-serif;
	 font-size:13px;
	 color:#FF0000;
	 text-decoration:underline;
	}
  
   td.inactive{
	  font-family: arial, sans-serif;
	 font-size:14px;
	 color:#808080;
	  }	
	a.inactive {
	  font-family: arial, sans-serif;
	 font-size:13px;
	 color:#808080;
	 text-decoration:underline;
	  }	
	
 #main{
	/*width:900px;*/
	height:100%;
	text-align: center;
	border:solid;
	border-color:#828282;
	border-width: 0px;
	 font-family: arial, sans-serif;
	font-size:13px;
	color:#000000;
	position:relative;
	background-color:#e7fceb;
	 }
 
 #menuholder{
	 width:900px;
	 height:25px;
	 text-align:left;
	 border:solid;
	 border-color:#037bc3;
	 border-bottom-width: 1px;
	 border-top-width: 1px;
	 border-left-width: 0px;
	 border-right-width: 0px;
	 
	 margin-bottom:5px;
	 margin-top: 0px;
	 margin-left: 0px;
	 margin-right: 0px;
	 z-index:2;
	 position:relative;
	 background-color:#f5f9ff;
 	 font-family: arial, sans-serif;
	font-size:13px;
	color:#000000;
	 }
 
 #header{
	 width:900px;
	 text-align:left;
	 border:solid;
	 border-color:#828282;
	 border-width: 0px;
	 margin-bottom: 0px;
	 margin-top: 0px;
	 margin-left: 0px;
	 margin-right: 0px;
      font-family: arial, sans-serif;
	 font-size:13px;
	 color:#000000;
	 }
 
 #content{
	 width:100%;
	 text-align:left;
	 border:solid;
	 border-color: #2A3FAA;
	 border-width: 0px;
	 margin-bottom: 0px;
	 margin-top: 0px;
	 margin-left: 0px;
	 margin-right: 0px;
	  font-family: arial, sans-serif;
	 font-size:13px;
	 color:#000000;
	 background-color:#e7fceb;
	
	 }
	#wrapper{
	  width: 100%;	
	  height: 100%;
	  margin-bottom:0px;
	  margin-left: 0px;
	  margin-right: 0px;
	  margin-top: 0px;
	  z-index: -1;
	   } 

 #footer{
	 font-family: arial, sans-serif;
	 font-size:12px;
	 color:#000000;
	 clear: both; 
    }

#budgetcats{
	 width:120px;
	 text-align:left;
	 float:left;
	 border:solid;
	 border-color: #cccccc;
	 border-width: 1px;
	 margin-bottom: 1px;
	 margin-top: 1px;
	 margin-left: 2px;
	 margin-right: 0px;
	 text-align:center;
     
font-family: arial, sans-serif;
	 font-size:10px;
	 color:#000000;
	 background-color:#F90;
	 
	 }
 #budgetcats_remove{
	 width: 15px;
	 text-align:center;
	 float:left;
	 border:solid;
	 border-color: #cccccc;
	 border-width: 1px;
	 margin-bottom: 0px;
	 margin-top: 0px;
	 margin-left: 0px;
	 margin-right: 2px;
	 font-family: arial, sans-serif;
	 font-size:11px;
	 color:#000000;
	 background-color: #FFF
	 }



.menuitem{
    position:absolute;
	list-style: none;
	float: left;
	margin: 0;
	padding: 5px;
	font-size: 90%;
	position: relative;
	z-index: 1000; 
	 font-family: arial, sans-serif;
	font-size:12px;
	color:#000000;
   }
 
  

  td.tdgreybar{ 
     background-image:url(../images/greybar.jpg); 
     background-repeat:repeat-x;	   
	 height:21px;
	  }
  td.navclass2Selected{
	  border:solid;
	  border-color:#828282;
	  border-top-width: 1px;
	  border-left-width: 0px;
	  border-bottom-width: 0px;
	  border-right-width: 0px;
	  } 
  td.subnavholder{
	  border:solid;
	  border-color:#828282;
	  border-top-width: 0px;
	  border-left-width: 1px;
	  border-bottom-width: 1px;
	  border-right-width: 1px;
	  }
  	
  td.navclassSelected{
	  border:solid;
	  border-color:#828282;
	  border-top-width: 1px;
	  border-left-width: 1px;
	  border-bottom-width: 0px;
	  border-right-width: 0px;
	  }
  td.navclass2{
	  border:solid;
	  border-color:#828282;
	  border-top-width: 1px;
	  border-left-width: 0px;
	  border-bottom-width: 1px;
	  border-right-width: 0px;
	  }
  td.navclass3{ 
      border:solid;
	  border-color:#828282;
	  border-top-width: 1px;
	  border-left-width: 1px;
	  border-bottom-width: 1px;
	  border-right-width: 0px;
	 }
  td.navclass4{
      border:solid;
	  border-color:#828282;
      border-top-width: 1px;
	  border-left-width: 1px;
	  border-bottom-width: 1px;
	  border-right-width: 0px;
	 }
  td.navclass5{
	  border:solid;
	  border-color:#828282;
	  border-top-width: 1px;
	  border-left-width: 1px;
	  border-bottom-width: 1px;
	  border-right-width: 0px;
	 }
  td.navclass6{
	  border:solid; 
	  border-color:#828282;
	  border-top-width: 1px;
	  border-left-width: 1px;
	  border-bottom-width: 1px;
	  border-right-width: 0px;
	 }
  td.navclass7{
	  border:solid; 
	  border-color:#828282;
	  border-top-width: 1px;
	  border-left-width: 1px;
	  border-bottom-width: 1px;
	  border-right-width: 1px;
	  font-size:16px;
	 }	 
   td.navclass7selected{
	  border:solid; 
	  border-color:#828282;
	  border-top-width: 1px;
	  border-left-width: 1px;
	  border-bottom-width: 0px;
	  border-right-width: 1px;
	  font-size:16px;
	 }	 	 
	 
  td.navclass8{
	  border:solid; 
	  border-color:#828282;
	  border-top-width: 0px;
	  border-left-width: 0px;
	  border-right-width: 0px;
	  border-bottom-width: 1px;
	  }	 	 
	
	td.navclass9{
	  border:solid; 
	  border-color:#828282;
	  border-top-width: 1px;
	  border-left-width: 1px;
	  border-bottom-width: 1px;
	  border-right-width: 1px;
	 }	 
   td.navclass9selected{
	  border:solid; 
	  border-color:#828282;
	  border-top-width: 1px;
	  border-left-width: 1px;
	  border-bottom-width: 0px;
	  border-right-width: 1px;
	 }	 	 
	 
	 
	 
	 td.navclass12{
	  border:solid; 
	  border-color:#828282;
	  border-top-width: 1px;
	  border-left-width: 1px;
	  border-bottom-width: 1px;
	  border-right-width: 1px;
	 }	 
   td.navclass12selected{
	  border:solid; 
	  border-color:#828282;
	  border-top-width: 1px;
	  border-left-width: 1px;
	  border-bottom-width: 0px;
	  border-right-width: 1px;
	 }	 	 
	 
  td.navclass13{
	  border:solid; 
	  border-color: #828282;
	  border-top-width: 1px;
	  border-left-width: 0px;
	  border-bottom-width: 1px;
	  border-right-width: 1px;
	 }	 
   td.navclass13selected{
	  border:solid; 
	  border-color:#828282;
	  border-top-width: 1px;
	  border-left-width: 0px;
	  border-bottom-width: 0px;
	  border-right-width: 1px;
	 }	 
	 
	
	td.reporthead{
	   text-decoration:none;
	    font-family: arial, sans-serif;
	   color:#000000;
       font-size:13px;
	   font-weight:bold;
	   border-color:#828282;
	   border:solid; 
	   border-top-width: 0px;
	   border-left-width: 0px;
	   border-bottom-width: 0px;
	   border-right-width: 0px;
	   background-color:#EEEEEE;
	   border-collapse:collapse;
	   text-align:center; 
	   vertical-align:bottom;
		}
	td.reportheadright{
	   text-decoration:none;
	    font-family: arial, sans-serif;
	   color:#000000;
       font-size:13px;
	   font-weight:bold;
	   border-color:#828282;
	   border:solid; 
	   border-top-width: 0px;
	   border-left-width: 0px;
	   border-bottom-width: 0px;
	   border-right-width: 0px;
	   background-color:#EEEEEE;
	   border-collapse:collapse;
	   text-align:center; 
	   vertical-align:bottom;
		}	
	td.reportheadright_history{
	   text-decoration:none;
	    font-family: arial, sans-serif;
	   color:#000000;
       font-size:13px;
	   font-weight:bold;
	   border-color:#828282;
	   border:solid; 
	   border-top-width: 0px;
	   border-left-width: 0px;
	   border-bottom-width: 0px;
	   border-right-width: 0px;
	   background-color:#FFC;
	   border-collapse:collapse;
	   text-align:center; 
	   vertical-align:bottom;
		}	
	td.report{
	   text-decoration:none;
	   font-family: arial, sans-serif;
	   color:#000000;
       font-size:13px;
	   font-weight:normal;
	   border-color:#828282;
	   border:solid; 
	   border-top-width: 0px;
	   border-left-width: 0px;
	   border-bottom-width: 0px;
	   border-right-width: 0px;
	   /*background-color:#ffffff;*/
	   border-collapse:collapse;
	   text-align:right; 
	   vertical-align:bottom;
		}  
      td.report_history{
	   text-decoration:none;
	   font-family: arial, sans-serif;
	   color:#000000;
       font-size:13px;
	   font-weight:normal;
	   border-color:#828282;
	   border:solid; 
	   border-top-width: 0px;
	   border-left-width: 0px;
	   border-bottom-width: 0px;
	   border-right-width: 0px;
	   background-color:#FFC;
	   border-collapse:collapse;
	   text-align:right; 
	   vertical-align:bottom;
		}  		
		
      td.reportright{
	   text-decoration:none;
	   font-family: arial, sans-serif;
	   color:#000000;
       font-size:13px;
	   font-weight:normal;
	   border-color:#828282;
	   border:solid; 
	   border-top-width: 0px;
	   border-left-width: 0px;
	   border-bottom-width: 0px;
	   border-right-width: 0px;
	   border-collapse:collapse;
		}  	
	  td.reportleft{
	   text-decoration:none;
	    font-family: arial, sans-serif;
	   color:#000000;
       font-size:13px;
	   font-weight:normal;
	   border-color:#828282;
	   border:solid; 
	   border-top-width: 0px;
	   border-left-width: 0px;
	   border-bottom-width: 0px;
	   border-right-width: 0px;
	  /*background-color:#ffffff;*/
	   border-collapse:collapse;
	   text-align:left;
		}  	
	  a.reportleft{
	   font-size:13px;
	   font-weight:normal;
	   color: #000000;
	   border-color:#828282;
	   text-decoration:none;
	   }	
	  a.reportleft:hover{
	   font-size:13px;
	   font-weight:normal;
	   color: #ff0000;
	   border-color:#828282;
	   }	
	  a.reportleft:visited{
	   font-size:13px;
	   font-weight:normal;
	   color: #000000;
	   border-color:#828282;
	   }
	   a.reportleft:visited:hover{
	   font-size:13px;
	   font-weight:normal;
	   color: #ff0000;
	   border-color:#828282;
	   }
	  td.reportbottom{
	   text-decoration:none;
	    font-family: arial, sans-serif;
	   color:#000000;
       font-size:13px;
	   font-weight:normal;
	   border-color:#828282;
	   border:solid; 
	   border-top-width: 1px;
	   border-left-width: 0px;
	   border-bottom-width: 0px;
	   border-right-width: 0px;
	   border-collapse:collapse;
	   } 
		
		
	  td.Gtotreport{
	   text-decoration:none;
	   font-family: arial, sans-serif;
	   color:#000000;
       font-size:13px;
	   font-weight:bold;
	   border-color:#828282;
	   border:solid; 
	   border-top-width: 1px;
	   border-left-width: 1px;
	   border-bottom-width: 0px;
	   border-right-width: 0px;
	   background-color:#eeeeee;
	   border-collapse:collapse;
	   text-align:right; 
	   vertical-align:bottom;
		}  
      td.Gtotreportright{
	   text-decoration:none;
	    font-family: arial, sans-serif;
	   color:#000000;
       font-size:13px;
	   font-weight:bold;
	   border-color:#828282;
	   border:solid; 
	   border-top-width: 1px;
	   border-left-width: 1px;
	   border-bottom-width: 0px;
	   border-right-width: 1px;
	   border-collapse:collapse;
	   background-color:#eeeeee;
		} 
		
				
	td.reporthead_forcastsum{
	   text-decoration:none;
	   font-family: arial, sans-serif;
	   color:#000000;
       font-size:13px;
	   font-weight:bold;
	   border-color:#828282;
	   border:solid; 
	   border-top-width: 1px;
	   border-left-width: 1px;
	   border-bottom-width: 0px;
	   border-right-width: 0px;
	   background-color:#EEEEEE;
	   border-collapse:collapse;
	   text-align:center; 
	   vertical-align:bottom;
		}
	td.report_forcastsum{
	   text-decoration:none;
	   font-family: arial, sans-serif;
	   color:#000000;
       font-size:13px;
	   font-weight:normal;
	   border-color:#828282;
	   border:solid; 
	   border-top-width: 1px;
	   border-left-width: 1px;
	   border-bottom-width: 0px;
	   border-right-width: 0px;
	   background-color:#ffffff;
	   border-collapse:collapse;
	   text-align:right; 
	   vertical-align:bottom;
		}  
      td.reportright_forcastsum{
	   text-decoration:none;
	   font-family: arial, sans-serif;
	   color:#000000;
       font-size:13px;
	   font-weight:normal;
	   border-color:#828282;
	   border:solid; 
	   border-top-width: 0px;
	   border-left-width: 1px;
	   border-bottom-width: 0px;
	   border-right-width: 0px;
	   border-collapse:collapse;
		}  	
	  td.reportleft_forcastsum{
	   text-decoration:none;
	    font-family: arial, sans-serif;
	   color:#000000;
       font-size:13px;
	   font-weight:normal;
	   border-color:#828282;
	   border:solid; 
	   border-top-width: 1px;
	   border-left-width: 1px;
	   border-bottom-width: 0px;
	   border-right-width: 0px;
	   background-color:#ffffff;
	   border-collapse:collapse;
	   text-align:left;
		} 
		
		
			
    a.tablink{
	   text-decoration:none;
	    font-family: arial, sans-serif;
	   color:#000000;
       font-size:16px;
	   
	   }
	a.tablink:hover{
	   text-decoration:none;
	    font-family: arial, sans-serif;
	   color:#FF0000;
       font-size:16px;
	   
	   }  
    a.tablink:visited:hover{
	   text-decoration:none;
	    font-family: arial, sans-serif;
	   color: #FF0000;
       font-size:16px;
	   	     
	   }  
  td.reportoptions{
	   text-decoration:none;
	   font-family: arial, sans-serif;
	   color:#000000;
       font-size:13px;
	   font-weight:normal;
	   padding:3px;
	   border-color:#828282;
	   border:solid; 
	   border-top-width: 1px;
	   border-left-width: 1px;
	   border-bottom-width: 1px;
	   border-right-width: 1px;
	   background-color:#ffffff;
	   border-collapse:collapse;
	   text-align:left; 
	   vertical-align:bottom;
		}  
  
  
 
  
#divGovAGC {float:left; 
     width:130px; 
	 border-collapse:collapse; 
	 padding:3px; 
	 border:thin; 
	 background-color:#cccccc;
	 position:absolute;
	 left: 153px;
	 border:solid; 
	 padding-left:0px;
	 padding-right:0px;
	 padding-top:0px;
	 padding-bottom:0px;	
     border-color:#828282;
	 border-top-width: 1px;
	 border-left-width: 1px;
	 border-bottom-width: 1px;
	 border-right-width: 1px;
	 }
#divGovAGC_Head {width:100%; 
     background-color:#cccccc;
	 font-family: arial, sans-serif;
	 color:#000000;
     font-size:12px;}	 
	 
#divGovAGC_Head_over {width:100%; 
     background-color:#eeeeee;}	 
	 
#divGovAGC_OPTION {text-align:left; 
     background-color:#FFFFFF; 
     width:100%;
	 display:none;
	 font-family: arial, sans-serif;
	 color:#000000;
     font-size:11px;}	 
	 
	 
 #divCostType {float:left; 
     vertical-align:top; 
	 width:150px; 
	 border-collapse:collapse; 
	 padding:3px; 
	 border:thin; 
	 background-color:#ffffff;
	 position:absolute; 
	 left:2px;
	 border:solid; 
	 padding-left:0px;
	 padding-right:0px;
	 padding-top:0px;
	 padding-bottom:0px;	
     border-color:#828282;
	 border-top-width: 1px;
	 border-left-width: 1px;
	 border-bottom-width: 1px;
	 border-right-width: 1px;
	 }
 	 
 #divCostType_Head {width:100%; 
     background-color:#cccccc;
	 font-family: arial, sans-serif;
	 color:#000000;
     font-size:12px;}

	 
 #divCostType_OPTION {text-align:left; 
     width:100%; 
	 display:none;
	 font-family: arial, sans-serif;
	 color:#000000;
     font-size:11px;
	 }


 #divAPPR {float:left; 
     width:260px; 
	 border-collapse:collapse; 
	 padding:3px; 
	 border:thin; 
	 background-color:#ffffff;
	 position:absolute;
	 left:284px;
	 border:solid; 
	 padding-left:0px;
	 padding-right:0px;
	 padding-top:0px;
	 padding-bottom:0px;	
     border-color:#828282;
	 border-top-width: 1px;
	 border-left-width: 1px;
	 border-bottom-width: 1px;
	 border-right-width: 1px;
	 }
 #divAPPR_Head {
	 width:100%; 
	  background-color:#cccccc;
	 font-family: arial, sans-serif;
	 color:#000000;
     font-size:12px;}
	 
 #divAPPR_OPTION {text-align:left; 
     height:300px;
	 overflow:auto;
     width:100%;
	 display:none;
	 font-family: arial, sans-serif;
	 color:#000000;
     font-size:11px;
	 }



#divBC_RECNO {float:left; 
     width:170px; 
	 border-collapse:collapse; 
	 padding:3px; 
	 border:thin; 
	 background-color:#ffffff;
	 position:absolute;
	 left:284px;
	 border:solid; 
	 padding-left:0px;
	 padding-right:0px;
	 padding-top:0px;
	 padding-bottom:0px;	
     border-color:#828282;
	 border-top-width: 1px;
	 border-left-width: 1px;
	 border-bottom-width: 1px;
	 border-right-width: 1px;
	 }
 #divBC_RECNO_Head {
	 width:100%; 
	  background-color:#cccccc;
	 font-family: arial, sans-serif;
	 color:#000000;
     font-size:12px;}
	 
 #divBC_RECNO_OPTION {text-align:left; 
     height:300px;
	 overflow:auto;
     width:100%;
	 display:none;
	 font-family: arial, sans-serif;
	 color:#000000;
     font-size:12px;
	 }


#reloaddata{
	 width:80px; 
	 height:20px;
	 border-collapse:collapse; 
	 padding:3px; 
	 border:thin; 
	 background-color:#ffffff;
	 font-weight:bold;
	 /*position:absolute;
	 left:1042px; */
	 border:solid; 
	 padding-left:5px;
	 padding-right:5px;
	 padding-top:5px;
	 padding-bottom:5px;	
     border-color:#828282;
	 border-top-width: 1px;
	 border-left-width: 1px;
	 border-bottom-width: 1px;
	 border-right-width: 1px;
	 text-align:center;
	 cursor:pointer;
	  }


#divBACT {float:left; 
     /* width:260px; */
	 border-collapse:collapse; 
	 padding:3px; 
	 border:thin; 
	 background-color:#ffffff;
	 position:absolute;
	 /*left:545px; */
	 border:solid; 
	 padding-left:0px;
	 padding-right:0px;
	 padding-top:0px;
	 padding-bottom:0px;	
     border-color:#828282;
	 border-top-width: 1px;
	 border-left-width: 1px;
	 border-bottom-width: 1px;
	 border-right-width: 1px;
	 }
 #divBACT_Head {
	 width:100%; 
	  background-color:#cccccc;
	 font-family: arial, sans-serif;
	 color:#000000;
     font-size:12px;}

 #divBACT_OPTION {text-align:left; 
     width:100%;
	 height:300px;
	 overflow:auto;
	 display:none;
	 font-family: arial, sans-serif;
	 color:#000000;
     font-size:11px;
     }




 #divBACT_detail {
	 float:left; 
     width:260px; 
	 border-collapse:collapse; 
	 padding:3px; 
	 border:thin; 
	 background-color:#ffffff;
	 position:absolute;
	 left:153px;
	 border:solid; 
	 padding-left:0px;
	 padding-right:0px;
	 padding-top:0px;
	 padding-bottom:0px;	
     border-color:#828282;
	 border-top-width: 1px;
	 border-left-width: 1px;
	 border-bottom-width: 1px;
	 border-right-width: 1px;
	 }
 #divBACT_Head_detail {
	 width:100%; 
	  background-color:#cccccc;
	 font-family: arial, sans-serif;
	 color:#000000;
     font-size:12px;}
 
 #divBACT_OPTION_detail {
	 text-align:left; 
     width:100%;
	 height:150px;
	 overflow:auto;
	 display:none;
	 font-family: arial, sans-serif;
	 color:#000000;
     font-size:10px;
     }
	 
 #divCostType_detail {float:left; 
     vertical-align:top; 
	 width:150px; 
	 border-collapse:collapse; 
	 padding:3px; 
	 border:thin; 
	 background-color:#ffffff;
	 position:absolute; 
	 left:2px;
	 border:solid; 
	 padding-left:0px;
	 padding-right:0px;
	 padding-top:0px;
	 padding-bottom:0px;	
     border-color:#828282;
	 border-top-width: 1px;
	 border-left-width: 1px;
	 border-bottom-width: 1px;
	 border-right-width: 1px;
	 }
 #divCostType_Head_detail {width:100%; 
      background-color:#cccccc;
	 font-family: arial, sans-serif;
	 color:#000000;
     font-size:12px;}
	 
 #divCostType_OPTION_detail {text-align:left; 
     width:100%; 
	 display:none;
	 font-family: arial, sans-serif;
	 color:#000000;
     font-size:10px;
	 }	 
	 
	 
  #ResetQuery{
	 background-color:#ffffff;
	 border:solid; 
	 padding-left:5px;
	 padding-right:5px;
	 padding-top:5px;
	 padding-bottom:5px;	
     border-color:#828282;
	 border-top-width: 1px;
	 border-left-width: 1px;
	 border-bottom-width: 1px;
	 border-right-width: 1px;
	 width:80px;
	 text-align:center;
	 cursor: pointer;
	 font-weight:bold;
	 }	  
	  
  .unitvaluebutton_on {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight:normal;
   box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);  
   transition-duration: 0.4s;
}
 .unitvaluebutton_on:hover {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight:normal;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  cursor:pointer;
}

  .unitvaluebutton_off {
  background-color: #e7e7e7; /* Green */
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight:normal;
  transition-duration: 0.4s;
}
.unitvaluebutton_off:hover {
  background-color: #e7e7e7; /* Green */
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight:normal;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  cursor:pointer;
  
}
.qtytab{ 
display:none;
transition-duration: 0.4s;
}
.valuetab{ 
 display:block;
transition-duration: 0.4s;
}
.qtychartmenu{ 
display:none;
transition-duration: 0.4s;
}
.valuechartmenu{ 
 display:block;
transition-duration: 0.4s;
}
.CategorySumValues{
display:block;
transition-duration: 0.4s;	
}

.CategorySumUnits{
display:none;
transition-duration: 0.4s;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 270px;
  background-color: #333;
  color: #fff;
  text-align: left;
  padding: 8px 8px;
  border-radius: 6px;
  font-size:14px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -40px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 20%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}