/*********** NORMALIZATION BEGIN ***********/
/* Normalize padding and margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

/* Normalize header sizes */
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

/* Normalize list styles */
ol, ul {
    list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

/* Normalize table borders */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
    border: 0;
}

/* Normalize text-alignment */
caption, th {
    text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
    content: '';
}
/*********** NORMALIZATION END ***********/

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*^^^^^^^^^^ LAYOUT START ^^^^^^^^^^*/
/*********** BODY START ***********/
body {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px 0px 40px 0px;
}
/*********** BODY END ***********/

/*********** HEADERS ***********/

h2.Warning {
    display: block;
    width: 100%;
    text-align: center;
}

h2.AccessDenied {
    display: block;
    width: 340px;
    padding: 15px 0px 0px 34px;
    margin: 0 auto;
    height: 50px;
}

h2.AccessDeniedShort {
    display: block;
    width: 200px;
    padding: 15px 0px 0px 34px;
    margin: 0 auto;
    height: 50px;
}

/*********** HEADERS END ***********/

/*********** DIVS ***********/
div.PageWrapper {
    /* white-space: nowrap;*/
}

/*Selectors hide css from IE6 (IE7 and up)*/
* > div.PageWrapper {
    width: 100%;
}

div.Error {
    display: block;
    width: 100%;
    text-align: center;
    /*position: absolute;
    top: -150px;
    left: 80px;*/
}

div.LogonControl {
    margin: 15% auto;
    /* height: 100px; */
    width: 500px;
    /* position: relative; */
    border: 1px solid #ddd;
    padding: 30px;
    box-shadow: 0px 6px 9px -8px #353535;
    background: #fff;
    border-bottom: 4px solid #5d7092;
}

div.HeaderBar {
    /*display: block;
    width: 170px;
    height: 30px;
    margin: 0px 0px 0px 5px;
    float: left;
    position: absolute;
    top: 0%;
    z-index: 2;*/
    text-align: center;
}

div.Content {
    display: block;
}

div.Step {
    /*margin: 0 0 0 0;
    float: left;
    padding: 0px 0px 20px 0px;
    width: 550px;
    position: absolute;
    top: 0%;
    left: 185px;
    z-index: 1;*/
}

div.FooterBar {
    width: 100%;
    position: relative;
    text-align: left;
    vertical-align: middle;
    height: 25px;
    padding: 10px 0px 0px 0px;
    margin-top: 350px;
    margin-bottom: -40px;
}

* > div.FooterBar {
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 10px 0px 0px 10px;
    z-index: 1005;
    margin-top: 0px;
    margin-bottom: 0px;
}

div.QuestionWrapper {
    position: relative;
    margin: 0px 0px 5px 0px;
    padding: 3px 0px;
    width: 100%;
}

    div.QuestionWrapper div {
        display: block;
        width: 180px;
        height: 30px;
        margin: 0 auto;
    }

div.PasswordInput, div.ForgotInput, div.ResetInput {
    /*height: 26px;
    padding: 3px 0px 0px 0px;
    text-align: left;*/
    /*float: left;*/
    /*clear: both;*/
    /*margin: 50px 20px 0px 10px;*/
}

/*Selectors hide css from IE6 (IE7 and up)*/
* > div.PasswordInput, * > div.ForgotInput, * > div.ResetInput {
    /* margin: 50px 20px 0px 30px;*/
}

div.ForgotInput {
    /*margin: 20px 20px 0px 80px;*/
}

div.ResetInput {
    /* margin: 20px 20px 0px 40px;*/
}

/*Selectors hide css from IE6 (IE7 and up)*/
* > div.ResetInput {
    /* margin: 20px 20px 0px 125px;*/
}

div.PasswordInput {
    /* height: 26px;
    padding: 3px 0px 0px 0px;
    margin: 40px 0px 0px 11px;
    width: 300px;
    text-align: left;
    position: relative;
    left: 100px;
    float: left;
    clear: both;*/
    /* height: 26px; */
    padding: 3px 0px 0px 0px;
    margin: 40px 0px 0px 11px;
    width: 300px;
    text-align: left;
    /* position: relative; */
    /* left: 100px; */
    /* float: left; */
    clear: both;
}

* > div.PasswordInput {
    /* margin: 40px 0px 0px 20px;*/
    margin: 40px 0px 0px 0px;
}

div.TokencodeInput, div.RegularAgentIdInput, div.LogonId,
div.RegularPasswordInput, div.RegularTokencodeInput {
    /* height: 26px;
    padding: 3px 0px 0px 0px;
    margin: 20px 0px 0px 11px;
    width: 300px;
    text-align: left;
    position: relative;
    left: 100px;
    float: left;
    clear: both;*/
}

* > div.TokencodeInput, * > div.RegularAgentIdInput, * > div.RegularPasswordInput,
* > div.RegularTokencodeInput {
    margin: 0px 0px 0px 0px;
}

div.RegularRapRememberMe {
    float: left;
    clear: both;
    margin: 0px 0px 0px 119px;
}

* > div.RegularRapRememberMe {
    margin: 20px auto 10px auto;
    text-align: center;
    width: 100%;
}

div.RapRememberMeChallenge {
    margin: 20px auto 10px auto;
    text-align: center;
    width: 100%;
}

