/* Mozilla bug: ignores first CSS-rule at included file */
.fake {}


.login .loginBox {background: url("/img/purple/login/table_bg.gif?hash=988224355") 100% 0 no-repeat;}
.login .loginBox .l {border-left: 1px solid #9a6ba6}
.login .loginBox .r {border-right: 1px solid #9a6ba6}
.login .loginBox .t {border-top: 1px solid #9a6ba6}
.login .loginBox .b {border-bottom: 1px solid #9a6ba6}
.login .loginBox .c {height: 2px; width: 2px; background-color: #ffffff}
.login .loginBox .v {width: 1px;}
.login .loginBox .h {height: 1px;}
.login .loginBox .h img {width: 2px; height: 1px}
.login .loginBox .i {padding: 10px 20px 10px 20px}

.login .mainArea {
    margin-right: 10px;
    margin-left: 5px;
}

.login .mainArea .header {
    padding: 0 16px 10px 19px;
    color: #562f74;
    font-family: Arial, sans-serif;
    font-size: 15px;
}

.login .mainArea .firstLoginTooltip {
    margin: 5px 0 14px 10px;
    background: url("/img/purple/login/bubble_bg.gif?hash=988224355") repeat-x;
    width: 250px;
    font-family: Tahoma, sans-serif;
    font-size: 13px;
    color: #000000;
}

.login .mainArea .firstLoginTooltip .l {border-left: 1px solid #c3b1a7}
.login .mainArea .firstLoginTooltip .r {border-right: 1px solid #c3b1a7}
.login .mainArea .firstLoginTooltip .t {border-top: 1px solid #c3b1a7}
.login .mainArea .firstLoginTooltip .b {border-bottom: 1px solid #c3b1a7}
.login .mainArea .firstLoginTooltip .c {height: 2px; width: 2px; background-color: #ffffff}
.login .mainArea .firstLoginTooltip .v {width: 1px;}
.login .mainArea .firstLoginTooltip .h {height: 1px;}
.login .mainArea .firstLoginTooltip .h img {width: 2px; height: 1px}
.login .mainArea .firstLoginTooltip .i {padding: 10px}

.login .mainArea .firstLoginTooltip .warning {
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    color: #000000;
}

.login .mainArea .firstLoginTooltip .warning td {
    padding-right: 5px;
}

.login .mainArea .demoTooltip {
    margin: 5px 0 14px 10px;
    background: url("/img/purple/login/bubble_bg.gif?hash=988224355") repeat-x;
    width: 250px;
    color: #000000;
}

.login .mainArea .demoTooltip .l {border-left: 1px solid #c3b1a7}
.login .mainArea .demoTooltip .r {border-right: 1px solid #c3b1a7}
.login .mainArea .demoTooltip .t {border-top: 1px solid #c3b1a7}
.login .mainArea .demoTooltip .b {border-bottom: 1px solid #c3b1a7}
.login .mainArea .demoTooltip .c {height: 2px; width: 2px; background-color: #ffffff}
.login .mainArea .demoTooltip .v {width: 1px;}
.login .mainArea .demoTooltip .h {height: 1px;}
.login .mainArea .demoTooltip .h img {width: 2px; height: 1px}
.login .mainArea .demoTooltip .i {padding: 10px}

.login .mainArea .demoTooltip .title
{
    font-family: Tahoma, sans-serif;
    font-size: 14px;
}

.login .mainArea .demoTooltip .instruction
{
    font-family: Tahoma, sans-serif;
    font-size: 13px;
}

.login .mainArea .demoTooltip .credentials
{
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    padding-left: 11px;
}

.login .mainArea .spacer
{
    line-height: 8px;
}

.login .mainArea .pipka {
    position: relative;
    height: 0;
    top: 1%;
}

html>body .login .mainArea .pipka {
    position: relative;
    top: 2px;
}

.login .mainArea .pipka img {
    position: absolute;
    top: -17px;
    left: 100px;
}

.login .mainArea .errorMessagesArea {
    padding: 3px 0 3px 13px;
}

.login .mainArea .errorMessagesArea .messageIcon {
    display: none;
}

.login .mainArea .errorMessagesArea #ErrorsTable {
    margin-bottom: 7px;
}

.login .mainArea .errorMessagesArea #MessagesTable {
    margin-bottom: 7px;
}

.login .mainArea .textFieldsArea {
    padding: 3px 8px 3px 16px;
}

.login .mainArea .textFieldsArea .textFieldsTable {
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    color: #562873;
    font-weight: bold;
}

.login .mainArea .textFieldsArea .textFieldsTable .textField {
    width: 165px;
    height: 26px;
    padding-top: 3px;
    padding-left: 5px;
    border: 1px solid #562873;
}

.login .mainArea .keepLoggedIn
{
    padding: 18px 5px 5px 16px;
}

.login .mainArea .keepLoggedIn td
{
    padding-right: 3px;
}

.login .mainArea .keepLoggedIn .label
{
    padding-top: 2px;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    color: #562873;
}

.login .mainArea .keepLoggedIn .labelDisabled
{
    padding-top: 2px;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    color: #796868;
}

.login .mainArea .keepLoggedIn .warning
{
    padding-top: 5px;
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    color: #796868;
}

.login .mainArea .keepLoggedIn .enableCookies
{
    padding-top: 5px;
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    color: #ce0100;
}

.login .mainArea #loginButton
{
    display: block;
    line-height: 35px;
    width: 68px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    background-image: url('/img/purple/login/login_button_bg.gif?hash=988224355');
    background-repeat: no-repeat;
}

.initial
{
    background-position: 0 0;
    cursor: pointer;
}

.initial:hover
{
    background-position: 0 -35px;
    cursor: pointer;
}

.inProgress
{
    background-position: 0 -70px;
    cursor: progress;
}

.inProgressText
{
    padding-top: 5px;
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    color: #999999;
    display: none;
}

.login .browserWarningArea
{
    padding-top: 3px;
}

.login .browserWarningArea .browserWarning
{
    color: #ffffff;
    width: 225px;
    font-size: 11px;
    font-family: Tahoma, sans-serif;
}

.login .browserWarningArea .browserWarning a
{
    color: #ffffff;
    font-size: 11px;
    font-family: Tahoma, sans-serif;
}

.login .browserWarningArea .browserWarning .disableWarning
{
    color: #c0b5b5;
    font-size: 11px;
    font-family: Tahoma, sans-serif;
}

.login .browserWarningArea .browserWarning td
{
    padding-right: 3px;
}

.footer
{
    color: #562873;
    font-size: 10px;
    font-family: Tahoma, sans-serif;
}