/* DOM Elements */
body
{
    /*min-width:750px;*/
    overflow:auto;
}
h1 {
    font-size: 3em;
    font-weight: bold;
}
h2 {
    font-size: 2em;
    color: #666666;
    margin: 1em 0;
}
h2, h3, h4, h5 {
    margin-top: 10px;
    margin-bottom: 15px;
}
p {
    margin: 1em 0;
}
.compassBrand 
{
	font-family: Ubuntu;
	text-transform: uppercase;
	position: static!important;
}
/* End DOM Elements */

/* Class Styles */

.leftFooterImage
{
	float:left;
}
.rightFooterImage
{
	float: right;
}

.login .fr.login-right, .login .fr /*second .login .fr can potentially be removed once full login page changes go live*/ {
    background-color: #0099d8;
    color: #ffffff;
    margin: 0;
    padding: 1em;
}
    .login .fr h3 
    {
        color: #ffffff;
    }

/* End Class Styles */

/* ID Styles */
#ForgotContainer a
{
    /*font-size:0.9em;
    margin-left:10px;*/
    color: #fff;
}

#ForgotContainer p.forgot-password {
    margin-bottom: 0;
}
#ForgottenDetailsResult span {
    display: inline-block;
    margin: 15px;
}

/*#InputArea,
#InputArea div,
#InputArea h1
{
    width:90%;
}
#InputArea div
{
    margin:0 auto 10px;
}
#InputArea h1 
{
    border-bottom:1px solid #ccc; 
    font-size:1.4em;
    margin:5px auto 15px;
    padding:0 0 10px; 
}
#InputArea input 
{
    width:70%;
}
#InputArea input,
#InputArea label
{
    display:inline-block;
}*/
#InputArea label
{
   /* margin:0 10px;
    padding:6px 0 0;
    position:relative;
    top:-3px;
    width:20%;*/
}
/*#InputArea #Authenticate
{
    float:right;
    margin:0 34px 0 0;
    width:auto;
}*/
#InputArea #ForgotContainer 
{
    margin-right:20px;
}
#InputArea #LoginSummary,
#InputArea #Message
{
    color:#ff0000;
}
#LoadingDiv 
{ 
	width:200px !important;
	text-align: center !important;
}
#LoadingDiv img 
{ 
	display:inline-block;
	margin:0 0 15px; 
}
/*#Login,
#TitleBar
{
    min-width: 450px;
	width: 25%;
	margin: 0 auto 2em;
	position: relative;
}*/
#Message 
{
    display:block;
    margin-bottom:10px;
}
#RequestResultAccept
{
	float: right;	
}
#TitleBar span
{
    bottom:5px;
    font-size:0.7em;
    font-weight:bold; 
    position:absolute;
    right:5px;  
}
#FooterBar
{
    margin: 10px auto;
    min-width: 450px;
    padding-top: 15px;
    width: 98%;
    max-width: 1248px;
}
#FooterBar div
{
	width: 100%;
}
#FooterBar p
{
	font-size: 0.75em;
    text-align: right;
}
#LoggingIn 
{
    display:none;
}
/* End ID Styles*/

#header 
{
	font-size: 1em;
    margin: 0 auto 3em;
    position: relative;
    text-align: left;
    width: 560px;
}
#header a img {
    width: 3em;
}

#header h1 {
    color: #000000;
    display: block;
    font-size: 2em;
    font-weight: normal;
    margin: 1.3em 0 0 2em;
    max-width: 700px;
    padding: 5px;
    line-height: 1em;
    font-family: sans-serif;
}
#header a {
    float: left;
}
#header .company {
    border-right: 3px solid #0099D8;
    margin-right: 10px;
}
#header small {
    font-size: 0.69em;
    letter-spacing: 0.01em;
    color: #aaaaaa;
}

/* No JavaScript Warning CSS KEEP AT THE BOTTOM! */
#Login { display: none; }