﻿BODY
{
    background-color: #ffffff;
    color: #000000;
    font-family: Trebuchet MS, Verdana, Helvetica, Arial;
    font-size: 100%;
}
A, A:visited
{
    color: #000000;
    text-decoration: underline;
}
DIV#header DIV#brand
{
    float: right;
}
DIV#header DIV#title
{
    float: right;
}
DIV#header DIV#title H1
{
    color: #dfdfdf;
    font-size: 3.5em;
    margin: 0 40px 0 0;
}
DIV.visual-clear
{
	margin: 0px;
	clear: both;
	float: none;
	display: block;
	height: 0px;
}
DIV#login-form
{
    float: left;
    clear: left;
    height: 116px;
    width: 390px;
    background: url(../Images/login_box.gif) no-repeat 80px 90px;
    padding: 110px 0 0 100px;
    color: #ffffff;
}
DIV#register-form
{
    float: left;
    clear: left;
    height: 301px;
    width: 400px;
    background: url(../Images/reg_box.gif) no-repeat 80px 0;
    padding: 20px 0 0 100px;
    color: #ffffff;
}
DIV#login-form DIV.form-field, DIV#register-form DIV.form-field
{
    margin: 10px 0 2px 0;
}
DIV#login-form DIV.form-field LABEL
{
    display: block;
    float: left;
    width: 115px;
    font-weight: bold;
}
DIV#register-form DIV.form-field LABEL
{
    display: block;
    float: left;
    width: 145px;
    font-weight: bold;
}
DIV#login-form DIV.form-field .textbox, DIV#register-form DIV.form-field .textbox
{
    display: block;
    float: left;
    width: 150px;
}
DIV#login-form DIV.form-field SPAN, DIV#register-form DIV.form-field SPAN
{
    display: block;
    float: left;
    margin: 0 0 0 5px;
    color: #ffffff !important;
}
A.button, A.button:visited, INPUT.button
{
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.1em;
    text-decoration: none;
    display: block;
    float: left;
    clear: left;
    padding: 0 4px;
    border: none;
    background: #67ab55;
}
DIV#login-form A.button, DIV#login-form A.button:visited, DIV#login-form INPUT.button,
DIV#register-form A.button, DIV#register-form A.button:visited, DIV#register-form INPUT.button
{
    margin: 6px 0 0 270px;
}
DIV#alt-links
{
    padding: 0;
    margin: 0;
}
DIV#alt-links A.button, DIV#alt-links A.button:visited, DIV#alt-links INPUT.button
{
    width: 200px;
    margin: 5px 0 10px 140px;
    background: #4d4d4d;
}
DIV#instructions
{
    float: right;
    margin: 40px 20px 0 0;
    font-size: 1.3em;
    font-weight: bold;
    width: 400px;
    text-align: right;
}
DIV#messages
{
    float: left;
    font-weight: bold;
    padding: 150px 0 0 120px
}
DIV#messages SPAN.error-message
{
}
DIV#messages SPAN.success-message
{
}
DIV#validation
{
    margin: 0 0 0 120px;
}
DIV#footer
{
    position: absolute;
    bottom: 89px;
    left: 89px;
    font-size: 0.8em;
}
DIV#footer-register
{
    padding: 100px 0 0 89px;
    font-size: 0.8em;
}
DIV#footer SPAN, DIV#footer-register SPAN
{
    margin: 0 10px 0 0;
}
DIV#footer SPAN.left-dot, DIV#footer-register SPAN.left-dot
{
    background: url(../Images/dot.gif) no-repeat left center;
    padding: 0 0 0 12px;
}