.eServicesWarning{background:red;color:white;padding:30px;font-size:1.5em;font-weight:bold;margin:0 0 20px 0;}
.textMedium{font-size:1.2em;font-weight:bold;}
.textLarge{font-size:1.5em;font-weight:bold;}
.searchRow{margin:10px 0;padding:10px;}
.searchRow:nth-child(odd){background:#efefef;}
.searchTitle{font-size:1.2em;font-weight:bold;margin:0 0 5px 0;color:#1a0dab;}
.searchBody{}
.studentImageRotateLink{display:none;}
.studentImageUploadForm{display:none;}
.formUploadStatus{display:none;}
.printStudentProfileImage{position:relative;font-family:Arial;text-transform:uppercase;overflow:hidden;height:100%;}
.printStudentProfileImageFooter{page-break-after: always;}
.printStudentProfileImageUse{position:absolute;bottom:0;left:0;right:0;text-align:center;border-top:1px solid black;padding-top:5px;}
.printStudentProfileImage img{width:100%;position:absolute;top:40px;left:0;right:0;}
.printStudentProfileImageDetails{position:absolute;top:0;left:0;right:0;font-weight:bold;font-size:1.2em;letter-spacing:0;background:#fff;padding:10px 0;z-index:1;}
#priorityTasksNotificationsBossClose{position:fixed;color:white;bottom:10px;right:10px;font-size:2em;font-weight:bold;z-index:998;cursor:pointer;}
.studentTC em{background:#F5B7B1;color:red;text-transform:uppercase;padding:2em;display:block;font-weight:bold;font-style:normal;}
.studentTCTitle{font-weight:bold;font-size:1.5em;text-decoration:underline;text-transform:uppercase;margin-bottom:1em;}
.studentTCPara{margin:0 0 1em 0;font-size:1.1em;}
.studentTCDetails{font-size:1.1em;text-transform:uppercase;}
.eServicesTCReview{max-width:800px;margin:0 auto;padding:0 20px;text-align:left;font-weight:1.2em;}
#trialReservationBody{

  background:#fbfbfb;
  color: #000006;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  min-width:300px;

}
#trialReservationLogo{text-align:center;border-bottom:1px solid #666;margin-bottom:40px;}
#trialReservationLogo img{height:30px;margin:40px 0;}
#trialReservationLoadingScreen{z-index:999;display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#efefef;}
#trialReservationHolder{margin:0 auto;max-width:600px;padding:0 20px;}
.trialRecommendationFee,.trialRecommendationDescr,.trialReservationPara{line-height:1.4em;}
.portalHighlightText{background:#efefef;color:#666;border:1px solid #666;padding:10px 20px;margin:5px 0;display:inline-block;}
.portalButton{border:1px solid #333;padding:10px 20px;margin:0 5px;color:#333;text-transform:uppercase;background:#fff;cursor:pointer;box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 3px 1px;transition:all, 0.3s;font-family:inherit;font-size:0.8em;letter-spacing:1px;white-space:nowrap;display:inline-block;}
ul#trialWeekSelect{margin:0 auto;padding:0;margin-bottom:10px;text-align:center;}
ul#trialWeekSelect li{list-style-type:none;display:inline-block;margin:5px;border:1px solid #666;background:#fff;text-align:center;padding:10px 20px;}
ul#trialWeekSelect li a{padding:0px;color:#000;}
ul#trialWeekSelect li.trialWeekSelected{background:#333;}
ul#trialWeekSelect li.trialWeekSelected a{color:#fff;}
.blink {animation: blinker 1.2s linear infinite;}
@keyframes blinker {
    50% {
      opacity: 0.1;
    }
}      
#priorityTasksNotificationsWrapper{position:fixed;background:rgba(0,0,0,0.8);top:0;left:0;right:0;bottom:0;display:none;overflow:scroll;}
#priorityTasksNotificationsHolder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;max-width:500px;min-width:300px;}
.priorityTaskNotificationElement{background:#F2B7B7;padding:20px;margin:20px;border-radius:5px;}
.priorityTaskNotificationElementNormal{background:white}
.priorityTaskNotificationDismissButtons{margin:10px 0 0 0;display:inline-block;}
.priorityTaskNotificationTitle{font-weight:bold;padding-bottom:2px;border-bottom:4px solid black;display:inline-block;font-size:1.2em;margin-bottom:10px;}
a .priorityTaskNotificationTitle{color:black;}
a.priorityTaskNotificationDismissButton{padding:5px 10px;background:#34495E;color:white;margin:0 10px 0 0;font-size:0.9em;white-space:nowrap;cursor:pointer;}
.portalLateFeeWaiverResult{margin:20px auto;font-size:1.5em;font-weight:bold;text-transform:uppercase;border-bottom:2px solid;display:inline-block;}
.portalLine{border-bottom:2px solid #000;width:40%;max-width:400px;margin:40px auto;}
.pageSectionHeader3{color:#bab38f;text-transform:uppercase;margin:20px 0 20px 0;font-size:1.2em;border:1px solid #bab38f;background:#333;padding:19px 30px 15px 30px;display:inline-block;}
.pageSectionHeaderAlert{background:red;color:white;}
.pgSSStepTime{background:#ddd;padding:5px 10px;border-radius:5px;margin:10px auto;display:inline-block;font-size:1.2em;}
.SLDRestartButton{margin-top:20px;}
.SLDRestartButton input[type="submit"]{background:black;color:#fff;border:0;padding:5px 10px;font-size:1em;}
.sldHeader{margin-bottom:0.5em;text-shadow:1px 1px white;}
.sldDescr{font-size:1.5em;line-height:1.5em;margin-bottom:1em;color:#666;text-shadow:1px 1px white;}
.percentageGreen{background:green;color:white;}
.percentageOrange{background:orange;color:white;}
.percentageRed{background:red;color:white;}
.SKAttendancePercentage{padding:10px 40px;margin:10px 0;display:inline-block;}
.SKAttendancePercentageLabel{font-size:0.8em;text-transform:uppercase;}
.SKAttendancePercentageValue{font-size:2em;font-weight:bold;margin-top:10px;}
.permissionsText{background:yellow;padding:20px;text-transform:uppercase;font-weight:bold;font-size:0.8em;margin:10px 0;}
.pageNotesTimeHolder{background:red;height:50%;padding:10px 20px;font-size:1.3em;position:relative;color:white;margin:0 0 10px 0;}
/*.pageNotesTimeContent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;min-width:80%;height:100%;}*/
.pageNotesTimePara{margin:10px;}
.pageNotesTimePara a{color:inherit;font-weight:bold;}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.selfSelectProgrammeUpdateStatus{display:none;background:red;color:#fff;padding:4px;border-radius:2px;font-size:0.8em;}
.artworkStreamImageHolder{width:400px;background:#ddd;padding:20px;margin-bottom:20px;}
.artworkStreamImage{width:100%}
#artworkStreamLast,#artworkStreamBeforeID,#artworkStreamBefore{display:none;}
#longPeacock,#shortPeacock{border:1px solid white;font-size:1.3em;padding:20px 40px;color:white;display:inline-block;}
#longPeacock{border-top-left-radius:10px;border-bottom-left-radius:10px;}
#shortPeacock{border-top-right-radius:10px;border-bottom-right-radius:10px;}
#longPeacock.longShortPeacockActive,#shortPeacock.longShortPeacockActive{background:white;color:black;}
.pgSSIntroSlide{width:80%;margin:40px auto;position:relative;}
.pgSSIntroSlideImg{width:100%;}
.pgSSIntroSlideContent{position:absolute;left:50%;transform:translate(-50%,0);padding:20px;background-color:rgba(0,0,0,0.5);color:#fff;font-size:1.5em;width:75%;font-style:italic;}
.pgSSIntroSlideContentTop{top:5%;bottom:initial;}
.pgSSIntroSlideContentMiddle{top:50%;bottom:initial;}
.pgSSIntroSlideContentBottom{bottom:5%;top:initial;}
.pgSSIntroSlideCredits{color:#999;font-style:italic;margin-top:2px;overflow:hidden;}
.pgSSInClassImage{width:80%;overflow:scroll;margin:10px auto;}
.pgSSInClassImage img{width:100%;}
.pgSSRecommendation{margin:4em 0;}
#pgSS{background:#000;color:#efefef;font-family:Helvetica;text-align:center;margin:0;}
.pgSSProgrammeObjectives{text-align:center;margin:4em 0;}
.pgSSBox{width:380px;height:380px;display:inline-block;margin:1em;}
.pgSSBoxContents{width:340px;height:340px;display:table-cell;vertical-align:middle;text-align:center;background:#efefef;color:#666;padding:40px 40px;}
.pgSSBoxContentsBlack{background:#333;color:#fff;}
.pgSSBoxTitle{font-weight:bold;text-transform:lowercase;font-size:2em;margin:40px;}
/*.pgSSProgrammeObjective{padding:2em;}*/
.pgSSStepTitleNumberHide{display:none;}
.pgSSArtwork{width:60%;min-width:400px;margin:0 auto;}

.pgSSStepTitle{font-size:2em;width:80%;padding:1em;margin:auto auto;/*margin-bottom:1em;*/;text-align:center;}
.pgSSStepTitleActive{background:#333;color:#fff;}
.pgSSStepExpand{display:none;}
/*.pgSSStepExpandActive{border:3px solid #333;}*/
.pgSSStepDescr{font-size:1.5em;color:#333;text-align:left;max-width:60%;margin:0 auto;}
.pgSSStepDescrLine{margin:1em;}
.pgSSStepTitleDivider{border-bottom:1px solid #aaa;width:10%;margin:0 auto;/*margin-bottom:2em;*/}
.pgSSElementLeftHeader{display:inline-block;width:30%;position:relative;}
.pgSSElementLeftHeader .pgSSElementLeftBkg{background:#333;margin:1em 0 0 1em;position:absolute;top:0;left:0;right:0;bottom:0;display:inline-block;width:100%;height:80%;}
.pgSSElementLeftHeader .pgSSElementLeftText{font-size:1.5em;font-style:italic;background:none;color:#fff;z-index:1;position:relative;font-weight:bold;}
.pgSSRow{margin:0 auto;background:#fff;color:#000;padding:2em 0;}
.pgSSRowSlave{background:#111;color:#efefef;}
/*.pgSSLeft{width:background:#fff;color:#000;}*/
/*.pgSSRight{margin-left:50%;background:#fff;color:#000;}*/
/*.pgSSLeft h1,.pgSSRight h1{background:#000;color:#fff;}*/
.pgSSRow h1{margin:1em;font-weight:bold;font-size:2.2em;letter-spacing:0.02em;}
.pgSSRow h2{margin:2em;font-weight:normal;letter-spacing:0.02em;color:#333;font-size:1.2em;}
.pgSSRowSlave h2{color:#bbb;}
.pgSSRowImage img{width:100%;}
.pgSSRow h1 div{font-size:0.5em;font-weight:normal;color:#333;}
.pgSSRowImage{width:80%;max-width:600px;overflow:scroll;margin:2em auto;}
.pgSSElementRight{display:inline-block;width:70%;}
.pgSSClass{font-size:2.5em;letter-spacing:0.05em;margin-bottom:4em;color:#ccc;}
#pgSSLogo{width:15em;margin:4em 0;}
.pgSSProgrammeTitle{font-weight:bold;font-size:3em;letter-spacing:0.02em;}
.pgSSProgrammeTheme{font-size:1.2em;letter-spacing:0.05em;margin-bottom:6em;color:#ccc;font-style:italic;}

.classStaffHandoverTitle{font-size:1.5em;font-weight:bold;text-transform:uppercase;background:#000;color:#fff;padding:10px;position:relative;}
.classStaffHandoverHolder{margin:0 0 5px 0;background:#FF6C00;padding:10px;color:#fff;font-size:0.9em;}
.uppercase{text-transform:uppercase;}
.SMARTActionButton{border:1px solid #333;padding:5px 10px;color:#333;text-transform:uppercase;background:#fff;cursor:pointer;box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 3px 1px;font-family:inherit;font-size:0.8em;letter-spacing:1px;}
.PCDHolder{position:fixed;top:0;left:0;right:0;bottom:0;background:red;color:#fff;z-index:10;}
.PCDLogo img{position:absolute;top:20px;right:20px;width:150px;}
.PCDContents{width:80%;max-width:600px;margin:0 auto;text-align:left;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.PCDHeader{font-size:2.5em;font-weight:bold;text-transform:uppercase;margin-bottom:30px;padding-bottom:30px;border-bottom:2px solid #fff;}
.PCDStaffName{font-size:1.8em;font-weight:bold;margin-bottom:30px;}
.PCDDeclaration{margin:30px 0;font-size:1.5em;}
a.PCDDeclarationButton{border:1px solid #fff;padding:20px 40px;text-transform:uppercase;font-size:1.2em;display:inline-block;cursor:pointer;color:#fff;}
.PCDDeclarationButton:hover{background:#fff;color:red;}
.learningPrefTag{margin:1px 0;}
.referralHolder{margin:20px 0;}
a.studentProfileActionButton{display:inline-block;background:green;color:#fff;padding:5px 10px;font-size:0.8em;}
.SMARTPaymentButton{border:0;background:#333;color:#fff;font-size:1.5em;padding:10px 20px;cursor:pointer;height:80px;margin:5px;}
.otherStatusTag{height:12px;margin:0 5px;}
.epbReservation{text-align:left;padding:10px 0px;margin-bottom:20px;}
.epbAlert{background:yellow;padding:10px 20px;color:#333;font-weight:bold;margin-bottom:20px;text-align:left;}
.epbAttendeeHolder{margin-bottom:30px;border-bottom:3px solid #666;padding-bottom:30px;}
.epbAttendeeHolder:last-of-type{border-bottom:0;margin:0;padding:0;}
.epbEventInfo{text-align:center;}
.epbEventTable{border-spacing:5px;margin:0 auto;}
.epbEventTable th{text-align:right;vertical-align:top;font-weight:normal;padding-right:5px;}
.epbEventTable td{/*padding:10px;*/padding-left:10px;border-left:4px solid #333;text-align:left;}
/*.epbEventDescr{margin:10px 0;}*/
.epbEventPeriod,.epbEventLocation,.epbEventDescr,.epbEventFees{border:1px solid #efefef;padding:10px 20px;background:#fff;font-size:0.9em;font-family:inherit;text-align:left;margin-bottom:20px;}
.epbEventHeader{text-transform:uppercase;font-size:0.9em;font-weight:bold;letter-spacing:0px;padding:5px 10px;background:#efefef;color:#333;}
.epbEventName{background:#efefef;color:#000;padding:10px 40px;font-size:1.3em;text-transform:uppercase;font-weight:bold;text-align:center;margin-bottom:20px;}
.paymentInvoiceSteps{list-style-type:none;margin:20px;padding:0;margin-top:20px;}
.paymentInvoiceSteps li{font-size:1.1em;line-height:1.5em;text-align:left;background:#efefef;padding:20px 30px;margin-bottom:20px;position:relative;}
.paymentInvoiceTotal{margin:20px 0;font-size:1.5em;font-weight:bold;}
.paymentInvoiceHighlight{border-bottom:2px solid #000;}
.paymentInvoiceRequired{color:#fff;background:red;padding:2px 4px;border-radius:3px;font-size:0.8em;white-space:nowrap;}
.paymentInvoiceRequiredDiv{display:inline-block;margin:0;}
.paymentInvoiceStepsNum{position:absolute;top:-10px;left:-10px;display:inline;background:#000;color:#fff;height:40px;width:40px;border-radius:20px;line-height:40px;text-align:center;font-weight:bold;font-size:0.8em;}
.portalLabel{font-weight:bold;}
.portalSelect{ 
font-size:1.1em;font-family:inherit;
   padding: 10px 20px;
   line-height: 1;
   border: 1px solid #ccc;
background:#fff;
border-radius: 0;
-webkit-appearance: none;
border-right:2px solid #000;

}
.portalInputSubmit,input[type="submit"].portalInputSubmit {border:1px solid #333;padding:15px 30px;color:#333;text-transform:uppercase;background:#fff;cursor:pointer;box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 3px 1px;transition:all, 0.3s;font-family:inherit;font-size:0.8em;letter-spacing:1px;}
.portalInputTextarea,input[type="text"].portalInputText{border:1px solid #ccc;padding:10px 20px;background:#fff;width:90%;font-size:1.1em;font-family:inherit;}
.signaturesWidthImage{width:80%;}
.programmePrintedLabelBorder{position:absolute;left:1cm;top:1cm;right:1cm;bottom:1cm;border:6px solid black;}
.programmePrintedLabel{width:80%;margin:0 auto;text-align:center;}
.programmePrintedLabelLogo{margin-bottom:1cm;margin-top:1.5cm;width:6cm;}
.programmePrintedLabelHeader{text-transform:uppercase;letter-spacing:-1px;font-weight:2em;}
.programmePrintedLabelTitle{overflow:none;text-transform:uppercase;font-weight:bold;vertical-align:bottom;letter-spacing:-2px;padding-bottom:1cm;margin-bottom:1cm;border-bottom:2px solid black;margin-top:0.5cm;}
.programmePrintedLabelTheme{overflow:none;font-size:2.5em;text-transform:uppercase;font-weight:bold;margin-bottom:1cm;letter-spacing:-1px;}
.programmePrintedLabelPeriod{overflow:none;font-size:2.5em;text-transform:uppercase;font-weight:bold;letter-spacing:-1px;}
.programmePDFPrintedLabelPeriod{overflow:none;font-size:1em;text-transform:uppercase;letter-spacing:-1px;padding-bottom:5px;border-bottom:1px solid #000;margin-bottom:5px;text-align:center;}
.programmePrintedLabelTitleSize1{font-size:4.5em;line-height:0.9em;padding-bottom:1.5cm;margin-bottom:1.5cm;}
.programmePrintedLabelTitleSize2{font-size:5em;line-height:0.9em;padding-bottom:1.5cm;margin-bottom:1.5cm;}
.programmePrintedLabelTitleSize3{font-size:5.5em;line-height:0.9em;padding-bottom:1.5cm;margin-bottom:1.5cm;/*padding:1cm 0;*/}
.programmePrintedLabelTitleSize4{font-size:6em;padding-bottom:2cm;margin-bottom:2cm;/*padding:1cm 0 2cm 0;*/}
page#programmePrintLabelPage[size="A4"] {
  background: white;
  /*position:relative;*/
  width: 29.7cm;
  height: 21cm;
  display: block;
  margin: 0 auto;
  /*margin-bottom: 0;*/
  box-shadow:0;
  text-align:center;
}
@media print {
  body, page[size="A4"] {
    margin: 0;
    box-shadow: 0;
  }
}
#pageMainOptions{display:none;}
.viewNotesUpdateTable th{text-align:right;}
table.viewNotesUpdateTable, table.viewNotesUpdateTable td{border:1px solid #333;border-collapse:collapse;font-size:1em;}
table.viewNotesUpdateTable th{border:1px solid #333;border-collapse:collapse;font-size:1em;}
table.viewNotesUpdateTable td{padding:4px;vertical-align:top;}
table.viewNotesUpdateTable th{padding:4px;background:#FFA0A0;text-transform:uppercase;text-align:center;}
.viewNotesUpdateTable{background:#FFA0A0;}
.viewNotesUpdateContent{display:none;}
.viewNotesContentInfo{position:absolute;top:5px;left:5px;text-transform:uppercase;font-size:0.6em;color:#999;}
.viewNotesContentSubInfo{text-transform:uppercase;font-size:0.6em;color:#999;}
.viewNotesDisplayContent{white-space:pre-wrap;margin-bottom:20px;}
.viewNotesChangesPre{white-space:pre-wrap;}
.viewNotesContent{padding:30px 30px 10px 30px;border:1px solid #333;position:relative;background:yellow;}
.viewNotesDisplayContent:hover{background:#FFA0A0;cursor:pointer;}
.viewNotesDisplayContent:hover .viewNotesContent{background:none;cursor:pointer;}
.viewNotesDisplayContent em{background:red;padding:3px 5px;color:#fff;font-weight:bold;font-style:normal;line-height:1.6em;}
.viewNotesUpdateContent form input[type="text"]{font-size:2em;font-weight:bold;width:100%;}
.viewNotesUpdateContent form textarea{font-size:1.2em;width:100%;height:300px;}
.attendanceSignal{margin-left:5px;}
.attendanceAttended{color:white;}
.incompleteArtworksWeekSummary{text-align:center;margin:5px 0;background:#efefef;padding:4px;border-radius:2px;font-size:0.8em;}
.attendanceUnattended{color:black;}
.calendarNowUpdated{position:absolute;top:10px;right:10px;text-align:right;font-size:0.7em;}
.calendarNow{background:red;color:white;padding:10px;font-size:1em;position:relative;}
.calendarNowHeader{text-transform:uppercase;font-weight:bold;font-size:0.9em;}
.calendarNowElement{margin:10px;border-left:3px solid #000;padding-left:10px;}
.calendarNowElement:last-child,.calendarNowElement:only-child{margin-bottom:0;}
.calendarNowTitle{font-weight:bold;}
.calendarNowDate{font-size:0.7em;text-transform:uppercase;letter-spacing:0px;}
.centreColor1{background:#50EBEC;white-space:nowrap;}
.centreColor4{background:#57E964;white-space:nowrap;}
.centreColor5{background:#F87431;white-space:nowrap;}
.centreColor6{background:#EAC117;white-space:nowrap;}
.centreColor0{background:#C0C0C0;white-space:nowrap;}
.centreColor7{background:#8D38C9;white-space:nowrap;}
.centreColor0{background:#E0FFFF;white-space:nowrap;}
.bossMonitorCalendarBox{background:#efefef;border:1px solid #ccc;padding:5px;margin:5px;}
.bossMonitorCellTitle,.bossMonitorScheduleDayTitle,.bossMonitorCalendarDayTitle{min-width:400px;background:#000;color:#fff;font-weight:bold;padding:5px;margin:0 auto;text-align:center;text-transform:uppercase;font-size:1em;margin-bottom:10px;}
.bossMonitorCalendarCellTitle{background:#000;color:#fff;padding:5px;margin:0 auto;text-align:center;text-transform:uppercase;font-size:0.8em;margin-bottom:5px;}
td.bossMonitorCalendarCentreName {border:1px solid #000;}
td.bossMonitorCalendarCentreName div{transform:rotate(-90deg);}
table.bossMonitorTable,table.bossMonitorCalendar,table.bossMonitorSchedule{border:1px solid #000;border-collapse:collapse;}
td.bossMonitorCell,td.bossMonitorScheduleCell,td.bossMonitorCalendarCell{vertical-align:top;width:400px;border:1px solid #000;min-height:300px;}
/*td.bossMonitorScheduleCell{font-size:0.8em;}*/
.moduleAlert{background:#ffc0c0;color:#000;border:10px solid red;padding:20px;font-size:1em;line-height:1.2em;margin-bottom:20px;}
.programmesPrepSelect{margin-top:10px;}
.staffPayslipsDayReportNotes{background:#F0B2A5;padding:10px;border:1px solid #333;margin-bottom:10px;}
.noticeBlock{background:#F0B2A5;padding:20px;border:2px solid #666;}
img.taskFileThumbnail{max-width:100%;max-height:400px;}
.markAttendancePriorityTaskAlert{background-color:rgba(255,0,0,0.8);color:#fff;font-size:1.3em;font-weight:bold;padding:40px;margin-bottom:10px;}
.cursorMove a{cursor:move;}
.taskPriority3{background:#FFD3D3;}
.taskPriority2{background:#FEFFD3;}
.at{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.actionBoardHeader{padding:10px;text-transform:uppercase;background:#ccc;color:#000;font-size:0.8em;font-weight:bold;}
.actionBoardElement,.actionBoardElementNoCount{margin:10px;border-left:3px solid #000;padding-left:10px;}
.actionBoardElementDate{font-size:0.7em;text-transform:uppercase;letter-spacing:0px;}
.actionBoardElementTitle{font-weight:bold;}
/*#actionBoard{position:fixed;top:0px;right:0px;z-index:2;width:20%;min-width:250px;}*/
#actionBoard{position:relative;top:0;left:0;right:0;}
.actionBoardBody{display:none;padding:5px;max-height:300px;overflow:scroll;}
.actionBoardTitle{font-size:0.8em;font-weight:bold;text-transform:uppercase;letter-spacing:1px;cursor:pointer;padding:10px;padding-left:20px;}
.actionBoardElementTitleBlock{font-size:0.8em;font-weight:bold;text-transform:uppercase;letter-spacing:1px;cursor:pointer;padding:10px;}
.actionBoardCard{background:#efefef;}
.actionBoardYellow{background:yellow;}
.actionBoardOrange{background:#FF6C00;}
.actionBoardBlue{background:#21E6EF;}
.actionBoardPink{background:#FF69B4;}
.actionBoardBlack{background:#000;color:#fff;}
.bkgGreen{background:#00e100;}
.bkgRed{background:red;}
.bkgOrange{background:#EAC117;}
.actionBoardElementTitleBlockLink{color:#000;}
#actionBoard .ui-accordion-header,#actionBoard .ui-state-focus { outline: none; }
.actionBoardTitle:hover{padding-left:40px;}
.tagYellow{background:yellow;padding:3px;color:#000;font-size:0.8em;white-space:nowrap;}
.tagRed{background:red;padding:3px;color:#fff;font-size:0.8em;white-space:nowrap;}
.tagOrange{background:orange;padding:3px;color:#fff;font-size:0.8em;white-space:nowrap;}
.tagPurple{background:#9370DB;padding:3px;color:#fff;font-size:0.8em;white-space:nowrap;}
.tagGreen{background:green;padding:3px;color:#fff;font-size:0.8em;white-space:nowrap;}
.tagGrey{background:#efefef;padding:3px;color:#000;font-size:0.8em;white-space:nowrap;}
.sacNotes{font-size:0.8em;margin-top:10px;}
.studentLastPaid{font-size:0.8em;background:#efefef;border-radius:2px;margin-top:5px;padding:2px 5px;display:block;}
.HRIInterviewReportLine{margin-bottom:20px;}
.divRed{background-color:red;}
.divYellow{background-color:yellow;}
.divGreen{background-color:#33FF3F;}
.pppHolder{page-break-after: always;position:relative;width:210mm;height:297mm;}
.pppTitle{text-transform:uppercase;font-weight:bold;font-size: 3em;line-height:0.9em;letter-spacing:-1px;position:fixed;top:10px;left:0;right:0;z-index:999;width:100%;text-align:center;}
.pppFooter{position:fixed;width:100%;text-align:right;right:10px;bottom:20px;text-transform:uppercase;letter-spacing:-1px;z-index:999;}
.pppWatermark{position:absolute;height:100%;width:100%;top:0;left:0;right:0;bottom:0;opacity:0.25;background:url('pppWatermark.png');}
.programmesPrintedPreparations{}
.pppHolderIMG{width:210mm;height:297mm;overflow:hidden;position:absolute;}
.pppHolderIMG img{width:210mm;}
.refundMailingDetails{border:1px solid #000;width:50%;margin:50px 0;padding:20px;margin-left:50px;}
/*
.checklistForm input[type="submit"],.checklistDataStaffNameButton{border:1px solid #333;padding:5px 10px;color:#333;text-transform:uppercase;background:#fff;cursor:pointer;box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 3px 1px;transition:all, 0.3s;font-family:inherit;font-size:0.8em;letter-spacing:1px;}
.checklistForm input[type="file"]{margin:10px 0 0 0;}
.checklistForm textarea{width:100%;font-size:1.2em;}
.checklistSelect{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;text-align:center;}
.checklistSelectItem a{display:inline-block;border:1px solid #000;padding:10px;margin:5px;width:50%;}
.checklistDataViewAll{font-size:1.5em;margin-left:10px;}

.checklistDataReference{border:1px solid #000;padding:20px;}
.checklistDataResponse{border:1px solid #000;padding:20px;}
.checklistDataName{font-size:1.5em;font-weight:bold;text-transform:uppercase;background:#000;color:#fff;padding:10px;position:relative;}
.checklistDataDescr{font-size:1.2em;border:1px solid #000;padding:20px;margin-bottom:20px;}
.checklistDataTitle{margin:0 0 10px 0;font-weight:bold;font-size:1.2em;}
body.checklistData{padding:10px;}
.checklistRefImageFull{width:100%;}
.checklistIncomplete{background:red;color:#fff;}
.checklistComplete{background:green;color:#fff;}
.checklistStatusName{font-weight:bold;text-transform:uppercase;}
.checklistItemStatusTag{}
*/
.usersCheckboxes{display:inline-block;width:200px;vertical-align:top;margin-bottom:10px;}
.centreAreasCheckboxes{display:inline-block;width:200px;vertical-align:top;margin-bottom:10px;}
.cctvImage{height:200px;margin:5px;display:inline-block;position:relative;}
.cctvImage img{height:100%;}
.centreAreasOverviewClass{background:#efefef;border:1px solid #666;padding:4px;font-size:0.8em;margin:4px 0;text-transform:uppercase;text-align:center;}
.vAlignMiddle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.ui-sortable-helper {
    display: table;
    background:#fff;
}
tbody.pgSlidesSequence tr td{padding:10px;font-size:1.2em;font-weight:bold;}
.sortActivateRow{background:#ccc;}
table.bkgWhite{background:#fff;}
.teachersOverviewTV{padding:0 20px;text-align:center;}
.markAttendanceClassTitle{text-transform:uppercase;font-size:2.6em;letter-spacing:0px;margin-bottom:30px;color:#fff;margin-top:30px;text-align:right;line-height:0.9em;}
.markAttendanceClassTitleSmall{font-size:2em;}
.facesLabel{font-weight:bold;font-size:0.8em;}
.faceHolder{width:200px;/*height:250px;*/padding:0px;/*border:1px solid #ccc;*/display:inline-block;text-align:center;position:relative;margin:10px;overflow:auto;vertical-align:top;background:#fff;}
.facesHolder{text-align:center;margin-bottom:10px;}
.faceName{margin-bottom:5px;margin-top:0px;background:#fff;padding:5px;color:#333;}
.faceAttendance{font-size:0.9em;}
.faceAttendanceWeeks{margin:10px 0;}
.faceAttendanceAlert{color:#fff;padding:5px 10px;margin:10px 0 0 0;font-size:0.8em;}
.faceTags{margin:10px 0;}
.faceAttendanceLink{position:absolute;top:5px;right:5px;}
.face{height:120px;width:100%;background-color:#333;margin:auto;margin-bottom:0px;}
.faceHolderLabel{display:none;color:#fff;position:relative;font-size:0.8em;font-weight:bold;}
.closeAttendanceBoxNotice{display:none;z-index:2;}
.pgSlideImagePreview{width:100%;}
.pgSlideVideoPreview{max-height:300px;width:100%;}
.pgSlideForm{border:1px solid #ccc;padding:10px;}
img.eDisplayPreviewImg{height:150px;}
.taskTitle{font-weight:bold;}
.taskNiceHolder{margin:10px 0 0 5px;border-left:5px solid #ccc;padding-left:10px;font-size:0.8em;}
.taskNiceDiv{margin:0 0 10px 0;}
.taskNiceText{display:block;margin:8px 5px 0 5px;}
.taskNiceUserName,.taskNiceDate{background:#fff;color:#999;padding:2px 8px;margin:0 5px 0 0;border-radius:5px;font-size:0.9em;}
.taskNiceUserName{background:#efefef;color:#000;}
.taskEdit1{display:none;}
.taskEdit0,.taskEditTrigger{cursor:pointer;}
#companyReminderWrapper{position:fixed;top:0;left:0;right:0;bottom:0;text-align:center;vertical-align:middle;background:#fff;z-index:1000;}
#companyReminder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:70%;}
/*#companyReminder{position:fixed;top:50%;left:50%;}*/
div#companyReminderLogo img{height:40px;}
div#companyReminderLogo{}
#closeCompanyReminder{margin-top:60px;cursor:pointer;}
#companyReminderText{font-size:2em;font-style:italic;width:80%;line-height:1.4em;margin:0 auto;margin-top:30px;}
#dayReportCloseDay{border:1px solid #000;background:#333;color:#fff;font-size:1.5em;padding:10px 40px;cursor:pointer;text-transform:uppercase;}
.dayReportStatusFail{background:red;padding:4px;color:#fff;font-size:0.9em;}
.dayReportStatusFail ul{padding-left:2em;}
.dayReportStatusSuccess{background:green;padding:4px;color:#fff;font-size:0.9em;}
.SKMainCircle{display:block;vertical-align:middle;width:400px;height:400px;border-radius:200px;margin:0 auto;line-height:400px;background: #efefef;font-size:4em;text-decoration:none;color:#fff;border:0;cursor:pointer;-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}
.teacherBriefTitle{margin-top:10px;font-weight:bold;}
.sMonitorActionTime{color:#fff;font-size:0.8em;text-transform:uppercase;margin-top:10px;}
.sMonitorActionNotes{height:70px;border:none;padding:5px;width:100%;}
#sMonitorActionDismiss{position:fixed;top:10px;right:10px;background:none;color:#fff;font-size:2em;border:none;font-weight:bold;cursor:pointer;}
.sMonitorActionInput{border:none;padding:10px;width:100%;background:#fff;color:#000;}
.sMonitorActionSubmit{border:none;padding:10px;width:100%;background:#000;color:#fff;}
#sMonitorAction{position:fixed;top:0;left:0;right:0;bottom:0;background:red;z-index:999;text-align:center;}
img.sMonitorActionPhoto{height:200px;margin:20px;}
.sMonitorActionPhotoCaption{color:#fff;}
.sMonitorActionDescr{color:#fff;font-style:italic;}
.sMonitorActionSample{border:2px solid #fff;padding:20px;margin-bottom:20px;min-width:320px;}
.sMonitorActionHolder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.sMonitorActionTitle{text-transform:uppercase;letter-spacing:0px;font-size:1.5em;color:red;margin-bottom:20px;background:#fff;display:inline-block;padding:20px 40px;}
.sMonitorActionName{text-transform:uppercase;letter-spacing:0px;font-size:1.5em;color:#fff;}
img.sMonitorPhotosThumb{height:200px;}
.rowHighlightTable tr:hover {background-color:yellow;}
.pgOverviewTable td img{max-height:100px;max-width:100px;}
.noticeImgSmall{max-width:200px;}
.pgBodyNormal{text-align:center;padding:20px;}
body.pgBody{min-width:1000px;background:#333;color:#efefef;font-family:Arial;}
/*#stepLinkTop{background:#FDD017;color:#000;}*/
/*#stepLinkTop a{color:#000;}*/
#nextStepPreview{position:fixed;z-index:999;bottom:0;left:0;right:0;padding:10px;background:rgba(87,251,125,0.7);color:#333;display:none;font-weight:bold;text-align:center;font-size:1.4em;}
#pgLogo{position:absolute;left:10px;top:10px;height:24px;z-index:1000;}
.pgTimeRemainingStep{font-size:0.7em;text-transform:uppercase;text-align:center;height:80px;display:table-cell;vertical-align:middle;position:absolute;left:50%;bottom:0;}
#timeRemainingThisStep{font-size:3em;}
.pgLeft{position:fixed;top:0px;left:0;width:35%;overflow:scroll;height:100%;padding-top:44px;display:none;}
.pgStatus{height:44px;position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,0.95);z-index:999;display:none;}
.pgControl{position:absolute;right:0;top:50%;z-index:999;transform:translate(-50%,-50%);}
.pgControl a{background:#fff;border:1px solid #efefef;border-radius:3px;padding:2px 4px;text-transform:uppercase;font-size:0.8em;cursor:pointer;letter-spacing:-1;}
.pgStep{padding:10px;background:#222;position:relative;height:auto;margin-bottom:1px;color:#fff;}
/*.pgStep:first-child{border-top:3px solid #000;}*/
.pgStep:last-child{margin-bottom:0;}
.pgSmallLabel{font-size:0.5em;text-transform:uppercase;}
ul.pgUL{margin:0;}
/*.pgCounter{position:absolute;top:0;left:0;bottom:0;width:10%;background:rgba(0,0,0,0.1);font-size:1.5em;text-align:center;padding:10px 0;font-weight:bold;}*/
.pgTitle{position:relative;padding-right:75px;font-size:1.2em;padding-top:10px;padding-bottom:10px;}
.pgTime{position:absolute;top:0;right:0;padding:10px;bottom:0;background:rgba(0,0,0,0.1);font-size:1.5em;font-weight:bold;text-align:center;width:60px;}
.pgTimeInactive{background:#222;}
.pgStepGuideCard{position:relative;}
.pgStepGuideCardImg{background-size:contain;background-position:50% 50%;position:relative;padding:0;text-align:center;background-color:#333;}
.pgStepGuideCardImg img{height:50%;}
/*.pgStepGuide{border-bottom:10px solid #fff;}*/
/*.pgStepGuide:last-child{border-bottom:none;}*/
.pgStepTitle{letter-spacing:-1px;font-weight:bold;padding:15px;font-size:1.7em;padding-right:90px;background:#000;color:#fff;position:relative;text-transform:uppercase;}
.pgStepTitleActive{background:#cc3341;}
.pgStepTitleText{padding-left:20px;display:inline-block;width:80%;}
.pgStepTitleWeight{/*background:#000;color:#fff;*/text-align:center;/*line-height:40px;font-size:0.7em;border-radius:20px;height:40px;width:40px;*/display:inline-block;}
.pgStepTitle a{color:#fff;}
.pgStepDM{width:100%;position:relative;margin-bottom:10px;margin-top:10px;display:table;}
.pgInfo{display:none;}
.pgTimeLeftText{text-transform:uppercase;font-size:0.3em;font-weight:normal;}
a.pgStepLink{color:#fff;}
.stepLinkActive{background:#fff;}
.stepLinkActive a{color:#000;}
.pgTimeTotal{position:absolute;bottom:0;top:0;right:0;padding:5px;background:rgba(255,255,255,0.1);font-size:1.2em;font-weight:bold;color:#fff;text-align:center;width:70px;display:table-cell;vertical-align:middle;}
.pgTimeTotal span{font-size:0.3em;text-transform:uppercase;font-weight:normal;}
.pgStepDescr{font-size:1.5em;line-height:1.3em;;display:table-cell;padding:20px;}
.pgStepDescr div{margin-bottom:10px;}
.pgStepDescrMargin{padding-right:40%;}
.pgStepMaterial{width:30%;display:table-cell;position:relative;top:0;right:0;padding:20px;border-right:0;}
.pgStepMaterialTitle{text-transform:uppercase;font-size:0.8em;margin-bottom:10px;}
.pgStepMaterial ul.programmeViewList{list-style-type:none;margin:0;padding:0;}
.pgStepMaterial ul.programmeViewList li{list-style-type:none;text-transform:uppercase;line-height:1.2em;font-size:0.8em;padding-bottom:10px;margin:0;}
.pgDescr{position:absolute;bottom:0;left:0;right:0;background-color:rgba(255, 255, 255, 0.8);color:#000;font-size:1.5em;padding:20px;}
.pgRightContent{}

.pgRight{position:fixed;top:0px;right:0;bottom:0;width:100%;overflow:scroll;height:auto;background:#333;color:#efefef;/*padding-top:44px;*/}
.pgPadding{height:44px;display:none;}
.dataCollectorForm {display:inline;}
.dataCollectorAnswered,.dataCollectorForm select{line-height:1em;font-size:1.2em;border:1px solid #ccc;padding:20px 30px;-webkit-appearance:none;border-right:3px solid #000;background:#fff;border-radius:0;display:inline-block;cursor:pointer;}
.dataCollectorForm input[type='submit']{display:none;}
.claimImage{max-width:50px;max-height:50px;}
.claimImageOriginal{max-width:none;max-height:none;}
.bossBotDate{margin-top:10px;font-size:0.9em;font-style:italic;}
.bossBotAlert{background:#FFB6C1;}
.bossBotAlertDescr{margin-top:10px;font-size:0.9em;text-align:left;}
span.bossBotAlertLine{text-decoration:underline;font-weight:bold;}
.progSubTag{padding:3px;color:#fff;font-size:0.8em;white-space:nowrap;margin-right:10px;}
.bossBotTag{padding:3px;color:#000;background:yellow;font-size:0.8em;white-space:nowrap;margin-right:10px;}
.progSubTitle{font-weight:bold;font-size:1.5em;margin-bottom:10px;}
.progSubComplete{background:green;}
.progSubIncomplete{background:red;}
.progSubTextarea{width:100%;height:70px;}
.progSubNotesLine{padding:10px;}
.progSubNotesLineName{display:block;}
.progSubNotesLineDate{color:#666;margin-bottom:5px;display:block;font-size:0.9em;}
.progSubNotesLine:nth-child(odd){background:#efefef;}
.progSubNotes{font-size:0.9em;margin:10px 0 20px 0;}
img.progSubStepsImg,.progSubNotes img{max-width:70px;max-height:70px;margin:5px;}
.classRateImagesEdit{max-width:300px;}
.alertBox{background:red;padding:20px 40px;color:#fff;line-height:1.2em;font-weight:bold;}
#teachersStandards{position:absolute;background:#000;z-index:1;top:0;bottom:0;left:0;right:0;padding:20px;cursor:pointer;text-align:right;}
.teachersStandard{line-height:1em;font-size:2.2em;width:400px;margin:0 auto;margin-bottom:20px;color:#fff;text-align:right;font-style:italic;}
.teachersStandardClose{color:#bbb;font-size:0.8em;margin-top:30px;}
input.commsContentInput{width:100%;padding:5px;border:1px solid #000;}
.commsLabel{font-size:0.8em;}
.comms{padding:10px;color:#000;height:40%;overflow:auto;border-left:1px solid #333;border-bottom:1px solid #333;display:none;}
.octopusComms{/*height:40%;*/overflow:auto;width:100%;}
.octopusComms iframe{height:100%;border:0;width:100%;}
#centreStandards{position:absolute;bottom:0;left:0;right:0;height:120px;padding:10px;overflow:auto;background:#333;color:#fff;border-left:1px solid #333;display:none;}
.centreStandard{display:none;line-height:1em;}
/*.commsRead{overflow:auto;height:70%;}*/
.tasksRow{display:table-row;}
.tasksLeft{display:table-cell;}
.tasksRight{display:table-cell;width:40%;padding-left:20px;}
.commsLine{margin-bottom:5px;font-size:0.9em;padding-bottom:10px;border-bottom:1px solid #ccc;}
.commsLine:last-child{border-bottom:0;}
.commsDate{padding-right:10px;font-size:0.8em;color:#999;}
.commsSticky{background:yellow;padding:1px 6px;color:#000;font-size:0.7em;margin-left:5px;text-transform:lowercase;bottom:2px;position:relative;}
.commsUser{font-weight:bold;}
.commsContent{color:#333;display:table-cell;padding-top:5px;font-size:0.95em;}
.commsEdit{display:inline;margin-left:5px;text-transform:lowercase;}
#octopusLink{position:fixed;right:20%;top:20%;
-webkit-transform: rotate(270deg);   
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
display:block;
background-color:rgba(0, 0, 0, 0.5);
color:#fff;
width:120px;height:40px;
line-height:40px;
text-align:center;
-webkit-transform-origin: 100% 100%;
display:none;
}
.inlineDiv{display:inline-block;}
.textFormat{padding:20px;border:1px solid #ccc;margin-bottom:10px;}
.textFormatType{text-transform:uppercase;font-weight:bold;font-size:0.7em;letter-spacing:0px;display:inline-block;background:#000;color:#fff;padding:3px 5px;margin-bottom:5px;}
.ttd{background:#ffffcc;padding:10px 20px;display:inline-block;margin-bottom:10px;font-size:0.8em;}
.ttv{background:yellow;}
.studentImagesInput{display:none;}
.studentImage{display:none;margin-right:5px;height:75px;width:75px;overflow:hidden;}
.studentImage img{width:75px;min-height:75px;}
a.trialFollowUpAction{border:1px solid #ccc;background:#efefef;padding:4px;font-size:0.9em;margin:0 5px 5px 0;display:inline-block;}
form.timeTaskActionForm{display:inline;}
table.timeTasksTable{margin:0 auto;border-collapse:collapse;}
table.timeTasksTable td{vertical-align:top;padding:10px;font-size:0.9em;}
table.timeTasksTable tr{}
/*table.timeTasksTable tr:nth-child(even) {background-color: #ddd;}*/
table.timeTasksTable tr:nth-child(even) {background-color: #efefef;}
.timeTaskTableTime {padding:4px 6px;background:#ff0000;color:#fff;font-size:0.7em;margin-top:0px;display:block;text-align:center;}
.timeTaskTableName{font-weight:bold;color:#000;width:400px;}
.timeTaskTableDescr{font-size:0.9em;margin-top:3px;}
#curtain{position:fixed;bottom:0px;left:0;width:75%;z-index:1;background-color:red;text-align:center;}
#curtainTitle{position:absolute;top:0;left:0;right:0;color:#000;background:yellow;height:40px;line-height:40px;cursor:pointer;font-size:0.8em;font-weight:bold;}
#curtainContent{position:absolute;top:40px;left:0;right:0;background:#fff;padding-bottom:15px;text-align:center;max-height:250px;overflow:auto;}
/*#curtainHide{position:absolute;top:0:left:0;right:10px;height:40px;line-height:40px;color:#fff;font-size:0.9em;cursor:pointer;}*/
#curtainHide{display:none;}
.curtainHighlight{background-color:red;color:#fff;}
a.quickBlackButton,a.markAttendance, a.quickButton{border:1px solid #ccc;background:#efefef;padding:2px 4px;font-size:1em;margin:4px 2px;}
a.quickBlackButton{background:black;color:#fff;}
a.markedAttendance{background:#333;color:#fff;}
#attendanceBox{font-size:16px;position:fixed;height:500px;width:400px;border:4px solid #000;bottom:10px;right:10px;z-index:1;overflow:scroll;background:#fff;padding:0px 10px;text-align:center;display:none;}
#attendanceBox h2{color:#000;}
#attendanceBoxClose{position:fixed;bottom:520px;right:10px;cursor:pointer;z-index:3;display:none;}
#attendanceBoxLink{display:inline;}
#markAttendance{display:inline;}
.markAttendanceClassNotesHolder{background:yellow;padding:10px;text-align:center;}
.markAttendanceClassNotes{width:50%;text-align:left;margin:0 auto;}
.mediaSyncReportHolder{display:none;}
.waitingListExtension{display:none;}
/*#attendanceBox table.resultsTable{margin:0 auto;}*/
.at{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
ul.markAttendanceSelect{margin:0 auto;padding:0;margin-top:0px;text-align:right;}
ul.markAttendanceSelect li{list-style-type:none;margin-bottom:40px;}
ul.markAttendanceSelect li a{background:#333;padding:15px 30px 15px 50px;border-right:6px solid #fff;color:#fff;font-size:1.1em;}
ul.markAttendanceSelect li a:hover{background:#fff;color:#000;font-weight:bold;padding-left:80px;}
span.messageTime{color:#ccc;font-size:0.9em;width:100px;display:inline-block;vertical-align:top;}
span.messageUser{display:inline-block;font-weight:bold;vertical-align:top;}
span.messageGroup{font-size:0.7em;padding:1px 8px;margin:0 5px 0 0;vertical-align:top;}
span.messageUnread{font-size:0.7em;padding:1px 8px;margin:0 5px 0 0;vertical-align:top;background:red;color:#fff;}
textarea.aTaskNotesTextarea{width:100%;height:70px;}
textarea.programmesTextarea{width:100%;height:100px;margin:0;padding:0;}
textarea.paymentEntriesTextarea{width:150px;height:70px;margin:0;padding:0;}
td.strikeOut{text-decoration:line-through;color:#666;}
.paymentEntryActionDiv{display:none;}
input.programmesInput{width:50px;}
th.programmeStepMaterials{width:400px;}
.aTaskTitle{font-size:1.5em;font-weight:bold;margin-bottom:10px;}
.aTaskDescr{}
.programmeStepTitle{margin-bottom:10px;font-weight:bold;font-size:1.5em;}
ul.programmeViewList{margin:0;padding:0;margin-bottom:20px;}
ul.programmeViewList li{margin:0;padding:0;margin-left:20px;margin-bottom:5px;}
.programmeViewHeader{margin:0 0 30px 0;font-size:1.5em;text-align:center;}
.programmeViewSectionHeader{font-size:1.2em;font-weight:bold;line-height:1.5em;}
.programmeViewSectionContent{line-height:1.2em;}
img.programmeViewImg{width:100%;margin-bottom:5px;}
.programmeViewLine{margin-bottom:8px;font-size:1.4em;}
/*.resultsTable td.PPSequence{line-height:1.2em;font-size:1.2em;}*/
table.PPSequenceInnerTable{border:0;border-collapse:collapse;padding:0;margin:0;width:100%;}
table.PPSequenceInnerTable td{border:0;}
ul.programmeStepsList{margin:0;padding:0;}
.materialsAddBox{display:none;}
ul.programmeStepsList li{margin:0;padding:0;list-style-type:none;}
table.programmeStepLine{margin:20px 0;}
.message{padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.messageContent{display:inline-block;}
form.inlineForm{display:inline;}
.dailyReportUncompletedTask{background:#eb7979;}
#userMsg{margin:10px 0 20px 0;}
#userMsg a{color:#fff;}
#userMsg ul{margin:0;padding:0;}
#userMsg ul li{margin:0;padding:0;background:#98AFC7;padding:8px;list-style-type:none;color:#fff;margin-bottom:10px;font-size:0.9em;padding-left:15px;}
/*#userMsg ul li span{font-size:0.7em;}*/
#dashboardLinks{margin:20px 0;}
ul#programmesSequence,ul#programmeStepsSequence,ul#checklistItemsSequence{margin:0;padding:0;}
ul#programmesSequence li,ul#programmeStepsSequence li,ul#checklistItemsSequence li{margin:0;padding:0;list-style-type:none;margin-bottom:10px;cursor:move;}
ul#programmesSequence li a,ul#programmeStepsSequence li a,ul#checklistItemsSequence li a{cursor:move;}
ul#programmesSequence li a,ul#programmeStepsSequence li a{color:#000;}
#dashboardLinks ul{margin:0;padding:0;padding-bottom:1em;line-height:2em;display:inline;}
#dashboardLinks ul li{display:inline-block;margin:0 0 5px 5px;padding:0px 20px;list-style-type:none;border:1px solid #000;background:#efefef;font-size:0.9em;}
#dashboardLinks ul li.dashboardLinksActive a{color:#fff;}
.programmeStepSaveButton{position:absolute;bottom:0;}
/*textarea.programmesSmallTextarea{}*/
textarea.programmesTextareaSmall{width:100%;height:50px;margin:0;padding:0;}
.programmeMediaImgEdit{height:100px;width:100px;overflow:hidden;display:inline-block;position:relative;margin:4px 0 4px 0;border:1px solid #ccc;}
.programmeMediaImgEdit img{height:100px;min-width:100px;}
.programmeMediaImgFileName{font-size:2em;position:absolute;bottom:0;left:0;text-transform:uppercase;z-index:2;}
.programmeMediaAction{position:absolute;top:0;right:0;background:#333;color:#fff;font-size:1em;padding:4px 8px;}
#dashboardLinks ul li.dashboardLinksActive{background:#000;color:#fff;}
@font-face {
	font-family: Geosanslight;
	src: url('GeosansLight.ttf');
}
nav{
  position:fixed;
  top:0;
  left:0;right:0;
  height:40px;
  min-height:40;px;
  background:#000;
  font-size:0.9em;
  z-index:999;
  border-bottom:1px solid #333;
  overflow:scroll;
  text-align:left;



}
nav a{color:#efefef;}
nav>ul{
  display:inline;
margin:0;
padding:0;
}

nav>ul>li{
  margin:0;
  padding:0;
  /*list-style-type:none;*/
  vertical-align:top;
  display:none;
  /*padding:0;*/
  background:none;
  /*border:1px solid #000;*/
}
nav #logo{height:20px;margin:10px;}
nav>ul>li>ul{display:none;}
/*nav>ul>li:first-child{display:block;}*/
nav>ul>li.navCloseShow{display:inline-block;width:auto;}
nav>ul>li{line-height:40px;padding:0 20px;border-right:1px solid #333;}
nav>ul>li:first-child{border-left:1px solid #333;}
.navOpen{
  height:75%;
  border-bottom:20px solid black;
}
.navOpen #logo{height:30px;margin:20px;}

.navOpen ul{display:block;margin:0 20px;}
.navOpen>ul>li{border:none;line-height:1em;display:inline-block;padding:0;margin:20px 10px 20px 10px;max-width:220px;}
.navOpen>ul>li ul{border-left:1px solid #333;margin:10px 1px;padding:0;}
.navOpen>ul>li ul:last-child{margin-bottom:0;}
.navOpen>ul>li ul li{padding:10px;}
.navOpen>ul>li>a{padding:10px 20px;background:#efefef;color:#000;}
.navOpen>ul>li>ul{margin-top:20px;}
.navOpen>ul>li:first-child{border-left:0;}



/*
nav {
	
	text-align: left;
	position:fixed;
	top:0;
	left:0;
	background:#efefef;

	font-size:0.9em;
	z-index:1;
	width:75%;

	border-bottom:1px solid #333;
}


nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}


nav ul {
	background: #efefef; 
	padding: 0;
	margin:0;
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;		
		border-right:1px solid #333;
		position:relative;

	}
	nav ul li:first-child{}
		nav ul li:hover {
			background: #ccc;
		}
			nav ul li:hover a {
				color: #000;
			}
		
		nav ul li a {
			display: block; padding: 10px 20px;
			color: #000; text-decoration: none;
		}
			
		
	nav ul ul {
		background: #efefef; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;left:-1px;
			border-top:1px solid #333;
			border-left:1px solid #333;
	}
		nav ul ul li {
			float: none; 

			border-bottom: 1px solid #333; position: relative;
		}

			nav ul ul li a {
				padding: 10px 20px;
				color: #000;
			}	
				nav ul ul li a:hover {
					background: #ccc;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:-1px;
	}
nav ul ul li:first-child{border-left:0;}
*/
#SKHeader,#SKFooter { /*
  background: url('rainbow.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  */

}
/*#SKFooter{background:#000;}*/
.serviceKioskAlertBox{background:red;color:#fff;padding:20px 40px;width:80%;display:inline-block;font-size:1em;font-weight:bold;line-height:1.4em;margin:20px 0;}
.serviceKioskAlertBoxBorder{border:3px solid red;color:red;padding:20px 40px;display:inline-block;font-size:1.2em;font-weight:bold;line-height:1.4em;margin:20px 0;}
.SKPaymentHighlight{border:1px solid #fff;padding:4px 8px;background:#000;color:#fff;}
body.serviceKiosk{padding:0;margin:0;font-family:Helvetica,Arial;background:#fff;color:#333;text-align:center;}
#serviceKiosk{margin:70px 0;}
.serviceKioskAd{position:fixed;top:2%;left:10%;right:10%;bottom:2%;z-index:99;}
.serviceKioskAd img{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;max-height:100%;max-width:100%;-webkit-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);
box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);}
.SKATMKeypad{border:1px solid #ccc;background:#efefef;padding:4px 10px;border-radius:5px;color:#000;}
.SKTotalPayable{font-size:2em;font-weight:bold;padding:10px 30px;background:#5EFB6E;color:#000;}
.SKSpecialRate{margin:20px 0;font-family:"Geosanslight";font-size:1.5em;}
ol.SKPaymentSteps{margin:0 auto;}
ol.SKPaymentSteps li{text-align:left;font-size:1.3em;margin:25px 0;}
table.serviceKioskTable, table.serviceKioskTable td, table.serviceKioskTable th{border:1px solid #000;border-collapse:collapse;font-size:0.9em;}
table.serviceKioskTable td{padding:12px;vertical-align:middle;font-size:1em;background:#fff;color:#000;}
table.serviceKioskTable th{padding:8px;background:#000;color:#fff;text-transform:uppercase;text-align:center;}
table.serviceKioskTable tr:hover, table.serviceKioskTable tr:hover a{}
table.serviceKioskTable tr:hover .teachersDisplayList a{background:#efefef;color:#737CA1;}
table.serviceKioskTable td.SKTablePad{padding:10px 20px;}
button.pseudoCheckbox{border:0;background:#ccc;color:#fff;font-size:1em;padding:5px 10px;cursor:pointer;border-radius:5px;width:100%;height:70px;min-width:300px;}
button.SKAttending{background:#566573;}
/*button.SKAttending{background:#00e100;}*/
button.SKNotAttending{background:#ededed;color:#aaa;}
button.SKRescheduling{background:red;}
button.SKNotRescheduling{background:#ededed;color:#aaa;}
button.SKCheckboxSelected{background:#566573;}
/*button.SKAttending{background:#00e100;}*/
button.SKCheckboxUnselected{background:#ededed;color:#aaa;}
/*table.serviceKioskTable tr:hover th{color:#000;}*/
#serviceKioskNameSelect{margin-top:30px;}
#SLDNameSelect{margin-top:30px;}
.sldContent{max-width:600px;width:80%;}
@media only screen and (max-width:800px) {
  .sldContent{font-size:0.8em;}
  input.SLDInputText{font-size:0.8em;}

}
table.serviceKioskTable{margin:0 auto;}
table.serviceKioskTableSelfPayment{margin:0 auto;width:100%;}
table.serviceKioskTableSelfPayment table,table.serviceKioskTableSelfPayment th,table.serviceKioskTableSelfPayment td{border:0;padding:4px;}
#screenSaver{z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;display:none;vertical-align:middle;text-align:center;background:#000;color:#fff;}
#screenSaverItemsHolder{display:none;}
#screenSaverStatus{display:none;}
#screenSaverHidden{display:none;}
#screenSaver .screenSaverItem{width: 50%;height: 50%;overflow: auto;margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;}
.screenSaverTitle{font-family:"Geosanslight";font-size:4.5em;font-weight:bold;border-bottom:1px solid #fff;padding-bottom:60px;margin-bottom:60px;}
.screenSaverText{font-family:"Geosanslight";font-size:2.5em;line-height:2em;}
#webcam{margin-top:1000px;}
#snapshotStatus{display:none;}
#serviceKioskRequest{height:100%;width:100%;position:fixed;left:0;top:0;background-color:#fff;display:none;vertical-align:middle;text-align:center;z-index:1;color:#000;}
#serviceKioskRequestText{width:400px;height:100px;color:#000;position: absolute;top:0;bottom: 0;left: 0;right: 0;margin: auto;}
#serviceKioskWrapper{padding:0;margin:0;position:relative;margin-top:100px;}
.serviceKioskNotice{font-size:1em;width:600px;margin:0 auto;line-height:2em;font-weight:normal;}
#keyboard{margin:20px 0;}
#keyboard span{border:1px solid #999;background:#efefef;border-radius:5px;padding:4px 30px;margin-right:10px;font-size:2em;cursor:pointer;color:#000;}
#keyboard div{line-height:3.5em;}
.selfPaymentTitle{text-align:center;font-size:1.4em;}
.selfPaymentSmallText{font-size:0.8em;}
.selfPaymentTags{font-size:0.8em;}
.selfPaymentDate{font-size:1.4em;}
.serviceKioskHighlight{margin:30px 0;padding:10px 40px;font-size:2em;font-family:Geosanslight;background:#efefef;border:#ccc 1px solid;border-radius:10px;display:inline-block;color:#000;}
.serviceKioskTitle{font-size:2.5em;font-family:"Geosanslight";}
.serviceKioskText{font-size:1.3em;margin:20px 0;line-height:2em;}
.serviceKioskTextHalfPage{width:50%;margin:auto auto;}
.serviceKioskText34Page{width:75%;margin:auto auto;}
#SKRestart{position:fixed;bottom:120px;left:10px;background:#000;height:100px;width:100px;border-radius:50px;border:0;color:#fff;text-transform:uppercase;cursor:pointer;-webkit-appearance:none;font-size:0.9em;margin:0;padding:0;outline:0;z-index:100;white-space: normal;}
#SKNext{position:fixed;bottom:10px;right:10px;height:100px;width:100px;border-radius:50px;border:0;color:#fff;text-transform:uppercase;cursor:pointer;background:#fff;-webkit-appearance:none;font-size:0.9em;margin:0;padding:0;outline:0;z-index:100;}
#SKBack{position:fixed;bottom:120px;left:10px;height:100px;width:100px;border-radius:50px;border:0;color:#fff;text-transform:uppercase;cursor:pointer;background:#000;-webkit-appearance:none;font-size:0.9em;margin:0;padding:0;outline:0;z-index:100;}
.serviceKioskBreak{font-size:3em;margin:0 0 0px 0;}
#serviceKioskBox{width:80%;margin:0 auto;}
input.SKInputText{width:600px;height:70px;font-size:2.2em;border:5px solid #000;text-align:center;text-transform:uppercase;}
input.SLDInputText{width:100%;height:70px;font-size:2.2em;border:5px solid #000;text-align:center;text-transform:uppercase;}
input.SKButton{font-size:1.4em;border:0;background:#566573;border-radius:5px;cursor:pointer;border-radius:15px;padding:10px 50px;margin-bottom:10px;-webkit-appearance:none;color:#fff;}
input.SLDButton{font-size:1.4em;display:block;border:0;background:#566573;border-radius:5px;cursor:pointer;border-radius:15px;padding:10px 50px;margin-bottom:5px;-webkit-appearance:none;color:#fff;white-space:normal;}
button.SKSmallButton,input.SKSmallButton{font-size:0.9em;border:1px solid #333;background:#efefef;color:#000;cursor:pointer;border-radius:5px;padding:4px 10px;margin:0 5px;-webkit-appearance:none;}
button.SKSmallButton:hover,input.SKSmallButton:hover{background:#666;color:#fff;border-color:#ccc;-webkit-appearance:none;}
button.trialWeekSelected{background:#333;color:#fff;}
/*button.trialWeekSelected a{color:#fff;}*/
form.SKForm{display:inline;}
.SKDialogs{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.9);z-index:1;display:none;}
#SKDialogContents{position:absolute;top:50%;left:50%;width:60%;transform:translate(-50%,-50%);background:#fff;padding:40px;}
#SKDialogContentsHeight80{position:absolute;top:50%;left:50%;width:60%;transform:translate(-50%,-50%);background:#fff;padding:40px;height:80%;overflow:auto;}
.SKDialogClose{position:absolute;top:20px;right:20px;font-size:2em;height:30px;width:30px;cursor:pointer;}
.SKDialogTitle{font-size:2.5em;font-family:"Geosanslight";margin-bottom:20px;}
.SKDialogDescr{font-weight:bold;font-size:1.2em;}
.SKDialogPara{margin:20px 40px;line-height:1.4em;}
.SKDialogPrice{margin:20px 0;padding:10px 20px;background:#efefef;border:1px solid #ccc;display:inline-block;font-size:1.2em;}
.SKDialogLearn{font-size:1.1em;margin:5px 0;}
.serviceKioskButtonDescr{text-align:center;}
form.formInline{display:inline;}
a.teachersPortalButton{text-decoration:none;padding:5px 10px;background:#fff;color:#000;margin:30px 0;border:1px solid #000;}
a.teachersPortalButtonActive{text-decoration:none;padding:5px 10px;background:#333;color:#fff;margin:10px 0;border:1px solid #000;}

input.teacherPrompter{background:#21ee26;padding:10px 20px;font-size:0.9em;cursor:pointer;margin:10px 0;border:none;}
input.teacherPrompterStop{background:#FF0000;padding:10px 20px;font-size:0.9em;cursor:pointer;margin:10px 0;border:none;}
button.SKMainButton,input.SKMainButton{font-size:2em;border:0;background:#566573;color:#fff;cursor:pointer;border-radius:20px;margin:0 0 20px 0;padding:15px 100px;font-family:"Geosanslight";-webkit-appearance:none;}
.SKMainButtonSubText{font-size:0.5em;}
button.SKMainButtonDisabled,input.SKMainButtonDisabled{font-size:2em;border:0;background:#efefef;color:#ccc;cursor:pointer;border-radius:20px;margin:0 0 20px 0;padding:15px 100px;font-family:"Geosanslight";-webkit-appearance:none;}
#SKLogo{position:fixed;left:15px;top:5px;/*background:rgba(255,255,255,0.9);*/}
#SKLogo img{height:50px;}
#SKTitle{position:fixed;left:10px;top:60px;font-family:"Geosanslight";font-size:2em;color:#fff;display:none;}
#SKHeader{height:65px;margin-bottom:20px;position:fixed;width:100%;top:0;z-index:99;}
/*#SKFooter{height:40px;position:fixed;width:100%;bottom:0;z-index:99;}*/
a#SKLogout{cursor:default;line-height:40px;position:fixed;right:10px;top:0;color:#efefef;z-index:100;font-size:6em;}
a#SKMore{cursor:pointer;color:#333;font-size:0.9em;padding:10px 20px;border:1px solid #333;border-radius:5px;}
#serviceKioskTableMore{display:none;}
#SKFooterText{color:#fff;margin:0 auto;line-height:40px;font-family:"Geosanslight";}
td.taskAlert{background:red;}
.refundQualify{background:#00e100;}
.SQOK,.SQOK:hover{background:#2EFE2E;color:#000;}.SQNOTREPLIED,.SQNOTREPLIED:hover{background:yellow;color:#000;}.SQ2H,.SQ2H:hover{background:orange;color:#000;}.SQ1D,.SQ1D:hover{background:red;color:#000;}
span.SQTag{padding:4px 8px;font-size:0.8em;border-right:1px solid #666;border-bottom:1px solid #666;}
td.maxCell400{max-width:400px;overflow:hidden;}
.paymentRateCheck{background:red;color:#fff;}
.bossLog{position:fixed;top:0;right:0px;width:300px;}
.bossLog iframe{height:100%;}
.bossWrapper{padding-right:300px;}
.alwaysOnButton{font-size:0.7em;padding:3px;color:#fff;}
.alwaysOnTrue{background:green;}
.alwaysOnFalse{background:#888;}
.chartHeader{margin-bottom:20px;font-size:1.5em;border-bottom:1px solid #ccc;font-weight:bold;}
.chartDescr{font-size:1em;font-style:italic;}
.chartBreak{margin-bottom:40px;}
.nodesIFrame{height:30px;}
a.clearTrial{font-size:0.7em;cursor:pointer;}
a{text-decoration:none;color:#737CA1;}
.timeCode{font-family:'Courier';font-size:1.2em;}
.trialConfirm{font-size:0.7em;}
.big{font-size:1.1em;font-weight:bold;}
#sum{font-size:3em;font-weight:bold;}
.paymentInvoiceButton{float:left;padding:8px 15px;border:1px solid #000;border-radius:5px;background:#efefef;margin-right:10px;}
a.paymentInvoiceButton:hover{background:#000;color:#fff;}
.paymentInvoiceText{font-size:1em;}
.paymentInvoiceTotal{margin:20px 0;font-size:1.5em;font-weight:bold;}
.paymentInvoiceSectionDivider{border-top:3px double #000;margin-top:20px;}
.paymentInvoiceHighlight{border:1px solid #000;background:#efefef;padding:2px 4px;}
.paymentInvoiceRequired{margin-left:10px;color:#fff;background:red;padding:2px 4px;font-size:0.7em;}
input.paymentInvoiceHighlight{font-size:1em;}
.paymentInvoiceSteps li{margin: 10px 0;}
input.paymentInvoiceComplete{font-size:2em;}
.accordion {margin: 0px;}
.accordion div, .accordion h4 {
      padding: 10px;
      border: 1px solid black;
      border-bottom: 0; 

}
.accordion h4:last-of-type {
       border-bottom: 1px solid black; 
      }
.accordion .teal{background:#5ee1fd;}
.accordion .orange{background:orange;}
.accordion .green{background:#b8ce09;}
.accordion a {
        display: block;
        font-weight: bold;
	color:#000;
      }

.accordion h4{margin:0;cursor:pointer;font-size:1.2em;background:#333;}
.accordion h4 a{color:#fff;}
.accordion div {
/*     border-top: 0; */
	padding:10px;
	-webkit-margin-start: 0px;
  }
.accordion div:last-of-type {
/*       border-top: 1px solid white;*/
border-bottom:1px solid black;
       position: relative;
       top: -1px;
     }
h4.optionTitle{font-size:0.9em;}
.externalPage{text-align:center;}
#externalPageWrapper{margin:0 auto;width:900px;padding-bottom:40px;text-align:left;}
.externalPageAlert{border:1px solid #73bbbc;background:#d5ffff;padding:10px;margin:20px 0;}
.externalPageLogo{margin-bottom:30px;}
#externalPageFooter{font-size:0.8em;}
/*
#quickBar{position:fixed;bottom:0;left:0;right:0;height:30px;background:#000;color:#fff;}
#quickBar a{color:#fff;font-size:0.9em;}
*/
.displayPanel{display:none;text-align:left;}
#quickBarElement{position:fixed;z-index:2;top:50px;left:10px;max-height:80%;color:#000;background:#efefef;border:1px solid #333;padding:10px;overflow:auto;}
#alert{position:fixed;bottom:0;left:0;right:0;font-size:0.9em;color:pink;display:none;background:red;z-index:999;line-height:40px;text-align:center;}
a#closeTaskButton {color:#000;position:absolute;top:10px;right:10px;font-size:0.8em;}
.quickBarTrigger{position:absolute;right:10px;top:5px;}
td.paymentCheckNA{background:#FF0000;}
td.stockTakeWarning{background:#FF0000;}
td.teachersWarning{background:#FF0000;}
td.teachersExceed{background:#FF0000;}
td.warning{background:#FF0000;}
ul.plainList{margin:0;padding:0;}
ul.plainList li{margin:0;padding:0;list-style-type:none;}
ul.teachersDisplayList{margin:0;padding:0;display:inline;}
ul.teachersDisplayList li{list-style-type:none;border:1px solid #000;background:#efefef;padding:1px 4px;margin-bottom:2px;font-size:1.1em;}
ul.teachersDisplayList li.teachersLinkConfirmed{background:#333;color:#fff;}
ul.teachersDisplayList li.teachersLinkRejected{background:#F75D59;color:#fff;}
ul.teachersDisplayList li.teachersLinkConfirmed a,ul.teachersDisplayList li.teachersLinkRejected a{color:#fff;}
.teachersDisplayPanel{width:100%;}
.teachersUpdatePanel{display:none;}
.teachersUpdateCell form{margin:5px 0 0 0;}
.teachersUpdatePanel h3{margin-top:0;}
.teachersUpdatePanel form,.teachersUpdatePanelDescr{display:none;}
.teacherRemove{float:right;}
a.submitTCSignature{background:#333;border:2px solid #000;padding:8px 50px;font-size:1em;color:#fff;margin:0 auto;}
table.maxWidthTable{width:100%;}
table.resultsTable, table.resultsTable td{border:1px solid #333;border-collapse:collapse;font-size:1em;}
table.resultsTable th{border:1px solid #333;border-collapse:collapse;font-size:1em;}
table.resultsTableBlack, table.resultsTableBlack td, table.resultsTableBlack th{border:1px solid #000;}
/*table.resultsTableBlac{border:1px solid #000;}*/
table.resultsTable table.resultsTable td,table.resultsTable table.resultsTable th{font-size:1.1em;}
table.resultsTable table.resultsTable{width:100%;}
table.resultsTable td{padding:4px;vertical-align:top;}
table.resultsTable th{padding:4px;background:#ccc;text-transform:uppercase;text-align:center;}
table.trialReservationSelection th,table.trialReservationSelection td{padding:10px;vertical-align:middle;}
table.resultsTable th.staffTable{background:#ccc;}
table.resultsTableBlack th{background:#000;color:#fff;}
/*table.resultsTable tr.smallRow.staffRowHighlight:hover,tr.staffRowHighlight:hover{background:yellow;}*/
/*tbody.staffTBodyHighlight:hover{background:yellow;}*/

/*table.resultsTable tr:hover, table.resultsTable tr:hover a{background:#F6358A;color:#fff;}*/
table.resultsTable tr:hover .teachersDisplayList a{}
/*table.resultsTable tr:hover th{color:#000;}*/
/*table.resultsTable tr:hover th.resultsTableHighlight{color:#fff;}*/
td.resultsTableHighlight{font-weight:bold;color:#fff;background:#000;}
tbody.resultsTableRed,td.resultsTableRed{font-weight:bold;color:#fff;background:red;}
tbody.resultsTableGrey,td.resultsTableGrey{font-weight:bold;background:#efefef;}
table.resultsTable th.resultsTableHighlight{font-weight:bold;color:#fff;background:#000;}

table.receiptTable, table.receiptTable td, table.receiptTable th{border:1px solid #000;border-collapse:collapse;font-size:0.9em;}
table.receiptTable td{padding:4px;font-size:1em;}
table.receiptTable th{padding:4px;font-size:0.8em;text-transform:uppercase;text-align:center;}
table.receiptHeader{font-size:0.7em;width:100%;}
table.reportWidth{width:100%;}
table.fullWidth{width:100%;}
.programmeStepsAlert{color:red;}
#programmeFormMain textarea{font-size:1.3em;}
#programmeFormMain input[type=text]{font-size:1.3em;}
span.programmeStepCounter{font-weight:bold;font-size:2em;}
span.programmeGuideCounter{font-weight:bold;font-size:2em;}
.programmeGuideInputDescr{font-size:2em;width:100%;}
td.longEmptyField,th.longEmptyField{width:200px;}
.inputSmall{width:40px;}
table.tableAlignTop td{vertical-align:top;}
.alignCentre{text-align:center;}
td.alignMiddle{vertical-align:middle;}
.programmeGuideFormImg{max-height:100px;}
ul.programmeGuidesSequence li{height:150px;padding:0;margin:0;}
ul.programmeGuidesSequence{list-style-type:none;margin:0;padding:0;}
.large{font-size:1.5em;}
.small{font-size:0.8em;}
.vSmall{font-size:0.6em;}
.formDescr{font-size:0.8em;color:#555;}
.hide{display:none;}
.paymentPreviewHighlight{background:#F87431;color:#fff;}
.letterFooter,.receiptFooter{margin-top:150px;border-top:1px solid #000;text-align:center;font-size:0.7em;text-transform:uppercase;}
.documentFooter,{margin-top:10px;border-top:1px solid #000;text-align:center;font-size:0.7em;text-transform:uppercase;}
.letterFooter{page-break-after: always;}
.receiptTable td.resultsTableHighlight{background:#fff;color:#000;font-size:1.2em;}
.receiptBreaker{border-bottom:1px solid #000;margin:20px;display:none;}
.footerFeature{margin-top:20px;}
.leftFeature{margin:20px 0px;}
td.green{background:#00e100;}
td.red{background:#ff0000;}
td.yellow{background:yellow;}
.leftFeatureTitle{border-bottom:1px solid #aaa;margin-bottom:5px;}
.classFull{background:#ff0000;padding:3px;color:#fff;font-size:0.8em;}
.classAlmostFull{background:#FBB117;padding:3px;color:#fff;font-size:0.8em;}
.classTrialAvailable{background:#00e100;padding:3px;color:#fff;font-size:0.8em;}
.classNotes{background:yellow;padding:4px;margin-bottom:10px;}
/*.classNotesTitle{margin-bottom:10px;text-transform:uppercase;color:#aaa;font-size:0.8em;border-bottom:1px solid #ccc;}*/
body{text-align:left;font-family:"Helvetica";padding:0;margin:0;}
nav{/*min-width:768px;*/}
#second{position:fixed;left:100%;right:0;top:0;bottom:0;border-left:8px solid #000;}
#second iframe{height:100%;width:100%;}
#wrapper{text-align:left;padding:40px 0;width:75%;overflow:auto;position:relative;/*min-width:768px;*/}
#messageBoard{position:fixed;width:25%;min-width:250px;top:40px;right:0;height:100%;text-align:left;background:#efefef;border-left:1px solid #333;overflow:auto;}
#left{float:left;width:140px;position:fixed;font-size:0.9em;display:none;}
#right{margin:10px;position:relative;overflow:auto;}
#left ul{margin:0;padding:0;}
#left ul li{font-weight:bold;}
#left ul li ul{margin:5px 0;}
#left ul li ul li{margin-left:20px;font-weight:normal;font-size:0.9em;}
tr.studentRowCancelled,tr.studentRowCancelled a{color:#ddd;}
tr.studentRowRescheduled{background:#EAC117;}
tr.studentRowTrial{background:#c4fdbb;}
tr.studentRowFuture{background:#EAC117;}
tr.studentRowNotes{background:yellow;}
.rowNotesHeader{text-transform:uppercase;color:#333;font-size:0.6em;margin-bottom:5px;}
.markAttendanceClassNotes ol,tr.studentRowNotes ol,.classNotes ol{margin:0;}
tr.studentRowDisabled, tr.studentRowDisabled a{color:#ccc;}
td.studentCellHighlight{background:#C2DFFF;}
.classDayTitle{background:#000;padding:10px;color:#fff;font-size:1.2em;margin:20px 0;}
.classSlotTitle{background:#666;padding:10px;color:#fff;font-size:1em;margin-bottom:10px;}
.classSlotDetails{font-size:0.8em;float:right;}
.class{margin:30px 0;}
ul.weekLinks{margin:0;padding:0;}
ul.weekLinks li{list-style-type:none;display:inline;margin-right:10px;}
/*.weekOverviewLinks{font-size:0.8em;}*/
.weekOverviewLinks form{display:inline;}
.trialTag{background:#c4fdbb;padding:3px;color:#fff;font-size:0.8em;}
.showStudentProfileImages{background:yellow;padding:3px;color:#000;font-size:0.8em;margin-left:10px;}
.paymentCloseTag{background:#ff0000;padding:3px;color:#fff;font-size:0.8em;}
.paymentPaidTag{background:#00e100;padding:3px;color:#fff;font-size:0.8em;white-space:nowrap;margin-left:5px;}
.incompleteWeeksIncomplete{background:red;padding:3px;color:#fff;font-size:0.8em;white-space:nowrap;margin-left:5px;}
.incompleteWeeksComplete{background:#00e100;padding:3px;color:#fff;font-size:0.8em;white-space:nowrap;margin-left:5px;}
.centreNotes{padding:10px;background:#efefef;font-size:0.7em;margin:10px 0;}
.centreNotesTitle{margin-bottom:10px;color:#aaa;text-transform:uppercase;font-size:0.8em;border-bottom:1px solid #ccc;cursor:pointer;}
.centreNotesContent{display:none;margin:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 0;}
.centreNotesContentHelper{cursor:pointer;}
textarea{width:100%;height:100px;}
textarea.smallTextarea{width:100%;height:50px;}
.largeInputText{width:300px;}
.fullInputText{width:100%;}
.largeTextarea{width:500px;height:500px;}
td.highlightTodayCell{background:#ffb9b9;}
.formTable input[type=text]{width:500px;}
.controlBar{position:fixed;bottom:0px;left:0;right:0;padding:10px;background:#111;color:#fff;border-bottom:4px solid #ccc;z-index:1;}
.controlBar form{display:inline;}
.today{margin-right:20px;}
.controlBarItem a{margin-right:20px;background:#EB374B;color:#fff;padding:4px 10px;font-size:0.8em;border-radius:4px;}
.controlBarItem a:hover{background:#cb3041;}
.birthdayTag{margin:0 5px;}
.studentStatusTag{margin:0 2px;height:12px;}
.canvasTag{margin:5px 0;}
.canvasTag span{background:#FFD700;padding:3px;color:#000;font-size:0.8em;white-space:nowrap;display:block;}
tr.smallRow th{background:#ccc;color:#000;font-size:0.8em;}
tr.smallRow td{color:#000;font-size:0.8em;text-align:center;}
tr.smallRow td.alignLeft,td.alignLeft,.alignLeft{text-align:left;}
/*.alignRight{text-align:right;}*/
.teacherControl{background:#666;padding:8px;border:1px solid #000;color:#fff;margin-top:5px;text-align:left;}
.teacherControl a{color:#fff;}
.staffCounterText{background:#ccc;color:#000;padding:2px 4px;display:inline-block;font-size:0.9em;margin-bottom:2px;}
.staffCounterText a{color:#000;}
.resultsTable th.teachersProgrammeAE,.resultsTable th.teachersProgrammeE,.resultsTable th.teachersProgrammeP{white-space:nowrap;}
.resultsTable th.teachersProgrammeColor0{background:#50EBEC;white-space:nowrap;}
.resultsTable th.teachersProgrammeColor1{background:#57E964;white-space:nowrap;}
.resultsTable th.teachersProgrammeColor2{background:#F87431;white-space:nowrap;}
.resultsTable th.teachersProgrammeColor3{background:#EAC117;white-space:nowrap;}
.resultsTable th.teachersProgrammeColor4{background:#C0C0C0;white-space:nowrap;}
.resultsTable th.teachersProgrammeColor5{background:#8D38C9;white-space:nowrap;}
.resultsTable th.teachersProgrammeColor6{background:#E0FFFF;white-space:nowrap;}
tbody.highlightRow:hover,tbody.claimsRow:hover,tbody.centreAreasOverview:hover,tbody.staffTBodyHighlight:hover{background:yellow;}
#actionHolder{position:fixed;top:0;right:0;z-index:5;}
.signatureLine{font-size:0.9em;text-transform:uppercase;border-top:1px solid #000;width:50%;}
.teachersSessionsReportBreak{page-break-after:always;}
.clearBoth{clear:both;}
form#studentsSearchForm{/*position:absolute;top:8px;right:0;z-index:99;*/margin:0;padding:0;}
#studentsSearchForm input[type=text]{border:1px solid #333;margin:0;padding:10px 10px;width:100%;}
#studentsSearchForm input[type=submit]{height:2em;border:1px solid #333;margin:0;padding:0 10px;margin-left:5px;background:#fff;margin-right:10px;}
.slideshowTroubleshoot{text-align:left;width:80%;margin: auto auto;}
.alignRight,td.alignRight{text-align:right;}
.alignLeft,td.alignLeft{text-align:left;}

/*input.normalInputText{width:180px;}*/
@media print{
	#wrapper,#right,#page{width:100%;}
  #second,#curtain,.footerFeature,#userMsg,.printHide,#messageBoard,nav,#octopusLink{display:none;border:0;}
}

@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	#background img {display: none;}
	table.paymentsTable td{padding:8px;font-size:1.2em;}

}
@media screen and (max-width:800px) {
  .pageNotesTimeHolder{padding:10px;font-size:1.2em;}
}

@media screen and (max-width:400px) {
  /*table.bossQuickTaskTable{border-collapse: separate;border-spacing: 50px 50px;}*/
  table.bossQuickTaskTable td{display:block;}
  table.bossQuickTaskTable td:last-child{border-bottom:40px solid black;}
  /*table.bossQuickTaskTable tr{margin:10px;}*/
  table.bossQuickTaskTable .bossQuickHide{display:none;}  
  #messageBoard{position:relative;width:90%;margin:0 auto;border:1px solid #000;}
  #wrapper{width:100%;}
}


@media only screen and (max-width:800px) {
  .pgSSIntroSlideContent{font-size:1em;}
  .pgSSStepTitle{font-size:1.5em;}
  .pgSSStepExpand{font-size:1em;}
}
@media screen and (max-height: 200px) {
  .faceHolderLabel{display:inline-block;line-height:50px;height:50px;}
  .closeAttendanceBoxNotice{position:absolute;top:0;right:0;left:0;bottom:0;background:rgba(255,0,0,1);color:#fff;display:block;}
  .closeAttendanceBoxNotice span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1em;font-weight:bold;}
  .face{width:48px;height:48px;border-radius:24px;background:#fff;}
  .faceHolder{width:50px;border:0;margin:0 10px;background:none;}
  .facesHolder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;height:50px;}
  /*.faceName{margin:0;background:0;color:#333;}*/
  .faceName,.faceAttendance,.faceTags,.faceAttendanceLink,.faceAttendanceWeeks,.learningPrefTag,.facesLegend{display:none;}
  .markAttendanceClassTitle{display:none;}
}
@media screen and (max-width: 1024px) {
    /*nav,#curtain,#wrapper,.footerFeature {width:100%;}*/
    /*#messageBoard{position:relative;width:100%;border:1px solid #333;background:#fff;margin-bottom:60px;}*/
/*    .comms{border:none;height:auto;max-height:600px;border-bottom:1px solid #333;}
    #octopusLink{right:0;}
    .octopusComms{border-left:none;}
*/    /*#actionBoard{position:fixed;top:0px;right:0px;z-index:2;width:20%;min-width:250px;}*/

}
tr{
      page-break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    page-break-inside: avoid; /* or 'auto' */
}