styles.css

body {
font-family:Arial;
justify-content: space-around;
}
input {
font-family:Arial;
font-size:14px;
align-items: center;
}
label{
font-family:Arial;
font-size:14px;
color:#999999;
align-self: center;
}
.tblSaveForm {
border-top:2px #999999 solid;
background-color: #f8f8f8;
}
.tableheader {
background-color: #fedc4d;
}
.tablerow {
background-color: #A7D6F1;
color:white;
}
.btnSubmit {
background-color:#219c35;
width: 20%;
padding-left: 10px;
padding-right: 10px ;
border-color:#0c0c0c36;
border-radius: 4px;
color:white;
}
.message {
color: #FF0000;
text-align: center;
width: 100%;
}
.txtField {
padding: 5px;
border:#fedc4d 1px solid;
border-radius:4px;
}
.evenRow {
background-color: rgb(224, 224, 228);
font-size:12px;
color:#101010;
}
.evenRow:hover {
border:#fedc4d 3px solid;
}
.oddRow {
background-color: rgb(253, 250, 250);
font-size:12px;
color:#101010;
margin-top: 15px;
}
 .oddRow:hover {
 border:#fedc4d 3px solid;
}
.tblListForm {
border-top:2px #999999 solid;
}
.listheader {
background-color: #fedc4d;
font-size:12px;
font-weight:bold;
}
.link{
text-decoration:none;
color:#5e8fc7;
font-size:11px;
}
table tr td:first-child {
    border-bottom-left-radius: 10px;
}

table tr td:last-child {
    border-bottom-right-radius: 10px;
}
table tr td:first-child {
    border-top-left-radius: 10px;
}

table tr td:last-child {
    border-top-right-radius: 10px;
}
table tr td {
    margin-bottom: 20px;
}
table .oddRow:hover td  {
    margin-bottom: 20px;
    border-top:#fedc4d solid 3px; 
    border-bottom:#fedc4d solid 3px; 
}
table .oddRow:hover td:first-child  {
    border-left:#fedc4d solid 2px;  
}
table .evenRow:hover td:last-child  {
    border-right:#fedc4d solid 2px;  
}
table {
    border-collapse:separate; 
    border-spacing: 0 5px;
}