 

.isLogin a{
    text-decoration: none !important;
}

/* 9.2 updates */
.isLogin img,
.isLogin .ps_label-show,
.isLogin .ps_footer_text {
    display: none !important;
}
.isLogin .ps_box-button,
.isLogin .ps_box-control {
    margin: 0 !important;
    padding: 0 !important;
}
.isLogin .ps-button {
    opacity: 0;
}

.isLogin .ui-content div.ui-btn:hover {
    background: #fff !important;
}

/* Page styles */
body.ui-mobile-viewport.isLogin {
    background: rgba(255,255,255,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(200,206,206,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(200,206,206,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(200,206,206,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(200,206,206,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(200,206,206,1) 100%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(200,206,206,1) 100%);
    text-align: center;
}
.isLogin .ui-page[data-role="page"] {
    background-color: rgb(238, 238, 238) !important;
    /*display: table;
    height: 100%;
    padding: 0 !important;
    width: 100%;*/
}
.ui-mobile .ui-page[data-role="page"] .ui-panel-content-wrap {
    background-color: rgb(238, 238, 238) !important;
}
/*.isLogin .ui-page[data-role="page"] .ui-panel-content-wrap {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: none;
    display: table-cell;
    vertical-align: middle;
    min-height: 1px;
    padding: 0 !important;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 100%;
}*/
/*.isLogin .ui-page[data-role="page"] .ui-panel-content-wrap > .ui-content {
    background: transparent;
    display: inline-block;
    margin: 0 auto;
    max-width: 320px;
    min-height: initial !important;
    padding: 25px !important;
    vertical-align: middle;
    width: 100%;
}
.isLogin .ui-page > .ui-header .ui-title a .ui-icon {
    text-indent: -9999px !important;
}
.isLogin .ui-content table, 
.isLogin .ui-content thead, 
.isLogin .ui-content tbody, 
.isLogin .ui-content tr, 
.isLogin .ui-content th, 
.isLogin .ui-content td {
    display: block !important;
}*/
.isLogin .ui-content td[align="right"] {
    text-align: left !important;
}
.isLogin .ui-content img {
    height: auto;
    max-width: 100%;
}
.isLogin .ui-content div.ui-input-text, 
.isLogin .ui-content div.ui-submit {
    margin-left: auto;
    margin-right: auto;
}
/*.isLogin .ui-content div.ui-submit {
    border: 1px solid #000;
    background: #000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
    background-image: -webkit-linear-gradient(#000, #000);
    background-image: -moz-linear-gradient(#000, #000);
    background-image: -ms-linear-gradient(#000, #000);
    background-image: -o-linear-gradient(#000, #000);
    background-image: linear-gradient(#000, #000);
    color: #FCD450;
    font-weight: bold;
    max-width: 200px;
    text-shadow: none;
}
.isLogin .ui-content div.ui-submit .ui-btn-text {
    color: #FCD450;
}
.isLogin .ui-content h1, 
.isLogin .ui-content h2 {
    margin: 0;
    padding: 0;
}*/

/* PS overrides */
.isLogin .ui-content label[for="userid"],
.isLogin .ui-content label[for="pwd"],
.isLogin #login > #userid,
.isLogin #login > #pwd,
.isLogin .ui-content .pslogincopyright,
.isLogin .ui-content .pslogintext, 
.isLogin .ui-content .pslanguageframe,
.isLogin #enabledLanguages,
.isLogin #signInText,
.isLogin #footer {
    display: none !important;
}
.isLogin .psmessageframe {
    background: none;
    border: none;
}
.isLogin .psloginframe {
    background: none;
    border: none;
    padding: 15px 0;
}
.isLogin .psloginbutton {
    background-color: transparent;
}

div.signonMain .ps_box-link {
    display: none;
}
/*** Error message ***/

.isLogin .ps_box-info {
    display: block;
    width: 100%;
    margin: 10px auto;
    text-align: center !important;
}
.isLogin .ps_box-info p {
    color: #333;
}
.isLogin .ps_box-info a {
    text-shadow: none;
}
.isLogin .psloginframe div[style="text-align:center"],
.isLogin .ps_login_error {
    margin: 0 auto;
    position: relative;
}
.isLogin .ps_login_error_inner {
    display: block;
}
.isLogin .psloginframe div[style="text-align:center"] .fa-warning,
.isLogin .ps_login_error .fa-warning {
    left: 15px;
    position: absolute;
    top: 15px;
}
.isLogin .psloginerror[style*="block"],
.isLogin .psloginerror[style*="visible"] {
    background: #f2dede;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    color: #333 !important;
    display: block;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 18px;
    margin: 0;
    padding: 15px 15px 15px 45px;
    text-align: left;
    vertical-align: middle;
}

/* Waterloo */
.ui-page > .ui-header .ui-title a {
    text-align: center;
}
.isLogin .ui-content img.waterloo-logo {
    display: block !important;
    margin: 0px auto;
    max-width: 250px;
    width: 100%;
}
.motd {
    border: 1px solid #000;
    margin: 0 auto;
    max-width: 60%;        
}
div.ui-input-text, div.ui-submit {
    border: 1px solid #000 !important;
}
div.ui-submit {
    max-width: 200px;
}

/* Hide Login In Fields */
.ps_signinentry .ps_box-control,
.ps_signinentry .ps_box-button {
    display: none;
}
    
@media all and (min-width: 760px) and (max-width: 1368px) {
    body.ui-mobile-viewport {
        background-color: #fff;
        background-repeat: no-repeat !important;
        background-position: 50% 50% !important;
        background-attachment: fixed !important;
        background-size: cover !important;
    }
    body.background-0 {
        background-image: url('/MS/mobile/images/QuantumNanoCentre.jpg') !important;
        background-repeat: no-repeat !important;
        background-position: 50% 50% !important;
        background-attachment: fixed !important;
        background-size: cover !important;
    } 
    
    #jqm_main_page,
    .ui-mobile .ui-page[data-role="page"] .ui-panel-content-wrap {
        background: none !important;
    }
    
    
}

@media all and (max-width: 760px) {
    .ui-mobile .ui-page[data-role="page"] .ui-panel-content-wrap {
        background-color: rgb(238, 238, 238) !important;
    }
}

@media all and (min-width: 760px) {
    .ui-content .content-wrap {
        background: rgba(255,255,255,0.8);
        border: 1px solid #000;
        border-radius: 4px;
        margin: 0 auto 15px auto;
        padding: 25px 0 15px 0;
        width: 300px;
    }
}
