#loginContainer 
{ 
    position:relative; 
    float:right; 
    font: 16px sans-serif;  
}

#loginButton 
{ 
    display:inline-block;
    float:right;
    border-radius:3px;
    -moz-border-radius:3px;
    position:relative;
    z-index:30;
    cursor:pointer;
}

/* Login Button Text */
#loginButton span 
{ 
    color:#445058; 
    font-size:14px; 
    padding:4px 4px 4px 4px; 
    display:block 
}

/* Login Box */

/* If the Login Button has been clicked */    
#loginButton.active 
{
    border-radius:2px 2px 0 0;
}

#loginBox 
{ 
    position:fixed; 
    top:50%; 
    left:50%; 
    margin-top:-200px; 
    margin-left:-125px; 
    display:none; 
    z-index:1000; 
    width:350px; 
    height:200px; 
    background-color:#999999; 
}

#loginForm 
{ 
    width:350px; 
    height:180px; 
    background:#d2e0ea; 
}

.userNameLabel{ position:absolute; top:22px; left:20px; font: 14px sans-serif; height:22px; vertical-align:middle; padding-top:3px; }
.userName { position:absolute; top:20px; left: 100px; width:180px;border-style: solid; border-width: 1px; height: 22px; padding-left:3px;}
.userNameValidator { position:absolute; top:22px; left: 300px; width:20px; }
.passwordLabel { position:absolute; top: 62px; left:20px; font: 14px sans-serif; height: 22px; vertical-align:middle; padding-top:3px;  }
.password { position:absolute; top:60px; left:100px; width:180px;border-style: solid; border-width: 1px; height:22px; padding-left:3px;}
.passwordValidator { position:absolute; top:62px; left: 300px; width:20px; }

#errorMessage  
{
    position:absolute; 
    top:100px; 
    left:20px; 
    height:20px; 
    font-size:12px; 
    width:310px;
    padding: 0px;
    margin: 0px;
    text-align:center;
 }

.signInButton
{
    font: 16px sans-serif;
    color:#FFFFFF;	
    margin:none;
    border:none;
    text-align:center;
    position:absolute;
    width: 80px;
    height: 40px;
    top: 130px;
    left: 260px;
    background-color:#36B9ED; 
    text-decoration:none;
    vertical-align:middle;
}

.signInButton:hover
{
    background-color:#46C9FD;
}

.signInButton:active
{
    background-color:#111111; 
}

#ForgottenPassword  
{
    position:absolute; 
    bottom:0px; 
    height:20px; 
    width:100%; text-align:center; 
    padding: 0px;
    margin: 0px;
    left:0px;
    text-align:center;
    vertical-align:middle;
}

#ForgottenPassword a 
{
    color:#3a454d;
    text-shadow:1px 1px #fff;
    font-size:12px;
    vertical-align:middle;
}


#loginForm #checkbox 
{ 
    width:auto; 
    margin:1px 9px 0 0; 
    float:left; 
    padding:0; 
    border:0; 
    margin:-3px 9px 0 0; 
}

#body label 
{ 
    color:#3a454d; 
    margin:9px 0 0 0; 
    display:block; 
    float:left; 
}

#loginForm input[type="text",type="password"]
{
    width:92%;
    border:1px solid #899caa;
    border-radius:1px;
    -moz-border-radius:1px;
    color:#3a454d;
    font-weight:bold;
    padding:4px 4px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:16px;
}

input:focus {
    outline:none;
}

#loginButtonSpan
{
    font: 12px sans-serif;
}