* > div.RapRememberMeChallenge {
    float: none;
    clear: both;
    margin: 0px 0px 0px 168px;
    .margin: 0px 0px 0px 165px;
}

div.RapRememberMeInline {
    margin: 5px 5px 0px 0px;
    float: left;
}

div.SiteKeyWrapper {
    margin: 0px 0px -20px 200px;
}

div.PasswordWrapper, div.TokencodeWrapper {
    /*float: left;*/
}

div.PasswordWrapper {
    /*margin: 0px 0px 0px -40px;*/
    /*padding-bottom: 20px;*/
    margin: 20px 0px 0px 0px;
    padding-bottom: 20px;
}

div.TokenSerialWrapper {
    float: left;
    clear: both;
}

div.EnrollLinkGroup {
    margin: 0px 0px 0px 5px;
    display: none;
    position: absolute;
    bottom: 5px;
}

div.QuestionGroup {
    display: block;
    float: left;
    width: 500px;
    clear: both;
    margin: 0px 0px 0px 27px;
}

div.EnrollGroup {
    display: block;
    float: left;
    width: 500px;
    clear: both;
    margin: 0px 0px 0px 30px;
}

div.ChallengeInstruct, div.PasswordInstruct, div.SiteKeyInstruct,
div.ForgotInstruct {
    float: left;
    text-align: left;
    display: inline-block;
    margin: 0px 20px 10px 20px;
    white-space: normal;
    /* width: 400px; */
    padding: 20px 5px 5px 5px;
}

div.ChallengeInstruct, div.ForgotInstruct {
    width: 470px;
    /*padding: 2px 5px 5px 5px;
    margin-top: -2px;
    text-align: center;*/
    /* width: 480px; */
}

/*Selectors hide css from IE6 (IE7 and up)*/
* > div.ChallengeInstruct, * > div.PasswordInstruct, * > div.SiteKeyInstruct,
* > div.ForgotInstruct {
    text-align: center;
    margin: 20px 0px;
    /*padding: 0px 5px 5px 5px;
    width: 500px;*/
}

div.PasswordInstruct {
    /*margin: -20px 0px 10px 40px;*/
}

div.HelpWrapper, div.CQEnrollHelpWrapper, div.PassHelpWrapper,
div.LogonHelpWrapper, div.ValidateHelpWrapper, div.ChallengeHelpWrapper,
div.SiteKeyHelpWrapper, div.RegisterHelpWrapper, div.TokenHelpWrapper {
    display: block;
    /*padding: 0px 15px 20px 0px;*/
    height: 100%;
    margin: 20px 0px 0px 20px;
}

div.HelpWrapper {
    margin: 0;
    text-align: center;
    padding: 20px 0px;
}
.HelpWrapper a {
    text-decoration: underline;
    color: #2ca4fa;
}

#divTokenHelpWrapper, div.Hide {
    display: none;
}

div.CQEnrollHelpWrapper {
    margin: 0px 0px 0px 10px;
    padding: 5px 10px 0px 20px;
    width: 210px;
    clear: both;
}

div.PassHelpWrapper {
    padding: 5px 15px 55px 30px;
}

div.LogonHelpWrapper {
    margin: 20px 0px 0px 20px;
    padding: 0px;
    float: left;
    clear: both;
}

* > div.LogonHelpWrapper {
    margin: 20px 0px 0px 20px;
    padding: 0px;
}

div.ChallengeHelpWrapper {
    margin: 0px 0px 0px 10px;
    padding: 5px 0px 0px 30px;
    clear: both;
}

div.SiteKeyHelpWrapper {
    margin: 0px 0px 0px 110px;
    padding: 5px 15px 0px 0px;
    clear: both;
}

div.RegisterHelpWrapper {
    margin: 20px 0px 0px 20px;
    clear: both;
}

div.TokenHelpWrapper {
    margin: 0px 0px 0px 40px;
}

div.TokenLogonHelpWrapper {
    width: 180px;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 40px;
    left: 20px;
}

div.HelpGuideLink {
    float: right;
    margin: -13px 15px 0px 0px;
}

/*Selectors hide css from IE6 (IE7 and up)*/
* > div.HelpGuideLink {
    position: absolute;
    right: 25px;
    top: 10px;
    float: none;
    margin: 0px;
}

div.ButtonWrapperAI, div.ButtonWrapperPW, div.ButtonWrapperForgot, div.ButtonWrapperChallenge,
div.ButtonWrapperTS, div.ButtonWrapperValidation, div.ButtonWrapperTC, div.div.ButtonWrapperSecurity,
div.ButtonWrapperReset, div.ButtonWrapperConfirm {
    /*margin: 10px 0px 0px 77px;
    float: left;
    clear: both;*/
}

/*Selector hides rule from IE6 (IE7 and up)*/
* > div.ButtonWrapperAI, * > div.ButtonWrapperPW, * > div.ButtonWrapperForgot, * > div.ButtonWrapperTS,
* > div.ButtonWrapperValidation, * > div.ButtonWrapperTC, * > div.ButtonWrapperChallenge, * > div.div.ButtonWrapperSecurity,
* > div.ButtonWrapperReset, * > div.ButtonWrapperConfirm {
    /*   margin: 30px 20px 0px 243px;
    .margin: 30px 0px 0px 121px;
    float: left;
    clear: both;*/
}

