* { margin: 0; padding: 0; font-family: Verdana; color: #333; }
#loginBoxHolder
{
    margin: 100px auto 0 auto;
    width: 440px;
    position: relative;
}

#loginHeader 
{
    text-align: center;
    margin: 0 0 20px 38px;
}

.h1Title 
{ 
    text-align: center; 
    margin: 13px 0 0px 0;
    float: left;
    background: url(../images/generic/sc_logo.png) left top no-repeat;
    text-indent: -99999px;
    width: 45px;
    height: 44px;
}

.paraTitle
{
    float: left;
    font-size: 35px;
    font-weight: bold;
    margin:0;
    padding:0;
    width: 330px;
}
.userDetailsHolder
{
    padding: 5px;
    margin: 0 0 0 20px;
    font-size: 11px;
}
.scGray
{
    color: #a2a2a2;
    margin-top: 10px;    
}
.scBlue 
{
    color: #3399cc;
    margin-top: 10px;
}
#loginBoxHolder p
{
    margin: 13px 0 0 0;
    letter-spacing: 0.7px;
}
.userDetailsHolder a
{
    color: #39c;
}
.errorMessageHolder
{
    color: Red;
    font-size: 11px;
    text-align: center;
    font-weight: bold;
}
.loginErrorMessage
{
    width: 390px;
    background: url(../images/messageBox/icoError.png) 2% 40% no-repeat #fadbca;
    font-size: 11px;
    color: #fff;
    margin: 10px auto 10px auto;
    padding: 10px 10px 10px 35px;
    /*** font color is from the code behind of the page, not the css ***/
}

.txtBoxStyle
{
    margin: 0 0 0 20px;
    width: 250px;
    border: 1px solid #a2a2a2;
    height: 14px;
    color: #555;
    padding: 4px;
}
.anchorStyle {}
.loginBtnStyle
{
    margin: 0 0 0 -2px;
}
.leftSpace
{
    margin-left: 94px;
    margin-top: -10px;
}

.clearBox
{
    clear: both;
}

/*** // Clear the floatin effect ***/
.clearfix:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */