body {  margin: 20px auto; font-family: 'trebuchet MS', 'Lucida sans', Arial; font-size: 14px; color: #444;   }

table {  border-collapse: collapse;  border-spacing: 0; border-radius: 26px;  }

th { font-size: 14px; }
td { font-size: 14px; }

.bordered { border: solid #ccc 1px;  }

.bordered tr:hover {  background: #fbf8e9;  }
    
.bordered td { border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 2px;  text-align: left; }
.bordered th { border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px; text-align: left; }
.bordered th { background-color: #dce9f9; }

 

a {text-decoration:none; }

@media only screen and (min-width: 680px) {   
    body { width: 600px; }
	table {  width: 100%;  margin:auto; }
    h4 { display:none; visibility:hidden; }
}

@media only screen and (max-width: 680px) {   
	body { width: 100%; }
	table {  width: 98%;  margin:auto; }
    h2 { display:none; visibility:hidden; }
}

.c {  text-align: center; }