div.ButtonWrapperReset {
    /* margin: 10px 0px 0px 80px;*/
}

/*Selectors hide css from IE6 (IE7 and up)*/
* > div.ButtonWrapperReset {
    /* margin: 30px 20px 0px 240px;
    .margin: 30px 0px 0px 120px;*/
}

div.ButtonWrapperForgot {
    /* margin: 10px 0px 0px 90px;*/
}

/*Selectors hide css from IE6 (IE7 and up)*/
* > div.ButtonWrapperForgot {
    /* margin: 30px 20px 0px 189px;
    .margin: 30px 0px 0px 95px;*/
}

div.ButtonWrapperConfirm {
    width: 100%;
    text-align: center;
    margin: 30px 0px 0px 0px;
}

div.ButtonWrapperCourtesy {
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 73px;
    left: 370px;
}

/*Selectors hide css from IE6 (IE7 and up)*/
* > div.ButtonWrapperCourtesy {
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 67px;
    left: 370px;
}

div.ButtonWrapperChallenge {
    /*margin: 10px 0px 0px 98px;*/
}

/*Selectors hide css from IE6 (IE7 and up)*/
* > div.ButtonWrapperChallenge {
    margin: 30px 20px 0px 268px;
    /*.margin: 10px 0px 0px 133px;*/
}

div.ButtonWrapperRegular, div.Submit {
    /*margin: 10px 0px 0px 105px;
    float: left;
    clear: both;*/
}

* > div.ButtonWrapperRegular {
    /* margin: 10px 0px 0px 84px;*/
    margin: 0 auto;
    text-align: center;
}

div.ButtonWrapperPW {
    /* margin: 30px 20px 0px 105px;
    float: left;
    clear: both;*/
    margin: 30px 0px 0px 0px;
    /* float: left; */
    /* clear: both; */
}

/*Selectors hide css from IE6 (IE7 and up)*/
* > div.ButtonWrapperRegular, * > div.Submit {
    /*margin: 30px 20px 0px 310px;
    .margin: 30px 0px 0px 156px;*/
}

* > div.ButtonWrapperPW {
    /*  margin: 30px 20px 0px 230px;
    .margin: 30px 0px 0px 115px;*/
}

div.ButtonWrapperMSG {
    margin: 50px 0px 0px 220px;
    float: left;
    clear: both;
}

div.ButtonWrapperSuccess {
    margin: 200px 0px 0px 395px;
}

div.ButtonWrapperEULA {
    margin: 10px 15px 10px 15px;
    float: none;
    clear: both;
}

div.ButtonWrapperCQ {
    width: 250px;
    margin: 0px 0px 0px 153px;
    float: left;
    clear: both;
}

/*Selectors hide css from IE6 (IE7 and up)*/
* > div.ButtonWrapperCQ {
    width: 300px;
    margin: 10px 0px 0px 430px;
    .margin: -22px 0px 0px 215px;
    float: left;
    clear: both;
}

div.ButtonWrapperSecurity {
    width: 300px;
    margin: 20px 0px 0px 85px;
    float: left;
    clear: both;
    text-align: center;
}

* > div.ButtonWrapperSecurity {
    margin: 20px 0px 0px 207px;
    .margin: 20px 0px 0px 138px;
}

div.LogonMsg {
    position: absolute;
    left: 280px;
    top: 100px;
    text-align: center;
    padding: 2px 5px;
}

div.Copyright {
}

div.Eula {
    height: 260px;
    margin: 10px 15px 0px 15px;
    overflow: hidden;
    width: 530px;
    float: left;
    clear: both;
}

    div.Eula iframe {
        width: 530px;
        height: 260px;
    }

div.DebugWrapper {
    position: absolute;
    width: 100%;
    padding: 2px;
    z-index: 19;
}

    div.DebugWrapper div {
        width: 443px;
        height: 500px;
        overflow: auto;
        position: absolute;
        z-index: 20;
        right: 10px;
        top: 21px;
    }

div.RegistrationComplete {
    margin-top: 40px;
}

div.SystemMaintenance {
    display: block;
    width: 500px;
    white-space: normal;
    margin: 10px auto 0px auto;
}

div.PrimaryMLS {
    white-space: normal !important;
    padding: 10px !important;
}

/*********** DIVS END***********/

/*********** PARAGRAPHS ***********/

p.IdentityWrapper {
    display: block;
    position: relative;
    /*top: -30px;*/
    width: 500px;
    margin: 0 auto;
}

p.DeniedDescription {
    width: 400px;
    display: block;
    margin: 0 auto;
    white-space: normal;
}

/*********** INPUT START ***********/
input.RapInput, div.QuestionWrapper div input {
    width: 150px;
}

div.RegularRapRememberMe input {
    width: 20px !important;
}

div.ForgotInput input,
div.PasswordOnlyInput input, div.PasswordInput input, div.RegularAgentIdInput input,
div.RegularPasswordInput input, div.RegularTokencodeInput input, div.TokencodeInput input,
div.ResetInput input,
div.LogonId input, div.Password input, div.Tokencode input {
    display: block;
    /* margin-left: 15px; */
    /* width: 150px; */
    border: 1px solid #ddd;
    padding: 8px;
    border-radius: 4px;
    width: 480px;
    height: 24px;
    margin-bottom: 15px;
}

