/* Login Container (default to float:right) */
.loginContainer {
	margin-top: 3px;
    position:relative;
    float:right;
    font-size:12px;
}

/* Login Button */
#loginTopButton { 
    display:inline-block;
    float:right;
    position:relative;
    z-index:30;
    cursor:pointer;
}

/* Login Button Text */
#loginTopButton span {
    color:#666; 
    font-size:13px; 
    padding:1px 29px 1px 10px;
    background:url(../images/loginArrow.png) no-repeat 113px 1px;
    display:block
}

#loginTopButton:hover {

}

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

#loginTopButton.active span {
    background-position:113px -82px;
}

/* A Line added to overlap the border */
#loginTopButton.active em {
    position:absolute;
    width:100%;
    height:1px;
    bottom:-1px;
}

/* Login Box */
.loginTopBox {
    position:absolute;
    top:34px;
    right:0;
    display:none;
    z-index:29;
}


/* Login Form */
.loginTopForm {
    width:240px; 
    border:6px solid #f4f4f4;
    border-radius:8px 0 8px 8px;
    -moz-border-radius:8px 0 8px 8px;
    margin-top:-1px;
    background:#fff;
    padding:6px;
}


/* Default Input */
.loginTopForm input[type=text] ,.loginTopForm input[type=password] {
    
    
    color:#3a454d;
    width: 215px;
    height: 32px;
    font-size:14px;
}

.remember_me {
    width: 100px;
    font-weight: normal;    
}

.form_checkbox input[type=checkbox] {
    margin-left: 5px;
}

 
/* Sign In Button */
.loginTopForm .form_button {
    width:auto;
    height: 30px;
    float:left;
    background-color:#e4b248;
    color:#fff;
    padding:7px 10px 8px 10px;    
    border:1px solid #e4b248;    
    margin:0 3px 0 2px;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

/* Forgot your password */
.loginTopForm span {
    text-align:center;
    display:block;
    padding:7px 0 4px 0;
}

.loginTopForm span a {
    color:#3a454d;
    text-shadow:1px 1px #fff;
    font-size:12px;
}

input:focus {
    outline:none;
}