﻿body {
    margin: 0;
    padding: 0;
    text-align: center;
    background: #ccc;
}

* {
    font-family: Verdana;
    font-size: 10px;
}

form {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 0 40px;
    text-align: left;
    color: #00639e;
}

td {
    text-align: left;
    vertical-align: top;
}

a, a:link, a:visited, a:active {
    color: #2d2dff;
    text-decoration: none;
}

a:hover {
    color: #f00;
    text-decoration: underline;
}

img { border: none; }

#Container {
    width: 681px;
    margin: 30px auto 0 auto;
}

#Header { background: url('../images/BgContainerTop.gif') no-repeat left top; }

#Content {
    background: #fff;
    padding: 10px;
    text-align: left;
}

#Footer {
    background: url('../images/BgContainerBottom.gif') no-repeat left bottom;
    text-align: center;
    padding: 10px 0;
    color: #999;
}

#Footer a, #Footer a:link, #Footer a:visited, #Footer a:active {
    color: #999;
    text-decoration: none;
}

#Footer a:hover {
    color: #999;
    text-decoration: underline;
}

td.Title, td.Link { vertical-align: middle; }

td.Label {
    padding-top: 6px;
    color: #333;
}

span.GreyText {
    color: #999;
    font-size: 9px;
}

div.ErrorMessage {
    color: #f22;
    border: 1px solid #f22;
    margin: 10px 20px 10px 10px;
    padding: 10px;
    background: #efefef;
}

div.ErrorMessage div { color: #f22; }

div.StatusMessage {
    color: #5f9600;
    border: 1px solid #5f9600;
    margin: 10px 20px 10px 10px;
    padding: 10px;
    background: #efefef;
}

input.Button {
    padding: 5px 10px;
    margin-top: 5px;
}

input.TextBox {
    width: 250px;
    padding: 4px;
    border: 1px solid #ccc;
    background: #fff;
}

input.TextBox:focus { background: #ffc; }

div.InfoBox {
    background: url('../images/BgInfoBox.gif') repeat-x #ffeb97;
    border: 1px solid #fed632;
    padding: 15px;
    margin-right: 10px;
}

div.InfoBox h1 {
    color: #555;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: left;
}

div.InfoBox h2 {
    color: #555;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    text-align: left;
}

div.InfoBox p {
    color: #555;
    padding: 0;
    margin: 5px 0 0 0;
}
