@charset "utf-8";
/* -----------------------------------------
# FUJITSU mPollux CSS #
Copyright FUJITSU  
-------------------------------------------- */
/* Body & stage */
html{background: url(../../images/default/tunnistus-bg-2500px.jpg) no-repeat right top fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
html,body{height:100%;}
.continue-form {height:100%;}
body {text-align:center;font-family:Arial, sans-serif;font-size:11pt;margin:0px;}
h1,h2,h3,h4,h5,h6 {font-size:1em;font-weight:normal;margin:0;padding:0;}
h2 {font-weight:bold;margin-top:19.5px;margin-bottom:19.5px;padding:0;}
h3 {font-size:0.8em;font-weight:bold;margin-top:19.5px;margin-bottom:19.5px;padding:0;}
div.mPxStage{position:relative;text-align:center;margin-left:20px;margin-right:20px;min-height:100%;}
/* Header */
.mPxHeader {clear:both;height:50px;left:0;bottom:0px;}
.mPxHeaderLeft {float:left;position:relative;}
.mPxHeaderLeftTitle {display:block;color:#000000;position:relative;top:40px;font-size:11pt;margin-left:17px;}
.mPxHeaderRightImgSec {height:43px;margin-top:10px;margin-left:5px;margin:auto;display:block}
.mPxHeaderRight {position:relative;line-height:14px;}
.mPxHeaderTitle {display:block;font-family:Arial, sans-serif;font-size:11pt;font-weight:bold;color:#646464;letter-spacing:0.75px;}
.mPxHeaderDomain {display:block;font-family:Arial, sans-serif;font-size:11pt;color:#5e5d57;letter-spacing:0.2px;}
.mPxQuestionmark {float:right;border:none;}
.mPxBackButton {border:none;}
.mPxBackButtonAlignVertical {border:none; vertical-align:middle; margin-left:5px; margin-right:3px;}
.mPxHeaderWarningWrap {padding-top: 10px;}
.mPxHeaderWarning {background-color: #fafafa; border: 1px solid #807c7c; border-radius: 4px; padding: 10px 20px;}
html {--color-blue: #114FBB;--color-white: #fff;--font-default: Arial,sans-serif;--fontsize-body-l: 1.125rem;--spacing-2-xs: 0.5rem;--spacing-layout-xs: 1.5rem;--spacing-s: 1rem;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75;--menu-border-width: 1px;--menu-border-color: black;--menu-item-color: black;--menu-item-background-color: var(--color-white);--menu-item-background-color-highlighted: var(--color-blue);--menu-item-color-highlighted: var(--color-white);}
.mPxLanguageImageArea {float:right;z-index: 2;height: 54px;width: auto;}
.button-language {cursor:pointer;border:none;background:white;color:black;font-family:Arial,sans-serif;font-size:var(--fontsize-body-l);display:flex;align-items: center;}
.button-language__label {pointer-events:none;font-weight:inherit;line-height:1.25em;padding:var(--spacing-s);}
.button-language__icon {pointer-events:none;font-weight:inherit;line-height:1.25em;display: inline-block;background-color: currentcolor;width: var(--spacing-layout-xs);height: var(--spacing-layout-xs);
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 13.5l5-5 1.5 1.5-6.5 6.5L5.5 10 7 8.5z'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 13.5l5-5 1.5 1.5-6.5 6.5L5.5 10 7 8.5z'/%3E%3C/g%3E%3C/svg%3E");}
.button-language__icon--up {pointer-events:none;font-weight:inherit;line-height:1.25em;display:inline-block;background-color:currentcolor;width: var(--spacing-layout-xs);height: var(--spacing-layout-xs);
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 24h24V0H0z'/%3E%3Cpath fill='currentColor' d='M12 11.5l5 5 1.5-1.5L12 8.5 5.5 15 7 16.5z'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 24h24V0H0z'/%3E%3Cpath fill='currentColor' d='M12 11.5l5 5 1.5-1.5L12 8.5 5.5 15 7 16.5z'/%3E%3C/g%3E%3C/svg%3E");}
.button-language__menu {background-color: var(--menu-item-background-color);border: var(--menu-border-width) solid var(--menu-border-color);right:0;margin: var(--menu-top-margin) 0 0;max-width: var(--menu-max-width);padding: var(--spacing-3-xs) 0;position:absolute;width:max-content;min-width:190px;}
.button-language__item {align-items:center;box-sizing:border-box;color: var(--menu-item-color);display:flex;flex:1;line-height: var(--lineheight-m);min-height: var(--menu-item-min-height);outline:none;padding: var(--spacing-2-xs) var(--spacing-s);text-decoration:none;margin-right:unset;}
.button-language__item:focus, .button-language__item:hover {background-color:var(--menu-item-background-color-highlighted);color:var(--menu-item-color-highlighted);}
/* Progress navigation */
.mPxProgressNav {position:relative;text-align:left;float:left;margin-bottom:10px;}
.mPxProgressNavSelected {position:relative;width:130px;float:left;text-align:left;padding:3px;left:0px;border-left:4px #336699 solid;border-top:2px #cccccc solid;background-image:none;}
.mPxProgressNavUnSelected {position:relative;width:130px;float:left;text-align:left;padding:3px;border-left:2px #cccccc solid;border-top:2px #cccccc solid;}
.mPxProgressNavLastUnSelected {position:relative;width:130px;float:left;text-align:left;padding:3px;border-left:2px #cccccc solid;border-top:2px #cccccc solid;border-right:2px #cccccc solid;}
.mPxProgressNavLastSelected {position:relative;width:130px;float:left;text-align:left;padding:3px;left:0px;border-left:4px #336699 solid;border-top:2px #cccccc solid;border-right:2px #cccccc solid;background-image:none;}
.mPxProgressNavError {position:relative;width:130px;float:left;text-align:left;padding:3px;left:0px;border-left:4px solid;border-top:2px #cccccc solid;border-right:2px #cccccc solid;background-image:none;}
.mPxProgressNavRight {position:relative;float:right;text-align:right;padding:3px;}
.mPxProgressNavHeader {display:block;font-family:Arial, sans-serif;font-size:11pt;font-weight:bold;}
.mPxProgressNavText {display:block;font-family:Arial, sans-serif;font-size:11pt;}
.mPxLogout {margin-top:3px;}
input.logout{background:transparent url(../../images/default/gray_button.png);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font-size:11pt;color:#ffffff;border:0px;height:28px;width:360px;}
select {font-family:Arial, sans-serif;font-size:11pt;font-weight:bold;width:122px;}
/* Content area */
.mPxContent {min-height:300px;height:auto;position:relative;margin-left:auto;margin-right:auto;}
.mPxContentLeft {float:left;position:relative;height:auto;margin-top: 100px;}
.mPxContentRight {position:relative;border:1px solid #cccccc;border-radius:4px;text-align:left;background-image:none;background-repeat: repeat-x;background:#fff;padding:10px;margin-bottom:10px;box-shadow: 0 0 2px rgba(0,0,0,.18), 0 1px 2px rgba(0,0,0,.36);}
.mPxContentClear {clear:both;}
.mPxPageHeader {width:640px;position:relative;height:auto;margin-left:auto;margin-right:auto;}
.mPxContentRightLogo{float: left; padding-top: 9px;}
.mPxPageTitle {font-family:Arial, sans-serif;font-size:24pt;width:640px;height:auto;position:relative;text-align:center;letter-spacing:0.5px;margin-top:8px;margin-left:auto;margin-right:auto;}
.mPxPageTitlePhase {font-weight:normal;}
.mPxPageTitleLink {margin-top:0px;height:0px;}
.mPxPageNumber {float:right;font-family:Arial, sans-serif;font-size:11pt;color:#cccccc;}
.mPxPageTitleWhite {font-family:Arial, sans-serif;font-size:11pt;}
.mPxLinkWhite {font-family:Arial, sans-serif;font-size:11pt;font-weight:bold;}
.mPxTextWhite {font-family:Arial, sans-serif;font-size:11pt;}
.mPxTextWhite1{margin-top: 30px;}
.mPxTextWhite2{margin-top: 46px;}
.mPxTextWhite3{margin-top: 23px;}
.mPxTextIntro1{font-size:11pt;color: black;margin-bottom: 0px;}
.mPxTextIntro2{font-size:11pt;color: black;margin-bottom: 0px;}
.mPxMethodRow {height:135px;}
span.mPxMethodImage {display:block;min-height:95px}
span.mPxMethodImageBack {display:block;min-height:30px}
div.mPxMethodBack {height:120px;}
div.mPxMethodBackCenter {margin-left:150px;}
.mPxApplRow {height:135px;display:block;}
.mPxMethod {position:relative;display:inline;float:left;width:150px;height:225px;text-align:left;padding-bottom:1px;border-right:1px solid #cccccc;background-image: none;margin-right:5px;margin-top:20px;margin-left:30px;margin-bottom:5px;}
.mPxMethodDetails {height:250px;}
.mPxMethodTriple {border-right:0px;}
.mPxMethodFirst {margin-left:150px;}
.mPxMethodLast {border-right:0px;}
.mPxMethodCustomSelection {border-right:0px;}
.mPxBank {position:relative;display:inline;float:left;width:190px;height:117px;text-align:left;padding:5px;border:1px solid #cccccc;background-image:none;margin-right:10px;margin-top:10px;margin-left:0px;margin-bottom:5px;}
.mPxBank:hover {background-color:rgba(246, 242, 233, 0.60);}
.mPxApplication {position:relative;display:inline;float:left;width:140px;height:125px;text-align:left;padding:5px;border:1px solid #cccccc;background-image:none;margin-right:10px;margin-top:10px;margin-left:145px;margin-bottom:5px;background-repeat: repeat-y;background-position: right;}
.mPxMethodSelected {position:relative;display:inline;height:auto;padding-left:140px;background-image:none;margin-right:10px;margin-top:10px;margin-left:5px;margin-bottom:5px;background-repeat: repeat-y;background-position: right;text-decoration:none;}
.mPxTextSelectedGuide {text-align:center;margin-left:1px;margin-top:20px;font-size:11pt;}
.mPxClose{height:0px;margin-top:0px;float:right;margin-right:5px;}
.mPxMethodTitle {display:block;font-family:Arial, sans-serif;font-size:11pt;margin-bottom:3px;text-decoration:none;text-align:left;float:left;font-weight:bold;}
.mPxMethodTitle a:link {display:block;font-family:Arial, sans-serif;font-size:11pt;margin-bottom:3px;text-decoration:none;text-align:left;float:left;font-weight:bold;}
.mPxMethodTitle a:visited {display:block;font-family:Arial, sans-serif;font-size:11pt;margin-bottom:3px;text-decoration:none;text-align:left;float:left;font-weight:bold;}
.mPxHelpLink {float:right; margin-top:-7px;border:none;}
.mPxMethodText {display:block;font-family:Arial, sans-serif;font-size:11pt;margin-bottom:5px;color:#000000;text-decoration:none;clear:both;}
.mPxMethodInfoVisible {display:block;font-family:Arial, sans-serif;font-size:11pt;margin-bottom:5px;color:#000000;text-decoration:none;}
.mPxAppmenuImage {border:none;float:left;padding-bottom:6px;margin-left:15px;}
.mPxLanguageImage {border:none;padding:5px;}
.mPxLanguageImageUnselected {border:0px;}
.mPxLanguageImageSelected {border:0px;}
.mPxMethodBankHeaderTitle {display:block;font-size:11pt;margin-bottom:5px;color:#999999;text-decoration:none;text-align: left;}
.mPNameAfterLogo {text-align: center;height: 90px;}
.pankitFirstPage{display:block;float: left;width:470px;_width:618px;clear:both;padding-left:2px; padding-right:2px; padding-top:9px; padding-bottom:9px;margin:10px 0 10px 0px;border:1px solid #ddd; background:rgb(248, 248, 248);}
.pankit .mPxMethodTitle {display:none;}

.mPxMethodError {display:block;font-family:Arial, sans-serif;font-size:11pt;margin-bottom:5px;color:#5e5d57;text-decoration:none;}
.mPxSignatureButton{height:35px;width:120px;font-size:11px;font-weight:bold;}

.mPxDebug{margin-left:auto;margin-right:auto;text-align:left;}
.mPxMethodDebug{text-align:left;}
.mPxMethodDebugTitle{font-weight: bold;font-size: 1.5em;}
.mPxMethodDebugParams{inline-size:96%;overflow-wrap:break-word;text-align: left;}
dt.mPxMethodDebugParams {font-weight: bold;}
dt.mPxMethodDebugParams::after {content: ": ";}
dl.mPxMethodDebugParams,dd.mPxMethodDebugParams {font-size: 0.9rem;}
dd.mPxMethodDebugParams {margin-bottom: 1em;}

dt.mPxAttributeName {font-weight: bold;}
dt.mPxAttributeName::after {content: ": ";}
dl.mPxAttributeName,dd.mPxAttributeValue {font-size: 0.9rem;}
dd.mPxAttributeValue {margin-bottom: 0.5em;}
div.mPxAcceptAttributes {padding-top: 20px;}
iframe.mPxRememberChoice {border: 0px;}
input.mPxRememberChoice {width:auto;vertical-align: middle;margin-bottom: 6px;}

.mPxDiscoveryInput{width:350px;height:35px;font-size:11pt;border-radius:2px;border:1px solid #807c7c;padding-left:10px;margin-bottom:2px;margin-top:55px;}
.mPxDiscoveryInput#MSISDN{margin-bottom:2px;width:350px;}
input#MSISDN.mPxDiscoveryInput{margin-top:5px;}
.mPxDiscoveryMethodGuide{max-width:430px;}
.mPxDiscoveryMethodSelected{padding-left:80px;width:430px;}
.mPxDSEmailLogo{padding-bottom:10px;padding-top:15px;}
.mPxDSEmail {width:100%;text-align:center;}
.mPxLanguageImageArea {width:100%;text-align:left;padding:3px;margin-right:auto;margin-left:auto;margin-top:auto;margin-bottom:auto;height:100%;float:none;}
.mPxFormItemSubmit {display:block;margin-top:10px;}
.mPxAuthMethods{font-size:11pt;font-weight:bold;color:#655353;margin-top:30px;min-width:275px;}
.mPxMethodLink{margin-top:5px;min-width:275px;}
.mPxMethodLinkText {font-size:11pt;display:block;margin:auto;min-width:275px;}
a {color:black;}
a:hover{color:#ab2626;}
a:active{color:#ab2626;}
form#closeWindowLink{margin-top:30px;}

.mPxAcceptTerms {width:20px;height:20px;vertical-align:middle;}
.mPxRegistrationRequiredValue {color:red;}
.mPxRegistrationError {display:block;color:red;}
.mPxRegistrationEmail {width:85%;padding-left:10px;margin-bottom:2px;}
.mPxRegistrationSelect {width:85%;height:39px;font-weight:normal}

.mPxConfigUrl {font-style:italic;}

div.mPxUserAccountForm {margin-top: 18px;}
input.mPxUserAccountLogout {width: 500px;}
button.mPxUserAccountSelectionChoice {border:1px solid #ddd; margin-top:-1px;background-color:#F6F6F6;width:500px;min-height:100px;cursor:pointer;}
button.mPxUserAccountSelectionChoice:hover {background-color:white;box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}
button.mPxUserAccountSelectionChoiceDisabled:hover {background-color:#F6F6F6;box-shadow:none;cursor:wait;}
dt.mPxUserAccountSelectionChoice {font-weight: bold;}
dt.mPxUserAccountSelectionChoice::after {content: ", ";}
dl.mPxUserAccountSelectionChoice,dd.mPxUserAccountSelectionChoice {font-size: 0.9rem;}
dd.mPxUserAccountSelectionChoice {margin-bottom: 1em;margin-inline-start: auto;}
div.mPxUserAccountLogoutForm{margin-top:10px;}
div.mPxUserAccountForm div#waitingImageDiv input.FormItemSubmit {width:500px;height:28px;}

/* Footer */
div.mPxFooter {width:100%;height:40px;clear:both;left:0;bottom:0;position:absolute;}
.mPxFooterLeft {font-family:Arial, sans-serif;font-size:10pt;letter-spacing:0.2px;text-align:left;margin-top:5px;}
.mPxFooterLeft a {margin-left:5px;margin-right:5px;margin-left:5px;text-decoration:none;}
.mPxFooterLeft span {margin-left:5px;margin-right:5px;margin-left:5px;text-decoration:none;}
.mPxFooterRight {position:relative;display:block;font-family:Arial, sans-serif;font-size:10pt;color:#5e5d57;letter-spacing:0.2px;margin-top:5px;margin-right:5px;}
input {font-family:Arial, sans-serif;font-size:11pt;margin:0px;line-height:22px;height:35px;border-radius:2px;border:1px solid #807c7c;}
.FormItemSubmit {background-color:#6f6b6b;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font-size:11pt;color:#ffffff;height:35px;width:360px;padding:0px 6px 0px;border-radius:2px;border:1px solid #807c7c;margin-top:10px;}
.mPxSelectOrganisation {height:35px;width:360px;}
input#USERID{border-radius:2px;border:1px solid #807c7c;}
input[type="password"]{border-radius:2px;border:1px solid #807c7c;}
input.language {width:60px;}
.mPLanguageArea {position:relative;margin-left:auto;margin-right:auto;width:640px;height:20px;min-width:275px;}
.mPxLanguage{color:#3c3a3a;margin-left:0px;margin-right:0px;font-size:10pt;}
.mPxLanguage a:link {text-decoration:none;color:#3c3a3a;margin-left:5px;margin-right:5px;}
.mPxLanguage a:visited {text-decoration:none;color:#3c3a3a;margin-left:5px;margin-right:5px;}
.mPxLanguage a:hover{color:#ab2626;}
.mPxLanguage a:active{color:#ab2626;}
.mPxLanguage a:hover{text-decoration:underline;}
.mPxLanguageSelected{text-decoration:none;font-weight: bold; color:#3c3a3a;margin-left:5px;margin-right:5px;}
.mPxMethodGuide {display:block;font-family:Arial, sans-serif;font-size:11pt;color:black;text-decoration:none;margin-top:4px;}
.mPxMethodGuideTitle {font-size:11pt;margin-bottom:10px;font-weight:bold;}
form p.mPxMethodGuide {margin-bottom:10px;text-decoration:none;}
.mPxBackToLink {display:block;font-family:Arial, sans-serif;font-size:11pt;color:#000000;margin-top:5px;}
.mPxBackToLink  a{font-size:11pt;}
.mPxLicenseText{display:block;font-family:Arial, sans-serif;font-size:10pt;margin-bottom:2px;color:#000000;text-decoration:none;}
/* FrameMenu */
body.frame {color:#FFFFFF;font-size:11pt}
a.frame {color:#FFFFFF;font-size:11pt;font-weight:bold;text-decoration:underline;}
a.frame:link {color:#FFFFFF}
a.frame:link:visited {color:#FFFFFF}
#mPFrameMenuLeft {float:left;text-align:left;}
#mPFrameLogOut{float:right;text-align:right}
#mPFrameTimer{text-align:center}
.mPxTimerHidden{visibility:hidden;}
ul li {background-color: transparent;background-repeat: no-repeat;background-attachment: scroll;background-position: left 0.4em;margin-bottom: 0em;padding-left: 1px;list-style-position: outside;}

.mPxContentRight {clear:none;float:left;width:39.86%;}
.mPxHeader {padding-top:20px;width:100%;}
.mPxHeaderRight {margin-left:0px;}
.mPxHeaderDomain{min-width:170px;}
.mPxProgressNav {width:100%;}
.mPxContent {width:100%;}
.mPxContentLeft {width:100%;}
.mPxPageHeader {width:100%;}
.mPxPageTitle {width:100%;min-width:310px;}
.mPxMethodText{min-width:130px;}
.mPxTextSelectedGuide {min-width:170px;}
input#USERID{width:60%;min-width:130px;padding-left:10px;margin-bottom:2px;margin-top:55px;}
input[type="password"]{width:60%;min-width:130px;padding-left:10px;margin-bottom:2px;}
input#MSISDN{width:60%;min-width:130px;padding-left:10px;margin-top:55px;margin-bottom:2px;}
input#OTP{width:60%;min-width:130px;padding-left:10px;margin-top:55px;margin-bottom:2px;}
input#NAME{width:60%;min-width:130px;padding-left:10px;margin-top:2px;margin-bottom:2px;}
input#EMAIL{width:95%;min-width:130px;padding-left:10px;margin-top:55px;margin-bottom:2px;}
input#EMAIL.mPxFeedbackEmail{margin-top:2px;}

textarea#TEXT{width:60%;min-width:130px;padding-left:10px;margin-top:2px;margin-bottom:2px;}
input[type="text"]{width:60%;padding-left:10px;margin-bottom:2px;}
input[type="tel"]{width:60%;}
.mPLanguageArea {width:100%;min-width:260px;margin-top:55px;}
.mPxFooterRight {min-width:250px;}
.mPxFooterLeft {min-width:250px;}
.mPxMethodGuideTitle {color:#000000;min-width:170px;}
.mPxMethodInputArea{min-width:200px;}
.mPxDiscoveryMethodGuide{min-width:270px;margin-top:8px;}
.mPxDiscoveryFormItemSubmit{width:360px;height:35px;font-size:11pt;margin-top:20px;border-radius:2px;border:1px solid #807c7c;}
.mPxDiscoveryMethodSelected{margin-top:10px;margin-bottom:0px;}
.mPxStageImg {position:relative;text-align:center;padding-top:5px;}
img.mPTimerImg {margin:10px;vertical-align:middle;}

/* Desktop error page styles */
.mPxPageTitleCentered{font-size:30px;font-family: Arial;}
.mPxPageTitleDetail{width:100%;max-width:550px;margin:auto;font-size:11px;padding-bottom:20px;}
.mPxLink{padding-left:10px;}
.mPxLinkArea{padding-bottom:15px;padding-top:15px;text-align:center;}
.mPxLink a {text-decoration:none;}
.mPxLink a:active{text-decoration:underline;}
.mPxLink a:hover{text-decoration:underline;}
.mPxMethodGuideError{text-align:left;}
.mPxMethodGuideStepTitle{padding-top:10px;font-size:11px;}
.mPxMethodGuideStep{font-size:11px;}
.mPxMethodGuideDetail{margin:auto;font-size:11px;padding-bottom:30px;text-align:center;padding-top:5px;}
.mPxMethodSelectedBordered{margin:auto;}
.mPxMethodParams{border:1px solid #807c7c;text-align:left;}
.mPxMethodParamOK{background-color:darkseagreen;}
.mPxMethodParamError{background-color:indianred;}
.mPxMethodParamsKeys{display:inline-block;min-width:68px;}
.mPxMethodParamsValues{display:inline-block;min-width:200px;}

/* Hacks for mobile devices with screen <720px */
@media screen and (max-width: 719px) {
html,body{height:100%;background-repeat:repeat-x;}
div.mPxStage{padding-left:10px;padding-right:10px;margin-left:0px;margin-right:0px;background-color:rgba(255, 255, 255, 0.1);}
.mPxMethod {width:135px;margin-top:10px;margin-left:2px;padding-right:5px;height:180px;}
.mPxMethodDetails {height:225px;}
.mPxMethodFirst {margin-left:10px;}
span.mPxMethodImage {display:inline;min-height:0px}
span.mPxMethodImageBack {display:inline;min-height:0px}
div.mPxMethodBackCenter {margin-left:0px;}
.mPxContentLeft {background-color:transparent;margin-top:50px;min-width:275px;}
.mPxPageHeader {background-image:none;background-color:transparent;min-width:275px;}
.mPxContent {background-color:transparent;border:none;}
.mPxTextIntro1{min-width:250px;margin-top: 5px;}
.mPxTextIntro2{min-width:250px;margin-top: 7px;}
.mPxPageTitle {color:#000000;height:auto;max-width:330px;min-width:275px;}
.mPxMethodTitle {color:#000000;text-align:left;float:none;margin-top:10px;margin-left:2px;}
.mPxMethodTitle a:link {color:#000000;text-align:left;float:none;margin-left:2px;}
.mPxMethodTitle a:visited {color:#000000;text-align:left;float:none;margin-left:2px;}
a.mPxMethodTitle{text-align:center;margin-top:10px;margin-left:2px;}
span.mPxMethodTitle{text-align:center;margin-top:10px;margin-left:2px;}
.mPxHeaderLeft{width:100%}
.mPxMethodText {margin-right:20px;padding:2px;text-align:left;}
div.mPxMethodForm {min-width:275px;}
input#MSISDN{width:95%;min-width:275px;max-width:350px;}
input#USERID{width:95%;min-width:275px;max-width:350px;}
input#OTP{width:95%;min-width:275px;max-width:350px;}
input#EMAIL{width:95%;min-width:275px;max-width:350px;}
input[type="tel"]{width:95%;min-width:275px;max-width:350px;}
input[type="password"]{width:95%;min-width:275px;max-width:350px;}
input[type="password"].mPxRegistrationPassword {width:97%;max-width:none;}
input[type="password"].mPxRegistrationPasscode {width:97%;max-width:none;}
.FormItemSubmit {border:2px;padding:0px 6px 0px;min-width:279px;width:95%;max-width:350px;}
.mPxSelectOrganisation {min-width:279px;width:95%;max-width:350px;}
.mPxMethodInputArea{margin-left:0px;text-align:center;}
.mPxMethodSelected{padding-left:0px;padding-right:0px;width:80%;min-width:250px;margin-left:10px;margin-right:0px;}
.mPxTextSelectedGuide {margin-left:25px;}
input[type="text"]{width:97%;}
input[type="tel"]{width:97%;}
.mPxDiscoveryMethodGuide{min-width:270px;}
.mPxDiscoveryInput{min-width:275px;width:95%;max-width:350px;}
.mPxDiscoveryInput#MSISDN{margin-bottom:2px;width:95%;min-width: 275px;max-width:350px;}
.mPxDiscoveryFormItemSubmit{min-width:279px;width:97%;max-width:350px;}
.mPxDiscoveryMethodSelected{width:95%;padding:0px;}
.mPxDSEmailLogo{margin:0px;padding-bottom:0px;padding-top:5px;}
input.logout {min-width:275px;width:95%;max-width:350px;}
.mPxLogoutForm{height:45px;margin-top:10px;}
.mPxMethodGuide {margin-bottom:2px;margin-top:4px;min-width:275px;}
.form{padding:40px;}
.mPxLanguageImageArea {max-width:360px;text-align:right;}
.mPxMethodGuideError{padding-left:20px;padding-right:10px;}
.mPxBackToLink {min-width:275px;}
img#timerimg{min-width:275px;}
.mPxMethodError{min-width:275px;}
.mPxFooterArea{min-width:275px;}
div.mPxFooter{min-width:275px;}
.mPxRegistrationEmail {width:97%;}
.mPxRegistrationSelect {width:97%;}
.mPxMethodCImage {height:15%;}
.mPxMethodImageSize {height:15%;}
button.mPxUserAccountSelectionChoice {width: 350px;}
input.mPxUserAccountLogout {width: 350px;}
}
/* Style for landscape mobile viewing */
@media screen and (min-width: 480px) and (max-width: 719px) {
.mPxContentLeft{width:500px;margin-top:50px;}
.mPxMethod{width:150px;height:200px;}
.mPxMethodText {margin-right:3px;}
.mPxHeaderLeft{position:absolute;}
.mPxDiscoveryMethodGuide{max-width:98%;}
.mPxStageImg {max-width:500px;}
div.mPxFooter{max-width:500px;}
.mPLanguageArea{max-width:500px;margin-right:initial;margin-left:initial;}
.mPxDiscoveryInput{max-width:350px;}
.mPxDiscoveryInput#MSISDN{max-width:350px;}
.mPxDiscoveryFormItemSubmit{max-width:360px;}
input#MSISDN{max-width:350px;}
input[type="password"]{max-width:350px;}
input[type="password"].mPxRegistrationPassword {width:97%;max-width:none;}
input[type="password"].mPxRegistrationPasscode {width:97%;max-width:none;}
.FormItemSubmit{max-width:360px;}
}
/* Tablet Portrait size to standard 720-959px (devices and browsers) */
@media screen and (min-width: 720px) {
.mPxHeader {min-width:400px;}
.mPxProgressNav {width:750px;}
.mPxContent {width:640px;}
.mPxContentLeft {width:640px;}
.mPxContentRight {float:right;width:190px;}
.mPxPageHeader {width:640px;}
.mPxPageTitle {width:640px;}
.mPxMethodSelected {width:400px;}
.mPxMethodSelectedLeft{width:550px;padding-left:10px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-align:left;}
input#USERID{width:350px;}
input[type="password"]{width:350px;}
input[type="password"].mPxRegistrationPassword {width:430px;}
input[type="password"].mPxRegistrationPasscode {width:430px;}
input#MSISDN{max-width:350px;}
input#NAME{width:300px;}
input#EMAIL{width:350px;}
input#OTP{width:350px;}
textarea#TEXT{width:300px;}
input[type="text"]{width:430px;}
input[type="tel"]{width:350px;}
.mPLanguageArea {width:640px;}
.mPxDiscoveryMethodGuide{max-width:430px;}
.mPxDiscoveryMethodSelected{width:80%;}
.mPxStageImg {visibility:hidden;}
.mPxLanguageImageArea {width:640px;}
.mPxDSEmail {max-width:430px;}
.mPxRegistrationEmail {width:430px;}
.mPxRegistrationSelect {width:445px;}
.mPxRegistrationEmailSelect {width:364px;}
}
@media screen and (min-height: 750px) {
div.mPxFooter {bottom:0;padding-left:10px;height:35px;}
}
/* Tablet and desktop 960- (tablet and desktop) */
@media screen and (min-width: 960px) {
}