body
{
 text-align:center;
 background-color:#EFEFEF;
 font-family: Arial;
 padding: 20px;
}

div.header
{
 font-size: 13px;
 text-align: justify;
 padding: 10px;
 margin:auto;
 margin-top: 15px;
 border-width:1px;
 border-color:#AFAFAF;
 border-style:dashed;
 width: 580px;
 line-height: 1.5;
}

div.input_field
{
 margin:auto;
 border-width:1px;
 border-color:#AFAFAF;
 border-style:dashed;
 width: 580px;
 padding: 10px;
}

div.show_result_true
{
 font-size: 13px;
 text-align: left;
 padding: 10px;
 margin:auto;
 margin-top: 15px;
 border-width:1px;
 border-color:#AFAFAF;
 border-style:dashed;
 width: 580px;
 line-height: 1.5;
 background-color: #90EE90;
}

div.show_result_false
{
 font-size: 13px;
 text-align: left;
 padding: 10px;
 margin:auto;
 margin-top: 15px;
 border-width:1px;
 border-color:#AFAFAF;
 border-style:dashed;
 width: 580px;
 line-height: 1.5;
 background-color: #BB0000;
}

div.footer
{
 font-size: 11px;
 color: #8F8F8F;
}

h1
{
 font-size: 26px;
 font-weight: bold;
 letter-spacing: 10px;
 margin: 6px;
 color: #000000;
}

h2
{
 margin: 2px;
 font-size: 11;
 color: #8F8F8F;
}

input
{
 margin-top: 10px;
 font-size: 14px;
 height: 24px;
 background-color: #F9F9F9;
}

select
{
 margin-top: 10px;
 font-size: 14px;
 height: 20px;
 background-color: #F9F9F9;
}



A:link {text-decoration: none; color: #8F8F8F;}
A:visited {text-decoration: none; color: #8F8F8F;}
A:active {text-decoration: none; color: #8F8F8F;}
A:hover {text-decoration: none; color:#8F8F8F;}