@import url('opensans.css');

/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #fff;
    font-size: .85em;
    font-family: 'Open Sans';
    font-weight: 500;
    color: #333;
	text-rendering: optimizeLegibility;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: url('/Content/Images/Login/loginBackground.jpg') top left no-repeat;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h1 a, h1 a:visited, h1 a:active, h1 a:hover
{
	font-family: 'Open Sans';
    font-weight: 600;
	font-size: 1.3em;
	text-decoration: none;
    padding: 0;
    margin: 20px 20px 20px 25px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* BOXES  
----------------------------------------------------------*/

#mainContainer
{
    width: 1294px;   
    margin: 0 auto; 
}

#contentContainerBox
{
    width: 360px;
    height: 100%;
    min-height: 100%;
    background: url('/Content/Images/Login/loginFormBackground.png') top left repeat;
    margin: 0 0 0 40px;
    padding: 0;
    position: absolute; 
}

#contentContainer
{
    min-height: 260px;
    width: 360px;
    margin: 60px 0 0 0;
    border-top: 4px solid #fff;
}

#header
{
    width: 260px;
    height: 360px;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#logo
{
    margin: 180px 0 0 0;
    width: 260px;
}

#footer
{
    margin : 40px 0 0 0;
}

#username, #password {
    border: 0px solid #CCC;
    background: #f2f2f2;
    color: #333;
    padding: 8px;
    font-family: 'Open Sans';
    width: 220px;
    margin: 0 12px 10px 25px;
}

#submit {
    border : 0px solid #ffffff;
    vertical-align: middle; 
    margin: -2px 0 0 0;
    background-color: transparent;
}

.errors li
{
    color: #ffffff;
	font-size: .8em;
	font-weight: 500;
    list-style-type: none;
	vertical-align: middle;   
    text-transform: uppercase;
}

.errors
{
    padding: 0 0 0 0;   
    margin: 20px 20px 20px 25px;
}


#footer
{
    bottom: 0;
    position: absolute;
    width: 380px;
    height: 40px;
    color: #fff;
    font-size: .75em;
    font-weight: 400;
}

#footerLeft {
    text-align: left;
    float: left;
    width: 165px;
    margin: 0 0 0 25px;
    text-transform: uppercase;
}

#footerRight {
    text-align: right;
    float: left;
    width: 145px;
    margin: 0 0 0 0;
}

#footer a, #footer a:visited, #footer a:active {
    text-decoration: none;
    color: #fff;
}

#footer a:hover {
    text-decoration: underline;
    color: #fff;
}

#registerInfo {
    width: 300px;
    font-size: .85em;
    font-weight: 500;
    margin: 25px;
    color: #fff;
    text-transform: uppercase;
}

#registerInfo a, #registerInfo a:visited, #registerInfo a:active {
    text-decoration: none;
    color: #fff;
}

#registerInfo a:hover {
    text-decoration: underline;
    color: #fff;
}