body {
background-color: #c5d3d7;
color: #04202e;
font: 10pt Tahoma;
margin: 7px 5px 3px 5px;
text-align: left;
}
a {
color: #44687d;
text-decoration: none;
}
a:hover, a:focus {
color: #04202e;
text-shadow: 0px 0px 5px #ffffff;
}
input,select,textarea {
background-color: #ffffff;
border: 1px solid #7e99aa;
border-radius: 4px;
color: #5a7e92;
font: 10pt Comic Sans MS;
margin: 2px 1px 2px 1px;
padding: 5px 7px 5px 7px;
}
div.cat {
background-color: #7e99aa;
border-radius: 5px;
color: #44687d;
margin: 2px 0px 2px 0px;
padding: 7px 5px 7px 5px;
}
div.navbar {
border: 1px solid #7e99aa;
border-left: 3px solid #7e99aa;
border-right: 3px solid #7e99aa;
border-radius: 7px;
margin: 2px 5px 2px 5px;
padding: 5px;
}
p {
margin: 2px 5px 2px 5px;
padding: 3px;
}
p a {
display: inline-block;
padding: 2px 5px 2px 5px;
}
div.catSides {
background-color: #44687d;
border-radius: 4px;
color: #bac9d1;
display: block;
margin: 2px 0px 1px 0px;
padding: 6px 10px 6px 10px;
}
div.catSides a {
color: #bac9d1;
}
div.catSides a:hover, td.catSides a:focus {
color: #04202e;
}
div.row1 {
background-color: #bac9d1;
border: 1px solid #a8bbc6;
border-radius: 2px;
display: block;
padding: 3px 7px 3px 7px;
margin: 1px 2px 1px 2px;
}
div.row1 a {
display: inline-block;
padding: 2px 5px 2px 5px;
}
div.row_easy {
background-color: #bac9d1;
border-radius: 3px;
display: block;
padding: 1px 7px 2px 7px;
margin: 1px 2px 1px 2px;
}
div.row_hard {
background-color: #a8bbc6;
border-radius: 3px;
display: block;
padding: 1px 7px 2px 7px;
margin: 1px 2px 1px 2px;
}
div.row_easy a, td.row_hard a {
display: inline-block;
padding: 1px 5px 1px 5px;
}
a.buttom {
background-color: #bac9d1;
border: 1px solid #a8bbc6;
border-radius: 2px;
display: block;
padding: 3px 7px 3px 7px;
}