﻿div.login_area
{
    display: block;
    width: 300px;
    margin: 200px auto 0;
    background-color: Orange;
    background-color: #fff;
    padding: 30px 30px 10px 30px;
    
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    border: solid 2px #e2e2e2;
    border-top-right-radius: 10px; 
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.msg
{
    color: #054fa0;
    font-size: 12px;
    font-family: Arial;
    padding: 0 4px 10px 4px;
    font-weight: bold;
}

table.login
{
    border: solid 1px #000;
    border: none;
    display: block;
}

table.login td
{
    vertical-align: middle;
}

table.login input
{
    display: block;
    float: left;
    padding: 5px;
    font-family: Courier New;

    border: solid 2px #f2f2f2;
    border-top-right-radius: 5px; 
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

td.knop
{
    padding-bottom: 0;
}

td.knop a
{
    display: block;

    border: solid 2px #c0c0c0;
    background-color: #f2f2f2;
    font-family: Arial;
    font-size: 12px;
    color: #808080;
    padding: 5px 20px 5px 20px;
    text-align: center;

    border-top-right-radius: 5px; 
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

td.knop a:hover
{
    border: solid 2px #333333;
    color: #000000;
}

span.error
{
    display: block;
    color: #cc0000;
    font-size: 12px;
    font-family: Arial;
    padding-bottom: 10px;
}

span.result
{
    display: block;
    color: #cc0000;
    font-size: 12px;
    font-family: Arial;

    border-top-right-radius: 5px; 
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

    border: solid 2px #cc0000;
    background-color: #ffcccc;
    padding: 5px;
}

td.error
{
    padding: 0 0 0 5px;
}