/* ---------------------------------------------------------------------- */
/* All devices                                                            */

.fp-hdc-menu-panel-section {
    float: left;
}

.fp-hdc-content-panel-section {
    float: right;
}


.deviceInfo {
    display: none;
}

body {
    background-color: none;
    min-height: 100%;
}

.messagebox-bootstrap-inline,
div#ctl00_ContentPlaceHolder1_divMessageBoxBootstrapInline {
    display: none;
}

.messagebox-bootstrap-modal,
div#ctl00_ContentPlaceHolder1_divMessageBoxBootstrapModal {
    display: none;
}

.alert-success {
    display: block;
    border: 1px solid rgb(173, 228, 149);
    padding-top: 10px;
    width: 100%;
    min-width: 100%;
    min-height: 80px;
}

.alert-danger {
    display: block;
    border: 1px solid rgb(224, 184, 183);
    padding-top: 10px;
    width: 100%;
    min-width: 100%;
    min-height: 80px;
}

.modal-title {
    font-size: 20px;
}

.form-control__width--auto {
    width: auto;
}


/* ---------------------------------------------------------------------- */
/* BEGIN - Typography                                                     */

hr {
    background-color: rgb(168, 198, 231);
    height: 1px;
    margin-bottom: 0px;
}
.alert-success hr {
    background-color: rgb(173, 228, 149);
}
.alert-danger hr {
    background-color: rgb(224, 184, 183);
}
.alert-introduction hr {
    background-color: rgb(168, 198, 231);
}


h1 {
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    margin: 20px 0 30px 0;
}

h2 {
    font-size: 20px;
    margin: 0;
}

h2.content__heading {
    font-size: 20px;
    text-align: center;
    font-weight: normal;
    margin: 20px 0 20px 0;
}

input.form-control,
select.form-control
{
    width: 375px;
}

.btn-primary {
    Xbackground-color: rgba(83,83,83,1);
    Xborder-color: rgba(83,83,83,1);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    Xbackground-color: rgba(83,83,83,0.8) !important;
    Xborder-color: rgba(83,83,83,0.8);
}

.glyphicon--green {
    color: rgba(0,154,99,1);
    font-size: 20px;
} 

p.pre-filled {
    padding-top: 6px;
}


/* ---------------------------------------------------------------------- */
/* BEGIN - Mozilla specific styles                                        */
*:focus {
    -moz-outline: 3px solid rgb(255,255,255)F00  !important;
    -moz-outline-offset: 1px         !important;
    -moz-outline-radius: 5px         !important;
    -moz-outline-radius: 2px         !important;
}

textarea:focus, button:focus, select:focus, input:focus {
    -moz-outline-offset: -1px        !important;
}

input[type="radio"]:focus {
    -moz-outline-radius: 12px        !important;
    -moz-outline-offset: 0px         !important;
}

-moz-focus-inner {
    border: 0;
}
/* END - Mozilla specific styles                                          */
/* ---------------------------------------------------------------------- */



/* ---------------------------------------------------------------------- */
/* BEGIN - IE specific styles                                             */

.ie9 .focusabletext:focus,
.ie9 .focusabletext:active {
    text-decoration: underline;
}

/* END - IE specific styles                                               */
/* ---------------------------------------------------------------------- */


/* END - Typography                                                       */
/* ---------------------------------------------------------------------- */




/* ---------------------------------------------------------------------- */
/* BEGIN - Styles for CAPTCHA                                             */
.captcha-imagespacer
{
    padding-bottom: 10px;
}
.control-text-captcha {
    text-transform: uppercase;
}
/* END - Styles for CAPTCHA                                               */
/* ---------------------------------------------------------------------- */



/* ---------------------------------------------------------------------- */
/* BEGIN - Styles for the MasterPage                                      */

.wizardpage-content-header-introductionrow,
.IntroductionMessage,
.masterpage-organizationlogo-image,
.masterpage-main-inner-top-cell1-label,
.masterpage-main-inner-top-cell2-label,
.control-label-headingstep,
.control-label-headingtrack {
    outline: none !important;
}

/* BEGIN FOOTER */

.masterpage-footer {
    visibility: hidden;
    content: ' ';
    display: block;
    position: absolute;
    Xright: 0px;
    bottom: 0px;
    width: 100%;
    min-width: 100%;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
    z-index: 10;
    opacity: 1.0;
    background-color: rgb(54,95,182);
    background-color: rgb(208,221,249);
    overflow: hidden;
}

.masterpage-footer-left {
    content: ' ';
    display: inline;
    position: absolute;
    left: 0px;
    top: 0;
    width: 33%;
    min-width: 33%;
    max-width: 33%;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
    z-index: -2;
    opacity: 1.0;
    overflow: hidden;
}

.masterpage-footer-center {
    content: ' ';
    display: inline;
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
    z-index: -1;
    opacity: 1.0;
    overflow: hidden;
}

.masterpage-footer-right {
    content: ' ';
    display: inline;
    position: absolute;
    right: 0px;
    top: 0;
    width: 33%;
    min-width: 33%;
    max-width: 33%;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
    z-index: 1000;
    opacity: 1.0;
    overflow: hidden;
}
/* END FOOTER */


/* BEGIN HEADER */

.masterpage-header {
    content: ' ';
    display: block;
    position: absolute;
    Xright: 0px;
    top: 0;
    width: 100%;
    min-width: 100%;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    z-index: 10;
    opacity: 1.0;
    Xbackground-color: rgb(208,221,249);
    Xbackground-color: rgb(184,184,184);
    Xbackground-color: rgb(36,81,174);
    Xbackground-color: rgb(10,43,114);
    Xbackground-color: rgb(15,57,146);
    Xbackground-color: rgb(105, 128, 165);
    Xbackground-color: rgb(54,95,182);
    overflow: hidden;
}

.masterpage-header-left {
    content: ' ';
    display: inline;
    position: absolute;
    left: 0px;
    top: 0;
    width: 33%;
    min-width: 33%;
    max-width: 33%;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    z-index: -2;
    opacity: 1.0;
    overflow: hidden;
}

.masterpage-header-center-outer {
    position: absolute !important;
    right: 0px;
}

.masterpage-header-center {
    content: ' ';
    display: inline;
    position: absolute;
    right: 15px;
    top: 0;
    width: 100%;
    min-width: 835px;
    max-width: 100%;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    z-index: 1000;
    opacity: 1.0;
    overflow: hidden;
}

.masterpage-header-right {
    content: ' ';
    display: inline;
    position: absolute;
    right: 0px;
    top: 0;
    width: 33%;
    min-width: 33%;
    max-width: 33%;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    z-index: -1;
    opacity: 1.0;
    overflow: hidden;
}
/* END HEADER */


.masterpage-pageheader {
    content: ' ';
    display: block;
    position: absolute;
    Xright: 0px;
    top: 0px;
    width: 100%;
    min-width: 100%;
    height: 165px;
    min-height: 165px;
    max-height: 165px;
    z-index: -1;
    opacity: 1.0;
    background-color: rgb(208,221,249);
    overflow: hidden;
}
.ie8 .masterpage-pageheader {
    background-color: rgb(255,255,255);
}

.masterpage-pageheader-left {
    content: ' ';
    display: inline;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 33%;
    min-width: 33%;
    max-width: 33%;
    height: 165px;
    min-height: 165px;
    max-height: 165px;
    z-index: -2;
    opacity: 1.0;
    background-color: rgb(208,221,249);
    background-image: url('../images/FastPassHeader-2000x140-left.png');
    background-repeat: repeat-x;
    background-position: right top;
    background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    overflow: hidden;
}
.ie8 .masterpage-pageheader-left {
    background-color: rgb(255,255,255);
}

.masterpage-pageheader-center {
    content: ' ';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    min-width: 835px;
    max-width: 100%;
    height: 165px;
    min-height: 165px;
    max-height: 165px;
    z-index: -1;
    opacity: 1.0;
    background-color: rgb(208,221,249);
    background-image: url('../images/FastPassHeader-2000x140-center.png');
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    overflow: hidden;
}
.ie8 .masterpage-pageheader-center {
    background-color: rgb(255,255,255);
}

