.passportUI {}
.passportUI :focus, .passportUI :active {outline:none; outline-style:none;}

.passportUI .message {padding:10px;}
.passportUI .error {font:normal normal 11px arial; color:#eb6a6b;}
.passportUI .success {font:normal normal 11px arial; color:#448aae;}

.passportUI .menu {margin:0 4px; padding:4px 0 0;}
.passportUI .menu .item {border-left:1px solid #c5c5c5;}
.passportUI .menu .first {border:none;}
.passportUI .menu .item, .passportUI .menu .item * {font:normal normal 10px arial; text-decoration:none; text-transform:uppercase; color:#b60007;}
.passportUI .menu .item a {display:block; line-height:27px; text-align:center;}
.passportUI .menu .item a:hover {text-decoration:underline;}
.passportUI .menu .current, .passportUI .menu .current * {background:#b60007; color:#fff; cursor:default;}
.passportUI .menu .disabled, .passportUI .menu .disabled * {background:none; color:#a8a8a8; cursor:default;}
.passportUI .menu .current a:hover, .passportUI .menu .disabled a:hover {text-decoration:none;}

.passportUI .footbar {width:100%; height:38px; line-height:38px; vertical-align:middle; background:#f7f7f7; border-top:1px solid #d4d0d0;}
.passportUI .footbar .leftbar {vertical-align:middle; text-align:left; padding:0 0 0 20px;}
.passportUI .footbar .rightbar {vertical-align:middle; text-align:right; padding:0 20px 0 0;}
.passportUI .footbar .rightbar .submit {margin:0; padding:0 .5em; cursor:pointer; font:normal bold 12px arial; color:#b60007; border:none; background:url(/static/img/passport/passport-ui-footbar-submit-bg.gif) no-repeat right .5em;}

.passportUI .register {height:311px; overflow:hidden;}
.passportUI .register .form {margin:16px 0 0; height:224px;}
.passportUI .register .form .left  {width:135px; overflow:hidden; vertical-align:top; text-align:left;}
.passportUI .register .form .right {width:305px; overflow:hidden; vertical-align:top; text-align:left;}
.passportUI .register .label {display:block; width:105px; margin:10px 0 0 20px; cursor:pointer; color:#444; font:normal normal 12px arial;}
.passportUI .register .label:hover {color:#448aae;}
.passportUI .register .field {margin:8px 0 0; width:303px; border:1px solid #d4d0d0; background:#f8f8f8;}
.passportUI .register .field:active, .passportUI .register .field:focus {background:#fff;}
.passportUI .register .notice {display:block; width:305px; margin:0; color:#868686; font:normal normal 11px arial;}
.passportUI .register .notice a {text-decoration:none; color:#114477;}
.passportUI .register .captcha {display:block; width:105px; height:20px; overflow:hidden; margin-top:8px;}
.passportUI .register .call-captchaRefresh {margin-top:0px; text-decoration:none; color:#114477;}
.passportUI .register .error, .passportUI .register .success {padding:0 6px 0 0;}

.passportUI .login .form {margin:16px 0 0; height:75px;}
.passportUI .login .label {display:block; float:left; width:90px; margin:10px 0 0 20px; cursor:pointer; color:#444; font:normal normal 12px arial;}
.passportUI .login .label:hover {color:#448aae;}
.passportUI .login .field {float:right; margin:8px 20px 0 0; width:320px; border:1px solid #d4d0d0; background:#f8f8f8;}
.passportUI .login .field:active, .passportUI .login .field:focus {background:#fff;}
.passportUI .login .notice {display:block; width:322px; margin:0 20px 0 0; color:#868686; font:normal normal 11px arial;}
.passportUI .login .notice a {text-decoration:none; color:#114477;}

.passportUI .forgot .form {margin:16px 0 0; height:75px;}
.passportUI .forgot .label {display:block; float:left; width:90px; margin:10px 0 0 20px; cursor:pointer; color:#444; font:normal normal 12px arial;}
.passportUI .forgot .label:hover {color:#448aae;}
.passportUI .forgot .field {float:right; margin:8px 20px 0 0; width:320px; border:1px solid #d4d0d0; background:#f8f8f8;}
.passportUI .forgot .field:active, .passportUI .forgot .field:focus {background:#fff;}
.passportUI .forgot .notice {float:right; display:block; width:322px; margin:0 20px 0 0; color:#868686; font:normal normal 11px arial;}
.passportUI .forgot .notice a {text-decoration:none; color:#114477;}
.passportUI .forgot .processed {margin:16px 20px 0; font:normal normal 12px arial; color:#444;}
.passportUI .forgot .processed h2 {font:normal bold 14px arial;}

.passportUI .settings .form {margin:16px 0 0; height:390px;}
.passportUI .settings .label {display:block; float:left; width:90px; height:18px; margin:10px 0 0 20px; cursor:pointer; color:#444; font:normal normal 12px arial;}
.passportUI .settings .label:hover {color:#448aae;}
.passportUI .settings .field {float:right; margin:8px 20px 0 0; width:320px; border:1px solid #d4d0d0; background:#f8f8f8;}
.passportUI .settings .field:active, .passportUI .settings .field:focus {background:#fff;}
.passportUI .settings .select {float:right; margin:8px 20px 0 0; width:322px; border:1px solid #d4d0d0; background:#f8f8f8;}
.passportUI .settings .select:active, .passportUI .settings .select:focus {background:#fff;}
.passportUI .settings .miniselect {margin:8px 0 0; border:1px solid #d4d0d0; background:#f8f8f8;}
.passportUI .settings .miniselect:active, .passportUI .settings .miniselect:focus {background:#fff;}
.passportUI .settings .notice {display:block; width:322px; margin:0 20px 0 0; color:#868686; font:normal normal 11px arial;}
.passportUI .settings .notice a {text-decoration:none; color:#114477;}

.passportUI .settings .label_passport_about {height:49px;}
.passportUI .settings #passport_birthday_year {margin-left:8px;}