body 
{
     font-family: Verdana, Arial, Helvetica ;
		font-size: 10pt ; 
		font-weight: Normal; 
}

div#HeaderLeft
{
    background-position: left top;
    left: 0px;
    background-image: url(images/HeaderLeft.jpg);
    background-repeat: no-repeat;
    position: absolute;
    float: left;
    top: 0px;
    width: 333px;
    height: 99px;
}

div#HeaderMiddle
{
    background-position: center top;
    left: 0;
    background-image: url(images/HeaderMiddle.jpg);
    background-repeat: repeat-x;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 99px;
}
div#AnswerSheetHeaderMiddle
{
    background-position: center top;
    left: 174px;
    background-image: url(images/HeaderMiddle.jpg);
    background-repeat: repeat-x;
    position: absolute;
    top: 0px;
    width: 542px;
    height: 99px;
}
div#HeaderRight
{
    background-position: right top;
    background-image: url(images/HeaderRight.jpg);
    background-repeat: no-repeat;
    top: 0px;
    width: 8px;
    height: 99px;
    float: right;
}
div#AnswerSheetHeaderRight
{
    background-position: right top;
    left: 710px;
    background-image: url(images/HeaderRight.jpg);
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    width: 8px;
    height: 99px;
}

.HeaderContract
{
    left: 200px;
    position: absolute;
    width: 100%;
    top: 2px;
}

.HeaderSite
{
    left: 300px;
    position: absolute;
    top: 8px;
}
.HeaderClassroom
{
    left: 500px;
    position: absolute;
    top: 8px;
}
.HeaderChild
{
    left: 600px;
    position: absolute;
    top: 8px;
}

div#FooterLeft
{

    background-image: url(images/FooterLeft.jpg);
    background-repeat: no-repeat;
    width: 550px;
    height: 23px;
    float: left;
    vertical-align:text-bottom;
}

div#FooterMiddle
{
    background-image: url(images/FooterMiddle.jpg);
    background-repeat: repeat-x;
    width: 100%;
    height: 23px;
    top: -23;
    position: static;
}

div#FooterRight
{
    background-image: url(images/FooterRight.jpg);
    background-repeat: no-repeat;
    width: 110px;
    height: 23px;
    float: right;
}


div#AnswerSheetFooterMiddle
{
    background-position: center bottom;
    left: 230px;
    background-image: url(images/FooterMiddle.jpg);
    background-repeat: repeat-x;
    position: relative;
    top: -3px;
    width: 400px;
    height: 23px;
}

div#AnswerSheetFooterRight
{
    background-position: right bottom;
    left: 600px;
    background-image: url(images/FooterRight.jpg);
    background-repeat: no-repeat;
    position: relative;
    top: -26px;
    width: 110px;
    height: 23px;
}

div#MainContent
{
    left: 0px;
    position: absolute;
    top: 100px;
}

A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Verdana, Arial, Helvetica ;
    TEXT-DECORATION: none
}

.Header
{
    font-weight: bold;
    font-size: 10pt;
    color: black;
    font-family: Verdana;
}

.HeaderLabel
{
    font-weight: normal;
    font-size: 10pt;
    color: black;
    font-family: Verdana;
}
.PageTitle
{
    font-weight: bold;
    font-size: 15pt;
    font-family: Verdana;
}
.WarningLabel
{
    font-weight: bold;
    font-size: 14pt;
    font-family: Verdana;
    color:Orange;
}
.HorizontalLines
{
  font-size: 10pt;
  font-family: Verdana;
  border-top-style: solid;
  border-top-color: Black;
  border-top-width: 2px;
  text-align: left;
  vertical-align: top;
}

.TableHeader
{
    font-weight: bold;
    font-size: 14pt;
    color: Purple;
    font-family: Verdana;
}

.TableHeaderSmall {
    font-weight: bold;
    font-size: 12pt;
    color: White;
    font-family: Verdana;
    text-align: left;
    background-color: #005980;
    border-spacing: 20px;
    padding-left: 2px;
    padding-right: 2px;
}
.TableHeaderSmallRed {
    font-weight: bold;
    font-size: 12pt;
    color: White;
    font-family: Verdana;
    text-align: left;
    background-color: #800020;
    border-spacing: 20px;
    padding-left: 2px;
    padding-right: 2px;
}
.TableHeaderSmallCentered {
    font-weight: bold;
    font-size: 12pt;
    color: White;
    font-family: Verdana;
    text-align: center;
    background-color: #005980;
    padding-left: 2px;
    padding-right: 2px;
}

.TableGridRow
{
    background-color: #E0FFEA;
    vertical-align: top;
    text-align: left;
    font-size: 10pt;
    color: Black;
    font-family: Verdana;
    border-style: inset;
    padding-left: 2px;
    padding-right: 2px;
}
.TableGridAlternateRow
{
    background-color: #D7F6FF;
    text-align: left;
    vertical-align: top;
    font-size: 10pt;
    color: Black;
    font-family: Verdana;
    border-style: inset;
    padding-left: 2px;
    padding-right: 2px;

}

.ReportingPeriodDropDown
{
    font-weight: bold;
    font-size: 11pt;
    color: Purple;
    font-family: Verdana;
}
.BlueTab
{
    background-image: url(images/TabBlue.jpg);
}
.YellowTab
{
    background-image: url(images/TabYellow.jpg);
}
.FormSelectorLink
{
    COLOR: Black;
    FONT-WEIGHT: Normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial, Helvetica ;
    TEXT-DECORATION: none
}

