﻿html, body{
	background: #003f72;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
    color:#FFF;
    line-height:1.5em;
}

.box{
	background:#FFF;
	padding:20px;
    margin-bottom:5px;
    position:relative;
}

.container{
    max-width:300px;
    margin-top:100px;
}

.large-container{
    max-width:500px;
    margin-top:0;
}


.client-error{
    display:none;
}

h1{
    color:#fff;
    font-size:24px;
    margin:20px 0 20px 0;
}

input{
    color:#4B4B4B;
}

/*====================================================
	USEFUL STYLES
=====================================================*/

.pull-left{
    float:left;
}

.pull-right{
    float:right;
}

.full-width{
    width:100%;
}

.inline > li{
    display:inline-block;
}

.has-options{
    padding-bottom: 80px;
}

.icon-spacing{
    margin-right:5px;
}

label{
    display:block;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight:lighter;
    color:#fff;
}


input{
    padding:10px;
    border:1px solid #CCC;
    font-size:12px;
    width:100%;
}

.footer-nav{
    background:none;
}

.logo{
    width:100%;
	margin-bottom:30px;
}

.logo img{
	width:100%;
	height:auto;
}

.model-state-error{
    background:#bf3850;
    color:#fff;
}

.checkbox-label{
    text-transform:none;
    width:200px;
    display:inline-block;
    text-align:right;
}

.checkbox{
    width:50px;
    display:inline-block;
}

p{
    margin-bottom:10px;
}

a{
    text-transform:none;
}

.success-message{
    background: #2ecc71;
    color: #FFF;
    margin-top:20px;
}

.success-message p{
    margin:0;
}

.forgot-password{
    font-size:11px;
}