.masterpage-pageheader-right {
    content: ' ';
    display: inline;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 33%;
    min-width: 33%;
    max-width: 33%;
    height: 165px;
    min-height: 165px;
    max-height: 165px;
    z-index: -2;
    opacity: 1.0;
    background-color: rgb(208,221,249);
    background-image: url('../images/FastPassHeader-2000x140-right.png');
    background-repeat: repeat-x;
    background-position: left top;
    background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    overflow: hidden;
}
.ie8 .masterpage-pageheader-right {
    background-color: rgb(255,255,255);
}


.content__heading {
    display: none;
}



/* BEGIN MasterPageV1 */
.masterpage-content {
    content: ' ';
    display: block;
    position: absolute;
    top: 200px;
    top: 0px;
    width: 100%;
    min-width: 100%;
    height: 500px;
    min-height: 500px;
    z-index: -1;
    opacity: 1.0;
}

.masterpage-content-left {
    content: ' ';
    display: inline;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 33%;
    min-width: 33%;
    max-width: 33%;
    z-index: -2;
}

.masterpage-content-center-outer {
    position: relative;
    top: 0px;
    max-width: 1000px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.masterpage-content-center {
    content: ' ';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    min-width: 1000px;
    max-width: 100%;
    z-index: -1;
    opacity: 1.0;
}

.masterpage-content-right {
    content: ' ';
    display: inline;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 33%;
    min-width: 33%;
    max-width: 33%;
    height: 500px;
    min-height: 500px;
    max-height: 500px;
    z-index: -2;
    opacity: 1.0;
}
/* END MasterPageV1 */

/* NOTE: ROW OF THE "OPERATION: GETTING STARTED..." TEXT */
.masterpage-main-inner-top {
    padding: 0px 0px;
    Xheight: 83px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: rgb(0,0,0);
}

/* NOTE: ROW OF THE "ORGANIZATION: [ORGANIZATION NAME]..." TEXT  AND "OPERATION: [OPERATION NAME]..." TEXT */
.masterpage-main-inner-top-cell1 {
    vertical-align: middle;
    padding-bottom: 6px;
    visibility: hidden;
}
.masterpage-main-inner-top-cell1-label {
    padding: 0px 0px 0px 4px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    font-weight: bold;
    min-height: 18px;
    text-align: left;
}
.masterpage-main-inner-top-cell2 {
    vertical-align: middle;
    padding-bottom: 6px;
    float: right;
}
.masterpage-main-inner-top-cell2-label {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    font-weight: bold;
    min-height: 18px;
    text-align: right;
}


.wizardpage-content-header-introductionrow {
    overflow: hidden;
    cursor: default;
    padding: 5px 10px 5px 10px;
    margin: 0px 0px 15px 0px;
    min-height: 70px;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    color: rgb(0,0,0);
    background-color: rgb(248,248,248);
    background-color: rgb(224,224,224);
    border: 1px solid #CCC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 2px 2px 6px #777;
    -moz-box-shadow: 2px 2px 6px #777;
    -webkit-box-shadow: 2px 2px 6px #777;
}

.wizardpage-content-header-introduction {
    overflow: hidden;
    cursor: default;
    padding: 10px 10px 10px 10px;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    color: rgb(0,0,0);
    border: 1px solid #CCC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 2px 2px 6px #777;
    -moz-box-shadow: 2px 2px 6px #777;
    -webkit-box-shadow: 2px 2px 6px #777;
}

.wizardpage-content-header-introduction:hover {
    background-color: rgb(224,224,224);
}



.masterpage-language-innerdiv {
    padding: 0px 18px 0px 0px;
    padding: 3px 3px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
}

.masterpage-language-outerdiv {
    font-size: 12px;
    font-weight: bold;
}


.masterpage-organizationlogo-outerdiv {
    position: static;
    display: block;
    top: 40px;
    left: 0px;
    width: 100px;
    padding-top: 30px;
    padding-left: 30px;
        position: absolute;
        top: 0px;
        width: 77px;
        max-width: 77px;
        height: 60px;
        max-height: 60px;
}
.masterpage-organizationlogo-image {
    position: static;
    height: 100px;
    max-height: 100px;
    width: 128px;
    max-width: 128px;
    display: block;
    overflow: hidden;
    margin: 0px 0px 50px 20px !important;
    padding: 4px 4px 4px 4px;
    background-color: rgba(250,250,255,0.25);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 2px 2px 6px #777;
    -moz-box-shadow: 2px 2px 6px #777;
    -webkit-box-shadow: 2px 2px 6px #777;
}

.masterpage-solutiontitle-outerdiv {
    position: absolute;
    display: block;
    top: 32px;
    left: 90px;
    padding: 0px 8px 0px 8px;
    font-size: 28px;
    font-weight: bold;
    text-align: left;
    background-color: rgba(250,250,255,0.25);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.masterpage-solutiontitle-outerdiv {
    position: absolute;
    top: 30px;
    left: 190px;
}
.masterpage-applicationtitle-outerdiv {
    position: absolute;
    display: block;
    top: 75px;
    left: 120px;
    padding: 0px 8px 0px 8px;
    font-size: 40px;
    font-weight: bold;
    text-align: left;
    background-color: rgba(250,250,255,0.25);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.masterpage-applicationtitle-outerdiv {
    position: absolute;
    top: 75px;
    left: 220px;
}



.control-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    text-align: left;
    padding-top: 4px !important;
    padding-left: 30px !important;
    text-align: left !important;
}

.control-label-colon {
    display: inline !important;
}

.control-value {
    padding-top: 7px;
    padding-left: 27px;
}

.control-text-captcha {
    text-transform: uppercase;
}

.control-button-area {
    padding-top: 10px;
}

#ctl00_labLanguage {
    display: none;
}


.informationbox {
    display: none;
}



.IntrocutionMessage {
    display: none;
}

.divmsg {
    display: none;
}

.wizardpage-content-header {
    background-color: rgb(224,224,224);
    color: rgb(0,0,0);
}

.wizard-button-content-headertext {
    Xmin-height: 100%;
}

.wizard-button-content-detailtext p {
    padding-top: 0px;
    font-size: 13px;
    line-height: 1.10;
    height: 72px;
    min-height: 72px;
    max-height: 72px;
    overflow: hidden;
}

.wizard-button-content-warningtext {
    font-weight: bold;
    font-size: 12px;
    color: rgb(51,51,51);
    min-height: 16px;
    max-height: 16px;
    overflow: hidden;
}

.wizard-button-content {
    min-height: 113px;
}


.wizardpage-content-header-introduction {
    
}

.masterpageMain {
    position: absolute;
	top: 200px;
}






/* END - Styles for the MasterPage                                        */
/* ---------------------------------------------------------------------- */



/* ---------------------------------------------------------------------- */
/* BEGIN - Styling of FastPass Content Page                               */


.IntroductionMessage {
    display: block;
    overflow: hidden;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 20px 0px;
    color: rgb(0,0,0);
    background-color: rgb(224,224,224);
    min-height: 80px;
    border: 1px solid rgb(204,204,204);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    box-shadow: 2px 2px 6px #777777;
    -moz-box-shadow: 2px 2px 6px #777777;
    -webkit-box-shadow: 2px 2px 6px #777777;
}

.alert-introduction-panel-hide {
    visibility: hidden;
    max-height: 40px;	
}


.btn-spinner {
    border: 0px solid transparent !important;
    background-color: transparent;
    height: 32px;
    width: 32px;
}





/* ---------------------------------------------------------------------- */
/* BEGIN - Styling of Bootstrap Inline Error Panels                       */


.messagebox-bootstrap-Inline-MessageDivOuter {
    border: 0px;
    webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .05);
}

.messagebox-bootstrap-Inline-closebutton {
    position: absolute !important;
    right: 2.5% !important;
    top: 2.5% !important;  
}

/* END - Styling of Bootstrap Modal Error Panels                          */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* BEGIN - Styling of Extended AT Support Selector in the MasterPage      */

