body { max-width: 64em; margin: 1em 0 1em 0.5em; }
.assignment td { color: rgb(43, 0, 183); }
.assignment th, .assignment td { padding: 0.2em; text-align: center; }
.attest { font-size: large; color: rgb(225, 0, 0); margin: 1em 0 1em 0; }
.borderAll { border: 1px solid rgb(0, 0, 0); }
.borderCollapse { border-collapse: collapse; }
.buttonBar { margin: 0 auto 0 auto; text-align: center; }
.centered { text-align: center; }
.checkboxContainer { width: 0.8em; height: 0.5em; border: 1px solid rgb(160,160,160); display: inline; border-radius: 5px; background-color: rgb(255, 0, 0); }
.colorBlue { color: rgb(0, 0, 255); }
.colorDarkRed { color: rgb(200, 50, 100); }
.colorGreen { color: rgb(0, 0, 0); }
.colorOrange {color:rgb(255,165,0); }
.colorPurple { color: rgb(140, 0, 255); }
.colorRed { color: rgb(255, 0, 0); }
.fauxButton { display: inline; font-size: 1.2em; text-align: center; padding: 0.25em 0.5em 0.25em 0.5em; border-radius: 0.4em; background-color: rgb(2, 154, 2); cursor: pointer; color: rgb(255, 255, 255); border-width: 2px; border-style: outset; }
  .fauxButton:hover { background-color: rgba(0, 255, 0, 0.5); }
.fauxLink { width: 100%; text-align: center; }
  .fauxLink span { color: rgb(0,0,255); padding: 0em .5em 0em .5em; cursor: pointer; }
.fauxTextBox { border: 2px inset rgb(238, 238, 238); padding: 0.1em 0.5em; width: 95.5%; box-shadow: 0.1em 0.1em 0.35em rgb(136, 136, 136); background-color: rgb(255, 255, 255); }
.feedback { display: none; }
.formContent { font-size: 1.1em; display: block; }
  .formContent fieldset:nth-of-type(1) { background-color: rgb(137, 232, 148); }
  .formContent fieldset:nth-of-type(2) { background-color: rgb(120, 213, 227); }
  .formContent fieldset:nth-of-type(3) { background-color: rgb(122, 245, 243); }
  .formContent fieldset:nth-of-type(4) { background-color: rgb(147, 226, 213); }
  .formContent fieldset:nth-of-type(5) { background-color: rgb(243, 213, 189); }
.hiddenControls { display: none; }
.highlighted { background-color: rgb(255,255,0); border-radius: 0.5em; }
.input input[type=text], .tbx select { width: 100%; }
.inputLabel { display: inline-block; margin-right: 0.4em; padding-bottom: 1em; }
.label { width: 100%; text-align: center; font-size: 0.9em; /*color: rgb(2, 89, 211);*/ margin-top: -0.2em; }
.logo { width: 55em; margin: 0 auto; }
.logoImg { display: inline-block; background-image: url("Images/LRSDLogoSprite247x154.png"); background-repeat: no-repeat; width: 6.8em; height: 10em; background-position: 0 0; }
.magnet, .regular { display: none; }
.message { font-size: 1.45em; text-align: center; display: none; }
.messageBox { font-size: 1em; display: none; position: absolute; border-radius: 1.5em; box-shadow: 0 0 2em .2em rgba(50,50,50,0.6); -moz-box-shadow: 0 0 2em .2em rgba(50,50,50,0.6); -webkit-box-shadow: 0 0 2em .2em rgba(50,50,50,0.6); z-index: 1000; }
.messageBox-content { color: rgba(33, 124, 126, 1); padding: 1em 0.5em; font-size: 1.1em; background: rgba(255, 251, 236, 1); }
.messageBox-footer { padding: 1em 0; border-top-width: 0; border-radius: 0 0 1.5em 1.5em; }
  .messageBox-footer input[type=button] { display: none; font-size: 1.2em; padding: 0.3em; cursor: pointer; border: .01em solid rgba(255, 251, 236, 1); border-radius: 0.5em; box-shadow: 0em 0em .3em #555555; color: rgba(127,0,0,1); }
    .messageBox-footer input[type=button]:hover { border: .02em solid rgba(33, 124, 126, 1); color: rgba(33, 124, 126, 1); }
.messageBox-gradient-down { background: -webkit-linear-gradient(rgba(37, 208, 228, 1), rgba(37, 208, 228, 1), rgba(247,247, 247, 1)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(37, 208, 228, 1), rgba(37, 208, 228, 1), rgba(247,247, 247, 1)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(37, 208, 228, 1), rgba(37, 208, 228, 1), rgba(247,247, 247, 1)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(37, 208, 228, 1), rgba(37, 208, 228, 1), rgba(247,247, 247, 1)); /* Standard syntax */ }
.messageBox-gradient-up { background: -webkit-linear-gradient(rgba(247,247, 247, 1), rgba(37, 208, 228, 1), rgba(37, 208, 228, 1) ); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(247,247, 247, 1), rgba(37, 208, 228, 1), rgba(37, 208, 228, 1) ); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(247,247, 247, 1), rgba(37, 208, 228, 1), rgba(37, 208, 228, 1)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(247,247, 247, 1), rgba(37, 208, 228, 1), rgba(37, 208, 228, 1)); /* Standard syntax */ }
.messageBox-header { overflow: hidden; padding: 1em 0; border-bottom-width: 0; border-radius: 1.5em 1.5em 0 0; }
.messageBox-header, .messageBox-footer { color: rgb(255, 255, 255); text-align: center; }
.messageBox-title { font-weight: bold; font-size: 1.3em; text-align: center; }
.newStudent { display: none; }
.overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 110em; background-color: rgba(255, 255, 255, .7); }
.pageContent input[type=text]:focus, .pageContent textarea:focus, .pageContent select:focus { box-shadow: 0 0 0.3125em rgba(81, 203, 238, 1); border: 0.08em solid rgba(81, 203, 238, 1); }
.pageContent sup {font-size:small;}
.pageFooter { padding: 1em 0 1em 0; }
.pageHeader { padding-bottom: 1em; }
.schoolChoice { width: 27em; margin: 0 auto; }
.textXLarge { font-size: x-large; }
.title { display: inline-block; color: rgba(23, 70, 142,1); }
  .title span:first-child { display: block; font-size: 2em; }
  .title span:nth-child(2) { display: block; font-size: 1.6em; padding-left: 0.4em; }
  .title span:nth-child(3) { display: block; font-size: 1.6em; padding-left: 3.5em; }
  .title span:nth-child(4) { display: block; font-size: 1em; padding: 1em 0 0 11em; color: rgb(0, 0, 255);cursor:pointer; }
