root { 
    display: block;
}

/* ***

THIS STYLE SHEET DEFINES SITE FORMS AND PAGES REGARDING USER INPUT AND ADMINISTRATION.

HERE YOU WILL FIND DEFINITION FOR STYLE USED ON SUCH PAGES AS:

- LOGIN
- FORGOT PASSWORD
- CHANGE PASSWORD
- PROFILE
- NEW USER REGISTRATION

*** */

root {
    display: block;
}

body, input
{
   font-size:80%;
}

body
{
    background-color:#DBDBDB;
    background-image:url("../images/content-bg.jpg");
    background-position:top;
    background-repeat:repeat-x;
    margin:0px;
    padding:0px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    color:#333333;
}
.bg-wrap-wrap
{
    background-image:url("../images/bg-graphic.gif");
    background-position:top;
    background-repeat:repeat-x;
    
    display:block;
    background-color:#F2F2F2;

}

.bg-wrap
{
    background-image:url("../images/top_bg.jpg");
    background-position:top;
    background-repeat:no-repeat;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-top:0px;
    display:block;
    overflow:auto;
}

.page-wrap
{
    background-image:url("");
    background-repeat:no-repeat;
    width:960px;
    height:920px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    overflow:auto;
   /* background-color:aqua; */

}

.l-login-wrap
{
    background-image:url("../images/bg_login_form_bg.jpg");
    background-position:top;
    background-repeat:no-repeat;
    margin-left:auto;
    margin-right:auto;
    width:696px;
    height:750px;
}

.form-wrap
{
    margin-left:auto;
    margin-right:auto;
    width:400px;
   /* background-color:blue; */
    margin-top:20px;
    margin-bottom:20px;
}

.f-input #agreetoterms
{
    float:left;
    width:20px;
    background-color:aqua;
    display:block;
}

#dialog-agreetoterms p
{
    float:left;
    display:inline;
    /* background-color:aqua; */
    overflow:auto;
}

.signup-wrap,
.login-wrap
{
    padding:10px;
    width:450px;
    margin-left:auto;
    margin-right:auto;
   /* background-color:blue; */
    z-index:2000;
    position:relative;
    margin-top:50px;
    display:block;
}

.logo
{
    margin-top:30px;
    padding-bottom:10px;
    width:275px;
    height:150px;
    display:block;
   /* background-color:fuchsia; */
    margin-bottom:20px;
    background-image:url("../images/oasis_logo.gif");
    background-repeat:no-repeat;
    margin-left:auto;
    margin-right:auto;
}

.username,
.password,
.language,
.f-label,
.e-username,
.cp-label
{
    float:left;
    /*height:30px;*/
    padding-top:5px;
    padding-bottom:5px;
    width:150px;
    text-align:right;
    margin-right:10px;
   /* background-color:aqua; */
   font-size:90%;

}

.l-username,
.l-password,
.l-language
{
     float:left;
     width:100px;
     text-align:right;
     padding:5px;
     font-weight:bold;
     color:#5b5b5b;
}

.e-username
{
    width:90px;
    margin-left:0px;
    text-align:right;
}

.un-input,
.pw-input,
.lng-input,
.f-input,
.e-un-input,
.cp-input
{
    float:left;
    padding-top:5px;
    padding-bottom:5px;
    width:235px;
  /*  background-color:fuchsia; */
    font-size:90%;
    display:block;
    text-align:left;
}

.l-un-input,
.l-pw-input,
.l-lng-input
{
    float:left;
    padding-top:5px;
    padding-bottom:5px;
}

.e-un-input
{
    width:auto;
    float:right;
    margin-right:10px;
}

.lng-input
{
    float:left;
    text-align:left;
    /* padding-right:20px; */
}

.txt-input,
.inputBox,
.e-txt-input,
.cp-txt-input
{
    width:230px;
    padding:2px;
}

.l-txt-input
{
    width:150px;
    padding:2px;
    float:left;
}

.e-txt-input
{
    width:270px;
}

.buttons-wrap
{
    width:400px;
   /* background-color:gray; */
    padding-top:10px;
    display:inline-block;
    position:relative;
}

.l-buttons-wrap
{
    width:300px;
    display:inline-block;
    float:left;
}

.l-buttons-wrap input
{
        font-weight:bold;
}

.login,
.cancel,
.button-wrap
{
    float:right;
    padding-left:10px;

}

.l-login,
.l-cancel
{
    float:right;
    display:block;
    padding:10px;
}
.button
{
    padding:5px;
}

button
{
    font-weight:bold;
}

.login-links-wrap
{
    font-size:85%;
}

.links-wrap
.s-links-wrap
{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:90%;
    padding:0px;
    position:relative;
    margin-top:10px;
}

.links-wrap .links-body a,
.s-links-wrap .s-links-body a
{
    text-decoration:none;
}

.links-wrap .links-body a:hover,
.s-links-wrap .s-links-body a:hover
{
    text-decoration:underline;
}

.links-body, 
.s-links-body
{
    padding:20px;
    margin-top:10px;
    width:430px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:90%;
}
.l-links-body
{
    display:inline-block;
}

.l-links-body a,
.s-links-body a
{
    text-decoration:none;
}
.l-links-body a:hover,
.s-links-body a:hover
{
    text-decoration:underline;
}

.l-login-page
{
    width:300px;
    height:300px;
    margin-left:auto;
    margin-right:auto;
  /*  background-color:blue; */
    overflow:visible;
}

.login-page
{
    width:400px;
    margin-left:auto;
    margin-right:auto;
  /*  background-color:blue; */
    overflow:visible;
}

l-input-row
{
     position:relative;
    display:inline-block;
    width:300px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
.s-input-row,
.input-row
{
    position:relative;
    display:inline-block;
    width:400px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    /* background-color:blue; */
}

.s-input-area,
.input-area
{
    display:inline-block;
    /* padding-bottom:20px; */
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    width:400px;
}

.s-input-area
{
    margin-bottom:20px;
}
.error
{
    display:inline-block;
    font-size:80%;
    width:210px;
    position:relative;
    margin:0px;
    padding:5px;
}

.login-error-wrap
{
    font-size:90%;
    font-weight:bold;
    margin-bottom:10px;
}

.error-wrap
{
    margin-right:10px;
    display:block;
    margin-top:-6px;
    height:auto;
    float:right;
    font-size:110%;
}

.l-form-wrap
{
    float:none;
    position:relative;
    display:inline-block;
    padding-bottom:20px;
    margin-top:410px;
    width:300px;
}

/* *** CHANGE PASSWORD *** */
.cp-instructions,
.f-instructions
{
    text-align:center;
    padding-bottom:10px;
}
/* *** END CHANGE PASSWORD *** */

/* *** PROFILE CHNANGE INFO FORM *** */
.p-content-title,
.f-content-title
{
    font-weight:bold;
    font-size:120%;
    margin-bottom:20px;
}
/* *** END PROFILE CHANGE INFO FORM *** */

/* *** FORGOT PASSWORD FORM *** */
.pf-instructions
{
    text-align:justify;
    margin-left:10px;
    margin-right:10px;
   /* background-color:grey;*/
}
/* *** END FORGOT PASSWORD FORM *** */