#ctl00_divATSupport {
    visibility: hidden;
}

#ctl00_divExtendedSupportOfAT {
    display: block;
    visibility: visible;
    padding: 5px 0px 0px 0px;
    text-align: right;
}

#divExtendedSupportOfATLabel {
    padding: 0px 10px 0px 0px;
    display: inline-block !important;
    font-weight: bold;
}

#ctl00_ddExtendedSupportOfAT {
    padding: -15px 0px 0px 0px;
    margin: 0px 18px 0px 0px;
    width: 155px;
    font-size: 11px;
    font-weight: bold;
}

/* END - Styling of AT Support Selector in the MasterPage                 */
/* ---------------------------------------------------------------------- */




/* ---------------------------------------------------------------------- */
/* BEGIN - Styling of Language Selector in the MasterPage                 */

#ctl00_divLanguage {
    display: block;
    visibility: visible;
    padding: 0px 0px 0px 0px;
    text-align: right;
    z-index:998;
    Xvisibility: hidden;
}


#divLanguageLabel {
    padding: 0px 10px 0px 0px;
    display: inline-block !important;
    font-weight: bold;
    visibility: hidden;
}

#ctl00_ddLanguage {
    position: absolute;
    right: 3px;
    top: 3px;
    Xpadding: -15px 2px 0px 0px;
    Xmargin: 0px 0px 0px 0px;
    width: 155px;
    font-size: 11px;
    font-weight: bold;
}

.iconfix {
    display: inline-block;
    float: none;
    text-align: left;
    width: 32px;
    height: 32px;
    vertical-align: bottom;
}

/* END - Styling of Language Selector in the MasterPage                   */
/* ---------------------------------------------------------------------- */





/* ---------------------------------------------------------------------- */
/* BEGIN - Styling for TOTP Authenticator                                 */
    
.QRCodeImage {
    max-width: 100%;
}

.QRCode {
    display: none;
}

.TOTPAuthenticatorQRCode
{
    position: relative;        
    left: -38px;
    top: -15px;
    bottom: 0px;       
}

.TOTPAuthenticatorManualKey
{
    width: 400px !important;
    overflow-wrap: break-word;
}

.TOTPAuthenticatorSkipOption label {
    display: initial;
    position: relative;
    top: -3px;
    left: 8px;
}


/* END - Styling for TOTP Authenticator                                   */
/* ---------------------------------------------------------------------- */




/* ---------------------------------------------------------------------- */
/* BEGIN - Styling of Password Complexity Indicator                       */

#PasswordComplexityIndicator {
    padding: 8px 5px 4px 5px;
    color: rgb(255, 0, 0);
    background-color: rgb(234, 242, 251);
    border: 1px solid rgb(168, 198, 231);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.complexityindicator-mainrequirement {
    font-size: 11px;
    font-weight: bold;
    padding: 2px 0px 3px 25px;
    margin: 0px 0px 0px 0px;
}

.complexityindicator-subrequirement {
    font-size: 11px;
    font-weight: normal;
    padding: 2px 0px 3px 42px;
    margin: 0px 0px 0px 0px;
}

#PasswordComplexityIndicatorInnerDiv {
    text-align: left;
}

.complexityindicator-mainrequirement-ok {
    color: rgb(0, 128, 0);
    background-image: url(../images/checkmark.png);
    background-repeat: no-repeat;
    background-position: 10px 5px;
    background-size: 12px 12px;
}
.ie5 .complexityindicator-mainrequirement-ok,
.ie6 .complexityindicator-mainrequirement-ok,
.ie7 .complexityindicator-mainrequirement-ok,
.ie8 .complexityindicator-mainrequirement-ok {
    -ms-behavior: url(/FastPassCorp/skins/javascript/backgroundsize.min.htc);
}

.complexityindicator-mainrequirement-maybeok {
    color: rgb(70, 130, 180);
    background-image: url(../images/circle.png);
    background-repeat: no-repeat;
    background-position: 12px 8px;
    background-size: 6px 6px;
}
.ie5 .complexityindicator-mainrequirement-maybeok,
.ie6 .complexityindicator-mainrequirement-maybeok,
.ie7 .complexityindicator-mainrequirement-maybeok,
.ie8 .complexityindicator-mainrequirement-maybeok {
    -ms-behavior: url(/FastPassCorp/skins/javascript/backgroundsize.min.htc);
}

.complexityindicator-mainrequirement-notok {
    color: rgb(255, 0, 0);
    background: url(../images/crossmark.png);
    background-repeat: no-repeat;
    background-position: 10px 5px;
    background-size: 12px 12px;
}
.ie5 .complexityindicator-mainrequirement-notok,
.ie6 .complexityindicator-mainrequirement-notok,
.ie7 .complexityindicator-mainrequirement-notok,
.ie8 .complexityindicator-mainrequirement-notok {
    -ms-behavior: url(/FastPassCorp/skins/javascript/backgroundsize.min.htc);
}

.complexityindicator-mainrequirement-hide {
    display: none;
}

.complexityindicator-subrequirement-ok {
    color: rgb(0, 128, 0);
    background-image: url(../images/checkmark.png);
    background-repeat: no-repeat;
    background-position: 28px 5px;
    background-size: 12px 12px;
}
.ie5 .complexityindicator-subrequirement-ok,
.ie6 .complexityindicator-subrequirement-ok,
.ie7 .complexityindicator-subrequirement-ok,
.ie8 .complexityindicator-subrequirement-ok {
    -ms-behavior: url(/FastPassCorp/skins/javascript/backgroundsize.min.htc);
}

.complexityindicator-subrequirement-maybeok {
    color: rgb(70, 130, 180);
    background-image: url(../images/circle.png);
    background-repeat: no-repeat;
    background-position: 30px 8px;
    background-size: 6px 6px;
}
.ie5 .complexityindicator-subrequirement-maybeok,
.ie6 .complexityindicator-subrequirement-maybeok,
.ie7 .complexityindicator-subrequirement-maybeok,
.ie8 .complexityindicator-subrequirement-maybeok {
    -ms-behavior: url(/FastPassCorp/skins/javascript/backgroundsize.min.htc);
}

.complexityindicator-subrequirement-notok {
    color: rgb(255, 0, 0);
    background: url(../images/crossmark.png);
    background-repeat: no-repeat;
    background-position: 28px 5px;
    background-size: 12px 12px;
}

.complexityindicator-subrequirement-hide {
    display: none;
}

/* END - Styling of Password Complexity Indicator */
/* ---------------------------------------------------------------------- */



/* ---------------------------------------------------------------------- */
/* BEGIN - Styling of User Register Information Fields, Buttons and Icons */

#ctl00_ContentPlaceHolder1_txtPrimaryEmailAddress,
#ctl00_ContentPlaceHolder1_txtAlternateEmailAddress,
#ctl00_ContentPlaceHolder1_txtPrimaryMobileNumber,
#ctl00_ContentPlaceHolder1_txtAlternateMobileNumber {
    width: 330px !important;
}
#ctl00_ContentPlaceHolder1_butVerifyPrimaryEmail,
#ctl00_ContentPlaceHolder1_butVerifyAlternateEmail,
#ctl00_ContentPlaceHolder1_butVerifyPrimaryMobile,
#ctl00_ContentPlaceHolder1_butVerifyAlternateMobile {
    width: 70px !impotant;
}

.registeruserinformation-verificationdiv {
    padding-left: 0px !important;
    white-space: nowrap;
    overflow: hide;
}


/* ---------------------------------------------------------------------- */
/* BEGIN - Styling of icons for Register User Information                 */

.Ok {
    padding: 4px 0px 4px 4px;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/extras/checkmark.svg);
    background-repeat: no-repeat;
    background-position: 10px 4px;
    background-size: 20px 20px;
}

.ie5 .Ok,
.ie6 .Ok,
.ie7 .Ok,
.ie8 .Ok {
    -ms-behavior: url(/FastPassCorp/skins/javascript/backgroundsize.min.htc);
}


