div.LoginHeader
{
    padding: 40px 0px 40px 150px;
    width:100%;
    background-image:url('../images/effects/login/top_bar.gif');
    background-repeat:no-repeat;
    background-position: -5px 20px;
}

h1.LoginPageTitle
{
    text-transform:uppercase;
    font-size:22px;     
}

div.LoginContent
{
    margin-left:155px;
    width:670px;
    padding-top: 20px;
    
}

div.LoginLeftBox
{
    float: left;
    width:310px;
    margin-left: 0px;
}



/*
    LoginBox
*/
div.LoginBox_Outer_Shadow
{
    background-image: url('../images/effects/login/loginbox_shadow.gif');
    background-repeat: no-repeat;
    background-position:bottom;
    float: right;
    width:340px;
    padding: 0px 0px 58px 0px;
    margin: 0px 0px 0px 0px;
}

div.LoginBox_Outer
{
    float: left;
    width:332px;
    padding: 2px 2px 2px 2px;
    border-color:#D3D3D3;
    border-style: solid;
    border-width: 1px;
    margin: 0px 0px 0px 0px;
}

div.LoginBox
{
    width:332px;
    margin-right: 0px;
    background-color:#D3D3D3;
    padding: 10px 0px 10px 0px;
}

.LoginBoxLockIcon
{
    background-image:url('../images/effects/login/login_lock.gif');
    position:absolute;
    margin-left: -9px;
    margin-top: -21px;
    width: 55px;
    height: 60px;
}

div.LoginBox h4
{
    position:relative;
    top: 0px;
}

/*
    FunctionListElement
*/
div.FunctionElement
{
    float:left; 
    /* display: inline; */
    width: 325px;
    padding: 0px 0px 0px 0px;
    margin: 10px 10px 0px 0px;
    height: 120px;
   
}

/*
    Button
*/
div.LoginButton
{
    border:none;
    height: 39px;
    width:113px;
    text-align:center;
    margin-top: 10px;
    padding:0px 0px 0px 0px;
    background-image:url('../images/controls/button/login/button.gif');
    background-repeat:no-repeat;
    cursor:pointer;
}

.LoginButtonText
{
    color:#3C555A;
    font-weight:bold;
    font-size: 14px;
    text-decoration:none;
    font-family: Verdana;
    position:relative;
    top:7px;
    text-align:center;
}

.ForgotPasswordButtonText
{
    color:#3C555A;
    font-weight:bold;
    font-size: 10px;
    text-decoration:none;
    font-family: Verdana;
    
    position:relative;
    top:8px;
    text-align:center;
}

.FunctionElement_Image
{
    vertical-align:top;
}
.FunctionElement_Text
{
    padding-left: 5px;
}

/*  
    Forgot Login
*/
.LoginForgotPassword
{
    font-size: 9px;
}


div.ForgotHeader
{
    padding: 40px 0px 40px 150px;
    width:100%;
    background-image:url('../images/effects/login/top_bar.gif');
    background-repeat:no-repeat;
    background-position: -5px 20px;
}

h1.ForgotPageTitle
{
    text-transform:uppercase;
    font-size:22px;     
}

div.ForgotContent
{
    margin-left:155px;
    width:670px;
    padding-top: 20px;
}

div.ForgotLeftBox
{
    float: left;
    width:230px;
    margin-left: 0px;
}



/*
    ForgotBox
*/
div.ForgotBox_Outer_Shadow
{
    background-image: url('../images/effects/login/forgotbox_shadow.gif');
    background-repeat: no-repeat;
    background-position:bottom;
    float: right;
    width:420px;
    padding: 0px 0px 58px 0px;
    margin: 0px 0px 0px 0px;
}

div.ForgotBox_Outer
{
    float: left;
    width:412px;
    padding: 2px 2px 2px 2px;
    border-color:#D3D3D3;
    border-style: solid;
    border-width: 1px;
    margin: 0px 0px 0px 0px;
}

div.ForgotBox
{
    width:412px;
    margin-right: 0px;
    background-color:#D3D3D3;
    padding: 10px 0px 10px 0px;
}

.ForgotBoxLockIcon
{
    background-image:url('../images/effects/login/login_lock.gif');
    position:absolute;
    margin-left: -9px;
    margin-top: -21px;
    width: 55px;
    height: 60px;
}

div.ForgotBox h4
{
    position:relative;
    top: 0px;
}

div#DealerTerms
{
    padding: 10px;
}

div#DealerTerms li
{
    margin-bottom: 10px;
}