.LogonControlWrapper {
    padding: 30px 0px;
}

div.PasswordInput input {
    /* margin: 0px 10px 0px 15px;*/
}

div.QuestionWrapper div input {
    margin: 3px 3px 3px 8px;
}

button.NavButton, button.NavButton:hover, input.PasswordSubmit,
input.PasswordSubmit:hover, input.CloseButton, input.SubmitInput,
input.SubmitInput:hover {
    cursor: pointer;
    /* height: 26px;
    width: 79px;
    cursor: pointer;
    margin: 0px 0px 0px 0px !important;
    text-align: center;*/
}

    input.PasswordSubmit, input.PasswordSubmit:hover {
        margin: 0px 0px 10px 0px !important;
    }

input.CloseButton {
    position: absolute;
    left: 390px;
    top: 200px;
}

input.Passphrase {
    width: 130px;
}

div.QuestionWrapper select {
    margin: 4px 0px 0px 50px;
}

/*Selectors hide css from IE6 (IE7 and up)*/
* > div.QuestionWrapper select {
    display: block;
    margin: 4px auto 0px auto;
}
/*********** INPUT END***********/
/*********** ANCHOR START ***********/
a.Help {
    color: #a28500;
    margin: 10px 0px 0px 0px;
}

a.HelperLink, a.HelperLink:hover, div.HelpGuideLink a {
    margin: 0px 0px 0px 0px;
}

div.EnrollLinkGroup a {
}

a.HelpLink, a.AgentIDHelp,
a.PasswordHelp, div.LogonId a.HelpLink, div.Password a.HelpLink,
div.Tokencode a.HelpLink {
    display: none;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0px;
    left: 250px;
    text-indent: -9999px;
}

a.HelpLink {
    left: 270px;
}

a.AgentIDHelp, a.PasswordHelp {
    display: block;
}

a.InstructHelp,
a.HelpGuide {
    display: none;
}

a.LightBoxButton {
    float: left !important;
    display: inline-block;
    height: 14px;
    width: 60px !important;
    cursor: pointer;
    margin: 0px 0px 15px 20px !important;
    text-align: center;
    padding: 5px 0px 0px 0px;
}

a.ForgotPassword, a.CourtesyAccess, a.TokenRegistration {
    display: block;
    float: left;
    clear: both;
    margin: 0px 0px 0px 120px;
}

a.ForgotPassword {
    margin: 20px 0px 0px 120px;
}

a.ForgotSiteKey {
    position: relative;
    top: 25px;
    left: 212px;
}

div.DebugWrapper a {
    position: absolute;
    right: 10px;
    padding: 2px;
}

div.TokenHelp a {
    display: block;
    width: 160px;
}

/*********** ANCHOR END ***********/
/*********** IMG ***********/
div.SiteKeyWrapper img {
    display: block !important;
    height: 100px !important;
    width: 100px !important;
    float: left !important;
    clear: both !important;
    margin: 0px 0px 0px 25px;
}

img.CustomerLogo, img.CustomerLogoOptional {
    /*position: absolute;
	top: 5px;
	left: 5px;
	z-index: 0;*/
    display: block;
    text-align: center;
    margin: 0 auto;
}

span.CustomerLogo {
    /*left: 265px;
    top: 43px;*/
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    display: none;
}
/*********** IMG END***********/
/*********** LABEL START ***********/

div.QuestionGroup label {
    position: relative;
    bottom: 2px;
}

div.RapRememberMeChallenge span {
    width: 300px;
    white-space: normal !important;
    display: block;
    position: relative;
    top: -12px;
    left: 17px;
    *top: -16px;
    *left: 22px;
}

div.Error label {
    display: inline-block;
    padding: 8px 15px;
    /* position: relative; */
    /* left: 0px; */
    /* width: 500px; */
    white-space: normal;
    font-size: 12px;
    line-height: 20px;
    border-radius: 5px;
    margin-top: 15px;
}

span.ClientError, div.ClientError {
    display: none;
    position: absolute;
    top: -30px;
    left: 30px;
    padding: 5px;
    width: 420px !important;
}

label.PoweredByRap {
    display: none;
    height: 40px;
    width: 155px;
    text-indent: -9999px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 10;
}

label.CompleteProcess, label.IncompleteProcess, label.ActiveProcess {
    display: block;
    /*height: 20px;*/
    width: 148px;
    padding: 5px 25px 5px 5px;
    margin: 0px 0px 1px 0px;
}

label.ActiveProcess {
    width: auto;
}

/*div.RegularAgentIdInput span, div.RegularPasswordInput span, div.RegularTokencodeInput span {
    display: block;
    float: left;
    width: 112px;
}*/

div.PasswordInput span, div.ForgotInput span,
div.TokencodeInput span, div.LogonId span,
div.Password span, div.Tokencode span,
* > div.RegularAgentIdInput span, * > div.RegularPasswordInput span, * > div.RegularTokencodeInput span {
    width: 100px;
    display: block;
    padding-bottom: 10px;
}