.MaybeOk {
    padding: 4px 0px 4px 4px;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/circle.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    background-size: 8px 8px;
}
.ie5 .MaybeOk,
.ie6 .MaybeOk,
.ie7 .MaybeOk,
.ie8 .MaybeOk {
    -ms-behavior: url(/FastPassCorp/skins/javascript/backgroundsize.min.htc);
}


.NotOk {
    padding: 4px 0px 4px 4px;
    margin: 0px 0px 0px 0px;
    background: url(../images/crossmark.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 15px 15px;
}
.ie5 .NotOk,
.ie6 .NotOk,
.ie7 .NotOk,
.ie8 .NotOk {
    -ms-behavior: url(/FastPassCorp/skins/javascript/backgroundsize.min.htc);
}

.Hide {
    display: none;
}

.Mandatory {
    padding: 4px 0px 4px 4px;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/exclamationmark.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 16px 16px;
}
.ie5 .Mandatory,
.ie6 .Mandatory,
.ie7 .Mandatory,
.ie8 .Mandatory {
    -ms-behavior: url(/FastPassCorp/skins/javascript/backgroundsize.min.htc);
}

/* END - Styling of icons for Register User Information                   */
/* ---------------------------------------------------------------------- */



/* ---------------------------------------------------------------------- */
/* BEGIN - Styling for ResetPasswordV2                                    */

/* Header row table.tr class */
.resetv2-targetselection {
    background-color: transparent;
    border: 0px transparent !important;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden !important;
    margin-bottom: 20px;
    display: initial;
}

.resetv2-targetselection-headerdiv {
    margin-bottom: 0px;
    font-weight: bold;
}

.resetv2-targetselection-headerrow-selection {
    text-align: right;
    padding: 5px 4px 0px 4px;
    border-right: transparent 2px solid;
}

.resetv2-targetselection-headerrow-targettype {
    text-align: center;
    padding: 5px 4px 0px 4px;
}

.resetv2-targetselection-headerrow-targetname {
    text-align: left;
    padding: 5px 4px 0px 4px;
}

.resetv2-targetselection-headerrow-username {
    text-align: left;
    padding: 5px 4px 0px 4px;
}

.resetv2-targetselection-targetdiv {
}

.resetv2-targetselection-targetdiv-header-enabled {
    border-top: white 8px solid;
    border-bottom: white 2px solid;
    border-right: White 2px solid;
    margin-left: inherit;
    margin-right: inherit;
}

.resetv2-targetselection-targetdiv-header-disabled {
    color: Gray;
    border-top: white 8px solid;
    border-bottom: white 2px solid;
    border-right: White 2px solid;
    margin-left: inherit;
    margin-right: inherit;
}

.resetv2-targetselection-targetdiv-row-enabled {
    border-bottom: white 2px solid;
    border-right: White 2px solid;
    margin-left: inherit;
    margin-right: inherit;
}

.resetv2-targetselection-targetdiv-row-disabled {
    color: Gray;
    border-bottom: white 2px solid;
    border-right: White 2px solid;
    margin-left: inherit;
    margin-right: inherit;
}

.resetv2-targetselection-targetdiv-seperatorOuterDiv-enabled,
.resetv2-targetselection-targetdiv-seperatorOuterDiv-disabled,
.resetv2-targetselection-targetdiv-seperatorInnerDiv-enabled,
.resetv2-targetselection-targetdiv-seperatorInnerDiv-disabled {
}

.resetv2-targetselection-targetdiv-headerSelectionOuterDiv-enabled {
    border-right: White 2px solid;
    padding: 2px 20px 2px 5px;
}
.resetv2-targetselection-targetdiv-headerSelectionOuterDiv-disabled {
    border-right: White 2px solid;
    padding: 2px 20px 2px 5px;
}
.resetv2-targetselection-targetdiv-rowSelectionOuterDiv-enabled {
    border-right: White 2px solid;
    padding: 2px 4px 2px 5px;
}
.resetv2-targetselection-targetdiv-rowSelectionOuterDiv-disabled {
    border-right: White 2px solid;
    padding: 2px 4px 2px 5px;
}
.resetv2-targetselection-targetdiv-headerSelectionInnerDiv-enabled,
.resetv2-targetselection-targetdiv-headerSelectionInnerDiv-disabled {
    text-align: right;
}
.resetv2-targetselection-targetdiv-rowSelectionInnerDiv-enabled,
.resetv2-targetselection-targetdiv-rowSelectionInnerDiv-disabled {
    text-align: right;
}

.resetv2-targetselection-targetdiv-headerTargetTypeOuterDiv-enabled,
.resetv2-targetselection-targetdiv-headerTargetTypeOuterDiv-disabled {
    border-right: White 2px solid;
    padding: 2px 0px 2px 5px;
    text-align: center;
    background-color: rgba(219, 233, 236, 0.5);
}

.resetv2-targetselection-targetdiv-rowTargetTypeOuterDiv-enabled,
.resetv2-targetselection-targetdiv-rowTargetTypeOuterDiv-disabled {
    border-right: White 2px solid;
    padding: 2px 0px 2px 5px;
    text-align: center;
}

.resetv2-targetselection-targetdiv-headerTargetTypeInnerDiv-enabled,
.resetv2-targetselection-targetdiv-headerTargetTypeInnerDiv-disabled {
}

.resetv2-targetselection-targetdiv-rowTargetTypeInnerDiv-enabled,
.resetv2-targetselection-targetdiv-rowTargetTypeInnerDiv-disabled {
}

.resetv2-targetselection-targetdiv-headerTargetNameOuterDiv-enabled,
.resetv2-targetselection-targetdiv-headerTargetNameOuterDiv-disabled {
    border-right: White 2px solid;
    padding: 2px 0px 2px 5px;
    background-color: rgba(219, 233, 236, 0.5);
}

.resetv2-targetselection-targetdiv-rowTargetNameOuterDiv-enabled,
.resetv2-targetselection-targetdiv-rowTargetNameOuterDiv-disabled {
    border-right: White 2px solid;
    padding: 2px 0px 2px 5px;
}

.resetv2-targetselection-targetdiv-headerTargetNameInnerDiv-enabled,
.resetv2-targetselection-targetdiv-headerTargetNameInnerDiv-disabled {
}

.resetv2-targetselection-targetdiv-rowTargetNameInnerDiv-enabled,
.resetv2-targetselection-targetdiv-rowTargetNameInnerDiv-disabled {
}

.resetv2-targetselection-targetdiv-headerUserNameOuterDiv-enabled,
.resetv2-targetselection-targetdiv-headerUserNameOuterDiv-disabled {
    padding: 2px 0px 2px 5px;
    background-color: rgba(219, 233, 236, 0.5);
}

.resetv2-targetselection-targetdiv-rowUserNameOuterDiv-enabled,
.resetv2-targetselection-targetdiv-rowUserNameOuterDiv-disabled {
    padding: 2px 0px 2px 5px;
}

.resetv2-targetselection-targetdiv-headerUserNameInnerDiv-enabled,
.resetv2-targetselection-targetdiv-headerUserNameInnerDiv-disabled {
}

.resetv2-targetselection-targetdiv-rowUserNameInnerDiv-enabled,
.resetv2-targetselection-targetdiv-rowUserNameInnerDiv-disabled {
}

.resetv2-targetselection-targetdiv-xs-seperatorBeforeOuterDiv-first,
.resetv2-targetselection-targetdiv-xs-seperatorBeforeOuterDiv,
.resetv2-targetselection-targetdiv-xs-seperatorBeforeOuterDiv-last {
}

.resetv2-targetselection-targetdiv-xs-seperatorAfterOuterDiv-first,
.resetv2-targetselection-targetdiv-xs-seperatorAfterOuterDiv,
.resetv2-targetselection-targetdiv-xs-seperatorAfterOuterDiv-last {
    height: 21px;
    vertical-align: middle;
}

.resetv2-targetselection-targetdiv-xs-seperatorBeforeInnerDiv-first,
.resetv2-targetselection-targetdiv-xs-seperatorBeforeInnerDiv,
.resetv2-targetselection-targetdiv-xs-seperatorBeforeInnerDiv-last {
}

.resetv2-targetselection-targetdiv-xs-seperatorAfterInnerDiv-first,
.resetv2-targetselection-targetdiv-xs-seperatorAfterInnerDiv {
    height: 1px;
    background-color: rgb(204,204,204);
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 10px 0px;
}

.resetv2-targetselection-targetdiv-xs-seperatorAfterInnerDiv-last {
    display: none;
}

.resetv2-targetselection-targetdiv-xs-headerSelectionValueDiv-enabled,
.resetv2-targetselection-targetdiv-xs-headerSelectionValueDiv-disabled {
    height: 22px;
    text-align: left;
}

.resetv2-targetselection-targetdiv-xs-headerTargetTypeLabelDiv-enabled,
.resetv2-targetselection-targetdiv-xs-headerTargetTypeLabelDiv-disabled,
.resetv2-targetselection-targetdiv-xs-headerTargetNameLabelDiv-enabled,
.resetv2-targetselection-targetdiv-xs-headerTargetNameLabelDiv-disabled,
.resetv2-targetselection-targetdiv-xs-headerUserNameLabelDiv-enabled,
.resetv2-targetselection-targetdiv-xs-headerUserNameLabelDiv-disabled {
    height: 22px;
    text-align: right;
}

.resetv2-targetselection-targetdiv-xs-headerTargetTypeValueDiv-enabled,
.resetv2-targetselection-targetdiv-xs-headerTargetTypeValueDiv-disabled,
.resetv2-targetselection-targetdiv-xs-headerTargetNameValueDiv-enabled,
.resetv2-targetselection-targetdiv-xs-headerTargetNameValueDiv-disabled,
.resetv2-targetselection-targetdiv-xs-headerUserNameValueDiv-enabled,
.resetv2-targetselection-targetdiv-xs-headerUserNameValueDiv-disabled {
    height: 22px;
    text-align: left;
}

.resetv2-targetselection-targetdiv-xs-rowSelectionValueDiv-enabled,
.resetv2-targetselection-targetdiv-xs-rowSelectionValueDiv-disabled,
    height: 22px;
    text-align: left;
}

