/*
 * GENERAL PAGE LAYOUT
 */

body {
    margin: 0;
}
.main-header .masthead {
    padding-top: 20px; /* until padding added to header block */
}

#nkn-sso {
    padding: 8px 0 0;
    min-width: 600px;
}
#nkn-sso .main {
    overflow:hidden;
}
#nkn-sso .full-width-image {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 100%;
    min-width:960px;
}
#nkn-sso .full-width-image img {
    display: block;
    margin: 0 auto;
    min-width: 100%;
}

/* allow full-width without upscale: */
/*#nkn-sso .full-width-image {
    display: block;
    height: 100%;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 100%;
}
#nkn-sso .full-width-image img {
    max-height: 100%;
    max-width: 100%;
}*/

#nkn-sso .image-details .copyright {
    color: #444;
    padding-top: 3px;
}
#nkn-sso .image-details .description {
    color: #444;
    padding-top: 6px;
}

#nkn-sso .body-content {
    background: #fff;
            box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.65);
       -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.65);
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.65);
    float: right;
    margin: 52px 37px 75px;
    min-height: 434px;
    padding: 28px 20px;
    position: relative;
    min-width: 315px;
    z-index: 1;
}
.ielte8 #nkn-sso .body-content {
    border: 2px solid #999;
    border: 2px solid rgba(0, 0, 0, 0.65);
}


/* Wide vs Narrow content */
#nkn-sso .body-content .content-block {
    width: 510px; /* default is wide? */
}
#nkn-sso .body-content .content-block.narrow {
    width: 315px;
}
#nkn-sso .body-content .content-block.wide {
    width: 510px;
}


/* Body Content */
#nkn-sso .body-content .secondary-title {
    margin-bottom: 4px;
}
#nkn-sso .body-content .tertiary-title {
    margin-bottom: 10px;
}
#nkn-sso .body-content p {
    margin-bottom: 10px;
}
#nkn-sso ol {
    display: block;
    list-style-type: decimal;
    margin: 1.12em 0;
    padding: 0 0 0 20px;
}
#nkn-sso ol li {
    display: list-item;
    list-style-type: decimal;
    margin-top: 7px;
}
#nkn-sso ol li:first-child {
    margin-top: 0;
}
#nkn-sso form ol li {
    list-style-type: none;
}
#nkn-sso form .form-messages ol li {
    list-style-type: decimal;
}

#nkn-sso .callout ol, #nkn-sso .callout ol li {
    margin: 0;
}

#nkn-sso .body-content .title-error {
    padding-left: 24px;
}
#nkn-sso .body-content .title-error:before {
    background: transparent url(/static/images/sprite-assets.png) no-repeat -47px 0;
    content: "";
    display: inline-block;
    height: 19px;
    margin: 0 5px 0 -24px;
    vertical-align: top;
    width: 19px;
}
#nkn-sso .body-content .stack-trace {
    font-family: Courier, monospace;
    line-spacing: 1.2em;
    color: #222;
    width: 100%;
    max-height: 30em;
    overflow:scroll;
}


/* Social Login */
#nkn-sso .services {
    margin-left: -10px;
}
#nkn-sso .service-button {
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    display: inline-block;
    margin-left: 10px;
    padding: 5px 5px 2px;
    min-width: 118px;
    text-align: center;
}
#nkn-sso .service-button img {
    display: block;
    margin: 0 auto;
}


/*
 * DIVIDERS
 */
#nkn-sso .divider {
    height: 0;
    margin: 30px 0;
    text-align: center;
}
#nkn-sso .divider:before {
    border-top: 1px solid #ccc;
    content: "";
    display: block;
    height: 0;
}
#nkn-sso .divider .label {
    background: #fff;
    color: #333;
    display: inline-block;
    line-height: 1em;
    padding: 0 10px;
    position: relative;
    top: -0.9em;
}

#nkn-sso ol.optin-options {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/*
 * FRAMED CONTENT
 */
body.framed .main-header,
body.framed .main-footer,
body.framed #nkn-sso .full-width-image,
body.framed #nkn-sso .image-details {
    display: none;
}
body.framed #nkn-sso .content-well {
    max-width: none;
    margin: 0;
}
body.framed #nkn-sso .body-content {
    border: #fff;
    box-shadow: 0 0 0px #fff;
    float: none;
    padding: 1em;
    margin: 0;
}