/* Basic Elements */

body {
    font-size: 101%;
    font-family: Helvetica, Arial, sans-serif;
    color: #4B4B4B;
    background-color: #9BBAE4;  
    text-align: center;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}

a {
  color: #293DBC;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;  
}

a:active {

}

hr  {
    border: none 0; 
    border-top: 1px solid #C4C4C4;
    height: 1px;
    margin-bottom: 1em;
}

table.data {
    width: 100%;
    border-collapse: collapse;    
    font-size: 0.8em;
    margin: 2em 0 1em 0;
    background-color: #EFEFEF;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;       
}

table.data caption {
    font-size: 1.1em;
    text-align: left;
    font-weight: bold;
    margin-bottom: 0.4em;
}

table.data tr.error
{
    color: red;
}

table.data tr.over td, tr:hover td {
    background: #bcd4ec;
}

table.data td {   
    vertical-align:text-top;
    padding: 0.5em 0.5em 0.5em 0.5em;   
}

table.data th {
    padding: 0.5em 0.5em 0.5em 0.5em;     
    border-bottom: 1px solid #C4C4C4;
    text-align: left;
}

table.data ul {
    padding: 0;
    margin: 0;
}

div#main {
    margin: 3em auto 0 auto;
    text-align: left;
    width: 35em;  
}

div#main.wide {
    width: 55em;        
}

div#frame
{
    margin: 0;
    padding: 0;    
    font-size: 1em; 
    background-color: #FFFFFF;  
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;   
}

div#content
{
    padding: 0.5em 5em 1em 5em;      
}

div#header
{
    text-align: left;
    padding: 1em 5em 0em 5em;
}

div#header h1
{
    margin-bottom: 0.5em;    
}

div#header h2 {
    font-family: Arial Narrow;
    color: #999999; 
    font-size: 1.8em;
    margin-bottom: 0.8em;
}

form
{       
    margin: 0;
    padding: 0;
    padding: 0em 5em 1em 5em;      
}

form fieldset {       
    background-color: #FFFFFF;    
    border: 0;    
    margin: 0;
    padding: 0;  
}

form label {
    margin: 0;
    padding: 0;    
}

form input.text {
    width: 100%;
    width: 22.7em;
    margin: 0;
    padding: 0;
    margin-bottom: 0.5em;    
    border-color: #CCCCCC; 
    border-width: 1px;
    border-style: solid;
    font-size: 1.1em;
    font-weight: bold;
}
        
input.button:hover {      
    color: #E4E4E4;
    font-weight: bold;
    background-color: #37840A;
    border: 2px solid #37840A;    
}       
        
input.button {      
    margin: 0.5em 0 0 0;    
    background-color: #06266F;
    border: 2px solid #06266F;    
    color: #E4E4E4;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;    
    height: 30px;
    font-size: 1em;    
    font-weight: bold;
}

div.error
{
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    margin: 0 0 1em 0;
    padding: 0.5em 0em 0.5em 0em;
    background-color: #FFD7D7;
    font-size: 1em;
    font-weight: bold;
    width: 100%;
}

div.error p
{
    padding: 0em 0em 0em 0.5em;
}

div.info
{
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    margin: 0 0 1em 0;
    padding: 0.5em 0em 0.5em 0em;
    background-color: #C0E2C4;
    font-size: 1em;
    font-weight: bold;
    width: 100%;
}

div.info p
{
    padding: 0em 0em 0em 0.5em;
}

p.footer
{
    margin: 0.3em 0 0 0;
    text-align: right;
    font-size: 0.75em;    
    font-weight: bold;
}