.resetv2-targetselection-targetdiv-xs-rowTargetTypeLabelDiv-enabled,
.resetv2-targetselection-targetdiv-xs-rowTargetTypeLabelDiv-disabled,
.resetv2-targetselection-targetdiv-xs-rowTargetNameLabelDiv-enabled,
.resetv2-targetselection-targetdiv-xs-rowTargetNameLabelDiv-disabled,
.resetv2-targetselection-targetdiv-xs-rowUserNameLabelDiv-enabled,
.resetv2-targetselection-targetdiv-xs-rowUserNameLabelDiv-disabled {
    height: 22px;
    background-color: rgba(0, 0, 0, 1.0);
    text-align: right;
}

.resetv2-targetselection-targetdiv-xs-rowTargetTypeValueDiv-enabled,
.resetv2-targetselection-targetdiv-xs-rowTargetTypeValueDiv-disabled,
.resetv2-targetselection-targetdiv-xs-rowTargetNameValueDiv-enabled,
.resetv2-targetselection-targetdiv-xs-rowTargetNameValueDiv-disabled,
.resetv2-targetselection-targetdiv-xs-rowUserNameValueDiv-enabled,
.resetv2-targetselection-targetdiv-xs-rowUserNameValueDiv-disabled {
    height: 22px;
    text-align: left;
}

.resetv2-inputrow-newpassword {
    padding-top: 15px;
}

.resetv2-button {
    padding-left: 5px;
}

.resetv2status-outerdiv {
    background-color: transparent;
    border-style: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
}

.resetv2status-row-collectiontime {
    padding-bottom: 10px !important;
    text-align: right;
}

.resetv2status-row-header {
    font-weight: bold;
    text-align: center;
    word-wrap: break-word;
    height: 30px;
}

.resetv2status-row {
    text-align: center;
    height: 50px;
    vertical-align: middle;
}

.resetv2status-row-status-data {
    vertical-align: middle;
    height: 100%;
}

.resetv2status-row-statusderived-aborted,
.resetv2status-row-statusderived-canceled,
.resetv2status-row-statusderived-expired,
.resetv2status-row-statusderived-failed {
}

.resetv2status-row-statusderived-duplicate,
.resetv2status-row-statusderived-replaced {
}

.resetv2status-row-statusderived-defined,
.resetv2status-row-statusderived-executing,
.resetv2status-row-statusderived-initializing,
.resetv2status-row-statusderived-waiting {
}

.resetv2status-row-statusderived-success {
}

.resetv2status-seperatorrowfirst {
    height: 21px;
    vertical-align: middle;
}

.resetv2status-seperatorrowfirstcontent {
    height: 1px;
    background-color: rgb(204,204,204);
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 10px 0px;
}

.resetv2status-seperatorrow {
    height: 21px;
    vertical-align: middle;
    display: none;
}

.resetv2status-seperatorrowcontent {
    height: 1px;
    background-color: rgb(204,204,204);
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 10px 0px;
}

.resetv2status-seperatorrowlast {
    display: none;
}

.resetv2status-seperatorrowlastcontent {
}

.resetv2status-row-xs {
    padding-right: 10px;
}

.resetv2status-row-xs-header {
    text-align: right;
    font-weight: bold;
}

.resetv2status-row-xs-data {
    text-align: left;
    font-weight: normal;
}

.resetv2status-row-xs-statusderived-aborted,
.resetv2status-row-xs-statusderived-canceled,
.resetv2status-row-xs-statusderived-expired,
.resetv2status-row-xs-statusderived-failed {
}

.resetv2status-row-xs-statusderived-duplicate,
.resetv2status-row-xs-statusderived-replaced {
}

.resetv2status-row-xs-statusderived-defined,
.resetv2status-row-xs-statusderived-executing,
.resetv2status-row-xs-statusderived-initializing,
.resetv2status-row-xs-statusderived-waiting {
}

.resetv2status-row-xs-statusderived-success {
}

.resetv2status-seperatorrowfirst-xs {
    height: 21px;
    vertical-align: middle;
    display: none;
}

.resetv2status-seperatorrowfirstcontent-xs {
    height: 1px;
    background-color: rgb(204,204,204);
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 10px 0px;
}

.resetv2status-seperatorrow-xs {
    height: 21px;
    vertical-align: middle;
}

.resetv2status-seperatorrowcontent-xs {
    height: 1px;
    background-color: rgb(204,204,204);
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 10px 0px;
}

.resetv2status-seperatorrowlast-xs {
    display: none;
}

.resetv2status-seperatorrowlastcontent-xs {
}

.resetv2status-button {
    padding-left: 5px;
}
/* END - Styling for ResetPasswordV2                                      */
/* ---------------------------------------------------------------------- */



/* ---------------------------------------------------------------------- */
/* BEGIN - Styles for the PopupForm layer                                 */

div#ctl00_PopupForm,
.popuppage {
    position: fixed;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    top: 0px;
    left: 0px;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(135, 149, 160, 0.7); /* Chrome, IE9+, Firefox */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#B28795A0, endColorstr=#B28795A0); /* IE7 */
    -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#B28795A0, endColorstr=#B28795A0)"; /* IE8 */
    z-index: 999;
}

popuppage-content {
    padding: 10px 0px 0px 0px;
    text-align: center;
}

.popuppage-content-data,
.RegisterUserInformation-content-data {
    padding: 20px 10px 20px 10px;
    margin: 50px auto 50px auto;
    text-align: center;
    height: 450px;
    min-height: 450px;
    max-height: 450px;
    width: 680px;
    min-width: 680px;
    max-width: 680px;
    overflow-y: auto;
}

.popuppage-content-data {
    padding: 20px 10px 20px 10px;
    margin: 50px auto 50px auto;
    text-align: center;
    height: 450px;
    min-height: 450px;
    max-height: 450px;
    width: inherit;
    min-width: inherit;
    max-width: inherit;
    overflow-y: auto;
}

.RegisterUserInformation-content-data {
    width: 100%;
    height: 255px;
}

.RegisterUserInformation-iframe {
    min-height: 255px
}

.embed-container {
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.popupPageBody {
    background-color: transparent;
}

.popupPageContainer {
    width: 100vw;
    height: 100vh;
    margin: auto;
    background-color: white;
    overflow: hidden;
    border: 1px solid #CCC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 2px 2px 6px #777;
    -moz-box-shadow: 2px 2px 6px #777;
    -webkit-box-shadow: 2px 2px 6px #777;
}

#ltrPrimaryMobileNumber {
    font-weight: bold;
}

#popupSubPageContentR00C00TableR02C00 {
    font-weight: bold;
}

/* END - Styles for the PopupForm layer                                   */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* BEGIN - Styling for Blocking Layer                                     */

.BlockingLayer {
    position: fixed;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    top: 0px;
    left: 0px;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(135, 149, 160, 0.7);/* Chrome, IE9+, Firefox */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
    filter: alpha(opacity=70); /* IE 5-7 */
    z-index: 999;
    display: none;
}
.ie5 .BlockingLayer,
.ie6 .BlockingLayer,
.ie7 .BlockingLayer,
.ie8 .BlockingLayer {
    background-color: rgb(135, 149, 160);/* IE8- */
}

.BlockingLayerSpinner {
    width: 128px;
    height: 128px;
    top: calc(50% - 64px) !important;
    Xleft: calc(50% - 64px) !important;
    color: rgb(135, 149, 160);
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
}

.BlockingLayerSpinnerImage {        
    background-image:url('../images/pleasewait128x128.gif') !important;
    background-repeat: no-repeat  !important;
    background-position-x: 50%  !important;
    background-position-y: 50%  !important;
}

/* BEGIN - Only spin right */
.ie5 .spin,
.ie6 .spin,
.ie7 .spin,
.ie8 .spin,
.ie9 .spin {
    /* Hide spinner in old IE browsers */
    display: none !important;
}
.spin {
    position: relative;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-top: solid 12px rgb(135, 149, 160);
    border-right: solid 12px transparent;
    border-bottom: solid 12px transparent;
    border-left: solid 12px transparent;
    animation: spin-animate 2s linear infinite
}

.spin:before {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    content: " ";
    width: 128px;
    height: 128px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 12px transparent;
    border-right: solid 12px transparent;
    border-bottom: solid 12px transparent;
    border-left: solid 12px rgb(135, 149, 160);
    position: absolute;
    top: -12px;
    left: -12px;
    transform: rotateZ(-30deg)
}
.spin:after {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    content: " ";
    width: 128px;
    height: 128px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 12px transparent;
    border-right: solid 12px rgb(135, 149, 160);
    border-bottom: solid 12px transparent;
    border-left: solid 12px transparent;
    position: absolute;
    top: -12px;
    right: -12px;
    transform: rotateZ(30deg)
}
@keyframes spin-animate {
    0% {
        transform: rotate(0);
        opacity: 1
    }
    50% {
        opacity: .7
    }
    100% {
        transform: rotate(360deg);
        opacity: 1
    }
}
/* END - Only spin right */

#butBlockingLayerCancel{
    position: absolute !important;
    right: 4px;
    top: 4px;
    line-height: 1;
    color: rgb(0, 0, 0);
    background-color: rgba(255,255,255,0.8);
    font-size: 20px;
    font-weight: bold;
    padding: 0px 0px 2px 0px !important;
    margin: 0px !important;
}

/*  END  - Styling for Blocking Layer                                     */
/* ---------------------------------------------------------------------- */



/* ---------------------------------------------------------------------- */
/* BEGIN - General Layout                                                 */

.container-fluid {
    position: relative;
    max-width: 1000px;
}
.container {
    position: relative;
    width: 800px;
    max-width: 800px;
}

.content__wrapper {
    position: static;
    background-color: rgb(255,255,255);
}

.container-horizontalline-row>hr {
    margin-top: 0px !important;
    margin-bottom: 0px  !important;
}

.form-header {
    top: 0px;
}

.form-horizontal {
    top: 0px;
}


.form-horizontal--register-user,
.form-horizontal--private-challenge {
    text-align: center;
}

.form-group-first-row {
    padding-top: 20px;		
}

.col--verify {
    padding-top: 10px;
}

.col--action-buttons {
    padding-top: 20px;
}

.modalview {
    display: none;
}

/* END - General Layout                                                   */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* BEGIN - Help Desk Client                                               */
.masterpage-menupanel {
    width: 200px;
    max-width: 200px;
    height: 500px;
    max-height: 500px;
    background-color: rgb(234,242,251);
    border: 1px solid rgb(168,198,231);
}
.helpdeskclient-subpage {
    padding: 2px 8px 0px 8px;
    border: 1px solid rgba(204,204,204,0.5);
    border-radius: 5px;
    min-height: 630px;
}

/* END - Help Desk Client                                                 */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* BEGIN - Main links on Intro Page                                       */

.content__main-link {
    border: 1px solid rgb(168, 198, 231);
    margin-bottom: 15px;
    display: table;
    width: 100%;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.content__main-link:hover {
    background-color: initial;
    color: initial;
    box-shadow: 0px 0px 10px rgb(168, 198, 231);
    -moz-box-shadow: 0px 0px 10px rgb(168, 198, 231);
    -webkit-box-shadow: 0px 0px 10px rgb(168, 198, 231);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.content__main-link a {
    color: rgb(51,51,51);
    display: block;
    height: 100%;
}

.content__main-link p {
    line-height: normal;
    margin: 0 0 5px 0;
}

.content__main-link h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px 0;
    line-height: 0.98;
}

.content__main-link-image {
    display: table-cell;
    background: rgb(246,244,239);
    background-color: rgb(234, 242, 251);
    vertical-align: middle;
    width: 60px;
    width: 80px;
    height: 125px;
}

.content__main-link-imagediv {
    height: 110px;
    width: 110px;
}

.content__main-link-imagediv {
    background-color: rgb(234, 242, 251);
    background-image: url(../images/extras/enrollment.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 100px;
    min-width: 140px;
}

.content__main-link-image img {
    width: 100%;
    
}

.content__main-link-text {
    display: table-cell;
    vertical-align: top;
    /*padding: 15px 10px 10px 20px;*/
    padding: 8px 4px 0px 20px;
    width: 100%;
}

.icon__main-link {
    background-repeat: no-repeat;
    height: 110px;
    width: 110px;
    display: inline-block;
    float: left;
    margin: 0 15px 0 0;
}

/* END - Main links on Intro Page                                         */
/* ---------------------------------------------------------------------- */





/* ---------------------------------------------------------------------- */
/* BEGIN - Hide the unwanted UI objects                                   */

#ctl00_ContentPlaceHolder1_divMessageBoxFastPass {
    display: none !important;
}

#divMessageBoxFastPassButtonRow {
    display: none !important;
}

#divMessageBoxFastPass {
    display: none !important;
}

#ctl00_ContentPlaceHolder1_divHeadingTrack {
    display: none;
    font-size: 20px;
    text-align: center;
    font-weight: normal;
    margin: 20px 0 36px 0;
}

#ctl00_ContentPlaceHolder1_divHeadingStep {
    display: none;
}

#divintro {
    display: none;
}

#ctl00_ContentPlaceHolder1_subPageR01 {
    display: none;
}

.divMessageBoxFastPass {
    display: none;
}

.informationbox {
    display: none !important;
}

.control-div-hide {
    display: none;
}

/* END - Hide the unwanted UI objects                                     */
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* BEGIN - Generic Error                         */


.alert-generic-error {
	margin-left: 0px !important;
	border: 1px solid rgb(224, 184, 183) !important;
}

