/*-- Input Fields --*/ input.APSMOFieldRight { text-align: right; } input.APSMOFieldLeft { text-align: left; } input.APSMOFieldCenter { text-align: center; } /*-- Radio --*/ input.radio { margin: -2px 0 0 0; padding: 0 0 0 0; width: 15px; display: inline; } input.radioTeamList { margin: -2px 0 0 0; padding: 0 0 0 0; width: 15px; display: inline; } input.radioSurvey { margin: 0 0 0 0; padding: 0 0 0 0; width: 15px; display: inline; } input.radioSurveyText { margin: -4px 0 0 0; padding: 0 0 0 0; width: 15px; display: inline; } /*-- CheckBox --*/ input.APSMOCheckBox { margin: -2px 0 0 20px; padding: 0 0 0 0; width: 15px; display: inline; } input.APSMOCheckBoxNoLeftMargin { font-size: 12px; margin: -2px 0 0 0; padding: 0 0 0 0; width: 15px; display: inline; } /*-- Images --*/ img.ImageNoBorder { border-style: none;} /*-- Labels --*/ label { margin: 12px 2px 2px 40px; display:block; text-align:left; vertical-align: text-bottom; } label.TeamList { margin: 5px 2px 2px 10px; display:block; text-align:left; vertical-align: text-bottom; cursor: pointer} label.APSMOLabelField { font-size: 12px; text-align: left; padding-left: 2px; display: inline; clear: right; margin: 0px; cursor: pointer} label.radioSurvey {text-align: left; padding-left: 3px; display: inline; clear: right; margin: 0px; cursor: pointer} /*-- Scrollbar for overflow - force display for Safari Browser --*/ ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); border-radius: 8px; -webkit-border-radius: 8px; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(100,100,100,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } /*-- Tables --*/ /*-- General Table --*/ table.APSMOTableGeneral { background-color: #ffffff; padding: 5px; border: 2px solid #FFFFFF; margin-bottom: 5px; margin-left: 20px; } tr.APSMOTableGeneral { background-color: #f0f3f4; height: 40px; width: 170px; padding-left: 10px; } tr.APSMOTableGeneral:hover { background-color: #AAB7D4; cursor: pointer; } tr.APSMOTableGeneralHeader { background-color: #e3e8ea; height: 40px; width: 170px; padding-left: 10px; } table.APSMOTableGeneralNoMargin{ padding: 5px 5px 5px 5px; } table.APSMOTableGeneralNoBorder{ border: none; margin-left: 0px; padding: 5px 5px 5px 5px; } tr.APSMOTableGeneralNoBorder{ border: none; margin-left: 0px; } tr.APSMOTableGeneralBorder{ margin-left: 0px; border: 2px solid; } tr.APSMOTableHeader { background-color: #C3B787;} /*-- Table Cells--*/ td.APSMOTableCellCenter { background-color: transparent; padding: 5px; text-align: center; vertical-align: middle; } td.APSMOTableCellCenterHeader { background-color: transparent; padding: 5px; text-align: center; vertical-align: middle; } td.APSMOTableCellCenterNoBorder{ border: 0; padding: 5px; text-align: center; vertical-align: middle; } td.APSMOTableCellLeft { background-color: transparent; padding: 5px; text-align: left; vertical-align: middle; } td.APSMOTableCellLeftNoBorder { border: 0; padding: 5px; text-align: left; vertical-align: middle; } td.APSMOTableCellRight { background-color: transparent; padding: 5px; text-align: right; vertical-align: middle; } td.APSMOTableCellRightNoBorder { border: 0; padding: 5px; text-align: right; vertical-align: middle; } td.APSMOTableCellRightNoBorder_TopAlign { border: 0; padding: 5px; text-align: right; vertical-align: top; } td.APSMOTableCellCenterNoBorder_TopAlign { border: 0; padding: 5px; text-align: center; vertical-align: top; } td.APSMOTableCellCenter_TopAlign { padding: 5px; text-align: center; vertical-align: top; } td.APSMOTableCellLeft_TopAlign { padding: 5px; text-align: left; vertical-align: top; } td.APSMOTableCellLeftNoBorder_TopAlign { border: 0; padding: 5px; text-align: left; vertical-align: top; } /*-- Student List Table --*/ table.APSMOTableStudentList { background-color: #ffffff; padding: 5px; border: 2px solid #FFFFFF; margin-bottom: 5px; margin-left: 20px; } table.APSMOTableStudentList td:first-child { width: auto; } tr.APSMOTableStudentListHeader { font-size: 12px; background-color: #d3d3d3; height: auto; width: 170px; padding-left: 10px; } tr.APSMOTableStudentList { font-size: 12px; background-color: #f0f3f4; height: auto; width: 170px; padding-left: 10px; } tr.APSMOTableStudentList:hover {background-color: #AAB7D4; /*color: #FFFFFF;*/ } a.APSMOTableStudentList { cursor: pointer; } a.APSMOTableStudentList:hover { color: #ffffff; } /*-- Search Table --*/ table.APSMOTableSearch { background-color: #ffffff; padding: 5px; border: 2px solid #FFFFFF; margin-bottom: 5px; margin-left: 20px; } table.APSMOTableSearch td:first-child { width: auto; } tr.APSMOTableSearchHeader { font-size: 12px; background-color: #d3d3d3; height: auto; width: 170px; padding-left: 10px; } tr.APSMOTableSearch { font-size: 12px; background-color: #f0f3f4; height: auto; width: 170px; padding-left: 10px; } td.APSMOSearchResults { padding: 2px 4px 2px 2px; text-align: left; vertical-align: middle; } /*-- Course Events Table --*/ table.course-events { background-color: #ffffff; padding: 5px; border: 2px solid #FFFFFF; margin-bottom: 5px;} td.course-events-header { background-color: #e3e8ea; height: 65px; width: 170px; } span.course-events-header { margin-left: 15px; font-family: open_sans; color: #33393e; font-size: 15px; font-weight: 700; } /*-- Store Table --*/ table.APSMOStoreTable { border: none; margin-left: 50px; } table.APSMOStoreTableOrderForm { border: none; margin-left: 50px; padding: 3px; } td.APSMOStoreTableLabels { border: none; padding: 5px; text-align: right; vertical-align: middle; } td.APSMOStoreTableFields { border: thick; text-align: left; vertical-align: middle; } td.APSMOStoreTableLabelsBorder { text-align: right; vertical-align: middle; } td.APSMOStoreTableFieldsBorder { text-align: left; vertical-align: middle; text-indent: 5px; } td.APSMOStoreTableFieldsBorderRightAlign { text-align: right; vertical-align: middle; } /*-- Results Summary Table --*/ table.APSMOResultsSummary { border-width: 2px; border-color: black; border-style: solid; border-spacing: 0px; border-collapse: separate; } td.APSMOResultsSummary { border-width: 1px; border-color: black; border-style: inset; padding: 2px; font-size: 12px; font-style: normal; font-family: verdana,arial,sans-serif;} /*-- Results Table --*/ div#APSMOResults { border: black; margin: 0px 0px; } /*-- Header / Footer --*/ div.ResultsHeader { border: 1px solid black; height: 30px; width: 600px; background-color: #d3d3d3; font-size: 12px; } div.ResultsFooter { border-top: 1px solid black; height: 25px; width: 602px; } /*-- Rows --*/ div.ResultsRow { border: 1px solid black; height: 33px; width: 600px; background-color: #eff3f4; border-top: hidden; font-size: 12px; } div.ResultsRow:hover { background-color: #AAB7D4; /*color: #FFFFFF;*/ } div.ResultsRowSelected { border: 1px solid black; height: 33px; width: 600px; background-color: #EBD275; border-top: hidden; } div.ResultsRowSelected:hover { background-color: #EBD275; } /*-- Columns --*/ div.ResultsListPos { float: left; width: 20px; height: 29px; border-right: 1px solid black; text-align: right; padding-top: 5px; padding-right: 5px; } div.ResultsName { float: left; width: 190px; height: 29px; border-right: 1px solid black; padding-top: 5px; padding-left: 5px; } div.ResultsID { float: left; width: 60px; height: 29px; border-right: 1px solid black; padding-top: 5px; } div.ResultsGender { float: left; width: 20px; height: 29px; border-right: 1px solid black; padding-top: 5px; padding-left: 10px; } div.ResultsAnswerHead { float: left; width: 20px; height: 29px; border-right: 1px solid black; padding-top: 5px; padding-left: 4px; padding-right: 4px; } div.ResultsAnswer { float: left; width: 20px; height: 28px; border-right: 1px solid black; padding-top: 5px; padding-left: 4px; padding-right: 4px; background-color: #AAB7D4; } div.ResultsAnswerReview { float: left; width: 28px; height: 33px; border-right: 1px solid black; background-color: #AAB7D4; } div.ResultsAnswer:hover { background-color: #AAB7D4; } div.ResultsZeroHead { float: left; width: 20px; height: 25px; border-right: 1px solid black; padding-top: 5px; padding-left: 4px; padding-right: 4px; } div.ResultsZero { float: left; width: 20px; height: 29px; border-right: 1px solid black; padding-top: 5px; padding-left: 4px; padding-right: 4px; } div.ResultsZeroReview { float: left; width: 28px; height: 33px; border-right: 1px solid black; } div.ResultsZero:hover { background-color: #AAB7D4; } div.ResultsAbsentHead { float: left; width: 55px; height: 25px; border-right: 1px solid black; padding-top: 5px; } div.ResultsAbsent { float: left; width: 37px; height: 29px; border-right: 1px solid black; padding-top: 5px; padding-left: 18px; } div.ResultsAbsentReview { float: left; width: 55px; height: 33px; border-right: 1px solid black; } div.ResultsAbsent:hover { background-color: #AAB7D4; } div.ResultsScoreHead { float: left; width: 25px; height: 25px; padding-top: 5px; padding-left: 5px; } div.ResultsScoreHeadReview { float: left; width: 55px; height: 25px; padding-top: 5px; } div.ResultsScore { float: left; width: 25px; padding-top: 5px; } div.ResultsScoreReview { float: left; width: 55px; padding-top: 5px; } div.ResultsProgScoreHead{ float: left; width: 45px; height: 25px; border-left: 1px solid black; padding-top: 5px; } div.ResultsProgScore { float: left; width: 45px; height: 29px; border-left: 1px solid black; padding-top: 5px; } /*-- END Results Table --*/ /*-- Online Store --*/ div.CatalogueItem { border: 1px solid ; height: 400px; width: 280px; background-color: #EAE5D4; float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 10px;} /*-- Clear Div --*/ div#clear { border: 1px solid black; background: lightgreen; clear: both; } /*-- Packaging Table --*/ div.PackagingHeader { font-size: 12px; height: 20px; width: 890px; background-color: #d3d3d3; line-height: 20px; text-align: center; padding: 10px;} div.PackagingRow { font-size: 10px; border: 1px solid black; height: 20px; width: 890px; background-color: #e9e288; border-top: hidden; } div.PackagingRowScanned { font-size: 10px; border: 1px solid black; height: 20px; width: 890px; background-color: #C9E0C2; border-top: hidden; } div.PackagingRowSent { font-size: 10px; border: 1px solid black; height: 20px; width: 890px; background-color: #82ba71; border-top: hidden; } /*div.PackagingRowScannedUpdated { font-size: 10px; border: 1px solid black; height: 20px; width: 870px; background-color: #C9E0C2; border-top: hidden; margin-left: -1px;}*/ div.PackagingRowSameSchool { font-size: 10px; border: 1px solid black; height: 20px; width: 890px; background-color: #FFFFD2; border-top: hidden; } /*div.PackagingRowSameSchoolUpdated { font-size: 10px; border: 1px solid black; height: 20px; width: 870px; background-color: #FFFFD2; border-top: hidden; margin-left: -1px; }*/ div.PkgTeamID { float: left; width: 55px; height: 20px; border-right: 1px solid black; padding-right: 10px; text-align: right } div.PkgSchoolName { float: left; width: 195px; height: 20px; border-right: 1px solid black; } div.PkgDate { float: left; width: 60px; height: 20px; border-right: 1px solid black; text-align: center; } div.PkgLocation { float: left; width: 64px; height: 20px; border-right: 1px solid black; } div.PkgWeight { float: left; width: 50px; height: 20px; border-right: 1px solid black; text-align: right; padding-right: 5px; } div.PkgPostage { float: left; width: 60px; height: 20px; border-right: 1px solid black; } div.PkgTracking { float: left; width: 80px; height: 20px; border-right: 1px solid black; text-align: right; padding-right: 5px; } div.PkgManifest { float: left; width: 80px; height: 20px; border-right: 1px solid black; text-align: right; padding-right: 5px; } div.PkgNotes { float: left; width: 180px; height: 20px; border-right: 1px solid black; } div.PkgWithOther { float: left; height: 20px; border-right: 0 solid black; line-height: 11px; padding: 0; } div.PackagingRow:hover { background-color: #AAB7D4; } div.PackagingRowScanned:hover { background-color: #AAB7D4; } div.PackagingRowSameSchool:hover { background-color: #AAB7D4; } div.PackagingRowSent:hover { background-color: #AAB7D4; } /* div.PackagingRowSameSchoolUpdated:hover { background-color: #AAB7D4; } div.PackagingRowScannedUpdated:hover { background-color: #AAB7D4; } */ div.PkgWithOtherChk { padding-top: 0; } /*-- Popup Block Display --*/ #fade { z-index: 99999; display: none; background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; } .popup_block{ z-index: 999999; display: none; background: #fff; padding: 5px; border: 15px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /*-- Popup Close Button --*/ img.btn_close { float: right; margin: -45px -45px 0 0; } .popup p { padding: 5px 10px; margin: 5px 0; } /*--Making IE6 Understand Fixed Positioning--*/ *html #fade { position: absolute; } *html .popup_block { position: absolute; } /*-- END Popup Block Display --*/ /*-- JQuery UI Formatting --*/ .no-close .ui-dialog-titlebar-close { display: none; } .ui-widget-overlay { opacity: 0.5 !important; filter: Alpha(Opacity=50) !important; background-color: black !important; } /*-- END JQuery UI Formatting --*/