div.RegularAgentIdInput label, div.RegularPasswordInput label, div.RegularTokencodeInput label {
    display: block;
    float: left;
    width: 112px;
}

div.PasswordInput label, div.ForgotInput label,
div.TokencodeInput label, div.LogonId label,
div.Password label, div.Tokencode label,
* > div.RegularAgentIdInput label, * > div.RegularPasswordInput label, * > div.RegularTokencodeInput label {
    width: 100px;
}

div.ResetInput span, div.ResetInput label {
    width: 150px;
}

div.RegularRapRememberMe label, div.RapRememberMeInline label {
    position: relative;
    bottom: 1px;
}

label.FieldLabel, span.FieldLabel, label.LongFieldLabel,
span.LongFieldLabel, label.LogonIdLabel, span.LogonIdLabel,
label.PasswordLabel, span.PasswordLabel, label.TokencodeLabel,
span.TokencodeLabel {
    display: inline-block;
}

label.LongFieldLabel, span.LongFieldLabel {
    width: 150px !important;
}

div.SiteKeyWrapper span {
    display: block;
    text-align: center;
    width: 150px;
    float: none;
    clear: both;
}

label.Message {
    width: 550px;
    float: left;
    clear: both;
    white-space: normal;
    margin: 50px 0px 0px 0px;
    text-align: center;
}

label.SystemDownMessage {
    width: 550px;
    float: left;
    clear: both;
    white-space: normal;
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    text-align: center;
}

label.LongMessage {
    display: inline-block;
    width: 100%;
    text-align: center;
}

div.QuestionWrapper label, div.QuestionWrapper span {
    display: block;
    margin: 0px 0px 0px -6px;
    padding: 0px;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    white-space: normal;
}
.password-warning {
    border: 1px solid orange;
    border-radius: 5px;
}

.logout-dialog {
    border: 1px solid black;
    border-radius: 5px;
    padding: 10px;
    margin: 10px;
}

.logged-out {
    text-align: center;
    margin-top: 50px;
}

.btn-2-col {
    display: inline-block;
    width: 48%;
}

btn-2-col:nth-child(2) {
    margin-left: 2%;
    background-color: #474747;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.warning-message {
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    color: #856404;
    padding: 15px;
    border-radius: 5px;
    padding-top: 10px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

span.CourtesyAccessInput, label.CourtesyAccessInput {
    display: block;
    margin: 40px 0px 10px -7px !important;
    .margin: 10px 0px 10px -7px !important;
}
/*********** LABEL END***********/
/*********** JQUERY START ***********/
#gallery {
    padding: 0px 0px 10px 0px;
    text-align: center;
    margin: 0px 0px 0px 55px;
    width: 450px;
    float: left;
    clear: both;
}

* > #gallery {
    margin: 0px 0px 0px 110px;
}

#gallery ul {
    list-style: none;
}

    #gallery ul li {
        display: inline;
        float: left;
    }

    #gallery ul img {
        margin: 2px;
    }
/*********** JQUERY END ***********/
/*********** HELPTIP START ***********/
div.WherePass {
    display: none;
    width: 325px;
    height: 360px;
    position: absolute;
    top: 50px;
    left: 240px;
    z-index: 10;
}

div.WhereTS {
    display: none;
    width: 290px;
    height: 247px;
    position: absolute;
    top: 50px;
    left: 220px;
    z-index: 10;
}

div.WhyCQ {
    display: none;
    width: 290px;
    height: 235px;
    position: absolute;
    top: 160px;
    left: -260px;
    z-index: 10;
}

* > div.WhyCQ {
    display: none;
    width: 290px;
    height: 285px;
    position: absolute;
    top: 32px;
    .top: 20px;
    left: 0px;
    z-index: 10;
}

.WhyCQTrigger {
    display: block;
    padding-bottom: 20px;
    width: 200px;
}

div.WhoSA {
    display: none;
    width: 290px;
    height: 235px;
    position: absolute;
    top: 150px;
    left: 240px;
    z-index: 10;
}

* > div.WhoSA {
    display: none;
    width: 290px;
    height: 235px;
    position: absolute;
    top: 32px;
    .top: 20px;
    left: 240px;
    z-index: 10;
}

div.CapsWarn {
    display: none;
    width: 320px;
    height: 70px;
    position: absolute;
    top: -150px;
    left: 90px;
    white-space: normal;
    z-index: 10;
    padding: 5px;
}

    div.CapsWarn h5 {
        height: 24px;
        padding: 3px 0px 0px 30px;
        margin: 0px 0px 5px 0px;
    }

div.WhyMeCQ {
    display: none;
    width: 320px;
    height: 350px;
    position: absolute;
    top: 5px;
    left: 230px;
    white-space: normal;
    z-index: 10;
}

div.WrongCQ {
    display: none;
    width: 370px;
    height: 310px;
    position: absolute;
    top: 5px;
    left: 320px;
    white-space: normal;
    z-index: 10;
}

    div.WrongCQ h1 {
        width: 370px;
    }

    div.WrongCQ ul {
        width: 320px;
    }

div.WhySK {
    display: none;
    width: 320px;
    height: 340px;
    position: absolute;
    top: 90px;
    left: 295px;
    white-space: normal;
    z-index: 10;
}

