/* ------------------------------------- */
/* ----       ---- */

/* ----  Body Styles     ---- */
/* ------------------------------------- */
body, table, tr, td { margin-left: 0px; margin-right: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.TGS { padding-right: 4px; padding-left: 4px;} /* Generic Table Spacer  for cellpadding of 4 pixels*/

/* ----  FrameWork HTML Styles     ---- */
/* These styles are the basic HTML structure page style refference's */
#FrameWork{height:100%; width: 100%;}
/* HTML */
.TSFR1C1, .TSFR1C3, .TSFR2C1, .TSFR2C3, .TSFR3C1, .TSFR3C3{ }
.TSFR1C2 { width: 100%; vertical-align: top;}
.TSFR2C2 { width: 100%; vertical-align: top; }
.TSFR3C2 { width: 100%; vertical-align: top;}

/* Images that sit inside the FrameWork HTML*/
.Img_TSFR1C1, .Img_TSFR1C3, .Img_TSFR2C1, .Img_TSFR2C3, .Img_TSFR3C1, .Img_TSFR3C3{ }

/* ----  Header Chassis HTML Styles     ---- */
/* ------------------------------------- */
.HeaderChassis{ width: 100%;}
/* HTML */
.TSHCR1C1 { }
.TSHCR1C3 { }
.TSHCR2C1 { }
.TSHCR2C3 { }
.TSHCR3C1 { }
.TSHCR3C3 { }

.TSHCR1C2 { }
.TSHCR2C2 { text-align: left; vertical-align: top;}
.TSHCR3C2 { }

/* Header Chassis Images */
.Img_TSHCR1C1 { }
.Img_TSHCR1C2 { }
.Img_TSHCR1C3 { }
.Img_TSHCR2C1 { }
.Img_TSHCR2C3 { }
.Img_TSHCR3C1 { width: 10px; height: 15px; }
.Img_TSHCR3C2 { }
.Img_TSHCR3C3 { }

/* ----  Header Banner HTML Styles     ---- */
/* ------------------------------------- */
.HeaderBanner{ width: 100%;}
/* HTML */
.TSBANR1C1 { height: 80px; width: 80px; }
.TSBANR1C2 { height: 25px; width: 335px; }
.TSBANR1C3 { }
.TSBANR1C4 { }

/* Header Banner Images */
.Img_TSBANR1C1 { background-image: url(/ma/resource/system/site/images/Ban1.gif); height: 80px; width: 80px; background-repeat: no-repeat; }
.Img_TSBANR1C2 { background-image: url(/ma/resource/system/default/images/Ban2.gif); height: 25px; width: 335px; background-repeat: no-repeat; }
.Img_TSBANR1C3 { }

/* ----  Header Banner Insert HTML Styles     ---- */
/* ------------------------------------- */
.HeaderBannerInsert{width: 100%;}
/* HTML */
.TSBANIR1C1 { }
.TSBANIR1C2 { }

/* Header Banner Insert Images */
.Img_TSBANIR1C1 { }
.Img_TSBANIR1C2 { }

/* ----  Level 1 Main Navigation Styles     ---- */
/* ------------------------------------- */
.L1_Nav{ width: 100%;}
/* HTML */
.TSL1NR1C1 { }
.TSL1NR1C3 { }
.TSL1NR2C1 { }
.TSL1NR2C3 { }
.TSL1NR3C1 { }
.TSL1NR3C3 { }

.TSL1NR1C2 { }
.TSL1NR2C2 { }
.TSL1NR3C2 { }

/* Level 1 Main Navigation Images*/
.Img_TSL1NR1C1 { }
.Img_TSL1NR1C2 { }
.Img_TSL1NR1C3 { }
.Img_TSL1NR2C1 { }
.Img_TSL1NR2C3 { }
.Img_TSL1NR3C1 { }
.Img_TSL1NR3C2 { }
.Img_TSL1NR3C3 { }

/* ----  Content HTML 1 | 2 | 3  column Styles     ---- */
/* ------------------------------------- */
.ColContent_1 { width: 100%; }
.ColContent_2 { width: 100%;}
.ColContent_3 { width: 100%; }
/* 1 Column HTML */
.TSColR1C1A { text-align: left; vertical-align: top; } /* -- Content area -- */
/* 2 Column HTML */
.TSColR1C1B { text-align: left; vertical-align: top; width: 215px; } /* -- Nav A -- */
.TSColR1C2A { text-align: left; vertical-align: top; } /* -- Content area -- */
/* 3 Column HTML */
.TSColR1C2B { text-align: left; vertical-align: top; } /* -- Content area -- */
.TSColR1C3 { text-align: left; vertical-align: top; width: 85px; }  /* -- Nav B -- */

/* ----  Footer Chassis HTML Styles     ---- */
/* ------------------------------------- */
.FooterChassis{ width: 100%; }
/* HTML */
.TSFCR1C1 { }
.TSFCR1C3 { }
.TSFCR2C1 { }
.TSFCR2C3 { }
.TSFCR3C1 { }
.TSFCR3C3 { }

.TSFCR1C2 { }
.TSFCR2C2 { }
.TSFCR3C2 { }

/* Images that sit inside the Header HTML*/
.Img_TSFCR1C1 { }
.Img_TSFCR1C2 { }
.Img_TSFCR1C3 { }
.Img_TSFCR2C1 { }
.Img_TSFCR2C3 { }
.Img_TSFCR3C1 { }
.Img_TSFCR3C2 { }
.Img_TSFCR3C3 { }

/* ----  Footer Insert  HTML Styles     ---- */
/* ------------------------------------- */
.FooterInsert{ width: 100%; }
/* HTML */
.TSFIR1C1 { }
.TSFIR1C2 { }
.TSFIR1C3 { } /* -- text area -- */
.TSFIR1C4 {     }

.TSFIR2C1 { }
.TSFIR2C2 { }
.TSFIR2C3 { } /* -- text area -- */


/* Footer Insert Images*/
.Img_TSFIR1C1 { }
.Img_TSFIR1C2 { }

.Img_TSFIR2C1 { }
.Img_TSFIR2C2 { }

/* ----  Footer Banner HTML Styles     ---- */
/* ------------------------------------- */
.FooterBanner{ width: 100%; }
/* HTML */
.TSFBR1C1 { }
.TSFBR1C2 { }

/* Footer Banner Images */
.Img_TSFBR1C1 { }
.Img_TSFBR1C2 { }


/* ----  Login Info 3 HTML Styles     ---- */
/* ------------------------------------- */
#LoginInfo3{display:none;}
.TSLf3R1C1{ }
.TSLf3R1C2{ }
.TSLf3R1C3{ }

.TSLf3R2C1{ }
.TSLf3R2C2{ } /* content box */
.TSLf3R2C3{ }

.TSLf3R3C1{ }
.TSLf3R3C2{ }
.TSLf3R3C3{ }

/* Login Info 3 Images */
.Img_TSLf3R1C1{ }
.Img_TSLf3R1C2{ }
.Img_TSLf3R1C3{ }

.Img_TSLf3R2C1{ }
.Img_TSLf3R2C3{ }

.Img_TSLf3R3C1{ }
.Img_TSLf3R3C2{ }
.Img_TSLf3R3C3{ }

/* ----  Login Info 2 HTML Styles     ---- */
/* ------------------------------------- */
#LoginInfo2{ }
.TSLf2R1C1{ }
.TSLf2R2C1{ }
.TSLf2R3C1{ } /* content box */
.TSLf2R4C1{ }

/* Login Info 2 HTML Images */
.Img_TSLf2R1C1{ }
.Img_TSLf2R1C4{ }

/* ----  Login Info 1 HTML Styles     ---- */
/* ------------------------------------- */
#LoginInfo1{ }
.TSLf1R1C1{ }
.TSLf1R2C1{ }
.TSLf1R3C1{ }
.TSLf1R4C1{ }



/* ----  Login Entry 3 HTML Styles     ---- */
/* ------------------------------------- */
#LoginEntry3{ }
.TSLE3R1C1{ }
.TSLE3R1C2{ }
.TSLE3R1C3{ }

.TSLE3R2C1{ }
.TSLE3R2C2{background-color: #DCE8F3; padding: 7px;} /* content box */
.TSLE3R2C3{ }

.TSLE3R3C1{ }
.TSLE3R3C2{ }
.TSLE3R3C3{ }

/* Login Entry 3 Images*/
.Img_TSLE3R1C1{ }
.Img_TSLE3R1C2{ }
.Img_TSLE3R1C3{ }

.Img_TSLE3R2C1{ }
.Img_TSLE3R2C3{ }

.Img_TSLE3R3C1{ }
.Img_TSLE3R3C2{ }
.Img_TSLE3R3C3{ }


/* ----  Login Entry 2 HTML Styles     ---- */
/* ------------------------------------- */
#LoginEntry2{ }
.TSLE2R1C1{ }
.TSLE2R2C1{ }
.TSLE2R3C1{ }
.TSLE2R4C1{ }
.TSLE2R5C1{ } /* content box */
.TSLE2R6C1{ }

/* Login Entry 2 Images*/
.Img_TSLE2R1C1{ }

/* ----  Login Entry 1 HTML Styles     ---- */
/* ------------------------------------- */
#LoginEntry1{}
.TSLE1R1C1{ padding-left: 29px; }/* MSO field message*/
.TSLE1R2C1{ } /* Password field message*/
.TSLE1R3C1{ padding-left: 29px; } /* Username field message*/
.TSLE1R4C1{ }
.TSLE1R5C1{ padding-left: 29px; }
.TSLE1R6C1{ }

.TSLE1R2C2{ } /* MSO field */
.TSLE1R4C2{ } /* Password field */
.TSLE1R6C2{ } /* Username field */

.none { display:none; }

/* ----  Multi Factor Authentication Styles   ---- */
/* ------------------------------------- */
.multiFactorAuthentication_inputBox {
    margin-right: 5px;
    margin-top: 5px;
    width: 25px;
    height: 38px;
    text-align: center;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}
.multiFactorAuthentication_inputBoxInvalid {
    border-color:red;
    background-color:#fadede;
    color:red;
}

.multiFactorAuthentication_inputContainer {
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.multiFactorAuthentication_headerText {
    font-size: 15px;
}

.multiFactorAuthentication_centerDiv {
    margin: auto;
    width: 257px;
}

.multiFactorAuthentication_button {
    padding: 5px 5px 5px 5px;
    margin-top: 5px;
    border: 1px solid #999999;
    font-size: 1.0em;
    color: #333333;
}

.multiFactorAuthenticationSignUp_greyLine {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.multiFactorAuthenticationSignUp_imageContainer {
    vertical-align: top;
    padding: 5px;
    border: 1px solid #ccc;
    text-align: center;
}

.multiFactorAuthenticationSignUp_text-container {
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #ccc;
    text-align: center;

}

.multiFactorAuthenticationSignUp_centre {
    text-align: center;
}

.multiFactorAuthentication_errorBlock {
    display: flex;
    align-items: flex-start;
    color: #FF0000;
    margin-top: 10px;
}

.multiFactorAuthenticationResetEmailSpacer {
    border-left-width: 1px;
    border-left-style: solid;
    border-color: grey;
    height: 20px;
    margin: 0 10px;
}

.multiFactorAuthenticationResetContainer {
    display: flex;
    align-items: center;
}

.multiFactorAuthenticationResetEmailTextBox {
    font-size: 10px;
}

.hidden {
    display: none;
}