.filter_button  {   
color: black;
font-size: 11pt;
      display: table-cell; 
	  vertical-align	: middle;
      background:lightgray;
	  height: 30px; 
	  width: 100px;    
	  float: left;
	  border: solid 1px white; 
	  text-align:center; 
	  line-height	: 30px; } 
	  
	  .filter_button_wide  {   
color: black;
font-size: 11pt;
      display: table-cell; 
	  vertical-align	: middle;
      background:lightgray;
	  height: 30px; 
	  width: 205px;    
	  float: left;
	  border: solid 1px white; 
	  text-align:center; 
	  line-height	: 30px; } 

.filter_button_white { 
      color: white;
	  text-decoration: strong;
	  font-size: 11pt;
      display: table-cell; 
	  vertical-align	: middle;
      background:gray;
	  height: 30px; 
	  width: 100px;    
	  float: left;
	  border: solid 1px white; 
	  text-align:center; 
	  line-height	: 30px;
}
	
	
	
	.tooltip {
	  border-bottom: 1px dotted #000000;
	  color: #000000; outline: none;
	  cursor: help; text-decoration: none;
	  position: relative;
          
	}
	.tooltip span {
	  margin-left: -999em;
	  position: absolute;
	}

.tooltip:hover span {
  font-family: Calibri, Tahoma, Geneva, sans-serif;
font-size: 11pt;
  position: absolute;
  left: 1em;
  top: 2em;
  z-index: 99;
  margin-left: 0;
  width: 325px;
}

.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
<strong>* html</strong> a:hover { background: transparent; }


.classic { background: #eaeefa; border: 1px solid #a4b3e0; border-radius: 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}
.critical { background: #FFCCAA; border: 1px solid #FF3334; }
.help { background: #9FDAEE; border: 1px solid #2BB0D7; }
.info { background: #9FDAEE; border: 1px solid #2BB0D7; }
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }