.reachJoinHtml
{
height: 100%;
overflow: hidden;
width: 100%;
}
.reachClientHtml
{
height: 100%;
overflow: hidden;
width: 100%;
}
.helpImage {
vertical-align:middle;
border:0;
}
.helpImageFlip {
vertical-align: middle;
border: 0;
-ms-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
.reachJoinBody
{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
font-family: Segoe UI;
font-size: medium;
overflow: hidden;
}
.reachClientBody
{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
font-family: Segoe UI;
font-size: medium;
}
select.expand
{
width:150px;
}
.mainTable
{
margin-top: 35px;
padding: 0px;
text-align:-moz-center;
}
.headerLogoTable
{
padding: 0px;
margin: 0px;
border-collapse: collapse;
width: 100%;
}
.leftBorderCell
{
background: url('lgnleft.gif') repeat-y;
width: 15px;
}
.rightBorderCell
{
background: url('lgnright.gif') repeat-y;
width: 15px;
}
.mainContentCellMobile
{
background: #0A92B9;
vertical-align: top;
padding-left: 30px;
padding-right: 30px;
}
.mainContentCell
{
background: #ffffff;
vertical-align: top;
text-align: left;
padding: 0px;
}
.mainContentTableMobile
{
border-collapse: collapse;
color: #ffffff;
text-align: center;
}
.mainContentTable
{
width: 474px;
border-collapse: collapse;
padding: 0px;
color: #444444;
}
.topLogoCell
{
padding-top: 37px;
padding-left: 40px;
padding-right: 38px;
}
.topLogoCellMobile
{
padding-top: 20px;
padding-bottom: 20px;
}
.errorbold
{
font-family: "Segoe UI Light","Segoe UI";
font-weight: 300;
font-size: 19pt;
color: #00AFF0;
}
.errorregular
{
font-family: Segoe UI;
font-size: 18px;
color: #666666;
}
.errorregularMobile
{
font-family: Segoe UI;
font-size: 18px;
color: #00AFF0;
}
.errorlowMobile
{
font-family: Segoe UI;
font-size: 14px;
color: #666666;
}
.errorverylowMobile
{
font-family: Segoe UI;
font-size: 11px;
color: #666666;
}
.errorlow
{
font-family: Segoe UI;
font-size: 16px;
color: #666666;
}
.bulletpointMobile
{
font-family: Segoe UI;
font-size: 14px;
color: #00AFF0;
}
.bulletimagemobile
{
padding-top:25px;
padding-right:14px;
vertical-align:top;
cursor:pointer;
width:23px;
}
.bulletimage
{
padding-top:72px;
padding-right:14px;
vertical-align:top;
cursor:pointer;
width:23px;
}
.bulletimageFlip
{
padding-top:72px;
padding-right:14px;
vertical-align:top;
cursor:pointer;
width:23px;
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
-ms-filter: fliph; /*IE*/
filter: fliph; /*IE*/
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.landingPageTextContentCell
{
padding-top: 26px;
padding-left: 40px;
padding-right: 30px;
padding-bottom: 24px;
}
.footerTable
{
padding: 0px;
margin-left: 2px;
border-collapse: collapse;
width: 501px;
background-image: url('Mainbg_bottom.png') ;
background-repeat:no-repeat;
height: 88px;
}
.footerTableMobile
{
padding: 0px;
border-collapse: collapse;
background-repeat:no-repeat;
}
.footerTableCell
{
padding-top: 0px;
padding-left: 24px;
padding-right: 38px;
padding-bottom: 16px;
vertical-align: bottom;
}
.footerTableCellMobile
{
vertical-align: bottom;
}
.headerTextMobile
{
font-family: arial;
font-size: 17px;
color: #ffffff;
}
.headerText
{
font-family: Segoe UI;
font-size: 17px;
color: #000000;
}
.bodyTextMobile
{
font-family: arial;
font-size: 17px;
color: #ffffff;
}
.bodyText
{
font-family: Segoe UI;
font-size: 13px;
color: #000000;
}
.bodyBoldTextMobile
{
font-family: arial;
font-size: 17px;
font-weight:bold;
color: #FFFFFF;
}
.bodyBoldText
{
font-family: Segoe UI;
font-size: 13px;
font-weight:bold;
color: #000000;
}
.bodyBlurredText
{
font-family: Segoe UI;
font-size: 13px;
color: #555555;
}
.bodyLinkText
{
font-family: Segoe UI;
font-size: 13px;
color: #0d95bd;
text-decoration:none;
}
.bodyLinkBoldText
{
font-family: Segoe UI;
font-size: 13px;
font-weight:bold;
color: #0d95bd;
text-decoration:none;
}
.smallerBodyTextMobile
{
font-family: arial;
font-size: 11px;
color: #ffffff;
}
.smallerBodyText
{
font-family: Segoe UI;
font-size: 11px;
color: #000000;
}
.smallerBlurredBodyText
{
font-family: Segoe UI;
font-size: 11px;
color: #555555;
}
.smallerBlurredBodyText15
{
font-family: Segoe UI;
font-size: 11px;
color: #444444;
}
.contentHeaderTable
{
background-color:#fff6bd;
padding-bottom:10px;
border:1px solid #b4a555;
width:400px;
}
.contentHeaderTableMobile
{
padding-bottom:10px;
font-family: arial;
font-size: 11px;
color: #ffffff;
}
.contentHeaderTableCell
{
padding:10px 25px 10px 10px;
}
.reachButtonContentCell
{
padding-left: 15px;
padding-right: 15px;
padding-top:4px;
padding-bottom: 4px;
width: 380px;
}
.leftNormalButtonCell
{
background: url('Button_normal_left.png') repeat-y;
width:14px;
}
.rightNormalButtonCell
{
background: url('Button_normal_right.png') repeat-y;
width:7px;
}
.leftHoverButtonCell
{
background: url('Button_hover_left.png') repeat-y;
width:14px;
}
.rightHoverButtonCell
{
background: url('Button_hover_right.png') repeat-y;
width:7px;
}
.launchReachDiv
{
width:100%;
height:100%;
}
/* Office 2013 UI */
.maintable15
{
background-color: #000000;
}
.officelogoColumnSuccess
{
position:absolute;
width:441px;
height:100%;
background-color: #00AFF0;
z-index: 99;
}
.officelogoColumnError
{
position:absolute;
width:441px;
height:100%;
background-color: #00AFF0;
z-index: 99;
}
.officelogoColumnSuccessMobile
{
position:absolute;
width:85px;
height:100%;
background-color: #00AFF0;
z-index: 99;
}
.officelogoColumnSuccessMobileFlip
{
position:absolute;
width:85px;
height:100%;
background-color: #00AFF0;
z-index: 99;
right: 0; /*Specify 0 here, otherwise the first column doesn't shows from left in mobile device for RTL*/
}
.officelogoColumnErrorMobile
{
position:absolute;
width:85px;
height:100%;
background-color: #00AFF0;
z-index: 99;
}
.contentClassSuccess
{
position:absolute;
top: 240px;
left:620px;
width:60%;
}
.contentClassSuccessFlip
{
position:absolute;
top: 220px;
right:620px;
width:60%;
}
.contentClassSuccessMobile
{
position:absolute;
top: 122px;
left:108px;
width:60%;
right: 20px;
}
.contentClassSuccessMobileFlip
{
position:absolute;
top: 122px;
right:108px;
width:60%;
left: 20px;
}
.contentClassError
{
position:absolute;
top: 240px;
left:620px;
width:50%;
}
.contentClassErrorFlip
{
position:absolute;
top: 240px;
right:620px;
width:50%;
}
.contentClassErrorMobile
{
position:absolute;
top: 70px;
left:108px;
width:60%;
right: 20px;
}
.contentClassErrorMobileFlip
{
position: absolute;
top: 70px;
right: 108px;
width: 60%;
left: 20px;
}
.helpSuccessMobile {
position:absolute;
left: 108px;
width: 60%;
right: 20px;
}
.helpSuccessMobileFlip {
position:absolute;
right: 108px;
width: 60%;
left: 20px;
}
.helpErrorMobile {
position:absolute;
left: 75px;
width: 70%;
right: 20px;
}
.helpErrorMobileFlip {
position:absolute;
right: 75px;
width: 70%;
left: 20px;
}
.help {
position:absolute;
top:6px;
left:70%;
width: 20%;
}
.helpFlip {
position:absolute;
top:6px;
right:70%;
width: 20%;
}
.languageHelp {
position:absolute;
right: 0px;
display: none;
}
.logospace {
position:absolute;
display: none;
left:620px;
top: 174px;
width: 60%;
}
.logospaceFlip {
position:absolute;
display: none;
right:620px;
top: 174px;
width: 60%;
}
.logospaceMobile {
position:absolute;
display: none;
left:108px;
top:70px;
}
.logospaceMobileFlip {
position: absolute;
display: none;
right: 108px;
top: 70px;
}
.errorHeader {
padding-top: 0px;
font-family: Segoe UI Light;
font-size: 20pt;
color: #0072C5;
}
.errorHeader2 {
padding-top: 36px;
font-family: Segoe UI Light;
font-size: 18pt;
color: #0072C5;
}
.errorHeader2Mobile {
padding-top: 10px;
font-family: Segoe UI Light;
font-size: 18pt;
color: #0072C5;
}
.bulletpoint
{
cursor:pointer;
text-decoration:none;
font-family: "Segoe UI","Segoe UI";
font-size: 13pt;
overflow: hidden;
color: #00AFF0;
}
.bulletImageError {
padding-top:19%;
padding-right:14px;
cursor:pointer;
vertical-align:top;
width:23px;
}
.bulletImageErrorFlip {
padding-top:19%;
padding-right:14px;
vertical-align:top;
cursor:pointer;
width:23px;
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
-ms-filter: fliph; /*IE*/
filter: fliph; /*IE*/
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.bulletImageErrorMobile {
padding-top:4%;
padding-right:14px;
vertical-align:top;
cursor:pointer;
width:23px;
}
.bulletImageErrorMobileFlip {
padding-top:4%;
padding-right:14px;
vertical-align:top;
cursor:pointer;
width:23px;
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
-ms-filter: fliph; /*IE*/
filter: fliph; /*IE*/
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.bulletTextError {
padding-top: 19%;
vertical-align:bottom;
}
.bulletTextErrorMobile {
padding-top: 4%;
}
.centeredImageSuccess
{
position:absolute;
top:213px;
left:0px;
width: 441px;
}
.centeredImageError
{
position:absolute;
top:213px;
left:0px;
width: 441px;
}
.centeredImageSuccessMobile
{
position:absolute;
top:106px;
left:15px;
}
.centeredImageErrorMobile
{
position:absolute;
top:106px;
left:15px;
}
.officeImageMobile {
border:0;
position:absolute;
display:none;
right: 15px;
bottom: 5%;
}
.officeImage {
border:0;
position:absolute;
right: 44px;
bottom: 32px;
}
.officeImageFlip {
border:0;
position:absolute;
left: 44px;
bottom: 32px;
}
.footerSuccessMobile {
height:14%;
background-color: #FFFFFF;
position: absolute;
margin-top:-14%;
bottom: 0;
width:100%;
}
.footerSuccess1280 {
height:14%;
background-color: #FFFFFF;
position: absolute;
margin-top:-14%;
bottom: 0;
width:100%
}
.footerSuccess1280Flip {
height:14%;
background-color: #FFFFFF;
position: absolute;
margin-top:-14%;
bottom: 0;
width:100%;
}
.footerErrorMobile {
height:14%;
position: absolute;
background-color: #FFFFFF;
margin-top:-14%;
bottom: 0;
width:100%;
}
.footerError {
height:14%;
position: absolute;
background-color: #FFFFFF;
margin-top:-14%;
bottom: 0;
width:100%;
}
.copyright {
position:absolute;
font-family: Segoe UI;
font-size: 11pt;
color: #666666;
bottom:32px;
display:none;
width: 30%;
left: 480px;
}
.copyrightFlip {
position:absolute;
font-family: Segoe UI Light;
font-size: 11pt;
color: #666666;
bottom:32px;
display:none;
width: 30%;
right: 464px;
}
.copyrightMobile {
position:absolute;
font-family: Segoe UI Light;
font-size: 10pt;
color: #666666;
bottom:9px;
display:none;
left: 108px;
width: 45%;
}
.copyrightMobileFlip {
position:absolute;
font-family: Segoe UI Light;
font-size: 10pt;
color: #666666;
bottom:9px;
display:none;
right: 108px;
width: 45%;
}
.sfbBrandUnderLogo
{
font-family: Segoe UI;
font-size: 33pt;
color: #FFFFFF;
line-height: 115%;
}