body, html { margin:0px; padding:0px; border:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#f4f4f4; line-height:25px;

}

table { border-collapse: collapse; width: 100%; }
th, td { padding: 8px; border: 1px solid #ccc; }
th { background-color: #C0C0C0; color:black; }

tr:nth-child(even) {background: #F4F4F4}
tr:nth-child(odd) {background: #FFFFFF}
nav a { margin: 0 5px; text-decoration: none; }

.greybtn { background-color:#F4F4F4; color:black; border-radius:5px; border:1px solid #808080; padding:5px; margin:5px; text-decoration:none; }
.redbtn { background-color:red; color:white; border-radius:5px; border:1px solid #808080; padding:5px; margin:5px; text-decoration:none; }
.greenbtn { background-color:lightgreen; color:darkgreen; border-radius:5px; border:1px solid #808080; padding:5px; margin:5px; text-decoration:none; }
.bluebtn { background-color:lightblue; color:navyblue; border-radius:5px; border:1px solid #808080; padding:5px; margin:5px; text-decoration:none;}

input[type=text], textarea { padding:5px; border-radius:5px; }
input[type=text]:focus, textarea:focus { background-color:lightgreen; }

.page {
    max-width:800px; margin:0 auto; margin-top:10px; margin-bottom:10px;
}
.container {
    background-color:white; border:1px solid #808080; border-radius:5px; margin:0 auto; padding:10px; margin-top:10px; margin-bottom:10px;
}

.fl { float:left; }
.fr { float:right; }
.cf { clear:both; }