/*---------------------------------------------------------------------------*/
/* -- Common for login and retrieve pass forms -- */
/*---------------------------------------------------------------------------*/
div.loginForm {
   display:          block;
   margin-left:      20px;
   padding:          10px;
   width:            260px;
}

.login_textfield, .login_textfield_big, .signup_textfield, .sk_selectobject, .mlistfield {
   font-size         : 11px;
}
.login_textfield {
   border-left       : 1px solid #808080;
   border-top        : 1px solid #808080;
   border-right      : 1px solid #CCCCCC;
   border-bottom     : 1px solid #CCCCCC;
   width             : 100px;
   height            : 16px;
}
.login_textfield_big {
   border-left       : 1px solid #808080;
   border-top        : 1px solid #808080;
   border-right      : 1px solid #CCCCCC;
   border-bottom     : 1px solid #CCCCCC;
   width             : 145px;
   height            : 16px;
}

div.loginForm form {
   margin: 0px;
   padding: 0px;
}

div.loginViewCompact div.loginFormWrapper div.break,
div.loginViewNormal div.loginFormWrapper div.break,
div.loginForm div.break {
   display: block;
   clear: both;
   height: 3px;
   line-height: 0em;
   margin: 0px;
   padding: 0px;
}


div.loginImage {
   text-align: right;
}

div.loginForm div.submitButtonWrapper {
   margin-left: 10px;
   float: left;
}

/*---------------------------------------------------------------------------*/
/* -- Login form (Normal & Compact views) -- */
/*---------------------------------------------------------------------------*/
div.loginFormWrapper.active {
   display: block;
}

div.loginFormWrapper.inactive {
   display: none;
}

div.loginFormWrapper div.loginWrapper div.lfLabel,
div.loginFormWrapper div.loginWrapper div.lfField {
   float: left;
   height: 20px;
}

div.loginViewNormal,
div.loginViewCompact {
   font-size: 12px;
}

div.loginViewNormal div.loginFormWrapper div.loginWrapper,
div.loginViewCompact div.loginFormWrapper div.loginWrapper {
   margin-top: 5px;
   display: block;
   height: 20px;
}

div.loginViewNormal div.loginFormWrapper div.passwordWrapper,
div.loginViewCompact div.loginFormWrapper div.passwordWrapper {
   margin-top: 5px;
   display: inline;
   float: left;
   height: 20px;
}


div.loginViewNormal div.loginFormWrapper div.lpButton,
div.loginViewCompact div.loginFormWrapper div.lpButton {
   margin-top: 3px;
   float: left;
   display: inline;
}

div.loginFormWrapper div.passwordWrapper div.lfLabel,
div.loginFormWrapper div.passwordWrapper div.lfField {
   float: left;
   height: 20px;
}

div.loginFormWrapper div.loginWrapper div.lfLabel,
div.loginFormWrapper div.passwordWrapper div.lfLabel {
   width: 70px;
}

div.loginFormWrapper div.forgotPasswordLinkWrapper {
   margin-left: 70px;
}

.forgotPasswordLinkWrapper a.plain,
.passwordWrapper a.plain,
.rpBackLink a.plain {
   font-size: 11px;
}

div.loginViewNormal div.loginFormWrapper div.lpRememberPassword {
   display: none;
}

div.loginViewCompact {
   margin: 10px;
}

div.loginViewCompact div.loginFormWrapper {
   display: block;
}

div.loginViewCompact div.loginFormWrapper div.lpRememberPassword {
   display: block;
   margin-left: 70px;
}




/*---------------------------------------------------------------------------*/
/* -- Retrieve password form -- */
/*---------------------------------------------------------------------------*/
div.retrievePasswordFormWrapper.active {
   display: block;
}

div.retrievePasswordFormWrapper.inactive {
   display: none;
}

div.retrievePasswordFormWrapper div.rpText {
   float: left;
}

div.retrievePasswordFormWrapper div.rpField {
   float: left;
}


/*---------------------------------------------------------------------------*/
/* -- Slim view -- */
/*---------------------------------------------------------------------------*/
div.loginViewSlim {
   margin: 0px;
   padding: 0px;
   height: 40px;
   width: 270px;
   font-size: 11px;
}

div.loginViewSlim div.loginFormWrapper {
   width: 100%;
   height: 100%;
   display: block;
}

div.loginViewSlim a:link, div.loginViewSlim a:visited {
   text-decoration: underline;
}
div.loginViewSlim a:hover {
   text-decoration: none;
}

div.loginViewSlim a:link, div.loginViewSlim a:visited,
div.loginViewSlim div.lfLabel,
div.loginViewSlim div.rpText {
   padding: 0px;
   margin: 0px;
}

