/*
The popup div must have an explicit background, or some IE versions/modes while fire mouseout with the target being the
document.  It's position must be absolute, and it's visibility must be hidden 
Giving the anchor some extra width, makes it easier to keep the mouse over the anchor or the popup 

*/
div.LoginPopup
{
    position:absolute;
    visibility: hidden;
    background-color:#ffe19b;
    width:278px;   
    border:1px solid #eaca7e;
    padding:10px 0 10px 10px;    
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px 0px 0 14px;
}

.LoginPopupLeft
{
    float:left;
    text-align:right;
    font-weight:bold;
    padding: 3px 5px 0 0;
    line-height:27px;
}

/* Width of user name and password boxes*/
.userNameBlock input, .PasswordBlock input
{
    width:187px;
}

.LoginPopupRight
{
    float:left;
}

.userNameBlock
{
    margin: 4px 0 10px 0;
}

.PasswordBlock
{
    margin: 0px 0 10px 0;
}

.userNameBox, .passwordBox
{
    border:0px;
    width:204px;
}

.LoginPopupBottom
{
    margin:10px 10px 0 0;
    padding:8px 0 0 40px;
    clear:both;
    border-top:1px solid #eaca7e;
}

.LoginPopup a
{
    font-weight:bold;
}

span.rememberMeBlock
{
    float:left;
    display:inline;
    padding-top:2px;    
}

span.loginBlock
{
    margin:10px 10px 10px 0px;
}

.loginButton
{
    font-size:11px;
    font-weight:bold;
    width:77px; 
    height:25px; 
    border:0px;  
}