@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: .5em;}
  #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: 17px;}
  #deeperLocalNav {background: #999; font-size: 14px; 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;}
  #cloneContainer, #evtFilterContainer, #emailContainer, #photogModalContainer {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;}
  #evtFilterContainer {width: 750px; margin-left: -391px; top: 100px;}
  #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 {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, #cloneContainer, #evtFilterContainer, #emailForm, #emailConfirmHldr, #emailErrorHldr, #photogsModal {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 {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; text-align: left; padding: 0; display: block;}
  .formList.widerLabels label {width: 12em;}  
  .formList.wideLabels label {width: 16em;}  
  .formList input[type="url"], .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="url"], .formList input[type="text"], .formList input[type="email"], .formList input[type="password"], .formList textarea, .formList input[type="file"], .formList input[type="number"] {width: 300px;}
  .narrowInput input.oneOff {max-width: 80px;}
  .formList textarea {vertical-align: top;}
  .formList select {background: #fff;}
  .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;}
  select.oneOff {background: #fff;}
  .formList .autowidth, .formList .narrowMenu {width: auto;}
  select.autowidth {width: auto !important; max-width: 250px;}
  .formList input[type="submit"], a.oneOff {background: #eee;}
  .formList input[type="submit"] {color: #000;}
  .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.smaller {padding: 3px 9px;}
  #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;}
  .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;}
  .stripedRows tr:nth-child(odd) td, .stripedRows tr:nth-child(odd) th, tr.hasStickyCell[style^="background"] td.stickyLeftCol, tr.hasStickyCell[style^="background"] th.stickyLeftCol {background: #F0F0F0;}
  .stripedRows tr:nth-child(even) td, .stripedRows tr:nth-child(even) th, tr.hasStickyCell td.stickyLeftCol, tr.hasStickyCell th.stickyLeftCol {background: #FFF;}
  .stripedTbodies tbody:nth-child(odd) td, .stripedRows tbody:nth-child(odd) th {background: #F0F0F0;}
  thead > tr.hasStickyCell th.stickyLeftCol {background: #fff;}
  .stickyLeftCol {position: sticky; left: 0; z-index: 1;}
  
  .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.regionCol [data-col="region"],
  .evt.tablePhotogCol [data-col="table_photographer"], .evt.trainingPhotogCol [data-col="training_photographer"] {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;}
  .weekViewTbl p {margin: 10px 0;}
  .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, .hiddenEvent td a {color: #f00 !important; font-weight: bold; text-transform: uppercase;}
  #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';}
  #cloningTable[data-style-sort] thead th[data-sort] {text-decoration: underline; cursor: pointer;}
  #cloningTable[data-style-sort] thead th[data-sort].sorting-asc:after {content: " \25B4";}
  #cloningTable[data-style-sort] thead th[data-sort].sorting-desc:after {content: ' \25BE';}
  .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;}

  #gridForm fieldset {width: 100%; margin-bottom: 60px; border: 2px solid #000;}
  .workflowCols select, #gridForm input[type="time"], #gridForm input[type="date"], #gridForm input[type="text"], #gridForm input[type="tel"], #gridForm input[type="email"], #gridForm input[type="url"], #gridForm input[type="number"], #gridForm input[type="datetime-local"], #gridForm textarea, #gridForm select {padding: 4px 8px; border: 1px solid #0d79a7; font: 100% 'Signika Negative', sans-serif; border-radius: 8px; background: #fff; width: 100%; box-sizing: border-box; margin-top: 6px;}
  .gridHolder {display: grid; padding: 10px 20px;}
  .three-col {grid-template-columns: 1fr 1fr 1fr; gap: 15px 10%;}
  .three-col p {margin: 0 0 .9em;}
  #qsNotify {z-index: 5000; position: fixed; top: 50px; right: 0; font-size: 20px; background: #000; color: #fff; padding: 10px;}
  .deptTable th, .deptTable td {font-size: 100%;}
  .deptTable thead, .stickyHdr thead {position: sticky; top: 0; background: #fff; z-index: 1000;}

  .workflowCols {display: flex; justify-content: space-between;}
  .workflowCols > form {width: 83%;}
  .workflowCols > div {width: 15%; position: sticky; top: -25px; align-self: flex-start;}
  .workflowCols > div p {margin: 0 0 9px;}

  .stickyTopNavbar {position: sticky !important; top: 0 !important; z-index: 1;}
  .stickyLocalNavbar {position: sticky; top: 120px; z-index: 1;}

  #evtDataTbl .oneOff {max-width: 100%; box-sizing: border-box;}
  .fillCellWidth input, .fillCellWidth textarea {width: 100% !important;}

  .goalHdr {color: #000; font-weight: normal; background: #F2CDEA; width: 1210px; text-align: center; padding: 10px;}
  .goalHdr.spring2 {background: #B2F4A7;}
  .goalHdr.springGrad {background: #eee;}
  .goalHdr.winter {background: #B6CCF6;}
  .goalHdr.fall {background: #D1FFBD;}
  .goalHdr.art {width: 1460px;}

  .flexGrids {display: flex; flex-wrap: wrap;}
  .flexGrids > div {margin-right: 20px;}
  .flexGrids.springGrad > div {margin-right: 10px;}

  .gradGoalGrid {display: grid; grid-gap: 10px; grid-template-columns: [col] 50px [col] 50px [col] 50px [col] 50px; grid-template-rows: [row] auto [row] auto [row] auto;}
  .gradGoalGrid > div {background: #D9D9D9; text-align: center; padding: 4px; display: flex; align-items: center; justify-content: center;}
  .gradGoalGrid > div:nth-child(1) { padding: 8px 0; grid-column: col / span 2; grid-row: row; }
  .gradGoalGrid > div:nth-child(2) { padding: 8px 0; grid-column: col 3 / span 2; grid-row: row; }
  .gradGoalGrid > div:nth-child(3) { padding: 8px 0; grid-column: col / span 2; grid-row: row 2; }
  .gradGoalGrid > div:nth-child(4) { padding: 8px 0; grid-column: col 3 / span 2; grid-row: row 2; }
  .gradGoalGrid > div:nth-child(5) { background: #BA0C2F; color: #fff; grid-column: col / span 2; grid-row: row 3; }
  .gradGoalGrid > div:nth-child(6) { grid-column: col 3 / span 2; grid-row: row 3; }

  .otherGoalGrid {display: grid; grid-gap: 10px; grid-template-columns: [col] 50px [col] 50px [col] 50px [col] 50px; grid-template-rows: [row] 100px [row] 25px;}
  .otherGoalGrid > div {background: #D9D9D9; text-align: center; padding: 4px; display: flex; align-items: center; justify-content: center;}
  .otherGoalGrid > div:nth-child(1) { height: 126px; padding: 8px 0; grid-column: col / span 2; grid-row: row; }
  .otherGoalGrid > div:nth-child(2) { height: 126px; padding: 8px 0; grid-column: col 3 / span 2; grid-row: row; }
  .otherGoalGrid > div:nth-child(3) { grid-column: col / span 2; grid-row: row 3; }
  .otherGoalGrid > div:nth-child(4) { grid-column: col 3 / span 2; grid-row: row 3; }

  .otherGoalGrid .sportSpec, .otherGoalGrid .slideShows {background: #20BD06; color: #fff;}
  .otherGoalGrid .prePay, .otherGoalGrid .prLinks {background: #DE0ED6B5; color: #fff;}
  .otherGoalGrid .portraits {background: #5083E5; color: #fff;}
  .otherGoalGrid .handsOn {background: #06A7B1; color: #fff;}
  .otherGoalGrid .eventsSitting {background: #BA0C2F; color: #fff;}

  .metGoal, .metGoal a {color: green !important;}
  .failedGoal, .failedGoal a {color: red !important;}
  .goalSummary {margin: 30px 0 60px;}

  .springGrad .gradGoalGrid, .springGrad .otherGoalGrid {grid-template-columns: [col] 67px [col] 67px [col] 67px [col] 67px;}
  .springGrad .otherGoalGrid > div:nth-child(3), .springGrad .otherGoalGrid > div:nth-child(4) {color: #fff; background: #BA0C2F;}

  .dataTable.hub th {text-align: center; padding-left: 2px; padding-right: 2px;}
  .dataTable.hub td {font-size: 16px; padding-left: 2px; padding-right: 2px;}
  .dataTable.hub thead tr:first-child th {font-size: 90% !important;}
  .dataTable.hub thead tr:last-child th {vertical-align: middle; font-size: 80% !important;}
  .dataTable.hub {border-spacing: 1px;}
  .hub .evtColor {background: #D3D3D3;}
  .hub .ppColor {background: #FFC1CB;}
  .hub .sunnyColor {background: #E2E3A8;}
  .hub .fcColor {background: #C6E6CA;}
  .hub .seniorColor {background: #E1AFAF;}
  .hub tbody input[type="date"] {max-width: 140px !important;}
  .hub tbody input[type="number"] {max-width: 100px !important;}
  .hub tbody option {color: #fff;}
  .hub .narrowInput input {max-width: 40px !important;}
  .conditionalWarning input, .conditionalWarning select {background: red !important; color: #fff !important;}  
  .inactiveSenior .seniorsCell {color: #B7B7B7; background: #B7B7B7;}
  .inactiveSenior .seniorsCell input {border-color: #B7B7B7; color: #B7B7B7; background: #B7B7B7;}
  .inactivePrePay .prePayCell input {border-color: #eee; color: #eee; background: #eee;}
  .nowrap {white-space: nowrap;}

}

@media screen {

  body {font: 110%/1.3 'Signika Negative', sans-serif;}
  h1, h2 {color: #CD0000; font: bold 150%/1.3 'Signika Negative', sans-serif; margin-top: 0;}
  h2 {margin-top: 1.5em; font-size: 130%;}
  .weekViewTbl h3 {margin-top: 0; font-size: 125%;}
  .weekViewTbl tr:nth-child(even) .weekDataHolder {background: #eee;}
  #exterior.adminLayout > div {padding: 10px 20px;}
  #masthead {height: 200px; position: relative; top: 0; left: 0; background: #A6A6A6;}
  #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: 10px; 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: 10px;}
  #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%;}
  #fixedMetaNav {position: sticky; z-index: 1; top: 0; background: #fff; padding: 5px 0 10px; border-bottom: 1px solid #999;}
  #fixedMetaNav .local {padding: 0; margin-bottom: 20px;}
  #lastModHldr {display: inline-block; margin-left: 20px;}
  html #ui-datepicker-div {z-index: 1001 !important;}

}


@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;}
  .three-col {gap: 15px 5%;}

}


@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: 2.5; font-size: 20px;}
  #localNav li, #deeperLocalNav li {padding-right: 30px;}
  #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;}
  .adminLayout #adminNav {padding: 90px 0 0;}
  .adminLayout #adminNav li {margin-right: 30px; line-height: 2.2;}
  .three-col {grid-template-columns: 1fr;}

}


@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 {width: 100% !important; max-width: 100%;}
  .formList li {padding-left: 10px;}
  label:empty {display: none;}

}

@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: 24px;}
  #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;}

}