.hint {
    font-size: 12pt;
    background-color: #000;
	color: #FFF;
    border: 1px solid #8A5802;
    visibility: hidden;
    position: relative;
    left: 170px;
	top: -200px;
    width: 445px;
}

.grid tr:hover .hint
{
    visibility: visible;
    z-index: 100;
}

.limiter
{
    height: 19px;
    vertical-align: text-top;
}

.grid {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}
 
.grid tr:hover {
    
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
 
.grid td, .grid th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 4px;
    text-align: left;    
}

 
.grid td:first-child, .grid th:first-child {
    border-left: none;
}