.wL { width: 13em; }
.wM { width: 8em; }
.wML { width: 10em; }
.wS { width: 5em; }
.wXL { width: 16em; }
fieldset { border-radius: 0.5em; margin: 0 0 1em 0; }
  fieldset:nth-of-type(1) .label { color: rgb(2, 89, 211); font-weight: 700; }
  fieldset:nth-of-type(2) .label { color: rgb(2, 89, 211); font-weight: 700; }
  fieldset:nth-of-type(5) .label { color: rgb(0, 105, 118); font-weight: 700; } 
input[type=checkbox], input[type=radio] { cursor: pointer; }
input[type=text] { font-size: 1em; height: 1.4em; box-shadow: 0.1em 0.1em 0.35em rgb(136, 136, 136); background: rgb(255, 250, 250); }
input[type=text], select { font-size: 1.1em; }
legend { font-size: larger; color: rgb(0, 0, 200); }
ol { margin: 0 0 1em 0; }
select { font-size: 1em; box-shadow: 0.1em 0.1em 0.35em rgb(136, 136, 136); background: rgb(255, 250, 250); padding: 0.15em 0; }
select { width: 100%; }
@media all and (max-width:41em) {
  .title span:first-child { font-size: 1.8em; padding-left: 0.4em; }
  .title span:nth-child(2) { font-size: 1.5em; padding-left: 0.3em; }
  .title span:nth-child(3) { font-size: 1.5em; padding-left: 2.8em; }
}
@media all and (max-width:40em) { /*Landscape Galaxy 7 */
  .title span:first-child { font-size: 1.5em; padding-left: 0.3em; }
  .title span:nth-child(2) { font-size: 1.3em; padding-left: 0.2em; }
  .title span:nth-child(3) { font-size: 1.3em; padding-left: 2.6em; }
  .logoImg { width: 5em; height: 8em; background-position: 65% 0; }
  .logo { width: 40em; }
}
@media all and (max-width:39em) {
  .title span:first-child { font-size: 1.5em; padding-left: 0.2em; }
  .title span:nth-child(2) { font-size: 1.3em; padding-left: 0.1em; }
  .title span:nth-child(3) { font-size: 1.3em; padding-left: 2.4em; }
  .logoImg { width: 5em; height: 8em; background-position: 65% 0; }
  .logo { width: 39em; }
}
@media all and (max-width:38em) {
  .title span:first-child { font-size: 1.4em; padding-left: 0.2em; }
  .title span:nth-child(2) { font-size: 1.2em; padding-left: 0.1em; }
  .title span:nth-child(3) { font-size: 1.2em; padding-left: 2.4em; }
  .logoImg { width: 5em; height: 8em; background-position: 65% 0; }
  .logo { width: 38em; }
}

@media all and (max-width:37em) { /* portrait Galaxy 7*/
  .title span:first-child { font-size: 1.4em; }
  .title span:nth-child(2) { font-size: 0.7em; }
  .title span:nth-child(3) { font-size: 0.9em; padding-left: 1em; }
  .title span:nth-child(4) { padding: 0 0 0 0; color: rgb(0, 0, 255); cursor:pointer;}
  .logoImg { width: 3.7em; height: 6em; background-position: 100% 0; }
  .logo { width: 37em; }
}