*{
    font-family: sans-serif;
}
body{
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:20px;
}
h1{ font-size:14pt; margin-top:5px; margin-bottom:5px; }
h2{ font-size:13pt; margin-top:5px; margin-bottom:5px; }
h3{ font-size:12pt; margin-top:5px; margin-bottom:5px; }
h4{ font-size:11pt; margin-top:5px; margin-bottom:5px; }
h5{ font-size:10pt; margin-top:5px; margin-bottom:5px; }
h6{ font-size:9pt; margin-top:5px; margin-bottom:5px; }
input[type=submit], input[type=button], button{
    cursor:pointer;
    white-space: nowrap;
}
.warningMessage, .invalidMessage{
    margin-left:8px;
    color:red;
    font-style: italic;
}
.successMessage{
    color:red;
    font-style: italic;
}
.invalidRegistration{
    color:red;
    font-weight: bold;
}
.modalScreen{
    position:fixed;
    width:100%;
    height:100%;
    z-index:100;
    background-color:black;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    display: none;
}
.modalSpacer{
    position:fixed; 
    top:10%; 
    width:100%; 
    z-index:101;
    text-align: center;
    display: none;
}
.modalContainer{
    position:relative;
    z-index:102;
    font-size:11pt;
    background-color:white;
    border:3px solid #cfcfc1;
    border-radius:10px;
    padding-top:15px;
    padding-left:15pt;
    padding-right:16pt;
    padding-bottom:15px;
    display: inline-block;
    min-width: 100px;
    min-height: 60px;
    max-height: 500px;
}
.modalContainer a{
    color:#368a8a;
    text-decoration: underline;
    cursor:pointer;
    font-size:11pt;
}
.modalCloseIcon{
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
}
.modal-scrollable{
    max-height:400px; 
    overflow-y:auto;
}
.modal-scrollable table{
    margin-left: auto;
    margin-right: auto;
}
.dot{
    display:inline-block;
    background-color: #cfcfc1;
    height:6px;
    width:6px;
    border-radius:3px;
    margin-left:3px;
    margin-right:3px;
    vertical-align: middle;
}
.logControlContainer img{
    border:none;
    vertical-align: bottom;
    border:none;
    height:60px;
}
.logControlContainer a{
    color:white;
    text-decoration: none;
}
.logControlContainer a:hover{
    text-decoration: underline;
}
.logControlTopContainer{
    background-color:#368a8a;
    color:white;
    padding-left:30px;
    padding-right:30px;
    padding-top:3px;
    padding-bottom:3px;
    font-size:10pt;
}
.logControlTopTable{
    width:100%;
}
.logControlTopTable td:nth-of-type(2){
    text-align: right;
}
.logControlBottomContainer{
    background-color:#cfcfc1;
    color:#404041;
    padding-left:30px;
    padding-right:30px;
    padding-top:8px;
}
.logControl-titleCell{
    font-size:20pt;
    font-weight:bold;
    white-space: nowrap;
    padding-left:20px;
}
.logControl-userName{
    font-weight: bold;
}
.navigationTable{
    margin-top:6px;
    font-size:11pt;
}
.navigationTable td{
    padding-left:10px;
    padding-right:10px;
    padding-top:4px;
    padding-bottom:2px;
    border-top-right-radius:7px;
    border-top-left-radius:7px;
}
.navTdUnselected{
    color:white;
    background-color:#a8aa9c;
    cursor:pointer;
}
.navTdUnselected:hover{
    background-color:#8c8d82;
}
.navTdSelected{
    background-color:white;
    color:#404041;
    cursor:pointer;
}
.navTdDisabled{
}
#helpLink{
    position:absolute;
    right:10px;
}
#globalFooter{
    font-size: 8pt;
    margin-top:30px;
    text-align:right;
    position:relative;
    right:-5px;
}
#globalFooterAnchor{
    font-size: 8pt;
}
#reportNavigationTable td{
    padding-left:15px;
    padding-right:15px;
    padding-top:2px;
    padding-bottom:2px;
}
.institutionReportNavigation td{
    border-left:2px solid #cfcfc1;
}
.institutionReportNavigation td:first-of-type{
    border-left:none;
}
.bodyContainer{
    font-size:11pt;
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 15px;
    background-color:white;
    border:2px solid #cfcfc1;
    border-radius:5px;
    padding-top:5px;
    padding-left:15pt;
    padding-right:15pt;
    padding-bottom:10px;
    display:inline-block;
    position:relative;
    min-width:550px;
}
.bodyContainer a{
    color:#368a8a;
    text-decoration: underline;
    cursor:pointer;
    font-size:11pt;
}
#messagePageContainer{
    max-width:500px;
}
.formTableMediumSpace th{
    text-align:center;
}
.formTableMediumSpace td{
    height:30px;
    vertical-align:middle;
}
.validatorFourColumnForm td:nth-of-type(3){
    padding-left:8px;
}
.validatorFourColumnForm td:nth-of-type(4){
    padding-left:8px;
}
.validatorThreeColumnForm td:nth-of-type(2){
    padding-left:8px;
}
.validatorThreeColumnForm td:nth-of-type(3){
    padding-left:8px;
}
.formTableSmallSpace td{
    height:22px;
    vertical-align:middle;
}
.institutionSummary{
    margin-top:5px;
}
.institutionSummary td:nth-of-type(2){
    padding-left:8px;
}
.inactiveRow{
    background-color:#cfcfc1;
}
.viewClassesTable {
    margin-top:10px;
}
.viewClassesTable td{
    height:35px;
    vertical-align:middle;
}
.viewClassesTable th{
    text-align:center;
    padding-right:10px;
}
.viewClassesTable button{
    width:100%;
    cursor:pointer;
}
.viewClassesTable td{
    padding-left:5px;
    padding-right:5px;
}
.viewClassesTable td:first-of-type{
    text-align:center;
}
.viewTeachersTable {
    margin-top:10px;
}
.viewTeachersTable td{
    vertical-align:middle;
    padding-right:10px;
    padding-top:1px;
    padding-bottom:1px;
    text-align: left;
}
.viewTeachersTable th{
    padding-right:10px;
    padding-bottom:3px;
    text-align: left;
}
.viewTeachersTable th:nth-of-type(5){
    text-align: center;
}
.viewTeachersTable button{
    width:100%;
    cursor:pointer;
}
.viewInstitutionsTable {
    margin-top:10px;
}
.viewInstitutionsTable td{
    vertical-align:middle;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    text-align: left;
    border-top:1px solid #bbbbbb;
}
.viewInstitutionsTable td:nth-of-type(1){
    text-align: center;
}
.viewInstitutionsTable td:nth-of-type(7){
    font-family: monospace;
    text-align: center;
}
.viewInstitutionsTable td:nth-of-type(8){
    font-family: monospace;
}
.viewInstitutionsTable th{
    padding-left:5px;
    padding-right:5px;
    padding-bottom:3px;
    text-align: left;
    white-space: nowrap;
}
.viewInstitutionsTable th:nth-of-type(1){
    text-align: center;
}
.viewInstitutionsTable th:nth-of-type(8){
    text-align: center;
}
.viewInstitutionsTable th:nth-of-type(9){
    text-align: center;
}
.viewInstitutionsTable button{
    width:100%;
    cursor:pointer;
}
.viewReviewsTable {
    margin-top:10px;
}
.viewReviewsTable tr{
    cursor: pointer;
    text-decoration: underline;
}
.viewReviewsTable td{
    vertical-align:middle;
    padding-right:10px;
    padding-top:1px;
    padding-bottom:1px;
    text-align: left;
}
.viewReviewsTable th{
    padding-right:10px;
    padding-bottom:3px;
    text-align: left;
}
.studentsInClassTable-devMath{
    margin-top:5px;
}
.studentsInClassTable-devMath th{
    padding-right:5px;
    padding-left:5px;
    padding-bottom:3px;
    text-align: center;
    white-space: nowrap;
}
.studentsInClassTable-devMath th:first-of-type{
    padding-left:0px;
    text-align: left;
}
.studentsInClassTable-devMath td{
    vertical-align:middle;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    text-align: right;
    font-family: monospace;
    border-bottom:1px solid #dddddd;
}
.studentsInClassTable-devMath td:first-of-type{
    text-align: left;
    padding-left:0px;
    border-bottom:none;
}
.studentsInClassTable-devMath td:nth-of-type(2) span{
    position:relative;
    right:70px;
}
.studentsInClassTable-devMath td:nth-of-type(3) span{
    position:relative;
    right:35px;
}
.studentsInClassTable-devMath td:nth-of-type(4) span{
    position:relative;
    right:50px;
}
.studentsInClassTable-devMath td:nth-of-type(5) span{
    position:relative;
    right:50px;
}
.studentsInClassTable-devMath td:nth-of-type(6) span{
    position:relative;
    right:50px;
}
.studentsInClassTable-devMath td:nth-of-type(7) span{
    position:relative;
    right:40px;
}
.studentsInClassTable-devMath input[type=button]{
    width:80px;
}
.studentsInClassTable-devEnglish{
    margin-top:5px;
}
.studentsInClassTable-devEnglish th{
    padding-right:5px;
    padding-left:5px;
    padding-bottom:3px;
    text-align: center;
    white-space: nowrap;
}
.studentsInClassTable-devEnglish th:first-of-type{
    padding-left:0px;
    text-align: left;
}
.studentsInClassTable-devEnglish td{
    vertical-align:middle;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    text-align: right;
    font-family: monospace;
    border-bottom:1px solid #dddddd;
}
.studentsInClassTable-devEnglish td:first-of-type{
    text-align: left;
    padding-left:0px;
    border-bottom:none;
}
.studentsInClassTable-devEnglish td:nth-of-type(2) span{
    position:relative;
    right:50px;
}
.studentsInClassTable-devEnglish td:nth-of-type(3) span{
    position:relative;
    right:50px;
}
.studentsInClassTable-devEnglish td:nth-of-type(4) span{
    position:relative;
    right:35px;
}
.studentsInClassTable-devEnglish td:nth-of-type(5) span{
    position:relative;
    right:40px;
}
.studentsInClassTable-devEnglish input[type=button]{
    width:80px;
}
.studentUnitsInClassTable-devMath th{
    padding-right:5px;
    padding-left:5px;
    padding-bottom:3px;
    text-align: center;
    white-space: nowrap;
}
.studentUnitsInClassTable-devMath th:first-of-type{
    padding-left:0px;
    text-align: left;
}
.studentUnitsInClassTable-devMath td{
    vertical-align:middle;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    text-align: right;
    font-family: monospace;
    border-bottom:1px solid #dddddd;
}
.studentUnitsInClassTable-devMath td:first-of-type{
    text-align: left;
    padding-left:0px;
    border-bottom:none;
}
.studentUnitsInClassTable-devMath td:nth-of-type(2) span{
    position:relative;
    right:35px;
}
.studentUnitsInClassTable-devMath td:nth-of-type(3) span{
    position:relative;
    right:65px;
}
.studentUnitsInClassTable-devMath td:nth-of-type(4) span{
    position:relative;
    right:30px;
}
.studentUnitsInClassTable-devEnglish th{
    padding-right:5px;
    padding-left:5px;
    padding-bottom:3px;
    text-align: center;
    white-space: nowrap;
}
.studentUnitsInClassTable-devEnglish th:first-of-type{
    padding-left:0px;
    text-align: left;
}
.studentUnitsInClassTable-devEnglish td{
    vertical-align:middle;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    text-align: right;
    font-family: monospace;
    border-bottom:1px solid #dddddd;
}
.studentUnitsInClassTable-devEnglish td:first-of-type{
    text-align: left;
    padding-left:0px;
    border-bottom:none;
}
.studentUnitsInClassTable-devEnglish td:nth-of-type(2) span{
    position:relative;
    right:30px;
}
.studentUnitsInClassTable-devEnglish td:nth-of-type(3) span{
    position:relative;
    right:40px;
}
.studentUnitsInClassTable-devEnglish td:nth-of-type(4) span{
    position:relative;
    right:30px;
}
.unitTable td:nth-of-type(1){
    text-align: left;
}
.unitTable td:nth-of-type(2){
    padding-left:20px;
    padding-bottom:3px;
    text-align: right;
}
.unitTable td:nth-of-type(3){
    padding-left:10px;
    padding-bottom:3px;
    text-align: right;
}
#unitProgressTable{
    border-collapse: collapse;
}
.emptyCell{
}
.topicHeaderCell{
    font-size:10pt;
    font-weight: bold;
    text-align: left;
    padding:3px;
    border:1px solid black;
    empty-cells: show;
    white-space: normal;
}
.firstTopicHeaderCell{
    border-left: 2px solid black;
}
.classAverageHeaderCell{
    text-align:center;
}
.topicDataCell{
    text-align: right;
    white-space: nowrap;
    padding:5px;
    border:1px solid black;
    empty-cells: show;
}
.firstTopicDataCell{
    border-left: 2px solid black;
}
.classAndUnitSelectTable{
    margin-top:8px;
}
.classAndUnitSelectTable td{
    padding-top:2px;
    padding-bottom:2px;
    padding-right:10px;
}
.displayColumnsTable{
    margin-top:8px;
}
.displayColumnsTable td{
    padding-right:15px;
}
#unitProgressOptionTable input{
    width:60px;
}
#unitProgressOptionTable td:first-of-type{
    padding-right:5px;
}
.reportColorKeyCell{
    vertical-align:top;
    padding-left: 30px;
}
#reportColorKeyTable{
    border:2px solid #cfcfc1;
    border-radius:5px;
    margin-bottom:20px;
}
#reportColorKeyTable{
    padding:10px;
}
#reportColorKeyTable td{
    padding:5px;
}
.reportScoreMastery{
    color:black;
}
.reportScoreNotAttempted{
    color:black;
}
.reportScoreInProgress{
    color:blue;
}
.reportScoreBelowMastery{
    color:red;
}
.cell-reportScoreMastery-graphical{
    background-color:black;
    border:1px solid black;
}
.cell-reportScoreInProgress-graphical{
    background-color:blue;
    border:1px solid black;
}
.cell-reportScoreBelowMastery-graphical{
    background-color:red;
    border:1px solid black;
}
.cell--graphical{
    border:1px solid #777777;
}
.studentActive-false, .classActive-false{
    background-color:#e0e0e0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;    
}
#classSummaryTable{
    border-collapse: collapse;
}
#classSummaryTable td{
    vertical-align:top;
    min-width:40px;
}
#classSummaryTable-graphical{
    border-collapse: collapse;
}
#classSummaryTable-graphical td{
    vertical-align: middle;
}
#classSummaryInstitutionSummaryTable{
    border-collapse: collapse;
}
#classSummaryInstitutionSummaryTable td{
    vertical-align:middle;
    min-width:40px;
}
.classSummaryUnitCellTable{
    margin-left:3px;
    margin-right:3px;
}
.classSummaryUnitCellTable td:nth-of-type(2){
    text-align:right;
    padding-left:5px;
}
.classSummaryUnitCellTable-graphical td{
    text-align:center;
}
.classSummaryUnitCellTable-graphical div{
    height:10px;
    width: 10px;
    margin:1px;
}
#dialogPeerReviewOptionsHeaders{
    width:100%;
}
#dialogPeerReviewOptionsHeaders th:nth-of-type(1){
    text-align: right;
}
#dialogPeerReviewOptionsHeaders th:nth-of-type(2){
    text-align: left;
}
#dialogObjectiveScoresHeaders{
    width:100%;
}
#dialogObjectiveScoresHeaders th{
    padding-top:0px;
    padding-bottom:5px;
    text-align: center;
}
#dialogObjectiveScores td{
    padding:5px;
}
#dialogObjectiveScores td:nth-of-type(1){
    text-align:left;
}
#dialogObjectiveScores td:nth-of-type(2){
    text-align:right;
}
#dialogTopicTimes th{
    padding-top:0px;
    padding-bottom:5px;
}
#dialogTopicTimes td{
    padding:5px;
}
#dialogTopicTimes td:nth-of-type(1){
    text-align:left;
}
#dialogTopicTimes td:nth-of-type(2){
    text-align:right;
}
#dialogTopicReviewScore th{
    text-align: center;
    padding-top:0px;
    padding-bottom:5px;
}
#dialogTopicReviewScore td{
    text-align: center;
}
#sessionActivityTable{
    width:100%;
}
#sessionActivityTable td{
    text-align:center;
    empty-cells: show;
    min-width:100px;
    padding-left:4px;
    padding-right:4px;
}
#sessionActivityTable th{
    padding-left:6px;
    padding-right:6px;
}
#sessionActivityTable .subGroupHeader{
    border-bottom:1px solid black;
    font-size:14pt;
    padding-top:10px;
}
#sessionActivityTable .sideBorders{
    border-left: 1px solid black;
    border-right: 1px solid black;
}
#sessionActivityTable .subGroupColumnHeader{
    background-color:#dddddd;
    padding-top: 4px;
    padding-bottom: 4px;
}
#writingCenterStateTable td{
    text-align: left;
}
.reviewCompleted{
    font-weight: bold;
    cursor:pointer;
    text-decoration: underline;
}
.reviewNotCompleted{
    cursor:pointer;
    text-decoration: underline;
}
.reviewExpired{
    color:red;
    cursor:pointer;
    text-decoration: underline;
}
.reviewCancelled{
    text-decoration: line-through;
    cursor:pointer;
}
.loadingAnimSpan{
    color:red;
    font-weight:bold;
    display:none;
}
#adminMessageContainer{
    text-align: center;
    color: red;
}
#adminMessageContainer h4{
    margin-bottom:2px;
}
#adminMessageContainer div{
    font-size:15px;
    line-height:20px;
    max-height: 40px;
    margin-bottom: 3px;
    overflow: hidden;
}
.closeX{
    width:10px;
    height:10px;
    border:1px solid red;
    overflow:hidden;
    position:absolute;
    top:4px;
    left:4px;
    cursor: pointer;
}
.closeXLine1{
    width:30px;
    height:1px;
    border-top:1px solid red;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    transform-origin: left top;
    position:absolute;
    top:-1px;
    left:0px;
}
.closeXLine2{
    width:15px;
    height:1px;
    border-top:1px solid red;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
    transform-origin: right top;
    position:absolute;
    top:-1px;
    right:0px;
}

#activityReportTable{
    border-collapse: collapse;
}
#activityReportTable th{
    padding:5px;
    border:1px solid black;
    empty-cells: show;
}
#activityReportTable td{
    white-space: nowrap;
    padding:5px;
    border:1px solid black;
    empty-cells: show;
}
#activityReportTable td:nth-of-type(1){
    text-align: left;
}
#activityReportTable td:nth-of-type(2){
    text-align: left;
}
#activityReportTable td:nth-of-type(3){
    text-align: left;
}
.activityReportDataCell{
    width:90px;
    text-align:center;
}

/* ONE-TO-ONE SIMPLE SETTINGS */
.displayNone{
    display:none;
}
.cursorPointer{
    cursor:pointer;
}
.underline{
    text-decoration: underline;
}
.alignLeft{
    text-align: left;
}
.alignRight{
    text-align: right;
}
.alignCenter{
    text-align: center;
}
.link{
    cursor:pointer;
    text-decoration: underline;
}
.indent20{
    padding-left:20px;
}
.bold{
    font-weight:bold;
}
.italics{
    font-style:italic;
}
.textGreyOut{
    color:#777777;
}