body { padding:0px;margin:0px;font-family:Arial, serif; color:#666;font-size:15px;}
.wrapper { padding:15px;border:5px solid #00235A; border-top:0px none;}
.wrapper label{ width:100%;line-height:45px;}
.wrapper input{ width:99%; }

.wrapper1 { padding:15px;border:5px solid #00235A; }
.wrapper1 label{ width:100%;line-height:45px;}
.wrapper1 input{ width:99%; }

#btnsubmit { padding:10px 20px;margin:50px 0px ;background:#00235A;color:#FFFFFF;border-radius:10px;border:1px solid #00235A;}
#n { background:#00235A;color:#FFFFFF;border-radius:10px;border:1px solid #00235A;}
#s { background:#00235A;color:#FFFFFF;border-radius:10px;border:1px solid #00235A;}
#btn { margin:2px 0px 2px;}
#sure {display:none;margin:auto;width:150px;padding:15px;}

div#nav { background:#00235a;padding:0 10px; }
div#nav a { display:inline-block; text-decoration:none; font-weight:bold; color:#999; width:32%; text-align:center; padding:10px 0; }
div#nav a.active {  background:#ccc; color:#333; }

.tabel1 { border-collapse:collapse;width:100%; }
.tabel1 td, th{border:1px solid black;text-align:left;}
.tabel1 input{border:none;}

.tabel2 { border-collapse:collapse;width:100%;margin:30px 0px 30px;}
.tabel2 td, th{border:1px solid black;text-align:center;}
.tabel2 td {border:1px solid black;text-align:left;}
.tabel2 input{border:none;}

table tr.tt.unsaved td, table tr.tt.unsaved td input { background:#f99; }
table tr.tt.active td, table tr.tt.active td input { background:#6f6; }