body
{
    background-color: #C4E1F2;

}

body.background
{
    background-color:White;
}

td
{
    border:1px solid black;
    padding:5px;
}

.NoTD
{
    border: none;
    padding: 1px;
}
.backgroundWhite
{
    background-color:White;
}

div#page
{
    background-color: #FFFFFF;
    border: 1px solid #496077;
    margin: 20px auto 0;
    width: 1024px;
}

div#left
{
    width:125px;
    height:125px;
    float:left;
    display:inline-block;
    border-bottom:3px solid Black;
    padding:5px;
    padding-bottom:15px;
}
div#right
{
    width:125px;
    height:125px;
    float:right;
    display:inline-block;
    text-align:right;
    border-bottom:3px solid Black;
    padding:5px;
    padding-bottom:15px;
}
div#center
{
    width:754px;
    height:125px;
    display:inline-block;
    border-bottom:3px solid Black;
    padding-top:5px;
    padding-bottom:15px;
    text-align:center;
}

div#headertext
{
    margin: 0% 10% 0% 10%;
}

div#footer
{
    height: auto;
    margin: 1% 5% 1% 5%;
    border:2px solid black;
    background-color:#FFC211;
    font-weight:bold;
    font-size:10pt;
}

div#footer div
{
    font-size:10pt;
    padding:10px;
}

div#login
{
    border: 1px solid gray;
    padding:10px;
    background-color:#F9F9F9;
    margin-left:32%;
    margin-right:32%;
    text-align:center;
}

div#login span
{
    font-size:14pt;
    font-weight:bold;
}

div.border
{
    border:1px solid black;
    margin:1%;
    padding:10px;
}

div.buttons
{
    padding:10px;
    display:inline-block;
}

.CustomValidatorCalloutStyle div,
.CustomValidatorCalloutStyle td {
    border:solid 1px blue; background-color: #FFFACD;
}

.highlight
{
    background-color: #FFFACD;
}

.district
{
    display:inline-block;
    width:48%;
    float:right;
    text-align:right;
    padding-right:15px;
    padding-bottom:5px;
}

.school
{
    display:inline-block;
    width:48%;
    float:left;
    text-align:left;
    padding-left:15px;
    padding-bottom:5px;
}

.header
{
    font-size:16pt;
    font-weight:bolder;
    font-family:Arial;
    padding:0px;
}

.headerdesc
{
    font-size:12pt;
    font-family:Arial;
    padding:0px;
}

div#teach
{
    margin-left:30px;
    padding: 20px 5px 5px 0px;
}

div.indent
{
    margin-left:5%;
}

.rubricheaderrow
{
    border:3px solid black;
}

.rubricCell {
    border: 1px solid black;
    padding: 5px 15px 5px 15px;
    font: normal normal bold 12pt Ariel;
    width:720px;

}

.rubricQCell {
    border: 1px solid black;
    padding: 5px 15px 5px 15px;
    font: normal normal bold 12pt Ariel;

}
.SpecialrubricCell
{
    border: 1px solid black;
    padding:5px 15px 5px 13px;
    font:normal normal bold 12pt Ariel;
    width:150px;
}

.dataheaderrow {
    font: normal normal bold 15pt Ariel;
    background-color: #C4E1F2;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right:1px solid #C4E1F2;
    /*width:720px !important;*/
}
.dataheaderrowRubric {
    font: normal normal bold 12pt Ariel;
    background-color: #C4E1F2;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
}
.avgheadquestion {
    font: normal normal bold 16pt Ariel;
    background-color: #C4E1F2;
    border-bottom: 1px solid black;
    border-left: 1px solid #C4E1F2;
    border-right: 1px solid black;
}


.rubricCellForBtn {
    border: 1px solid black;
    text-align: center;
    padding: 5px;
}

.rubricCellavgleaf {
    border: 1px solid black;
    text-align: center;
    padding: 3px;
    width: 6%;
    font: normal 11pt Ariel;
}

.rubricCellLeafFirst {
        border-left: 1px solid black;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        padding: 5px 15px 5px 15px;
        font: normal normal normal 12pt Ariel;
    }

.rubricCellLeafLast
{
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding:5px 15px 5px 15px;
    font:normal normal normal 12pt Ariel;
}


.rubricCellLeaf
{
    border: 1px solid black;
    padding:5px 15px 5px 15px;
    font:normal normal normal 12pt Ariel;
}

.rubricCellLeafFirstReport
{
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding:5px 15px 5px 15px;
    font:normal normal normal 12pt Ariel;
}

.rubricCellLeafLastReport
{
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding:5px 15px 5px 15px;
    font:normal normal normal 12pt Ariel;
}


.rubricCellLeafReport
{
    border: 1px solid black;
    padding:5px 15px 5px 15px;
    font:normal normal normal 12pt Ariel;
}


.rubricPHFirst
{
    border: none;
    border-left: 1px solid black;
}

.rubricPHLast
{
    border:none;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

.rubricPH
{
    border:none;
    border-left: 1px solid black;
}

.instructText
{
    text-align:center;
}

.centerDIV
{
    margin-left:5%;
    margin-right:5%;
}

.leftDIV
{
  margin-left:5%;
}

td.background
{
   background-color:#C4E1F2;
}

.avgRow
{
    font:normal normal bold 12pt Ariel;
    background-color:#7AA4E2;
    vertical-align:text-top;
    text-align:center;
    font-size:14pt;
    vertical-align:text-top;
}

.avgValue
{
    font: 14pt Arial;
    background-color:#7AA4E2;
    color:black;
    vertical-align:middle;
    text-align:center;
    display:block;
    font-size:14pt;
}

.avgDiv
{
    /*font-weight:bold;*/
    background-color:#7AA4E2;
    vertical-align:text-top;
    text-align:center;
    font-size:14pt;
    vertical-align:middle;
}

table.NoLines td
{
   border:none;
}

.pageBreak
{
  break-after: page;
  page-break-after: always;
}


td.backgroundLEFT
{
   background-color:#C4E1F2;
     text-align:left;
}

td.backgroundCENTER
{
   background-color:#C4E1F2;
     text-align:center;
}



.rubricCellColoured {
    border: 1px solid black;
    padding: 5px 15px 5px 15px;
    font: normal normal bold 12pt Ariel;
    background-color: #C4E1F2;
    width: 130px;
    height: 30px;
}

.h1Label{
   font-weight:bold;
   font-size:16pt;
}
.header2
{
    font-size:16pt;
    font-weight:bolder;
    font-family:Arial;
    padding:0px;
    display:inline;
}
select {
    margin-left:10px;
}

button {
    margin-left: 10px;
}
input[type=text], input[type=password] {
    margin-left: 10px;
}

.rbToggleRadioChecked
{
        color:black !important;
}