div.loginViewSlim div.loginFormWrapper div.loginWrapper,
div.loginViewSlim div.loginFormWrapper div.passwordWrapper {
   font-size: 11px;
   width: 90px;
   height: 40px;
   float: left;
   margin-top: 0px;
}

div.loginViewSlim div.loginFormWrapper div.passwordWrapper {
   margin-left: 5px;
}

div.loginViewSlim div.loginFormWrapper .login_textfield {
   width: 90px;
   height: 16px;
}

div.loginViewSlim div.loginFormWrapper div.loginWrapper {
}

div.loginViewSlim div.loginFormWrapper div.lfLabel {
   float: none;
   width: 90px;
   height: 20px;
   overflow: visible;
   white-space: nowrap;
}

div.loginViewSlim div.loginFormWrapper div.lpButton {
   float: left;
   width: 65px;
   margin-top: 20px;
   margin-left: 5px;
}

div.loginViewSlim div.loginFormWrapper div.lpButton .button {
   width: 65px;
   height: 20px;
   border-style: none;
   padding: 0px;
   margin: 0px;
}


/* --------- */
div.loginViewSlim div.retrievePasswordFormWrapper {
   font-size: 11px;
   width: 100%;
   height: 100%;
}

div.loginViewSlim div.retrievePasswordFormWrapper div.rpText,
div.loginViewSlim div.retrievePasswordFormWrapper div.rpField,
div.loginViewSlim div.retrievePasswordFormWrapper div.rpField .login_textfield_big {
   width: 170px;
}

div.loginViewSlim div.retrievePasswordFormWrapper div.rpText {
   height: 40px;
   float: left;
}

div.loginViewSlim div.retrievePasswordFormWrapper div.rpButton,
div.loginViewSlim div.retrievePasswordFormWrapper div.rpBackLink {
   width: 85px;
}

div.loginViewSlim div.retrievePasswordFormWrapper div.rpBackLink {
   text-align: right;
   height: 40px;
   float: left;
}

div.loginViewSlim div.retrievePasswordFormWrapper div.rpField {
   height: 20px;
   float: left;
}

div.loginViewSlim div.retrievePasswordFormWrapper div.rpField .login_textfield_big {
   height: 16px;
}

div.loginViewSlim div.retrievePasswordFormWrapper div.rpButton {
   margin-left: 5px;
   height: 20px;
   width: 80px;
   float: left;
}

div.loginViewSlim div.retrievePasswordFormWrapper div.rpButton .button {
   width: 80px;
   height: 20px;
   border-style: none;
   padding: 0px;
   margin: 0px;
}

div.loginViewSlim div.loginMessagesError {
   top: 0px;
   width: 300px;
   left: 0px;
   color: #FF4E00;
   font-weight: bold;
}

div.loginViewSlim div.retrievePasswordMessage div.loginMessagesError {
   top: -20px;
}


div.loginViewSlim div.loginMessagesInfo {
   width: 240px;
   top: 0px;
   color: #CDCDCD;
   font-weight: bold;
}

div.loginViewSlim div.loginMessagesCompatibility {
   width: 350px;
   top: -5px;
   color: #FF4E00;
   font-weight: bold;
   line-height: 1;
}

div.loginMessagesCompatibility a:link,
div.loginMessagesCompatibility a:visited,
div.loginMessagesCompatibility a:hover
{
   color: #FF4E00;
   text-decoration: underline;
}


/*---------------------------------------------------------------------------*/
/* -- Login messages -- */
/*---------------------------------------------------------------------------*/
.loginMessagesCompatibility,
.loginMessagesInfo,
.loginMessagesError {
   display: none;
}

div.loginViewNormal div.loginMessagesError,
div.loginViewCompact div.loginMessagesError {
   font-size: 12px;
   color: #FF0000;
   font-weight: bold;
}
div.loginViewNormal div.loginMessagesInfo,
div.loginViewCompact div.loginMessagesInfo {
   font-weight: bold;
}

div.loginViewNormal div.loginMessagesCompatibility,
div.loginViewCompact div.loginMessagesCompatibility {
   width: 100%;
   color: #FF0000;
   font-weight: bold;
   display: none;
}

#CompatibilityMessages_quick.loginMessagesCompatibility {
   width: auto;
}

div.loginViewNormal div.retrievePasswordMessage div.rpText,
div.loginViewCompact div.retrievePasswordMessage div.rpText {
   display: none;
}

div.loginViewNormal div.retrievePasswordMessage div.loginMessagesInfo,
div.loginViewCompact div.retrievePasswordMessage div.loginMessagesInfo {
   top: 20px;
}