div.WhatSK {
    display: none;
    width: 320px;
    height: 165px;
    position: absolute;
    top: 250px;
    left: 290px;
    white-space: normal;
    z-index: 10;
}

div.MyComp {
    display: none;
    width: 320px;
    height: 240px;
    position: absolute;
    top: -120px;
    left: 200px;
    white-space: normal;
    z-index: 10;
    font: normal 12pt Arial;
}

div.HelpExplanationWrapper {
    WIDTH: 270px;
    margin: 0px 0px 0px 0px;
    white-space: normal;
}

div.HelpTitleWrapper {
    height: 26px;
    WIDTH: 278px;
    position: relative;
    top: 10px;
    left: 5px;
}

div.FlashTokenWrapper {
    margin: 10px 0px 10px 0px;
}

ul.HelpFeatures {
    list-style: disc;
    margin: 0px 0px 0px -20px;
    padding: 10px 0px 10px 50px;
    WIDTH: 278px;
}

    ul.HelpFeatures li {
        margin: 5px 0px;
    }

p.HelpIntro {
    margin: 10px 10px 0px 10px;
    WIDTH: 278px;
}

p.HelpNotes {
    margin: 0px 10px 10px 10px;
    WIDTH: 278px;
}

label.PageTitle {
    height: 21px;
    WIDTH: 230px;
    text-align: left;
    padding: 5px 0px 0px 5px;
}

a.HelpIco {
    display: none;
    position: absolute;
    left: 3px;
    top: 1px;
    width: 24px;
    height: 26px;
}
/*********** HELPTIP END ***********/
/*********** OBJECT START ***********/
div.FlashTokenWrapper object {
    position: fixed;
    left: 0px;
    width: 0px
}

object {
    position: fixed;
    left: 9999px;
    width: 0px
}
/*********** OBJECT END ***********/
/*^^^^^^^^^^ LAYOUT END ^^^^^^^^^^*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/



/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*^^^^^^^^^^ COLOR START ^^^^^^^^^^*/
/*********** BODY START ***********/
/*body {
    background: #fff url(../images/bg_preview_full.png) no-repeat;
    background-size: cover;
}*/
/*********** BODY END ***********/
/*********** HEADERS ***********/
h5.WarningMessage {
    background: transparent url(../../common/images/warning.png) no-repeat;
}

h5.ErrorMessage {
    background: transparent url(../../common/images/error.png) no-repeat;
}

h2.AccessDenied, h2.AccessDeniedShort {
    background: url(../../common/images/forbidden.png) no-repeat 0px 14px;
}


/*********** DIVS ***********/
div.Error, div.LogonMsg {
    color: Red;
}

div.LogonMsg {
    border: 1px solid #848484;
    background: #c4d4d8;
}

div.Step, div.StepMinHeight {
    /*background: white url(../images/step_bg_gradient.png) repeat-x 0% 100%;*/
    /*  border: 2px solid #848484;*/
}

div.FooterBar {
    /* color: #FFFFFF;
    border-top: 1px solid #848484;
    background: black url(../images/footer.png) repeat-x;*/
    text-align: center;
}

div.ChallengeInstruct, div.PasswordInstruct, div.SiteKeyInstruct,
div.ForgotInstruct {
    background: #e7ecfb;
    /* border: 2px outset #848484; */
    padding: 15px;
    border-radius: 4px;
}


div.Eula {
    background: white;
    border: 1px solid black;
}

    div.Eula iframe {
        background: white;
    }

div.DebugWrapper div {
    background: white;
    border: 2px solid black;
}

div.TokenHelp {
    display: block;
    position: relative;
    top: -20px;
    left: 288px;
    width: 200px;
    margin: 0px 0px 100px 0px;
}

div.SystemMaintenance {
    color: Red;
}

/*********** DIVS END***********/
/*********** INPUT START ***********/
input.IncorrectValue {
    background: #fff8c8;
}

button.NavButton, button.NavButton:hover, input.PasswordSubmit,
input.CloseButton, input.SubmitInput {
    color: #ffffff;
    /* border: none; */
    background: #2f87c6;
    border: none;
    padding: 12px;
    display: inline-block;
    width: 49%;
    border-radius: 4px;
    margin-top: 30px;
}

.LogonControlWrapper button.NavButton {
    width: 100%;
    margin-top: 0px;
}

button.NavButton:hover, input.PasswordSubmit:hover, input.SubmitInput:hover {
    background: #176ca9
    /* color: #000000;
        border: none;
        background: #ecf7fe url(../images/button_hover.png) no-repeat;*/
}
/*********** INPUT END***********/
/*********** ANCHOR START ***********/

p.IdentityWrapper a {
    color: #000000;
}

a.Help, div.EnrollLinkGroup a {
    color: #a28500;
}

a.HelperLink, div.HelpGuideLink a, a.ForgotPassword,
a.CourtesyAccess, a.TokenRegistration, a.ForgotSiteKey {
    color: #000000;
}

div.HelpGuideLink a {
    color: #FFFFFF;
}

a.HelperLink:hover, a.ForgotPassword:hover, a.CourtesyAccess:hover,
a.TokenRegistration:hover, a.ForgotSiteKey:hover {
    color: #000000;
    background: #ffdb80;
}

