@media all {

  img, abbr {border: 0; text-decoration: none;}
  input[disabled] {background: #ccc; color: #000; opacity: .6;}
  input[type="button"] {cursor: pointer;}
  fieldset {margin: 2em 0; border: 1px solid #ccc; border-radius: 8px; padding: 10px 0; width: 600px;}
  legend {font-size: 20px; padding: 0 5px;}
  #pressReleases {margin: 1.5em 0 0; padding-left: 20px;}
  #pressReleases li {list-style: square; margin-bottom: 1.5em;}
  #subPage h1 {margin-bottom: .75em;}
  #testimonialList {list-style: url(../i/img-dot.jpg); margin-bottom: 65px;}
  #testimonialList li {margin-bottom: 2em;}
  #testimonialList .rt {margin-top: 5px;}
  #fallText, #springText {text-align: center; font-weight: bold; font-size: 110%;}
  #errorHolder, .warningTxt {font-weight: bold; color: red;}
  #schoolNmHolder, #fallPresetLI, #springPresetLI {display: none;}
  #schoolNmHolder em {padding-left: 80px;}
  #requestForm table {width: 100%;}
  #requestForm td, #requestForm th {padding: 5px; vertical-align: top; text-align: left;}
  #requestForm th {border-bottom: 1px solid #ccc; background: #eee;}
  #requestForm td, .editLink {font-size: 90%;}
  #requestForm .formList .shorterFld {width: 45px;}
  #requestForm.increaseLineSpace .formList li {margin-bottom: 18px;}
  #localNav, #deeperLocalNav {line-height: 1.5; overflow: auto; margin: 0; list-style: none; padding: 10px 0 10px 20px; background: #000; color: #EF9B01; font-size: 15px;}
  #deeperLocalNav {background: #999; font-size: 13px; color: #000;}
  #localNav li, #deeperLocalNav li {float: left; padding-right: 25px;}
  #localNav a, #deeperLocalNav a {color: #fff; text-decoration: none;}
  #adminNav .active, #adminNav .active:hover {color: #000;}
  #localNav a:hover {color: #EF9B01;}
  #deeperLocalNav a:hover {color: #000;}
  #cartForm td, #progressSpinner {vertical-align: middle;}
  #progressSpinner {display: none;}
  #showCart {border-radius: 8px; background: #000; color: #fff; margin-top: 18px; border: 2px solid #ccc; font-size: 14px; padding: 5px 10px; position: absolute; top: -175px; right: 20px; width: 180px;}
  #showCart p {margin: .35em 0;}
  #showCart a {color: #fff;}
  #masthead #showCart {top: 13px; margin-top: 0;}
  #overlay {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2000; background: #000; opacity: .8;}
  #minicart {border-radius: 8px; border: 1px solid #ccc; position: absolute; left: 30px; top: -100px; background: #fff; z-index: 3000; min-height: 150px; width: 860px; padding: 10px 20px;}
  #masthead #minicart {top: 70px;}
  #masthead #showCart a {text-decoration: underline;}
  #adminEmailForm, #cloneContainer, #evtFilterContainer, #emailContainer, #smsContainer, #photogModalContainer, #iframeContainer, #payModalContainer {border-radius: 8px; border: 1px solid #ccc; width: 550px; position: fixed; z-index: 3000; background: #fff; top: 200px; left: 50%; margin-left: -291px; padding: 15px;}
  #photogDataHldr {height: 400px; overflow: auto;}
  #payNotesForm textarea {width: 90%; margin: 5px 0;}
  #payNotesDataHldr:not(:empty) {margin-top: 15px; border-top: 1px solid #000; padding-top: 15px;}
  #evtFilterContainer, #iframeContainer {width: 750px; margin-left: -391px; top: 100px;}
  #iframeContainer {top: 5vh;}
  #evtFilterContainer ul {list-style: none; margin: 15px 0 30px; column-count: 3; -moz-column-count: 3; -webkit-column-count: 3;}  
  #evtFilterContainer li {margin: 7px 0;}
  #evtFilterContainer input {vertical-align: top;}
  #closeLightbox, #closeLightbox2, #closeLightbox3, #closeLightbox4, #closeLightboxIframe {position: absolute; top: -12px; right: -12px; display: block; width: 24px; height: 24px; z-index: 3500;}
  #msgTxt {font-weight: bold; font-size: 110%; padding: 8px; background: #eee; border: 2px solid #ccc;}
  #overlay, #minicart, #adminEmailForm, #cloneContainer, #evtFilterContainer, #emailForm, #emailConfirmHldr, #emailErrorHldr, #smsForm, #smsConfirmHldr, #smsErrorHldr, #photogsModal, #iframeContainer {display: none;}
  #overrideList {column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; list-style: none; margin: 0; padding: 0;}
  #overrideList li {line-height: 2.5;}
  #overrideList img {vertical-align: middle;}
  #userInfo {color: #fff; position: absolute; top: 0; right: 0; font-size: 14px; min-width: 350px; text-align: right; padding: 10px 20px 0 0;}
  #subjectLine, #messageLine, #smsMessageLine {width: 350px;}
  .clr {clear: both;}
  .rt {text-align: right;}
  .photoCol {float: left; width: 70px; margin-right: 20px;}
  .photoCol img {box-shadow: 2px 2px 2px #000;}
  .bio {float: left; width: 610px;}
  .bio h3 {font-size: 110%; font-weight: normal; font-style: italic; margin: 0 0 4px;}
  .bioIndent {padding-left: 90px; margin: 2em 0; width: 610px;}
  .bioIndent h2, .contentList h2 {font-size: 110%; margin: 0;}
  .bioIndent p, .contentList p {margin: 0;}
  .contentList li {list-style: circle; margin-bottom: .5em;}
  .contentList.squared li {list-style: square;}
  .dividerLine {margin-bottom: 30px; border-bottom: 2px solid #000; padding-bottom: 30px;}
  .formList {margin: 0; padding: 0; list-style: none;}
  .formList li {margin-bottom: 10px; clear: both;}
  .formList label {float: left; margin-right: .5em; width: 7em; text-align: right;}
  .formList label:empty {display: inline-block; float: none; width: 6.75em;}
  .formList .restyleLabels label {float: none; margin: 0 0 10px; width: auto !important; text-align: left; padding: 0; display: block;}
  .formList.reportOuts label {width: 9em; position:relative; top: 5px;}
  .formList.reportOuts li {margin-bottom: 18px;}
  .formList.reportOuts select {width: 300px;}
  .formList.widerLabels label {width: 12em;}  
  .formList.wideLabels label {width: 16em;}
  .formList input[type="tel"], .formList input[type="text"], .formList input[type="email"], .formList input[type="password"], .formList input[type="submit"], .formList input[type="number"], .formList textarea, .formList select, .oneOff, .formList input[type="file"] {padding: 4px 8px; border: 1px solid #0d79a7; font: 100% 'Signika Negative', sans-serif; border-radius: 8px;}
  .formList input[type="tel"], .formList input[type="text"], .formList input[type="email"], .formList input[type="password"], .formList textarea, .formList input[type="file"], .formList input[type="number"] {width: 300px;}
  .smallestPayFld {width: 60px !important;}
  .payFld {width: 80px !important;}
  .payNotes {width: 200px !important; height: 60px;}
  select.oneOff {background: #fff;}
  .formList textarea {vertical-align: top;}
  .formList li .priceSizeField, .priceSizeField {width: 60px;}
  .formList li .dateField {width: 100px;}
  .formList li .shorterInput {width: 180px;}
  .formList li .itemDescriptionField {width: 240px;}
  .formList select {width: 235px; background: #fff;}
  .formList .autowidth, .formList .narrowMenu {width: auto;}
  select.autowidth {width: auto !important; max-width: 260px;}
  select.autowidth.nomax {max-width: unset;}
  .formList .rateFld {width: 100px !important;}
  .formList .rateFld.override {background: yellow; font-weight: bold;}
  .formList input[type="submit"], a.oneOff {background: #eee;}
  .formList input[type="text"]:focus, .formList input[type="email"]:focus, .formList input[type="password"]:focus, .formList textarea:focus, .oneOff:focus {border-color: #000;}
  .formList input[type="submit"]:hover, .oneOff[type="submit"]:hover, .oneOff[type="button"]:hover, a.oneOff:hover {background: #000; color: #fff; cursor: pointer;}
  .formList input[type="radio"], .formList input[type="checkbox"] {vertical-align: middle;}
  .formList .floatDiv {float: left; margin-bottom: 5px;}
  #subCol.admin a.oneOff {color: #000; padding: 6px 12px;}
  #subCol.admin a.oneOff:hover {background: #000; color: #fff;}
  .photos td {vertical-align: top; padding: 5px 10px 5px 0;}
  .photos img {display: block;}
  .fieldColumns {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; margin: 0; padding: 0; list-style: none;}
  .multiColumns {-webkit-column-count: 5; -moz-column-count: 5; column-count: 5; margin: 0; padding: 0; list-style: none;}
  .callOutDetails .qlinks li {margin-bottom: 10px;}
  .qa h2 {border-top: 1px solid #ccc; margin-top: 35px; padding-top: 35px;}
  .qa .firstSubhead {border-top: none; margin-top: 15px; padding-top: 0;}
  .question {font: bold 100%/1.3 'Signika Negative', sans-serif; margin: 0 0 5px;}
  .answer {margin: 0 0 30px;}
  .ctr, .dataTable .ctr {text-align: center;}
  .dataTable, .ordersTable, .shippingBillingTable, .dataTable.evt {width: 100%; border-spacing: 0;}
  .dataTable.autoWidth {width: auto;}
  .dataTable th, .dataTable td, .ordersTable td, .ordersTable th, .shippingBillingTable td, .shippingBillingTable th {text-align: left; padding: .5em; vertical-align: top;}
  .dataTable th {font-weight: normal; font-size: 110%; border-bottom: 1px solid #000; padding: .5em;}
  .ordersTable th, .shippingBillingTable th {font-size: 110%; border-bottom: 2px solid #000;}
  .dataTable.autoWidth td, .dataTable.autoWidth th {padding-right: 50px;}
  .dataTable.autoWidth .narrowCol {padding-right: 10px;}
  .dataTable.autoWidth.lesserPadding td {padding-right: 20px;}
  .dataTable.autoWidth.lesserPadding .noPad {padding-right: 0;}
  .evt th, .evt td {display: none; padding-right: 5px;}
  .evt.dayCol [data-col="day"], .evt.dateCol [data-col="date"], .evt.typeCol [data-col="type"], 
  .evt.districtCol [data-col="district"], .evt.schoolCol [data-col="school"], 
  .evt.studentsCol [data-col="students"], .evt.photogCol [data-col="photographers"], 
  .evt.photogNmCol [data-col="photographer_names"], .evt.helperCol [data-col="helpers"], 
  .evt.helperNmCol [data-col="helper_names"], .evt.idsCol [data-col="ids"], 
  .evt.pmkCol [data-col="pm_kindergarten"], .evt.inOutCol [data-col="in_out"], 
  .evt.ceremoniesCol [data-col="ceremonies"], .evt.shootCol [data-col="shoot_time"], 
  .evt.officeCol [data-col="arrival_office"], .evt.callCol [data-col="call_time"], 
  .evt.travelCol [data-col="travel_time"], .evt.locationCol [data-col="location"], 
  .evt.repCol [data-col="representative"], .evt.notesCol [data-col="notes"], 
  .evt.deleteCol [data-col="delete"], .evt.shootingLocationCol [data-col="shooting_location"], 
  .evt.greenBlueCol [data-col="blue_green_screen"], .evt.overnightCol [data-col="overnight"], 
  .evt.seniorPicCol [data-col="senior_pictures"], .evt.nameCol [data-col="name"], 
  .evt.durationCol [data-col="duration"], .evt.visibleCol [data-col="visible"], 
  .evt.eventReturnCol [data-col="event_return"], .evt.quickNotesCol [data-col="quicknotes"], 
  .evt.emailTeamCol [data-col="emailteam"], .evt.leadCol [data-col="lead"], 
  .evt.selectCol [data-col="select"], .evt.coverSheetPhotosCol [data-col="cover_sheet_photos"],
  .evt.editSamplePagesCol [data-col="editSamplePages"], .evt.printOptionsCol [data-col="printOptions"],
  .evt.locNameCol [data-col="locname"], .evt.locAdrCol [data-col="locadr"],
  .evt.startTmCol [data-col="starttm"], .evt.endTmCol [data-col="endtm"],
  .evt.numExpecCol [data-col="numexpec"], .evt.pboothCol [data-col="pbooth"],
  .evt.attireCol [data-col="attire"], .evt.pInstructCol [data-col="pinstruct"],
  .evt.officeNotesCol [data-col="officenotes"] {display: table-cell;}
  .ordersTable .dollars, .dataTable .dollars {text-align: right;}
  .borderRow td {border-top: 2px solid #000;}
  .lastSet {margin-bottom: 1em;}
  .ordersFieldset {width: auto;}
  .ordersFieldset legend {font-weight: bold;}
  .ordersFieldset p {margin: 15px 25px;}
  .inputControl {float: left; width: 25px; padding-top: 2px;}
  .totalRow td {border-top: 2px solid #000;}
  .totalRow .rt {text-align: right;}
  .addonPhoto {max-width: 450px; height: auto;}
  .formList .textBeside {padding-top: 5px; margin-right: 15px;}
  img.floatDiv {max-width: 600px; height: auto;}
  .packageImg {max-width: 150px; height: auto;}
  .dataTable.fixedTable {width: 660px; table-layout: fixed; margin-bottom: 3em;}
  .fixedTable thead th {padding-left: 0;}
  .fixedTable tbody td {padding: 12px 0; border-bottom: 1px solid #ccc;}
  .fixedTable thead th {padding: 12px 0;}
  .fixedCol1 {width: 180px;}
  .fixedCol2 {width: 335px;}
  .fixedCol3 {width: 80px;}
  .fixedCol4 {width: 65px;}
  .pkgDetails {font-size: 12px;}
  .floatedBG {float: left; width: 115px; margin: 0 20px 25px 0; text-align: center;}
  .strike {text-decoration: line-through; color: #ccc;}
  .floatPic, .floatDesc {float: left;}
  .floatPic {width: 130px; margin: 0 10px 25px 0;}
  .floatDesc {width: 250px; margin: 0 0 25px 0; word-wrap: break-word;}
  .floatDesc.noBottomMargin, .floatPic.noBottomMargin {margin-bottom: 0;}
  #photogTable th, #helperTable th {text-align: left; font-weight: normal; font-style: italic;}
  #photogTable td, #photogTable th, #helperTable td, #helperTable th {padding: 5px;}
  #calendarHdr {width: 100%; margin: 10px 0;}
  #calendarTbl {width: 100%; border-collapse: collapse;}
  #calendarTbl th, #calendarTbl td {width: 13.5%; vertical-align: top; font-size: 80%; text-align: left; padding: 5px; border: 1px solid #999;}
  #calendarTbl .weekCol {width: 5.5%; vertical-align: middle; text-align: center;}
  #calendarTbl th {background: #999; color: #fff;}
  #calendarTbl td {height: 90px; line-height: 1.9;}
  #calendarTbl .noDay {background: #eee;}
  .extraSpace {margin: 1.5em 0;}
  .weekViewTbl td {vertical-align: top; padding: 0 5px;}
  .weekDataHolder {display: none;}
  .ecTriggerCell {font-size: 110%; font-weight: bold;}
  .grn {color: green;}
  .photos a:hover {cursor: default;}
  .photos a:focus img {outline: 2px solid #000;}
  .bgReceipt {font-size: 130%; margin: 2em 0; padding: 10px; background: #eee;}
  .stuck {position: fixed; top: 10px;}
  .settingsDivider {border-top: 1px solid #000; padding-top: 40px; margin-top: 40px;}
  .nonAvailDates {margin-left: 110px; column-count: 3; -moz-column-count: 3; -webkit-column-count: 3;}
  .nonAvailDates div {margin-bottom: 10px;}
  .nonAvailDates img {vertical-align: middle;}
  #packagesNavTabs {margin-top: 15px;}  
  #subCol #packagesNavTabs a {border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 120%; display: inline-block; padding: 8px 12px; margin-right: 3px; background: #ccc; color: #000;}
  #subCol #packagesNavTabs #activePackageTab {background: #1C9CC9; color: #fff;}
  #packagesTabsHolder {border: 2px solid #1C9CC9; padding: 12px 12px 20px; margin-bottom: 20px;}
  .collapsibleHdr {margin-top: 30px; background: #eee; padding: 8px 12px; font-size: 110%;}
  .collapsibleHdr:nth-child(1) {margin-top: 10px;}
  #subCol div.collapsibleHdr a {display: block; text-decoration: none; color: #000;}
  .collapsibleHdr a:before {content: "+ ";}
  .collapsibleHdr.expandedGroup a:before {content: "- ";}
  .collapsibleGroup > div {border: 1px solid #eee; padding: 8px 12px;}
  #subCol .backgroundPhotoGrid {font-size: 90%;}
  #subCol .backgroundPhotoGrid > div {margin-bottom: 25px;}
  #subCol .backgroundPhotoGrid img {margin-bottom: 4px;}
  #subCol .btnNav {margin-bottom: 35px;}
  #subCol .btnNav a {font-size: 90%; color: #fff; border-radius: 8px; display: inline-block; background: #0E7DAB; color: #fff; padding: 8px 0; text-align: center; width: 100px; text-decoration: none; margin: 0 10px 10px 0;}
  #subCol .btnNav a:hover, #subCol .btnNav a:focus, #subCol .btnNav .activeBtn {background: #000;}
  #unavail_period_controls1, #unavail_period_controls2 {display: none;}
  .hiddenEvent td {background: #ccc;}
  #evtDataTbl[data-style-sort] thead th[data-sort], .photogEvts thead th[data-sort] {text-decoration: underline; cursor: pointer;}
  #evtDataTbl[data-style-sort] thead th[data-sort].sorting-asc:after, .photogEvts thead th[data-sort].sorting-asc:after {content: " \25B4";}
  #evtDataTbl[data-style-sort] thead th[data-sort].sorting-desc:after, .photogEvts thead th[data-sort].sorting-desc:after {content: ' \25BE';}
  #evtDataTbl[data-style-sort] tbody th, #evtDataTbl[data-style-sort] tbody td {border-bottom: 1px solid #eee;}
  .oneOff.availPhotogModalBtn {font-size: 90%; padding: 4px 6px; border-radius: 2px;}
  .photogEvts tbody td {border-bottom: 1px solid #ccc;}

  #payRatesTbl {border-spacing: 0; width: 100%;}
  #payRatesTbl label {margin-bottom: 16px; display: block;}
  #payRatesTbl td, #payRatesTbl th {vertical-align: top; padding-top: .5em; padding-bottom: .5em; text-align: center;}
  #payRatesTbl thead th {vertical-align: bottom; border-bottom: 1px solid #000;}
  #payRatesTbl.myRates tbody th {text-align: left; font-weight: normal; padding-left: .5em;}
  #payRatesTbl input {width: 50px; text-align: center;}

  .evt.notesCol [data-col="notes"] {width: 250px;}
  .columns {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 20px;}
  .columns fieldset {width: auto;}
  .columns .formList input[type="tel"], .columns .formList input[type="text"], .columns .formList input[type="email"], .columns .formList input[type="password"], .columns .formList textarea, .columns .formList input[type="file"], .columns .formList input[type="number"] {max-width: 225px;}
  .columns .formList textarea {max-width: 350px;}

  .notConfirmedPhotog {color: red;}
  .notConfirmedPhotog:before {content: "\2717"; font-weight: bold; width: 1em; color: red; display: inline-block;}
  .confirmedPhotog {color: green;}
  .confirmedPhotog:before {content: "\2714"; width: 1em; color: green; display: inline-block;}

  .dashboardList {column-count: 3; list-style: none; margin: 0; padding: 0;}
  .dashboardList li {margin-bottom: 1.25em; break-inside: avoid-column;}
  .dashboardList li.met:before, .dashboardList .confirmed span.yes:before {content: "\2714"; width: 1.5em; color: green; display: inline-block;}
  .dashboardList li.notMet:before, .dashboardList .confirmed span.no:before {content: "\2717"; font-weight: bold; width: 1.5em; color: red; display: inline-block;}
  .dashboardList .details {padding-left: 1.5em;}
  .dashboardList .details a {padding-left: 5px; position: relative;}
  .dashboardList .details a:before {content: "\00BB"; display: inline-block;}
  .dashboardList .details a.flipArrow:before {transform: rotate(180deg);}
  .dashboardList .details a span {color: #000; cursor: default; line-height: 1.8;}
  .dashboardList .confirmed {display: none; position: absolute; left: 20px; top: -20px; width: 200px; border: 1px solid #000; background: #fff; z-index: 50; padding: 5px 10px;}
  .dashboardList .confirmed.shown {display: block;}

  .dashboardList.photogList li {position: relative;}
  .dashboardList.photogList .details {padding-left: .5em;}
  .dashboardList.photogList .details a {padding-left: 5px; position: static;}
  .dashboardList.photogList .details a:before {transform: rotate(90deg);}
  .dashboardList.photogList .details a.flipArrow:before {transform: rotate(270deg);}
  .dashboardList.photogList .confirmed {width: 450px; left: 0; top: 25px;}

  .dashboardGrid {display: grid; grid-template-columns: 2fr 1fr; grid-gap: 40px;}
  .dashboardGrid h2 {border-bottom: 2px solid #CD0000;}
  .dashboardGrid .dashboardList {column-count: auto; column-width: 280px;}
  .dashboardGrid .dashboardList li {width: 280px; line-height: 1; margin-bottom: 5px; break-inside: avoid-column; padding: 5px 0 5px 5px;}
  .dashboardGrid .dashboardList li:nth-child(even) {background: #eee;}
  .unavail .nameData, .unavail .regionData, .unavail .roleData {text-decoration: line-through;}
  .inactive {color: #999;}
  .nameData, .regionData {white-space: nowrap; vertical-align: top; overflow: hidden; display: inline-block; width: 90px; text-overflow: ellipsis;}
  .nameData {width: 130px;}
  .roleData {text-transform: uppercase; vertical-align: top; font-size: 14px; color: #000; border: 2px solid #000; border-radius: 50%; padding: 2px 6px; display: inline-block;}
  .dashboardGrid .dashboardList .flexRow {width: 300px; display: flex; justify-content: space-between;}
  .dashboardGrid .dashboardList .flexRow > div:nth-child(1) {width: 227px;}
  .dashboardGrid .dashboardList .flexRow > div:nth-child(2) {width: 65px; text-align: right;}    

  .formGrid {display: grid; grid-template-columns: 602px 602px; grid-gap: 50px;}
  .formGrid fieldset {margin: 0;}
  .formGrid input[type="text"], .formGrid textarea {width: calc(100% - 10em);}
  .formGrid .span {grid-column: 1 / 3; grid-row: 2  / 3; width: auto;}

  #samplePgNav ul {list-style: none; margin: 20px 0; padding: 0; display: flex;}
  #samplePgNav a {padding: 5px 20px; color: #000;}
  #samplePgNav a:hover, #samplePgNav a:focus {background: #eee;}
  #subCol.admin #samplePgNav a.currentNavItem {background: #000; color: #fff;}  

  .fileFlexWrapper {display: flex; flex-wrap: wrap;}
  .fileFlexWrapper > div {margin-top: 20px; padding: 10px; width: 260px; margin-right: 30px; background: #ddd; border: 1px solid #999; border-radius: 8px; position: relative;}
  .fileFlexWrapper > div a {position: absolute; top: -12px; right: -12px; display: block; width: 24px; height: 24px; z-index: 300;}
  .fileFlexWrapper > div .fn {font-size: 80%;}

  .sorted.descending::after {
    content: ' \25BE';
  }
  .sorted.ascending::after {
    content: " \25B4";
  }

  .payFlex {display: flex; flex-wrap: wrap;}
  .payFlex table {border-spacing: 0; margin-right: 50px;}
  .payFlex th {border-bottom: 1px solid #000;}
  .payFlex th, .payFlex td {padding: 10px; vertical-align: top;}
  .payFlex > div:nth-child(3) thead tr:nth-child(2) th:first-child {border-right: 1px solid #000;}
  .payFlex > div:nth-child(3) tbody td:nth-child(2) {border-right: 1px solid #000;}  

  .stubListFlex {display: flex;}
  .stubListFlex > div {margin-right: 40px;}

  #evtDataTbl.payTbl tbody tr:nth-child(even) td {background: #eee;}
  .smallPay {font-size: 15px;}

  #previousConfEventsHldr {margin: 15px 0 0 15px;}
  .columnSet {display: flex;}
  .columnSet > div {margin-right: 50px;}

  .notesTbl {max-width: 900px; border-spacing: 0;}
  .notesTbl td {padding: 7px 25px 7px 0; vertical-align: top;}
  .notesTbl tr+tr td {border-top: 1px solid #999;}
  .notesTbl td:last-child {padding-right: 0;}
  .notesTrigger:before {content: "+"; font-weight: bold; position: relative; padding-left: 8px; font-size: 130%;}
  .notesTrigger > ul {padding-left: 25px; color: #000; border: 1px solid #000; display: none; position: absolute; width: 450px; bottom: 25px; right: 140px; background: #fff;}
  .notesTrigger:hover > ul, .notesTrigger:focus > ul {display: block;}
  .notesTrigger > ul > li {list-style: square; margin: 6px 0;}

  .templateTable tbody td p {margin-top: 0;}
  #previewBox:empty {display: none;}
  #previewBox:not(:empty) {max-width: 800px; border: 1px solid #000; padding: 15px; white-space: pre-wrap;}

  #singleSchoolSet, #doubleSchoolSet, #tripleSchoolSet, #quadSchoolSet, #fifthSchoolSet, #sixthSchoolSet {width: auto; padding: 10px;}
  .flex {display: flex;}
  .justify-col {justify-content: space-between;}
  .wrap {flex-wrap: wrap;}
  .threeCol > ul {list-style: none; margin: 0 50px 0 0; padding: 0 50px 0 0; border-right: 1px solid #eee;}
  .threeCol > ul:last-child {margin: 0; padding: 0; border: 0;}
  .threeCol li {margin-bottom: 15px;}
  .threeCol label {display: block; margin-bottom: 4px;}
  .threeCol select, .threeCol textarea, .threeCol input {padding: 4px 8px; border: 1px solid #0d79a7; font: 100% 'Signika Negative', sans-serif; border-radius: 8px;}
  .threeCol select {width: 235px; background: #fff;}
  .threeCol .autowidth, .threeCol .narrowMenu {width: auto;}
  .threeCol table {margin-top: 25px;}
  .dbl {text-decoration: 2px underline black double;}

}

@media screen {

  body {font: 110%/1.3 'Signika Negative', sans-serif;}
  h1, h2, h3 {color: #CD0000; font: bold 180%/1.3 'Signika Negative', sans-serif; margin-top: 0;}
  h2 {margin-top: 1.5em; font-size: 150%;}
  h3 {margin-top: 1.25em; font-size: 135%;}
  .weekViewTbl h3 {margin-top: 0; font-size: 125%;}
  #exterior.adminLayout > div {padding: 10px 20px;}
  #masthead {height: 200px; position: relative; top: 0; left: 0; background: #e38125;}
  #masthead.admin {min-height: 74px; height: auto;}
  #masthead a, #fnav a {color: #fff; text-decoration: none;}
  #masthead a:hover, #nav .over, #fnav a:hover {color: #000;}
  body, #cart, #navRegion ul, object, #fnav, #slider, #adminNav {margin: 0; padding: 0;}
  #logo, #raised, #cart, #navRegion ul, #nav li, #navCol, #subCallouts, #progressArea, #adminNav {position: absolute;}
  #logo {top: 30px; left: 20px; width: 200px; height: 64px;}
  #adminNav {top: 67px; left: 20px; list-style: none;}
  #adminNav li {display: inline-block; margin-right: 25px; font-size: 20px;}
  .adminLayout #adminNav {position: static; padding: 74px 0 0 0}
  #raised {top: 6px; left: 480px; width: 163px; height: 98px;}
  #cart {top: 43px; right: 25px; width: 250px; text-align: right;}
  #cart a {padding-left: 40px; background: url(../i/cart.png) no-repeat; color: #fff; font-size: 110%; display: inline-block; height: 32px; line-height: 32px;} 
  #cart .noeffect:hover {cursor: auto; color: #fff;}
  #navRegion ul {background: #1394C2;}
  #navRegion #nav {width: 960px; top: 125px; height: 35px; left: 0; background: none;}
  #nav li {padding-bottom: 10px; top: 0; width: 160px; list-style: none; font-weight: bold; font-size: 120%; background: url(../i/backgrounds/nav_line.jpg) top right no-repeat;}
  #nav #ordering {top: -15px;}
  #nav a {display: block; text-align: center;}
  #nav img {display: block;}
  #company, #companyNav {left: 0;}
  #resources, #resourcesNav {left: 160px;}
  #schools, #schoolsNav {left: 320px;}
  #testimonials {left: 480px;}
  #families, #familiesNav {left: 640px;}
  #ordering {left: 800px; background: none;}
  #contactFormCol {float: left; width: 470px;}
  #contactInfoCol {float: left; width: 180px; color: #fff;}
  #navRegion .subnav a {padding: 10px; display: block; background: #1394C2; color: #fff;}
  #navRegion .subnav a:hover {background: #ef9b01; color: #fff;}
  #companyNav, #schoolsNav, #familiesNav, #resourcesNav {display: none;}
  #pressReleases a, #subCol a, #midCol a {color: #EF9B01; text-decoration: none;}
  #subCol.admin a {color: blue;}
  #slider, #fnav {list-style: none;}
  #slider li {width: 290px;}
  #slider img {float: left; margin-right: 5px;}
  #slider h2 {color: #034E6E; font: 130% tahoma,arial,sans-serif; margin: 0;}
  #slider .carouselMsg {height: 111px; width: 260px;}
  #slider .learnMore {height: 16px; width: 260px;}
  #slider .learnMore, #slider .learnMore a {background: #0F7AA8; color: #fff; text-decoration: none; font-size: 90%; text-align: center;}
  #footer {color: #fff; clear: both; height: 70px; background: url(../i/backgrounds/footer.jpg) repeat-x; text-align: center;}
  #footer p {margin: 8px 0 0; font-size: 90%;}
  #footer img {vertical-align: middle;}
  #fnav {padding-top: 1.25em;}
  #fnav li {display: inline; padding: 0 9px;}
  #subPage {background: url(../i/backgrounds/subsidebar.png) repeat-y; position: relative; top: 0; left: 0; min-height: 400px;}
  #subPage.oneCol {background: #fff;}
  #navCol, #progressArea {top: 0; left: 0; width: 194px; list-style: none; margin: 0; padding: 0;}
  #navCol li {border-bottom: 1px dashed #D4D4D4; font-weight: bold;}
  #navCol a {color: #fff; text-decoration: none; display: block; padding: 10px; line-height: 1.5;}
  #navCol .active {background: #EF9B01;}
  #progressArea {width: 174px; padding: 37px 10px 0; font-size: 120%;}
  #progressArea .activePg {color: #fff; font-weight: bold;}
  #progressArea p {margin: 5px 0;}
  #midCol {padding-right: 220px;} 
  #subCallouts {top: 85px; right: 30px; width: 166px; color: #fff;}
  #requestForm {margin-top: 2em;}
  #requestForm label {width: 12em;}
  #requestForm.regularLabels label {width: 8em;}
  #requestForm.shortLabels label {width: 6.75em;}
  #requestForm.widestLabels label {width: 18em;}
  #requestForm .floatDiv label {width: auto;}
  #requestForm #schoolOpts label {float: none; display:block; padding-bottom: 4px; margin: 0; text-align: left;}
  #requestForm #schoolOpts input {vertical-align: top;}
  #requestForm fieldset {border-radius: 12px; border: 1px solid #1394C2; border-radius: 10px; padding: 10px; margin-bottom: 1.5em;}
  #requestForm legend {padding: 4px 8px; font-size: 120%;}
  #requestForm .formFloat {float: left; width: 400px;}
  #requestForm .formFloat label {float: none; text-align: left; width: auto; margin: auto;}  
  #timeFrame {position: absolute; right: 20px; width: 300px; top: 30px; text-align: right;}
  #timeFrame input, #timeFrame select {border-radius: 8px; padding: 5px; border: 1px solid #ccc;}
  #timeFrame select {width: 150px;}
  #timeFrame input[type="submit"] {cursor: pointer;}
  #timeFrame input[type="submit"]:hover, #timeFrame input:focus {background: #000; color: #fff;}
  #subCol.admin h1 {margin-top: 25px;}
  #ordersList thead .upArrow {background: url(../i/up.png) no-repeat 95% 50%; padding-right: 13px;}
  #ordersList thead .downArrow {background: url(../i/down.png) no-repeat 95% 50%; padding-right: 13px;}
  .subnav {top: 170px; list-style: none; z-index: 1000; width: 160px;}
  .subnav li {border-bottom: 1px solid #67C2E0;}
  .bx-wrapper {margin-top: -4px; width: 960px !important; background: url(../i/backgrounds/carousel.jpg) repeat-x; color: #333; font-family: verdana,'Signika Negative', sans-serif; padding: 20px 0 0; top: 0; left: 0; position: relative; height: 143px;}
  .bx-window {position: absolute; left: 60px; width: 840px !important;}
  .bx-prev {position: absolute; width: 28px; height: 27px; top: 60px; left: 15px;}
  .bx-next {position: absolute; width: 28px; height: 27px; top: 60px; right: 15px;}
  .callOutDetails, #contactInfoCol {background: #1394C2; border: 1px solid #1394C2; border-radius: 10px; padding: 8px; margin-bottom: 1em;}
  .callOutDetails a, #contactInfoCol a {color: #fff;}
  .callOutDetails ul {margin-left: 0; padding-left: 15px;}
  .callOutDetails li {margin-bottom: 5px;}
  .contentList a {color: #EF9B01; text-decoration: none;}
  .ctrImg {margin: 0 auto 8px; display: block;}
  .reducedHdrSpace {margin-top: 0;} 
  .gry td {background: #eee;}
  .splitColumn {float: left; width: 400px; margin-right: 25px;}
  .splitColumn h2 {margin-top: 1em;}
  .splitColumn p {margin: .5em 0;}
  .admin .orderBlock {margin: 2em 0 .5em; border-top: 1px solid #ccc;}
  .weekDataHolder h2 {font-size: 100%;}

  .stickyHdr thead {position: sticky; top: 0; z-index: 1;}
  .stickyHdr thead th, .stickyHdr thead td {background: #fff;}

}


@media screen and (max-width: 1170px) {

  .multiColumns {-webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}

}


@media screen and (max-width: 960px) {

  .wideTable.dataTable thead {display: none;}
  .wideTable.dataTable tbody td {display: block; padding: 5px 0;}
  .wideTable.dataTable tbody td:before {content: attr(data-mobile-label); font-weight: bold;}
  .dataTable tbody td[data-mobile-label="Inactivate: "], .dataTable tbody td[data-mobile-label="Activate: "], .dataTable tbody td[data-mobile-label="Delete: "] {text-align: left;}
  .multiColumns {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
  .threeCol > ul {border: 0; margin: 0; padding: 0;}
  .threeCol input[type="text"], .threeCol input[type="password"], .threeCol textarea, .threeCol input[type="file"], .threeCol input[type="number"] {width: 95%;}
  .threeCol textarea {width: 95% !important;}

}


@media screen and (max-width: 900px) {

  .dataTable.phoPayStub thead {display: none;}
  .dataTable.phoPayStub tbody td {display: block; padding: 5px 0 5px 15px;}
  .dataTable.phoPayStub tbody td:first-child {padding-top: 15px;}
  .dataTable.phoPayStub tbody td:last-child {padding-bottom: 15px;}    
  .dataTable.phoPayStub tbody td:before {content: attr(data-mobile-label); font-weight: bold;}

}


@media screen and (max-width: 800px) {

  #localNav, #deeperLocalNav {line-height: 1.8;}
  #timeFrame {position: static; width: auto !important; text-align: left; margin: 20px 0;}
  #payRatesTbl.myRates td, #payRatesTbl.myRates th {font-size: 14px;}
  #payRatesTbl.myRates tbody th {padding-left: .25em;}

}


@media screen and (max-width: 700px) {

  fieldset {width: auto;}
  .formList label {display: inline-block; text-align: left; float: none; margin-bottom: 4px;}
  .formList input[type="text"], .formList input[type="password"], .formList textarea, .formList input[type="file"], .formList input[type="number"] {width: 95%;}
  .formList select, .threeCol select {width: 100% !important; max-width: 100%;}
  .formList li {padding-left: 10px;}
  .formList.reportOuts label {top: 0;}
  label:empty, .hideMobile {display: none !important;}
  .multiColumns {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}

}

@media screen and (max-width: 600px) {

  #payRatesTbl.myRates td, #payRatesTbl.myRates th {font-size: 11px;}

}
 

@media screen and (max-width: 550px) {

  #userInfo span {display: none;}
  #adminNav li {font-size: 17px;}
  #adminNav li:last-child {margin-right: 0;}
  .dataTable thead {display: none;}
  .dataTable tbody td {display: block; padding: 5px 0;}
  .dataTable tbody td:before {content: attr(data-mobile-label); font-weight: bold;}

}

@media print {

  body, h1, h2, h3 {font: 12pt/1.3 georgia,serif;}
  h1 {font-size: 20pt;}
  h2 {font-size: 17pt; margin-top: 2em;}
  h3 {font-size: 14pt;}
  .admin h1 {font-size: 16pt; font-weight: bold;}
  .admin h2 {font-size: 14pt; font-weight: bold;}
  #cart, #footer, #fnav, #navCol, #navRegion, #progressArea, .formList input[type="submit"], #logo.admin, #adminNav, #localNav, #timeFrame, #showCart, #groupByBtn, .noPrint, #roesHldr, #userInfo {display: none;}
  #subCol a {color: #000; text-decoration: none;}
  .orderBlock {page-break-after: always;}
  .orderBlock.noBreak {page-break-after: auto;}
  .noPrint {display: none;}

}