.alert-generic-error-title {
	padding-top: 0px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.alert-generic-error-text {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}
/* END - Generic Error                                                    */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* BEGIN - Introduction Message - FastPass Modern                         */

.alert-introduction {
    display: block;
    border: 1px solid rgb(168, 198, 231);
    background-color: rgb(234, 242, 251);
    color: rgb(49, 51, 53);
    padding: 5px 2px 2px 5px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 20px;
    width: 100%;
    min-height: 100px;
}

.alert-introduction-image-identify-user,
.alert-introduction-image-addon-access-card-password-reset,
.alert-introduction-image-addon-check-point-password-reset-1,
.alert-introduction-image-addon-check-point-password-reset-2,
.alert-introduction-image-addon-check-point-password-reset-3,
.alert-introduction-image-addon-kmd-cics-password-reset,
.alert-introduction-image-addon-kmd-opus-password-reset,
.alert-introduction-image-addon-pgp-password-reset-1,
.alert-introduction-image-addon-pgp-password-reset-2,
.alert-introduction-image-authenticate-challenge-response,
.alert-introduction-image-authenticate-email-pin,
.alert-introduction-image-authenticate-google-authenticator,
.alert-introduction-image-authenticate-helpdesk-pin,
.alert-introduction-image-authenticate-invitation-pin,
.alert-introduction-image-authenticate-nemid-code-card,
.alert-introduction-image-authenticate-password,
.alert-introduction-image-authenticate-sms-pin,
.alert-introduction-image-change-password,
.alert-introduction-image-register-challenge-response-v2,
.alert-introduction-image-register-google-authenticator,
.alert-introduction-image-register-nemid-code-card,
.alert-introduction-image-register-nemid-user-information,
.alert-introduction-image-reset-password,
.alert-introduction-image-reset-password-status,
.alert-introduction-image-reset-password-v2 {
    background-image: url(../images/extras/enrollment.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 60px;
    min-width: 70px;
}

.alert-introduction-full {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.alert-introduction-panel {
    text-align: left;
    min-height: 50px;
}

.alert-introduction-panel-cell {
    margin-left: -5px;
}

.alert-introduction-step {
    text-align: left;
    padding-top: 8px;
    padding-bottom: 0px;
    padding-left: 5px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
}

.alert-introduction-text {
    text-align: left;
    padding-top: 6px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

/* END - Introduction Message - FastPass Modern                           */
/* ---------------------------------------------------------------------- */





/* ---------------------------------------------------------------------- */
/* BEGIN - Styling of Language Selector in the MasterPage                 */

#ctl00_labLanguage {
    padding: 8px 5px 0px 0px !important;
    font-weight: 200;
}

/* END - Styling of Language Selector in the MasterPage                   */
/* ---------------------------------------------------------------------- */





/* ---------------------------------------------------------------------- */
/* BEGIN - Styling of Fujitsu/ FastPass Modern Menu                       */

.content__main-link-imagediv-ActionEnrollUser {
    background-image: url(../images/extras/enrollment.svg);
}

.content__main-link-imagediv-ActionResetPassword {
    background-image: url(../images/extras/reset.svg);
}

.content__main-link-imagediv-ActionUnlockAccount {
    background-image: url(../images/extras/unlock.svg);
}

.content__main-link-imagediv-AuthCodeCard {
    background-image: url(../images/extras/codecard.svg);
}

.content__main-link-imagediv-AuthHelpDeskPin {
    background-image: url(../images/extras/helpdesk.svg);
}

.content__main-link-imagediv-AuthMobile {
    background-image: url(../images/extras/mobile.svg);
}

.content__main-link-imagediv-AuthMail {
    background-image: url(../images/extras/mail.svg);
}

.content__main-link-imagediv-AuthPassword {
    background-image: url(../images/extras/windowslogo.svg);
}

.content__main-link-imagediv-AuthQA {
    background-image: url(../images/extras/challengeresponse.png);
}

.content__main-link-imagediv-TechSAP {
    background-image: url(../images/extras/saplogo.svg);
}

.content__main-link-imagediv-TechWindows {
    background-image: url(../images/extras/windowslogo.svg);
}

/* END - Styling of Fujitsu/FastPass Modern Menu                          */
/* ---------------------------------------------------------------------- */





/* ---------------------------------------------------------------------- */
/* BEGIN - Styling of Extended AT Support Selector in the MasterPage      */

#ctl00_labExtendedSupportOfAT {
    padding: 8px 5px 0px 0px !important;
    font-weight: 200;
    font-size: 12px;
}

/* END - Styling of AT Support Selector in the MasterPage                 */
/* ---------------------------------------------------------------------- */





/* ---------------------------------------------------------------------- */
/* BEGIN - Styling for Messagebox Text                                    */

.SuccessMessageColor {
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: Green;
}

.ErrorMessageColor {
    color: red;
}
.MessageColor {
    color: Green;
}

/* END - Styling for Messagebox Text                                      */
/* ---------------------------------------------------------------------- */





/* ---------------------------------------------------------------------- */
/* BEGIN - Styling for Blocking Layer                                     */

.BlockingLayer {
    position: fixed;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    top: 0px;
    left: 0px;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(135, 149, 160, 0.7); /* Chrome, IE9+, Firefox */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#B28795A0, endColorstr=#B28795A0); /* IE7 */
    -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#B28795A0, endColorstr=#B28795A0)"; /* IE8 */
    z-index: 999;
    display: none;
}

.BlockingLayerSpinner {
    width: 128px;
    height: 128px;
    top: calc(50% - 64px) !important;
    color: rgb(135, 149, 160);
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
}

/* BEGIN - Only spin right */
.spin {
    position: relative;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-top: solid 12px rgb(135, 149, 160);
    border-right: solid 12px transparent;
    border-bottom: solid 12px transparent;
    border-left: solid 12px transparent;
    animation: spin-animate 2s linear infinite
}

.spin:before {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    content: " ";
    width: 128px;
    height: 128px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 12px transparent;
    border-right: solid 12px transparent;
    border-bottom: solid 12px transparent;
    border-left: solid 12px rgb(135, 149, 160);
    position: absolute;
    top: -12px;
    left: -12px;
    transform: rotateZ(-30deg)
}

.spin:after {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    content: " ";
    width: 128px;
    height: 128px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 12px transparent;
    border-right: solid 12px rgb(135, 149, 160);
    border-bottom: solid 12px transparent;
    border-left: solid 12px transparent;
    position: absolute;
    top: -12px;
    right: -12px;
    transform: rotateZ(30deg)
}

@keyframes spin-animate {
    0% {
        transform: rotate(0);
        opacity: 1
    }
    50% {
        opacity: .7
    }
    100% {
        transform: rotate(360deg);
        opacity: 1
    }
}
/* END - Only spin right */

/* BEGIN - Spin right or left */
/*
.spin-right {
    position: relative;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-top: solid 12px rgb(135, 149, 160);
    border-right: solid 12px transparent;
    border-bottom: solid 12px transparent;
    border-left: solid 12px transparent;
    animation: spin-right-animate 2s linear infinite
}

.spin-left {
    position: relative;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-top: solid 12px rgb(135, 149, 160);
    border-right: solid 12px transparent;
    border-bottom: solid 12px transparent;
    border-left: solid 12px transparent;
    animation: spin-left-animate 2s linear infinite
}

.spin-right:before {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    content: " ";
    width: 128px;
    height: 128px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 12px transparent;
    border-right: solid 12px transparent;
    border-bottom: solid 12px transparent;
    border-left: solid 12px rgb(135, 149, 160);
    position: absolute;
    top: -12px;
    left: -12px;
    transform: rotateZ(-30deg)
}

.spin-right:after {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    content: " ";
    width: 128px;
    height: 128px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 12px transparent;
    border-right: solid 12px rgb(135, 149, 160);
    border-bottom: solid 12px transparent;
    border-left: solid 12px transparent;
    position: absolute;
    top: -12px;
    right: -12px;
    transform: rotateZ(30deg)
}

.spin-left:before {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    content: " ";
    width: 128px;
    height: 128px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 12px transparent;
    border-right: solid 12px transparent;
    border-bottom: solid 12px transparent;
    border-left: solid 12px rgb(135, 149, 160);
    position: absolute;
    top: -12px;
    left: -12px;
    transform: rotateZ(-30deg)
}

.spin-left:after {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    content: " ";
    width: 128px;
    height: 128px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 12px transparent;
    border-right: solid 12px rgb(135, 149, 160);
    border-bottom: solid 12px transparent;
    border-left: solid 12px transparent;
    position: absolute;
    top: -12px;
    right: -12px;
    transform: rotateZ(30deg)
}

@keyframes spin-right-animate {
    0% {
        transform: rotate(0);
        opacity: 1
    }
    50% {
        opacity: .7
    }
    100% {
        transform: rotate(360deg);
        opacity: 1
    }
}

@keyframes spin-left-animate {
    0% {
        transform: rotate(0);
        opacity: 1
    }
    50% {
        opacity: .7
    }
    100% {
        transform: rotate(-360deg);
        opacity: 1
    }
}
*/
/* END - Spin right or left */

.BlockingLayerSpinner2 {
    top: 40% !important;
    font-size: 128px;
    color: rgb(135, 149, 160);
    rgb(135, 149, 160);
}

.spin2 {
    -webkit-animation: spin .8s infinite linear;
    -moz-animation: spin .8s infinite linear;
    -o-animation: spin .8s infinite linear;
    animation: spin2 .8s infinite linear;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%; /* IE 9 */
}

@-moz-keyframes spin2 {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin2 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* END - Styling for Blocking Layer                                       */
/* ---------------------------------------------------------------------- */




.fastpass-helpdeskclient-introduction {
    display: block;
    border: 1px solid rgb(168, 198, 231);
    background-color: rgb(234, 242, 251);
    color: rgb(49, 51, 53);
    padding: 5px 2px 2px 5px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px;
    width: 100%;
    min-height: 100px;
}

.fastpass-helpdeskclient-button-row {
    padding-top: 10px;
    width: 100%;    
}

/* ---------------------------------------------------------------------- */
/* BEGIN - Styling for Menu                                               */

.masterpage-menupanel {
    width: 186px;
    min-width: 186px;
    max-width: 186px;
    height: 100%;
    min-height: 600px;
    max-height: 100%;
    margin-top: 0px;
    margin-bottom: 30px;
    padding: 2px 2px 2px 2px !important;
    background-color: rgb(234,242,251);
    border: 1px solid rgba(10,89,155,0.4) !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
}

.masterpage-menutable {
    padding 0px 0px 0px 0px;
    margin 0px 0px 0px 0px;
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
}

.masterpage-menutable-headerrow {
    margin: 0px 0px 0px 0px;
    padding: 3px 2px 3px 10px;
    background-color: #DDDDDD;
    text-align: left;
    vertical-align: middle;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: sans-serif, serif, arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}

.masterpage-menutable-row, .masterpage-menutable-row ul, .masterpage-menutable-row li {
    margin: 0px 0px 0px 0px;
    padding: 0p 0px 0px 0px;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    border-bottom: 1px solid #6B7D84;
    text-align: left;
}

.masterpage-menutable-row {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    height: 28px;
    min-height: 28px;
    max-height: 28px;
    border-top: 1px solid #CCCCFF; 
    border-bottom: 1px solid #CCCCFF; 
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: sans-serif, serif, arial;
    font-size: 11px;
}

.hasSubs {
    position: relative;
}

.masterpage-menutable-row .hasSubs ul {
    color: white;
    border-top; 1px solid #CCCCFF;
    border-bottom; 1px solid #CCCCFF;
    border-left; none;
    border-right; none;
    background-color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: sans-serif, serif, arial;
    font-size: 11px;
    text-indent: 20px;
    position: absolute;
    z-index: 4;
    visibility: hidden;
}

.masterpage-menutable-row a:link, .masterpage-menutable-row a:visited {
    display: block;
    padding:6px 3px 3px 3px;
    height: 28px;
    min-height: 28px;
    max-height: 28px;
    color: rgb(255,255,255);
    background-color: rgb(0,0,0);
    Xbackground-color: rgb(7,70,123);
    width: 100%;
    border-top: 1px solid rgb(119,136,153);
    border-bottom: 1px solid rgb(119,136,153);
    border-left: none;
    border-right: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: sans-serif, serif, arial;
    font-size: 11px;
    font-weight: 300;
    text-indent: 20px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.masterpage-menutable-row a:hover, .masterpage-menutable-row a:focus {
    color: rgb(255,255,255);
    background-color: gray;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: sans-serif, serif, arial;
    Xfont-size: 10px;
    font-size: 11px;
}

.masterpage-menutable-row li.hover, .masterpage-menutable-row li.focus {
    color: black;
    background-color: #aab9cc;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: sans-serif, serif, arial;
    Xfont-size: 10px;
    font-size: 11px;
    text-indent: 20px;
}

.masterpage-menutable-row li.active {
    color: #000080;
    background: #CCCCFF;
}

.masterpage-menutable-row li.hasSubs a {
    background: url('images/arrow_right.gif') right no-repeat;
}

.masterpage-menutable-row li.hasSubs a:hover, .masterpage-menutable-row li.hasSubs a:focus, .masterpage-menutable-row li.hasSubs a:active {
    color: #000080;
    background: #CCCCFF url('images/arrow_right.gif') right no-repeat;
}

.masterpage-menutable-row li.noSubs a, .masterpage-menutable-row.vertical ul li.noSubs a {
    background-image: none;
}

.masterpage-menutable-row li.noSubs a:hover, .masterpage-menutable-row.vertical ul li.noSubs a:hover {
    background-image: none;
}

.masterpage-menutable-row ul, .masterpage-menutable-row ul li, .masterpage-menutable-row.vertical ul li, .masterpage-menutable-row.vertical ul lim {
    display: block;
    width: 190px;
}

.masterpage-menutable-row.vertical, .masterpage-menutable-row.vertical li {
    width: 170px;
}

/* END - Styling for Menu                                               */
/* ---------------------------------------------------------------------- */



/* ---------------------------------------------------------------------- */
/* BEGIN - "PropertyBox" styles                                           */

.fastpass-helpdeskclient-propertybox-table {
    border: 1px solid rgba(10,89,155,0.5) !important;
    margin-bottom: 10px !important;
}
.fastpass-helpdeskclient-propertybox-table tr {
}
.fastpass-helpdeskclient-propertybox-table td {
}
.fastpass-helpdeskclient-propertybox-table tr:first-child td {
    background-color: rgb(10,89,155);
    border-left: none !important;
    border-top-left-radius: 5px !important;
    -moz-border-radius-topleft: 5px !important;
    -webkit-border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    -moz-border-radius-topright: 5px !important;
    -webkit-border-top-right-radius: 5px !important;
}
.fastpass-helpdeskclient-propertybox-table {
    border-color: rgba(10,89,155,0.5) !important;
    border-collapse: separate;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.fastpass-helpdeskclient-propertybox-table tr td:first-child {
    white-space: nowrap;
}
.fastpass-helpdeskclient-propertybox-table tr td {
    Xpadding-left: 5px !important;
    Xpadding-right: 5px !important;
}

.fastpass-helpdeskclient-propertybox-header {
    padding-left: 5px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}
.fastpass-helpdeskclient-propertybox-property {
    padding-top: 6px !important;
    padding-left: 15px !important;
    font-size: 12px !important;
    font-weight: normal !important;
}
.fastpass-helpdeskclient-propertybox-value {
    padding-top: 6px !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

/* END - "PropertyBox" styles                                             */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* BEGIN - Styling for the Blocking layer                                 */
#BlockingLayer
{
    position: fixed;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    top: 0px;
    left: 0px;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(135, 149, 160, 0.7);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#B28795A0, endColorstr=#B28795A0);
    -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#B28795A0, endColorstr=#B28795A0)";
    z-index: 999;
    display: none;
}
#BlockingLayerBackground{
    border: 2px solid #000000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 10px #777777;
    -moz-box-shadow: 0 0 10px #777777;
    -moz-webkit-shadow: 0 0 10px #777777;
    width: 250px;
    height: 150px;
    margin-top: 150px;
    display: block;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
}
#PleaseWaitImg{
    width: 48px; 
    height: 48px;
    padding-top: 51px;
}
/* END - Styling for the Blocking layer                                   */
/* ---------------------------------------------------------------------- */