/*
 * SoftChalk LessonBuilder StyleSheet (C)2014
 * SoftChalk LLC, www.softchalk.com
 *
 * ScoreCenter Styles
 *
 * File date: June 5, 2014
 */


#scoreCenterCommunicationWindow {
    font-family: Helvetica, Arial, sans-serif;
    display: none;
    font-size: 90%;
    text-align: center;
    position: fixed;
    border: 1px solid #000;
    border-right: 0px;
    padding: 2px;
    background-color: #F4F4F4;
    width: 225px;
    height: 64px;
    z-index: 100;
    right: 0px;
    bottom: 0px;
    margin: 0px 126px 100px 0px;
}

#scoreCenterLessonOverlay {
    background: rgba(0,0,0,.4);
    position:fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    text-align:center;
    padding: 2px 2px 2px 2px;
    display:block;
}
#scoreCenterLessonOverlay .message {
    font-family: Helvetica, Arial, sans-serif;    
    position:relative;
    margin: -25px auto 0;
    top:50%;
    color:#FFFFFF;
    width:400px;
    height:50px;
    text-align:center; 
}
#scoreCenterLessonOverlayCommunicationWindow {
    text-align:left;
    position:relative;
    padding: 10px;
    font-family:arial;
    font-size:14px;
    color: #000;
    background-color: #F4F4F4;
    border: 1px #000 solid;
    width: 450px;
    height: 320px;
    margin: 0 auto;
    margin-top: -200px;
    top: 50%;
}

#scoreCenterLessonOverlayCommunicationWindow.mobile {

}

#scoreCenterLessonOverlayCommunicationWindow .header {
    position:relative;
    top:0px;
    margin-bottom:5px;
    border-bottom: 1px #000 solid;
}

#scoreCenterLessonOverlayCommunicationWindow .header .group-select-wrap {
    overflow: auto;
    clear: both;
}

#scoreCenterLessonOverlayCommunicationWindow .header .group-select {
    float: right;
    width: 50%;
}

#scoreCenterLessonOverlayCommunicationWindow .header span {
    font-weight: bold;
}

#scoreCenterLessonOverlayCommunicationWindow .content {
    overflow:auto;
    position:relative;
    height:295px;
}

#scoreCenterLessonOverlayCommunicationWindow .content .login-error-wrap,
#scoreCenterLessonOverlayCommunicationWindow .content .user-password-wrap,
#scoreCenterLessonOverlayCommunicationWindow .content .access-password-wrap,
#scoreCenterLessonOverlayCommunicationWindow .content .user-id-wrap {
    overflow:auto;
    clear: both;
}

#scoreCenterLessonOverlayCommunicationWindow .content .user-password-heading,
#scoreCenterLessonOverlayCommunicationWindow .content .access-password-heading,
#scoreCenterLessonOverlayCommunicationWindow .content .user-password-input,
#scoreCenterLessonOverlayCommunicationWindow .content .access-password-input,
#scoreCenterLessonOverlayCommunicationWindow .content .group-user-id-heading,
#scoreCenterLessonOverlayCommunicationWindow .content .group-user-id {
    float: right;
}

#scoreCenterLessonOverlayCommunicationWindow .content .user-password-heading,
#scoreCenterLessonOverlayCommunicationWindow .content .access-password-heading,
#scoreCenterLessonOverlayCommunicationWindow .content .group-user-id-heading {
    font-weight: bold;
}

#scoreCenterLessonOverlayCommunicationWindow .content .group-select-submit {
    position:absolute;
    bottom:0px;
    right:0px;
}

#scoreCenterLessonOverlayCommunicationWindow .content .login-error-wrap {
    color: red;
    float: right;
    margin: 10px 0 0 0;
}

#scoreCenterLessonOverlayCommunicationWindow .content .lesson-info {
    border-bottom: 1px #000 solid;
    overflow: auto;
    padding-bottom: 5px;
}

#scoreCenterLessonOverlayCommunicationWindow .content .lesson-info .row {
    clear: both;
}

#scoreCenterLessonOverlayCommunicationWindow .content .lesson-info .row p {
    float: left;
    margin: 0;
    padding: 0;
}

#scoreCenterLessonOverlayCommunicationWindow .content .lesson-info p:first-child {
    font-weight: bold;
    margin-right: 10px;
}

#scoreCenterLessonOverlayCommunicationWindow .footer {
    position:relative;
    bottom:0px;
    min-height:0px;
    margin-top:5px;
    text-align:right;
}

.scoreCenterOverlay-header {
    font-weight: bold;
}

.scoreCenterOverlay-content .loading p {
    font-weight: bold;
}

.scoreCenterOverlay-content .loading {
    width: 450px;
    text-align:center;
}

.scoreCenterOverlay-content img {
    width: 24px;
    height: 24px;
    clear: both;
}

.scorecenter-instructions {
    font-weight: bold;
    width: 450px;
}

.close-instructions-button {
    position:absolute;
    bottom:0px;
    left:45%;
    text-align:center;
    margin: 0 auto;
}
.button-wrap {
    overflow: auto;
    padding: 2px;
    line-height: 22px;
}
.button-wrap.white-bg {
    background-color: white;
}
.button-wrap button {
    float: right;
}
.score-receipt-instructions,
.receipt-options-wrapper {
    bottom:0px;
    position: absolute;
    left: 0px;
    text-align:center;
    width: 100%;
    padding-top:5px;
    border-top: 1px solid #000;
}
.receipt-options-wrapper {
    display:none;
}
.receipt-options-wrapper .email-label,
.receipt-options-wrapper .email-input {
    margin-top:10px; 
}
.instr-your {
    color:#FF0000;
}
.score-receipt-toggle {
    clear: both;
    margin: 0 auto;
}
.email-progress-indicator {
    display:none;
    margin-right:4px; 
}
.email-label {
    clear:left;
}
 .receipt-options-wrapper .email-input {
    margin-left:10px;
    clear:right;
}
.print-receipt {
    margin-top:10px;
}
.email-receipt {
    margin: 10px 0 0 10px;
}