/* File: login.css

   Please note that this CSS file is used for both the login form (/login),
   and the guestlogin form (album/?action=guestlogin)
*/

/*** Login page ***/
#containerHeader {
    margin-bottom:        3em;
}
#containerAll {
    text-align:            center;
    margin: 0 auto;
    width: 810px;
}
#content {
    text-align: left;
    width: 825px;
    margin: 0 auto 50px auto;
}
#ad {
    float: left;
    margin-right: 0px;
    padding-right: 0px;
    width: 300px;
    height: 250px;
}
#panelLogin {
    width:                500px;
    height: 240px;
    text-align:            center;
    position: relative;
    float: right;
}
.is_ie6 #panelLogin h2 {
    padding: .4em 0px;
}
#panelLogin_main {
    width:                500px;
    text-align:            center;
    position: relative;
    margin: 0 !important;
    float: left;
}
INPUT.floatL {
    width:                15em;
}
LABEL.floatL, INPUT.floatL {
    display:            block;
    margin-bottom:        0.5em;
}
LABEL.floatL {
    text-align:            right;
    width:                13em;
//  width:                12em;
    padding-right:        0.25em;
}
#login {
    margin-top:            .5em;
}
#pForgotten {
    margin:                1em auto;
}
.ctrlPanel SPAN {
    font-weight:        bold;
    margin-right:        1em;
}
#joinNow {
    margin-top: 200px;
    padding: 0.5em 0 0.75em 0;
}
#joinNow * {
    vertical-align: top;
}

#containerAd{
    float: left;
    margin-left: 10px;
    margin-top: 0px;
}
.is_ie6 #containerAd{
    margin-top: 3px;
}
/*** Logout page ***/
#panelLogOutError, #logoutErrorPanel, #guestLoginErrorPanel
{
    width:                423px;
    margin:                0 auto 1em auto;
}
#guestLoginErrorPanel {
    width:                510px;
}
#logoutErrorPanel {
    margin-bottom:        0.5em;
}
#logoutErrorPanel DIV {
    width:                90%;
}
#containerExitAd {
    margin:                0 auto 1em auto;
    text-align:            center;
}
#containerLogoutSearch {
    margin:                1em auto;
    text-align:            center;
}


/*** change password page ***/
#changePwBtnContainer {
    width: 17em;
    margin: 0 auto;
}
#changePwBtnContainer A.button_grey {
    display: block;
    width: 6em;
    float: left;
}
#changePwBtnContainer BUTTON.button_blue {
    display: block;
    width: 7em;
    float: right;
}