table {
width: 100%;
text-align: left;
padding: 15px;

}

.tablecol {
background-color: #f2f2f2;
color: #000;
font-weight: bold;
text-align: left;
padding: 15px;
}

.tablerow {
padding: 15px;

}

th {
height: 50px;
text-align: left;
border-bottom: 1px solid #ddd;
padding: 15px;
}

table td {
height: 50px;
text-align: left;	
border-bottom: 1px solid #ddd;
padding: 15px;	
}

.tablecaption {

color: #263491;
font-weight: bold;
font-size: 1.5em;	
}

tr:hover {background-color: #f5f5f5}

li.tick {
    display: block;
}

li.tick:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    font-size: 10px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #000;
}