/******************************************************************
    InvolveNet Login Page Style
    applied to auth.aspx and the CSU Login Form

    Created June 2010    

******************************************************************/

/******************************************************************
    Document Positioning and whole document styles
******************************************************************/
html 
{
    height:100%;
}
body 
{
    height:100%;
    margin:0px;
    background-color:#E4E4E4;
    background-repeat:repeat;
    background-image:url('/san_net/Images/components/background.jpg'); 
}
form 
{
   padding: 0px;
   margin: 0px;
   display: inline-block;
}
#centerhor 
{
    position:relative;
    top:0px;
    left:50%;
    width:600px;
    height:100%;
    margin-left:-300px;
}
#centerver 
{
    position:absolute;
    top:50%;
    left:0px;
    width:600px;
    height:300px;
    margin-top:-150px;
}

/******************************************************************
    Login Box
******************************************************************/
#loginbackground 
{
    position:absolute;
    top:0px;
    left:135px;
    width:390px;
    height:271px;
    padding-top:50px;
    background-repeat:no-repeat;
    background-image:url('/san_net/Images/components/loginBox.png');
}

#authenticate_form_div
{
    margin-left: 40px;
}

#authenticate_form_div h2
{
   margin: 3px;
}

/******************************************************************
    CSU Login Form
******************************************************************/
#eid_login_div 
{
    position:absolute;
    top:45px;
    left:45px;
}
#ename_label, #epassword_label
{
    font-family:Arial;
    font-size:16px;
    color:#666666;
    font-weight:bold;
    margin-left:3px;
}
#ename_input_div, #epassword_input_div
{
    width:300px;
    height:35px;
    background-repeat:no-repeat;
    background-image:url('/san_net/Images/components/loginFieldBackground.png');
    margin-bottom:8px;
}
#ename, #epassword
{
    width:290px;
    height:25px;
    margin:5px;
    background-color:transparent;
    border:none;
    font-family:Arial;
    font-size:14px;
    color:#666666;
    font-weight:bold;
    outline:0px;
}
#openforgoteidlink_div 
{
    width:150px;
    margin-top:-5px;
    margin-left:8px;
    text-align:left;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    float:left;
}
#openforgoteidlink_div a
{
    text-decoration:none;
    color:#808080;
}
#openforgoteidlink_div a:hover
{
    text-decoration:none;
    color:#C6940D;
}
#authenticate_form_submit_div
{
    position:absolute;
    top:165px;
    left:250px;
}


/******************************************************************
    Involve Logo
******************************************************************/
#involvelogo 
{
    position:absolute;
    top:17px;
    left:0px;
    width:154px;
    height:239px;
    background-repeat:no-repeat;
    background-image:url('/san_net/Images/components/loginSystemLogo.png');
}

#passwordissues
{
    position: absolute;
    margin: 10px auto;
    top: -0px;
    border: 2px solid #333333;
    padding: 5px;
    color: #FF6666;
    font-weight: bold;
    background-color: White;
    width: 500px;
    text-align: center;
}

/******************************************************************
    Footer
******************************************************************/
#footer 
{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:25px;
    margin-top:-25px;
    background-repeat:repeat-x;
    background-position:top left;
    background-image:url('/san_net/Images/components/footerBackground.png');
}
#footer a 
{
    font-family:Arial;
    font-size:13px;
    color:#666666;
    text-decoration:none;   
}
#footer a:hover 
{
    color:#C6940D;
    text-decoration:none;
    cursor:pointer;   
}
#footer .left 
{
    position:absolute;
    top:7px;
    left:15px;
    width:auto;
    height:auto;
    font-family:Arial;
    font-size:13px;
    text-align:left;
    color:#666666;
}

#footer .center 
{
    position: relative;
    top:7px;
    width:200px;
    height:auto;
    font-family:Arial;
    font-size:13px;
    color:#666666;
    margin: 0px auto;
    margin-left: 10px;
    margin-right: 10px;
}
#footer .right
{
    position:absolute;
    top:7px;
    right:15px;
    width:auto;
    height:auto;
    font-family:Arial;
    font-size:13px;
    text-align:right;
    color:#666666;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error
{
    border: 1px solid pink ;
    background-color: #FFEEEE;
    font-size:100%;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-errors ul
{
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}

.validation-summary-errors ul li
{
   margin-left: 0px;
   padding: 0px;
}

.validation-summary-valid
{
    display: none;
}

.display-label
{
    display: inline;
    font-weight:bold;
}

.display-field
{
    display: inline;
}