body, li, td, th, input, select, button, label {
 color: black;
 font-family: Verdana, Arial, sans-serif;
 font-weight: normal 
}
form {
 margin: 8px;
 text-align:center
}
body, td {
 background: white;
 font-size: 80%;
}
td, th {
 border: none;
}
a, a:active {
 text-decoration:none;
 color: #3366CC;
}
a:hover, a:focus {
 text-decoration:underline;
}
a:visited { 
 color: #666699;
}
a img {
 border-style: none;
 border-width: 0px
}
.input {
 background-color:#ffff99
}
td.button { 
 text-align: right
}
.label{
 white-space: nowrap;
 text-align: left;
 padding-right:2px !important;
}
.info {
 font-size:80%;
}
.error {
 font-weight: bold;
 color: #C83030;
}
.copyright {
 margin:8px 5px 5px 5px;
 font-size:80%;
}
.main-body {
 width: 849px;
 text-align:center
}
.hr {
 display:block;
 margin-top:45px
}
.trust {
 margin-bottom:40px
}

@media screen and (min-width:1px) {
.info {
 display:none;
}
.copyright {
 margin:0px 0px 0px 0px;
}
.main-body {
 width: 250px;
}
.hr { 
 display:none;
 margin-top:20px;
}
.logo {
 width:200px;
}
.legal {
font-size:70%;
}
}
@media screen and (min-width:400px){
.logo {
 width:350px;
}
.hr {
display:block;
width:100%;
}
.main-body {
width: 400px;
}
.info {
display:block;
}
.legal {
 font-size:100%
}
}
@media screen and (min-width:500px)
{
.logo {
 width:400px
}
.main-body {
 width: 500px;
}
.trust {
 margin-bottom:40px;
}
}

@media screen and (min-width:849px)
{
.logo {
 width:500px
}
.main-body {
 width: 849px;
}
.trust {
 margin-bottom:40px;
}
}
@media (pointer:coarse) {
.input {
 height:35px
}
}