Illustration for Microsoft Online Services
@font-face { font-family: "Segoe UI WPC"; src: url("segoeui-regular.eot?#iefix") format("embedded-opentype"), url("segoeui-regular.ttf") format("truetype"); } @font-face { font-family: "Segoe UI WPC Semilight"; src: url("segoeui-semilight.eot?#iefix") format("embedded-opentype"), url("segoeui-semilight.ttf") format("truetype"); } @font-face { font-family: "Segoe UI WPC Semibold"; src: url("segoeui-semibold.eot?#iefix") format("embedded-opentype"), url("segoeui-semibold.ttf") format("truetype"); } body.rtl { text-align:right; direction:rtl; } body, .mouse, .twide, .tnarrow, form { height: 100%; width: 100%; margin: 0px; } .mouse, .twide { min-width: 650px; /* min iPad1 dimension */ min-height: 650px; position: absolute; top:0px; bottom:0px; left:0px; right:0px; } .sidebar { background-color:#0072C6; } .mouse .sidebar, .twide .sidebar { position:absolute; top: 0px; bottom: 0px; left: 0px; display: inline-block; width: 332px; } .tnarrow .sidebar { display: none; } .mouse .owaLogoContainer, .twide .owaLogoContainer { margin:213px auto auto 109px; text-align:left /* Logo aligns left for both ltr & rtl */ } .tnarrow .owaLogo { display: none; } .mouse .owaLogoSmall, .twide .owaLogoSmall { display: none; } .logonDiv { text-align:left; } .rtl .logonDiv { text-align:right; } .mouse .logonContainer, .twide .logonContainer { padding-top: 174px; padding-left: 464px; padding-right:142px; position:absolute; top:0px; bottom: 0px; left: 0px; right: 0px; text-align: center; } .mouse .logonDiv, .twide .logonDiv { position: relative; vertical-align:top; display: inline-block; width: 423px; } .tnarrow .logonDiv { margin:25px auto auto -130px; position: absolute; left: 50%; width: 260px; padding-bottom: 20px; } .twide .signInImageHeader, .tnarrow .signInImageHeader { display: none; } .mouse .signInImageHeader { margin-bottom:22px; } .twide .mouseHeader { display: none; } .mouse .twideHeader { display: none; } input::-webkit-input-placeholder { font-size:16px; color: #98A3A6; } input:-moz-placeholder { font-size:16px; color: #98A3A6; } .tnarrow .signInInputLabel, .twide .signInInputLabel { display: none; } .mouse .signInInputLabel { margin-bottom: 2px; } .mouse .showPasswordCheck { display: none; } .signInInputText { border:1px solid #98A3A6; color: #333333; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -webkit-appearance:none; background-color: #FDFDFD; width:250px; margin-bottom:10px; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .mouse .signInInputText { height: 22px; font-size: 12px; padding: 3px 5px; color: #333333; font-family:'Segoe UI WPC','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif; margin-bottom: 20px; } .twide .signInInputText, .tnarrow .signInInputText { border-color: #666666; height: 22px; font-size: 16px; color: #000000; font: $ShellInputTextTouchFont; padding: 7px 7px; font-family:'Segoe UI WPC Semibold','Segoe UI Semibold','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif; margin-bottom:20px; width: 264px; } .divMain { width: 444px; } .l { text-align:left; } .rtl .l { text-align:right; } .r { text-align:right; } .rtl .r { text-align:left; } table#tblMain { margin-top: 48px; padding: 0px; } table.mid { width: 385px; border-collapse:collapse; padding: 0px; color:#444444; } table.tblConn { direction:ltr; } td.tdConnImg { width: 22px; } td.tdConn { padding-top: 15px; } td#mdLft { background: url("lgnleft.gif") repeat-y; width: 15px; } td#mdRt { background: url("lgnright.gif") repeat-y; width: 15px; } td#mdMid { padding: 0px 45px; background: #ffffff; vertical-align: top; } td .txtpad { padding: 3px 6px 3px 0px; } .txt { padding: 3px; height: 2.2em; } input.btn { color: #ffffff; background-color: #eb9c12; border: 0px; padding: 2px 6px; margin: 0px 6px; text-align:center; } .btnOnFcs { color: #ffffff; background-color: #eb9c12; border: 0px; padding: 2px 6px; margin: 0px 6px; text-align:center; } .btnOnMseOvr { color: #ffffff; background-color: #f9b133; border: 0px; padding: 2px 6px; margin: 0px 6px; text-align:center; } .btnOnMseDwn { color: #000000; background-color: #f9b133; border: 0px solid #f9b133; padding: 2px 6px; margin: 0px 6px; text-align:center; } .nowrap { white-space:nowrap; } hr { height: 0px; visibility: hidden; } .wrng { color:#ff6c00; } .disBsc { color:#999999; } .expl { color:#999999; } .w100, .txt { width: 100%; } .txt { margin: 0px 6px; } .rdo { margin: 0px 12px 0px 32px; } body.rtl .rdo { margin: 0px 32px 0px 12px; } tr.expl td, tr.wrng td { padding: 2px 0px 4px; } tr#trSec td { padding: 3px 0px 8px; } /* language page specific styles */ td#tdLng { padding: 12px 0px; } td#tdTz { padding: 8px 0px; } select#selTz { padding: 0px; margin: 0px; } td#tdOptMsg { padding: 10px 0px; } td#tdOptChk { padding: 0px 0px 15px 65px; } td#tdOptAcc { vertical-align:middle; padding: 0px 0px 0px 3px; } select#selLng { margin: 0px 16px; } /* logoff page specific styles */ td#tdMsg { margin: 9px 0px 64px; } input#btnCls { margin: 3px 6px; } td.lgnTL, td.lgnBL { width: 456px; } td.lgnTM { background: url("lgntopm.gif") repeat-x; width: 100%; } td.lgnBM { background: url("lgnbotm.gif") repeat-x; width: 100%; } td.lgnTR, td.lgnBR { width: 45px; } table.tblLgn { padding: 0px; margin: 0px; border-collapse:collapse; width: 100%; } .signInBg { margin:0px; } .signInTextHeader { font-size:60px; color:#404344; font-family:'Segoe UI WPC','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif; margin-bottom:18px; white-space: nowrap; } .signInInputLabel { font-size:12px; color:#666666; font-family:'Segoe UI WPC','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif; } .signInCheckBoxText { font-size:12px; color:#6A7479; font-family:'Segoe UI WPC Semilight','Segoe UI Semilight','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif; margin-top:16px; } .twide .signInCheckBoxText, .tnarrow .signInCheckBoxText { font-size: 15px; } .signInCheckBoxLink { font-size:12px; color:#0072C6; font-family:'Segoe UI WPC Semilight','Segoe UI Semilight','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif; } .signInEnter { font-size:22px; color:#0072C6; font-family:'Segoe UI WPC','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif; margin-top:20px; } .twide .signInEnter { margin-top:17px; font-size: 29px; } .tnarrow .signInEnter { margin-top:2px; font-size: 29px; position: relative; float: left; left: 50%; } .signinbutton { cursor:pointer; display:inline } .mouse .signinbutton { padding: 0px 8px 5px 8px; margin-left: -8px; } .rtl .mouse .signinbutton { margin-right: -8px; } .tnarrow .signinbutton { position: relative; float: left; left: -50%; } .shellDialogueHead { font-size:29px; color:#0072C6; font-family:'Segoe UI WPC Semilight','Segoe UI Semilight','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif; } .mouse .shellDialogueHead { line-height: 35px; margin-bottom: 10px; } .twide .shellDialogueHead, .tnarrow .shellDialogueHead { line-height:34px; margin-bottom: 12px; } .shellDialogueMsg { font-size:13px; color:#333333; font-family:'Segoe UI WPC','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif; line-height:18px; } .twide .shellDialogueMsg, .tnarrow .shellDialogueMsg { font-size: 15px; } .headerMsgDiv { width: 350px; margin-bottom: 22px; } .twide .headermsgdiv { margin-bottom: 30px; } .tnarrow .headermsgdiv { width: 260px; margin-bottom: 30px; } .signInError { font-size:12px; color:#C1272D; font-family:'Segoe UI WPC Semilight','Segoe UI Semilight','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif; margin-top:12px; } .passwordError { color: #A80F22; font-family:'Segoe UI WPC','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif; line-height: 18px; } .mouse .passwordError { margin-top: 10px; font-size: 13px; } .twide .passwordError, .tnarrow .passwordError { margin-top: 12px; font-size: 15px; } .signInExpl { font-size:12px; color:#999999; font-family:'Segoe UI WPC Semilight','Segoe UI Semilight','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif; margin-top:5px; } .signInWarning { font-size:12px; color:#C1272D; font-family:'Segoe UI WPC Semilight','Segoe UI Semilight','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif; margin-top:5px; } input.chk { margin-right:9px; margin-left:0px; } .imgLnk { vertical-align: middle; line-height:2; margin-top: -2px; } .signinTxt { padding-left:11px; padding-right:11px; /* Needed for RTL, doesnt hurt to add this for LTR as well */ } .hidden-submit { border: 0 none; height: 0; width: 0; padding: 0; margin: 0; overflow: hidden; } .officeFooter { position:absolute; bottom: 33px; right: 45px; } .tnarrow .officeFooter { display: none; }