.ActionButton {
    font-weight: bold;
    font-size: 12px;
    color: white;
    font-family: Verdana;
    background-color: #005980;
    width: 85px;
}
    .ActionButton:focus {
        font-weight: bold;
        font-size: 12px;
        color: blue;
        font-family: Verdana;
        background-color: white;
        width: 85px;
        outline-color:black;
        outline-width:thick;
    }
.ActionButtonLong {
    font-weight: bold;
    font-size: 12px;
    color: white;
    font-family: Verdana;
    background-color: #005980;
    width: 125px;
}
.ActionButtonLong:focus {
    font-weight: bold;
    font-size: 12px;
    color: blue;
    font-family: Verdana;
    background-color: white;
    width: 125px;
    outline-color: black;
    outline-width: thick;
}
.ActionButtonSuperLong {
    font-weight: bold;
    font-size: 12px;
    color: white;
    font-family: Verdana;
    background-color: #005980;
    width: 175px;
}
.ActionButtonSuperLong:focus {
    font-weight: bold;
    font-size: 12px;
    color: blue;
    font-family: Verdana;
    background-color: white;
    width: 175px;
    outline-color: black;
    outline-width: thick;
}
.FieldLabel
{
    font-size: 10pt;
    font-family: Verdana;
}
.ConflictCalendarDate {
    font-size: 10pt;
    font-family: Verdana;
    color: #800020;
    font-weight: bold;
}
.CalendarDate
{
    font-size: 10pt;
    font-family: Verdana;
    color: Black;
    font-weight:  normal;
}
.FieldLabelBold
{
    font-size: 10pt;
    font-family: Verdana;
    font-weight:bold;
}
.SectionHead
{
    font-weight: bold;
    font-size: 12pt;
    font-family: Verdana;
}
.ErrorMessage {
    border-right: #800020 thin solid;
    border-top: #800020 thin solid;
    font-weight: bold;
    font-size: 10pt;
    border-left: #800020 thin solid;
    color: #800020;
    border-bottom: #800020 thin solid;
    font-family: Verdana;
}
.Message
{
    border-right: green thin solid;
    border-top: green thin solid;
    font-weight: bold;
    font-size: 10pt;
    border-left: green thin solid;
    color: green;
    border-bottom: green thin solid;
    font-family: Verdana;
}
div#LinkButtons
{
    background-position: center top;
    left: 190px;
    position: absolute;
    top: 60px;
}
.LinkButton
{
    font-weight: bold;
    font-size: 10pt;
    color: purple;
    font-family: Verdana;
    text-decoration: none
}
.FormLinkButton
{
    font-weight: bold;
    font-size: 12pt;
    color: purple;
    font-family: Verdana;
    text-decoration: none
}
.TableLabel
{
    font-weight: bolder;
    font-size: 8pt;
    color: #00972e;
    font-family: Verdana
}

.TableDataSmall
{
    font-weight: normal;
    font-size: 8pt;
    color: black;
    font-family: Verdana;
    vertical-align: top;
    overflow: visible;
    text-align: left;
}

.TableLabelRed {
    font-weight: bolder;
    font-size: 8pt;
    color: #800020;
    font-family: Verdana
}

.TableLabelRedLarge {
    font-weight: bolder;
    font-size: 10pt;
    color: #800020;
    font-family: Verdana
}
.LinkLabel
{
    font-weight: bolder;
    font-size: 10pt;
    color: #00972e;
    font-family: Verdana, Arial;
    text-decoration: none
}
HR
{
    BORDER-RIGHT: #00972e 1px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #00972e 1px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 2px;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
    BORDER-LEFT: #00972e 1px;
    COLOR: #00972e;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #00972e 1px;
    BACKGROUND-COLOR: #00972e
}
.OutlinedTable
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid
}
.OutlinedTableFull
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    BORDER: black 1px solid; 
}
.OutlinedTableTop
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 0px solid;
}
.OutlinedTableMiddle
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 0px solid;
}
.OutlinedTableNoTopBottom
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 0px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 0px solid;
}

.OutlinedTableBottom
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
}
.EnabledTextBox
{
    border: black 2px solid;
}
.DisabledTextBox
{
    border: blue 1px dashed;
}
.headerStatus {
    COLOR: white;
    FONT-FAMILY: verdana,arial,helvetica;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
}

    .headerStatus .headerStatusLabel {
        font-size: 10pt;
        color: white;
        font-family: verdana,arial,helvetica;
        FONT-WEIGHT: normal;
    }

.grid .header {
    font-weight: bold;
    background-color: #4A3C8C;
    vertical-align: top;
}

    .grid .header td {
        color: #ffffff;
        vertical-align: bottom;
    }

.grid .footer {
    font-weight: bold;
    background-color: #9999cc;
    vertical-align: top;
}

    .grid .footer td {
        color: #ffffff;
        vertical-align: top;
    }

.grid .item {
    background-color: #E7E7FF;
    vertical-align: top;
}

.grid .alternatingItem {
    background-color: #F7F7F7;
    vertical-align: top;
}

.grid .itemCentered {
    background-color: #E7E7FF;
    vertical-align: middle;
}

.grid .alternatingItemCentered {
    background-color: #F7F7F7;
    vertical-align: middle;
}

.grid .newItem {
    background-color: #ffffcc;
    vertical-align: top;
}