table, th, td {
    vertical-align: baseline;
}  
   .loadinge {
			  position: absolute;
			  left: 50%;
			  top: 50%;
			  transform: translate(-50%,-50%);
			  font: 18px arial; 
			  font-color: #aaa;
			  z-index: 9999; 
			  display:none;
		}
    #example0 tr:hover td { 
        background: #FFFF00   ;
        color: #339000;
    }
    #example0 tr td a:hover {  
        color:  #0000CD;
    }
    #example1 tr:hover td { 
        background: #FFFF00   ;
        color: #339000;
    }
    #example1 tr td a:hover {  
        color:  #0000CD;
    }
    #example2 tr:hover td { 
        background: #FFFF00   ;
        color: #339000;
    }
    #example2 tr td a:hover {  
        color:  #0000CD;
    }
    #example3 tr:hover td { 
        background: #FFFF00   ;
        color: #339000;
    }
    #example3 tr td a:hover {  
        color:  #0000CD;
    }
    .hitam {
    /*-webkit-text-stroke: 1px yellow; */
    color: black; 
    text-shadow: 1px 1px 2px #fff, 0 0 25px green, 0 0 5px darkgreen;
    }
    .putih {
        color: white;
        text-shadow: 1px 1px 2px black, 0 0 25px yellow, 0 0 5px darkblue;
    }
    .kuning { 
        color: yellow;
        text-shadow: 1px 1px 2px black, 0 0 25px #dadada, 0 0 5px #000;
    } 
    .biru { 
        color: blue; 
        text-shadow: 1px 1px 2px #fff, 0 0 25px yellow, 0 0 5px #000;
        font-weight:800;
    }
    .hijau {
        color: green;
        text-shadow: 1px 1px 2px #888, 0 0 25px #fff, 0 0 5px red;
    }
    .merah {
        color: red;
        text-shadow: 1px 1px 2px #222, 0 0 25px green, 0 0 5px #fff;
    }
    .orange {
        color: orange;
        text-shadow: 1px 1px 2px black, 0 0 25px #fff, 0 0 5px #000;
    } 
    .kelabu {
        color: #aaa;
        text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkgreen;
    }

@media screen and (max-width: 760px) {
	.nyempit {
		display:none;
	}
}