a.NewForm:hover {
    color: #000000 !important;
    background: #FFFFFF !important;
}

a.HelpLink, div.LogonId a.HelpLink,
a.AgentIDHelp, a.PasswordHelp, div.Password a.HelpLink,
div.Tokencode a.HelpLink {
    /*background: transparent url(../images/slhelp.png) no-repeat 5px 1px;*/
    behavior: url(Script/iepngfix/iepngfix.htc);
}

a.LightBoxButton {
    color: #FFFFFF;
    border: none;
    background: #FFFFFF url(../images/button.png) no-repeat;
    border-right: 1px solid #000000;
}

div.DebugWrapper a {
    background: black;
    border: 1px solid green;
    color: Green;
}

    div.DebugWrapper a:hover {
        background: green;
        border: 1px solid black;
        color: black;
    }
/*********** ANCHOR END ***********/
/*********** IMG ***********/
div.SiteKeyWrapper img {
    background: #efefef !important;
    border: black 1px solid !important;
    border-bottom: none !important;
    border-collapse: collapse !important;
}

img.CustomerLogo, img.CustomerLogoOptional {
    width: 120px;
    /*border: 1px solid #848484;*/
}
/*********** IMG END***********/
/*********** LABEL START ***********/
div.Error label, span.ClientError, div.ClientError {
    background: #f9e3e3;
    /* border: 2px solid #848484; */
}

label.PoweredByRap {
    background: transparent url(../../common/images/RapLogo.png) no-repeat;
}

label.CompleteProcess, label.IncompleteProcess, label.ActiveProcess {
    background: #fff url(../../common/images/Check.gif) no-repeat 155px 5px;
    margin: 0 auto;
}

* > label.CompleteProcess, * > label.IncompleteProcess, * > label.ActiveProcess {
    background: #fff url(../../common/images/Check.png) no-repeat 155px 5px;
    margin: 0 auto;
}

label.IncompleteProcess {
    background: #b0c4dd;
    color: #888888;
}

label.ActiveProcess {
    /*color: black;
    border: 2px solid #848484;
    border-right: none;
    background: white url(../images/process_bg_gradient.png) repeat-x 0% 100%;*/
}

div.SiteKeyWrapper span {
    background: #efefef;
    border: black 1px solid;
    border-collapse: collapse;
}
/*********** LABEL END***********/
/*********** JQUERY START ***********/
#gallery {
    background: transparent;
}

    #gallery ul img {
        border: 5px solid #dfe6e7;
    }

    #gallery ul a:hover img {
        border: 5px solid #ffdb80;
        color: #fff;
    }

    #gallery ul a:hover {
        color: #fff;
    }

/*********** JQUERY END ***********/
/*********** HELPTIP START ***********/
div.WhyMeCQ, div.WrongCQ, div.WhySK, div.WhatSK, div.WhyCQ, div.WhoSA, div.WhereTS, div.WherePass, div.MyComp, div.CapsWarn {
    background: white url(../images/help_bg_gradient.png) repeat-x;
    border: 1px solid #dedede;
    border-top: none;
}

div.HelpTitleWrapper {
    border-bottom: none;
}

label.PageTitle {
    color: #FFFFFF;
}

a.HelpIco {
    /*background: transparent url(../images/slhelp.png) no-repeat;*/
    behavior: url(../../../Script/iepngfix/iepngfix.htc);
}
/*********** HELPTIP END ***********/
/*^^^^^^^^^^ COLOR END ^^^^^^^^^^*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/



/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*^^^^^^^^^^ TYPOGRAPHY START ^^^^^^^^^^*/
/*********** BODY START ***********/
body {
}
/*********** BODY END ***********/

/*********** HEADERS ***********/
h2.AccessDenied, h2.AccessDeniedShort {
    font-size: 14pt;
    font-weight: bold;
    font-family: Verdana;
}

/*********** DIVS ***********/
div.Error {
    font-family: Verdana;
}


div.FooterBar {
    font-family: Verdana;
    font-size: 0.6em;
}

div.QuestionWrapper {
    font-family: Verdana;
    font-size: 0.8m;
}

div.RegularRapRememberMe,
div.RapRememberMeChallenge, div.RapRememberMeInline {
    font-family: Verdana;
    font-size: 12px;
}


div.ChallengeInstruct, div.PasswordInstruct, div.SiteKeyInstruct,
div.ForgotInstruct {
    font-size: 12px;
    font-family: Verdana;
    line-height: 18px;
}

div.HelpWrapper, div.CQEnrollHelpWrapper, div.PassHelpWrapper,
div.LogonHelpWrapper, div.ValidateHelpWrapper, div.ChallengeHelpWrapper,
div.SiteKeyHelpWrapper, div.RegisterHelpWrapper, div.TokenHelpWrapper {
    font-size: 0.8em;
    font-family: Verdana;
}

div.LogonMsg {
    font-size: 0.8em;
    font-family: Verdana;
}

div.QuestionGroup {
    font-size: 12px;
    font-family: Verdana;
}

div.SystemMaintenance {
    font-weight: bold;
    text-align: center;
    font-family: Arial;
}

/*********** PARAGRAPHS ***********/
p.DeniedDescription {
    text-align: center;
    font-size: 11pt;
    font-family: Verdana;
}

