﻿
body 
{	
	margin: 0 auto;
	font-family: Arial,Helvetica;
	font-size: 9px;
    background: #F5F6FA;
    color: #333;
}

a {
    color: #3e8cce;
}

#login
{
	margin: 0 auto 0;
}

.form
{
	margin-bottom: 10px;
}

.form .description
{
	float: left;
	margin-top: 4px;
	width: 100px;
}

.form-action {
    text-align: center;
}

.clear
{
	clear: both;
	font-size: 1px;
	line-height: 1px;
}

.TextBoxUpperCase { 
    text-transform: uppercase; 
    color: black; 
} 

input {
    font-size: 14px;
}

input[type=text],
input[type=password]
{
    border: 1px solid #ddd;
    padding: 3px;
}

.form-action input {
    font-size: 18px;
    width: 150px;
    font-weight: bold;
    height: 40px;
}

#LoginForm input {border:1px solid #56aaff; }

.lrgBtn { margin-top: 10px; }


#loginContainer {
    border: 1px solid #ddd;
    padding: 1em 3em 1.5em;
    font-size: 1.5em;
    width: 360px;
    margin: 2em auto 1em; 
}

#container {
    padding: 10px 25vw 2em;
    background: #fff;
}

.container-is {
    border-top: 5px solid #fbc509;
}

.container-ms {
    border-top: 5px solid #01b4c8;
}

.container-hh {
    border-top: 5px solid #e22d26;
}

.PageHeader {
    margin: 0.5em 0 1em 0;
    color: #333;
}

#loginContainer > table {
    margin: 1em 0;
}


#footer {
    margin-top: 2em;
    text-align: center;
    font-size: 1.5em;
}

#footer p {
    margin: 0 0 0.5em;
}

#footer p.operated-by {
    margin-top: 1em;
}

.sep {
    margin: 0 0.25em;
}