p.IdentityWrapper {
    font-size: 10pt;
    font-family: Verdana;
    text-align: center;
}


/*********** INPUT START ***********/


button.NavButton, input.PasswordSubmit, input.CloseButton,
input.SubmitInput {
    font-size: 1em;
}

div.QuestionWrapper select {
    font-family: Verdana;
    font-size: 0.7em;
}

/*********** INPUT END***********/
/*********** ANCHOR START ***********/
a.LightBoxButton {
    text-decoration: none;
    font-size: 1em;
}

a.ForgotPassword, a.CourtesyAccess, a.TokenRegistration,
a.HelperLink, a.ForgotSiteKey {
    font-family: Verdana;
    font-size: 1em;
}

a.HelperLink {
    text-decoration: none;
}

a.NewForm {
    text-decoration: underline !important;
}

a.SmallFont {
    font-size: 0.8em;
}

div.DebugWrapper a {
    font-weight: bold;
    font-family: Courier;
    text-decoration: none;
    font-size: 0.8em;
}

/*********** ANCHOR END ***********/
/*********** LABEL START ***********/
span.Important, label.Important {
    font-size: 12pt;
    font-weight: bold;
}

span.Subtext, label.Subtext {
    margin: 0px 5px 0px 10px;
}

label.CompleteProcess, label.IncompleteProcess, label.ActiveProcess,
label.FieldLabel, span.FieldLabel, label.LongFieldLabel,
span.LongFieldLabel, label.LogonIdLabel, span.LogonIdLabel,
label.PasswordLabel, span.PasswordLabel, label.TokencodeLabel,
span.TokencodeLabel {
    font-weight: bold;
    font-family: Verdana;
    font-size: 0.9em;
}

label.Message, label.LongMessage, label.SystemDownMessage {
    font-family: Verdana;
}

div.QuestionWrapper label, div.QuestionWrapper span {
    font-family: Verdana;
    font-size: 12px;
}

span.ClientError, div.ClientError {
    font-family: Verdana;
}

span.CourtesyAccessInput, label.CourtesyAccessInput {
    font-weight: bold;
}
/*********** LABEL END***********/
/*********** JQUERY START ***********/
#gallery ul li a {
    text-decoration: none;
}
/*********** JQUERY END ***********/
/*********** HELPTIP START ***********/
div.HelpTitleWrapper, .HelpFeatures, .HelpNotes, .HelpIntro, .CapsWarn {
    font-family: Verdana;
}

.HelpFeatures, .HelpNotes, .HelpIntro, .CapsWarn {
    font-size: 0.8em;
}

label.PageTitle {
    font-weight: bold;
    font-size: 0.9em;
}
/*********** HELPTIP END ***********/
/*^^^^^^^^^^ TYPOGRAPHY END ^^^^^^^^^^*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

input.NavButtonCancel, button.NavButtonCancel {
    background: #a7a7a7;
}

    input.NavButtonCancel:hover, button.NavButtonCancel:hover {
        background: #999
    }


@media (max-width:1400px) { /* normal laptops, and desktops */
    .banner-wrapper {
        width: 35%;
        left: 30px;
    }

    table {
        width: 100%;
    }

    div.ForgotInput input, div.PasswordOnlyInput input, div.PasswordInput input, div.RegularAgentIdInput input, div.RegularPasswordInput input, div.RegularTokencodeInput input, div.TokencodeInput input, div.ResetInput input, div.LogonId input, div.Password input, div.Tokencode input {
        width: -webkit-fill-available;
    }
}

@media (max-width:1200px) { /* normal laptops, and desktops */

    .login-form-wrapper {
        padding: 20px 40px 30px 40px;
    }

    div.ChallengeInstruct, div.PasswordInstruct, div.SiteKeyInstruct, div.ForgotInstruct {
        width: inherit;
    }
}

@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */


    .login-form-wrapper {
        padding: 20px 40px 40px 40px;
        right: 160px;
        width: 400px;
    }
}

@media (max-width:960px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
    .banner-wrapper {
        display: none
    }

    div.LogonControl {
        width: 80%;
        padding: 30px;
        padding-top: 5vh;
        overflow-y: auto;
        z-index: 9999;
    }


    .login-form-wrapper {
        right: unset;
        width: 100%;
        margin: 0 auto;
        box-shadow: none;
        margin-bottom: 0;
        position: relative;
        padding: 20px 0px;
    }

    body {
        background-size: 100% 100vh !important;
    }
}

@media (max-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
}

@media (max-width:600px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
    .login-form-wrapper {
        width: 420px;
        padding: 20px 30px 40px 30px;
        position: relative;
        margin-bottom: 0;
    }

    div.LogonControl {
        padding-top: 10vh;
        width: 480px;
    }

    div.ChallengeInstruct, div.ForgotInstruct {
        width: initial;
    }
}

@media (max-width:580px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
    .login-form-wrapper {
        width: 90%;
        padding: 10px;
    }

    div.LogonControl {
        padding-top: 10vh;
        width: 80%;
        padding: 15px;
    }

    div.FooterBar {
        bottom: 25px;
        width: 95%;
    }

    label.ActiveProcess:before {
        left: 33%;
    }
}