/* Start Google Web Fonts */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'),
            url(fonts/opensans-light.ttf) format('truetype'),
            url(fonts/opensans-light.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'),
            url(fonts/opensans.ttf) format('truetype'),
            url(fonts/opensans.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
            url(fonts/opensans-semibold.ttf) format('truetype'),
            url(fonts/opensans-semibold.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
            url(fonts/opensans-bold.ttf) format('truetype'),
            url(fonts/opensans-bold.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'),
            url(fonts/opensans-extrabold.ttf) format('truetype'),
            url(fonts/opensans-extrabold.woff) format('woff');
}
/* End Google Web Fonts */

.framebody     {  background-color: #eeeeee;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    font-size: 8.5pt;
    font-family: Verdana, Arial, Helvetica, sans-serif; }

.webdeskname   {  font-size: 7.0pt;
    color: #8000b0;
    font-weight: bold;  }
.webdeskitem   {  font-size: 8.0pt;
    color: #000000;
    font-weight: normal;
    cursor: pointer }
.quickhelp     {  font-size: 8.5pt;
    font-family: Verdana, Arial, Helvetica, sans-serif; }
.bigtext       {  font-size: 10.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000; }

.fieldlabel2   {  font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000; }
.fieldlabelreqd {  font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ff0000; }
.fieldtext     {  font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #505050; }

.fieldvalueerror {  font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #ffffff;
    background-color: #b00000;
    border-style:solid;
    border-color:#a0a0a0;
    border-width:1px; }

.textreadonly   { font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #a0a0a0;
}
.fieldvalueReadOnly
{
    /*font-size: 9.0pt;*/
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    /*font-weight: normal;*/
    /*color: #000;*/
    /*border-style:solid;*/
    /*border-color:#a0a0a0;*/
    /*border-width:1px; */
}
.topLeftBorderFieldValue
{  font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-top-style:solid;
    border-left-style:solid;
    border-top-width:1px;
    border-left-width:1px;
    border-color:#000000; }
.topRightBorderFieldValue
{  font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-top-style:solid;
    border-right-style:solid;
    border-top-width:1px;
    border-right-width:1px;
    border-color:#000000; }
.bottomLeftBorderFieldValue
{  font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-bottom-style:solid;
    border-left-style:solid;
    border-bottom-width:1px;
    border-left-width:1px;
    border-color:#000000; }
.bottomRightBorderFieldValue
{  font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-bottom-style:solid;
    border-right-style:solid;
    border-bottom-width:1px;
    border-right-width:1px;
    border-color:#000000; }
.rightBorderFieldValue
{  font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-right-style:solid;
    border-right-width:1px;
    border-color:#000000; }
.leftBorderFieldValue
{  font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-left-style:solid;
    border-left-width:1px;
    border-color:#000000; }
.leftRightBorderFieldValue
{  font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-left-style:solid;
    border-right-style:solid;
    border-left-width:1px;
    border-right-width:1px;
    border-color:#000000; }
.topBorderFieldValue
{  font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-top-style:solid;
    border-top-width:1px;
    border-color:#000000; }
.bottomBorderFieldValue
{  font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-color:#000000; }
.topBottomBorderFieldValue
{  font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-top-style:solid;
    border-top-width:1px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-color:#000000; }



.curtain       {  background-color:#b9b9f0;
    color: #2e2eb0;
    font-size: 8.5pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
.breadcrumb    {  color: #2e2eb0;
    font-size: 8.5pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
.studentNavigator{color: #2e2eb0;
    font-size: 8.5pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal; }

.rightcrumb    {  color: #fd4488;
    font-size: 8.5pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
.leftmenutext  {  font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
}
.categorybody  {  background-color: #eeeeee;
    margin:0;
}
.categorybody2 {  background-color: #e4e4ed;
    margin:0;
}
.categorytab   {  cursor:pointer; }
.fieldsettitle {  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9.0pt;
    color: #2e2eb0; }
.fieldsetborder{ border: 1pt solid #aaaaaa }



.listbody      {  background-color: #eeeeee;
    margin-left:0;
    margin-top:0;
    margin-right:0;
    margin-bottom:0; }
.fieldsareanextyear
{  background-color: #e4e4ed; }

.listheadingwhite {
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff; }
.listrowerror  {
    font-size: 8pt;
    color: #000000;
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffa0a0;}
.listrowwarning  {
    font-size: 8pt;
    color: #000000;
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #d9d900;}


.listrowbold  {
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffbbbb;
}

.logonDistrictName {
    font-size: 14pt;
    color: #400040;
    font-style: italic;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif; }
.copyright     {  font-size: 8pt;
    color: #000000;
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;  }
.clock         {  font-size:9pt;
    color: #000000;
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;  }
.datetimebar   {  font-size: 10pt;
    color: #8000b0;
    font-style: italic;
    font-family: Verdana, Arial, Helvetica, sans-serif; }

.pageHistory     {color: #2e2eb0;background-color: #eeeeee;
    font-size: 7.5pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
.popupbox        {border: #000 3px solid;
    background-color: #eeeeee;
    font-size: 8.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000; }

.moduleTab      {
    font-family: Arial, Verdana, sans-serif;
    background-color: #2E2DAB;
    font-weight: normal;
    color: #ffffff;
    font-size: 11pt;
    border-style:solid;
    border-left-width:1pt;
    border-right-width:1pt;
    border-top-width:1pt;
    border-bottom-width:0;

    border-color:#8080ff;
    padding-left:5px;
    padding-right:5px;
    cursor:pointer;

    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
}
.moduleTabOver  {
    font-family: Arial, Verdana, sans-serif;
    background-color: #0000ff;
    font-weight: normal;
    color: #ffffff;
    font-size: 11pt;
    border-style:solid;
    border-left-width:1pt;
    border-right-width:1pt;
    border-top-width:1pt;
    border-bottom-width:0;

    border-color:#8080ff;
    padding-left:5px;
    padding-right:5px;
    cursor:pointer;

    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
}
.moduleTabSelected {
    font-family: Arial, Verdana, sans-serif;
    background-color: #F4e7C7;
    font-weight: normal;
    color: #2F30AE;
    font-size: 11pt;
    border-style:solid;
    border-left-width:1pt;
    border-right-width:1pt;
    border-top-width:1pt;
    border-bottom-width:0;
    border-color:#8080ff;
    padding-left:5px;
    padding-right:5px;
    cursor:pointer;

    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
}
.moduleNextPrevTab
{
    font-family: Arial, Verdana, sans-serif;
    background-color: #B7BCE4;
    font-weight: normal;
    color: #2F30AE;
    font-size: 11pt;
    border-style:solid;
    border-left-width:1pt;
    border-right-width:1pt;
    border-top-width:1pt;
    border-bottom-width:0;

    border-color:#2F30AE;
    padding-left:5px;
    padding-right:5px;
    cursor:pointer;

    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
}
.categoryFrameTab      {
    font-family: Arial, Verdana, sans-serif;
    background-color: #F4e7C7;
    font-weight: normal;
    color: #2F30AE;
    font-size: 11.0pt;
    border-style:solid;
    border-left-width:1pt;
    border-right-width:1pt;
    border-top-width:1pt;
    border-bottom-width:0;
    border-color:#F4e7C7;
    padding-left:5px;
    padding-right:5px;
    cursor:pointer;

    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
}
.categoryFrameTabOver  {
    font-family: Arial, Verdana, sans-serif;
    background-color: #0000ff;
    font-weight: normal;
    color: #ffffff;
    font-size: 11.0pt;
    border-style:solid;
    border-left-width:1pt;
    border-right-width:1pt;
    border-top-width:1pt;
    border-bottom-width:1pt;

    border-color:#0000ff;
    padding-left:5px;
    padding-right:5px;
    cursor:pointer;

    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
}
.categoryFrameTabSelected {
    font-family: Arial, Verdana, sans-serif;
    background-color: #ECEBF1;
    font-weight: normal;
    color: #2F30AE;
    font-size: 11.0pt;
    border-style:solid;
    border-left-width:1pt;
    border-right-width:1pt;
    border-top-width:1pt;
    border-bottom-width:0;
    border-color:#000000;
    padding-left:5px;
    padding-right:5px;
    cursor:pointer;

    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
}
.genesisButton:hover {
    background-color: #0077ff;
    border-color: #000050;
    color:#ffffff;
}
.genesisButton {
    font-family: Arial, Verdana, sans-serif;
    background-color: #e9e9fe;
    font-weight: normal;
    color: #303030;
    font-size: 9.0pt;
    border-style:solid;
    border-width:1pt;
    border-color:#909090;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
    text-decoration: none;
    border-radius: 8px;
    -moz-border-top-radius: 8px;
    margin-left:.25em;
    margin-right:.25em;
}
.mobileLogin  {  font-size: 9.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000; }
.mobileField  {  font-size: 9.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000; }
.mobileDistrictName
{  font-size: 10pt;
    color: #400040;
    font-style: italic;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif; }
.mobileEven   {
    font-size: 9pt;
    color: #000000;
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #f2e9d0;}
.mobileOdd    {
    font-size: 9pt;
    color: #000000;
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #eeeeee;
}

.formButton
{
    color: #19206D;
    background-color: #E4EFDA;
    border-radius: 8px;
    border: solid .75pt #B59061;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    cursor: pointer;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: .10em;
    padding-bottom: .10em;
    text-decoration: none;
}
.formButton:hover
{
    color: white;
    background-color: #64913D;
    border-radius: 8px;
    border: solid .75pt #000090;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-left: 1em;
    padding-right: 1em;
    text-decoration: none;
}

.formButtonIcon:hover {
    background-color: #0077ff;
    border-color: #000050;
    color:#ffffff;
}
.formButtonIcon {
    font-family: Arial, Verdana, sans-serif;
    background-color: #e9e9fe;
    font-weight: normal;
    color: #303030;
    font-size: 9.0pt;
    border-style: solid;
    border-width: 1pt;
    border-color: #909090;
    padding-left: 32px;
    padding-right: 10px;
    cursor: pointer;
    text-decoration: none;
    border-radius: 8px;
    -moz-border-top-radius: 8px;
    margin-left: .25em;
    margin-right: .25em;
    background-position: 10px;
    background-repeat: no-repeat;
    height: 28px;
}

.boxShadow
{
    box-shadow: 8px 8px 5px #bcbcbc;
}

.boxShadowSmall
{
    box-shadow: 3px 3px 1px #bcbcbc;
}

.boxShadowDark
{
    box-shadow: 8px 8px 5px #aaaaaa;
}



.labelCell
{
    text-align: right;
}
.dataCell
{
    text-align: left;
}

/* -------------------------------------- Rewrite starts here -----------------------------------------*/

/* This is the BODY tag */
.parentsBody
{
    font:12pt 'Open Sans', Arial, Helvetica, sans-serif;
    background-color: #F7F7F7;
    margin: 0;
}

/* Top row in parentsHeader.jsp */
.headerModules
{
    font:.85em/14px 'Open Sans', Arial, Helvetica, sans-serif;
    font-style: normal;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-bottom: solid 1px rgb(54, 201, 242);
    background-color: #001C35;
    text-transform: uppercase;
    font-weight: bold;
    color: #25add3;
    height:50px;
    width:100%;
    text-align: center;
}

.headerModuleTab
{
    margin-left: 0;
    display: inline-block;
    background-color: #001C35;
    border-radius: 3px 3px 0 0;

    border-color:#e4e4ed;
    border-bottom: solid 1px rgb(54, 201, 242);
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
    text-decoration: none;

    height: 35px;
    margin-top: 5px;
    padding-top: 10px;
}

.headerModuleTab:hover
{
    background-color: #019BC6;
    color: #ffffff;
}
.headerModuleTabSelected
{
    margin-left:0;
    border-radius: 3px 3px 0 0;
    background-color: #019BC6;
    border-bottom: #019BC6 1px solid;
    color: #ffffff;
    display: inline-block;
    height: 35px;
    margin-top: 5px;
    padding-top: 10px;

    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
    text-decoration: none;
}

.headerCategories
{
    font-size:.8em;
    line-height: 17px;
    font-style: normal;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    background-color: #019BC6;
    font-weight: 600;
    color: #25ADD3;
    border-radius: 3px 3px 0 0;
    height:50px;
    width:100%;
    text-align: center;
}

.headerCategoryTab
{
    height: 15px;
    padding: 3px 10px;
    color: #FFFFFF;
    cursor: pointer;
}

.headerCategoryTab:hover
{
    box-shadow: #005F8F 0 6px 24px 0 inset, rgba(255, 255, 255, 0.901961) 1px 1px 2px -1px;
}

.headerCategoryTabSelected
{
    height: 15px;
    padding: 3px 10px;
    color: #FFFFFF;
    box-shadow: #005F8F 0 6px 24px 0 inset, rgba(255, 255, 255, 0.901961) 1px 1px 2px -1px;
    cursor: pointer;
    background-color: #51cbff;
}

.headerStudentSelector
{
    font-size:.9em;
    line-height: 16px;
    font-style: normal;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    background-color: rgb(78, 198, 232);

    font-weight: bold;
    color: #FFFFFF;
    border-radius: 3px 3px 0 0;
    height:55px;
    width:100%;
    text-align: center;
}

.headerStudentSelectorInput
{
    font:1em/17px 'Open Sans', Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    font-weight: 600;
    background-color: #019BC6;
    color: #FFFFFF;
    border: none;
    padding: 5px;
}

.headerFunkySelectorInput
{
    font:1em/17px 'Open Sans', Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    font-weight: 600;
    background-color: #fcfcfc;
    color: #000;
    border: solid 1px #c0c0c0;
    padding: 5px;
}

.headerStudentSelectorLabel
{
    text-align: center;
    float:left;
    height: 32px;
    width: 48%;
    border: solid 1px black;
}

.sectionTitle
{
    font-size: 1.2em;
    line-height: 16px;
    font-weight: normal;
    text-align: center;
    margin: 0 0 15pt 0;
}


.list
{
    margin-left: 5pt; margin-right: 5pt;
    border-collapse:collapse; border-spacing: 0;
}
.listheading
{
    background: linear-gradient(to bottom, #036B9A 0%, #005275 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#036B9A), to(#005275));

    font: .9em/17px 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #005275;
    /*vertical-align: top;*/
}

tr.listheading td
{
    padding:1em .6em 1em .6em;
}

.listheadingSmall
{
    background: linear-gradient(to bottom, #036B9A 0%, #005275 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#036B9A), to(#005275));

    font: .9em/17px 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #005275;
    vertical-align: top;
}

tr.listheadingSmall td
{
    padding: .25em .3em .25em .3em;
}

.listsubheading
{
    background: linear-gradient(to bottom, #0398d1 0%, #007ba4 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#0398d1), to(#007ba4));

    font: .7em/12px 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #005275;
    vertical-align: top;
}

tr.listsubheading td
{
    padding: .25em .3em .25em .3em;
}

.cellSecondaryHeading
{
    background: linear-gradient(#019AC5 0%, #038DB4 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#019AC5), to(#038DB4));

    font: .9em/17px 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #019ac5;
}

.listrowsummary
{
    background-color: #aabbcc;
}

.listroweven
{
    color: #333333;
    font-size: .85em;
    background-color: #ffffff;
}
.listrowodd
{
    color: #333333;
    font-size: .85em;
    background-color: #eeeeee;
}
.listrowselected2
{
    color: #fff;
    font-size: .85em;
    background-color: #00c500;
}
.cellLeft
{
    padding: 2pt 5pt;
    text-align: left;
    border: 1pt solid #DDDDDD;
}
.cellRight
{
    padding: 2pt 5pt;
    text-align: right;
    border: 1pt solid #DDDDDD;
}
.cellCenter
{
    padding: 2pt 5pt;
    text-align: center;
    border: 1pt solid #DDDDDD;
}

.cellLeft2
{
    padding: 2pt 5pt;
    text-align: left;
}
.cellRight2
{
    padding: 2pt 5pt;
    text-align: right;
}
.cellCenter2
{
    padding: 2pt 5pt;
    text-align: center;
}

.footer
{
    margin: 25pt auto 0;
    font-size: .75em;
    border-top: solid 1pt #CACACA;
    color: #888888;
    width:95%;
}

.notecard
{
    padding: 1.5em;
    background-color:white;
    margin:0 auto;
    box-shadow: rgba(0,0,0,0.3) 1px 1px 3px 0;
}

A
{
    text-decoration: none;
    color: #019BC6;
    font-weight: 500;
}

A:hover
{
    text-decoration: underline;
}

.studentTabBar
{
    border-bottom: 1px solid #B8E8F6;
    padding: 10px 10px 9.5px;
}

.studentTab
{
    font-size: .85em;
    font-weight: bold;
    padding: 10px;
    background-color: #E8EFF1;
    color: #8E9698;
    text-transform: uppercase;
    margin-left: 15px;

    border: 1pt solid #e4e4ed;
    border-bottom-width: 0;
    cursor:pointer;
    text-decoration: none;

    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.studentTab:hover
{
    background-color: #019BC6 ;
    color: #ffffff;
    text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;

    border-color:#e4e4ed;
}

.studentTabSelected
{
    font-size: .85em;
    font-weight: bold;
    padding: 10px;
    background-color: #019BC6;
    color: #ffffff;
    text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;
    text-transform: uppercase;
    margin-left: 15px;

    cursor:pointer;
    text-decoration: none;

    border: 1pt solid #e4e4ed;
    border-bottom-width: 0;

    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/* -------- Start Calendar -------- */
.calendarMonthTable
{
    width: 168px;
    border: solid 1px #EEEEEE;
    border-collapse: collapse;
    box-shadow: rgba(0,0,0,0.3) 1px 1px 3px 0
}

.calendarMonthTitleCell
{
    text-align: center;
    text-transform: uppercase;
}

.calendarHeadingRow
{
    font-size: .75em;
    line-height: 14px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;

    background-color: #5CBE01;
    color: #FFFFFF;
    height: 18px;
}

.calendarHeadingCell
{
    width: 24px;
    border: solid 1px #EEEEEE;
}

.calendarDaysRow
{
    background-color: #FFFFFF;
    font-size: .75em;
    color: #000000;
    font-style: normal;
    height: 18px;
}
.calendarDayCell
{
    width: 24px;
    border: solid 1px #EEEEEE;
    border-top: none;
}
/* -------- End Calendar -------- */

.logonHeader
{
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-bottom: solid 1px rgb(54, 201, 242);
    background-color: #001C35;
    font-weight: 500;
    color: #45BDDE;
    height:50px;
    width:100%;
    text-align: center;
}

.saveButton
{
    height: 33px;
    padding: 0 30px;
    font-size: 1em;
    font-weight: bold;
    background-color: #74CC1A;
    color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
    cursor: pointer;

    border: 0;
    border-radius: 3px;
}

.saveButton:hover
{
    background-color: #7DD91F;
}

.saveButton:focus
{
    border: 1px solid navy;
}

.saveButtonSmall
{
    height: 18px;
    padding: 0 8px;
    font-size: 1em;
    font-weight: bold;

    background: linear-gradient(to bottom, #56B401 0%, #7DD91F 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#56B401), to(#7DD91F));

    color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
    cursor: pointer;

    border: 0;
    border-radius: 3px;
}

.saveButtonSmall:hover
{
    background-color: #7DD91F;
    background: linear-gradient(to bottom, #56B401 0%, #51A901 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#56B401), to(#51A901));
}

.deleteButtonSmall
{
    height: 18px;
    padding: 0 8px;
    font-size: 1em;
    font-weight: bold;

    background: linear-gradient(to bottom, #b45601 0%, #d97d1f 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#b45601), to(#d97d1f));

    color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
    cursor: pointer;

    border: 0;
    border-radius: 3px;
}

.deleteButtonSmall:hover
{
    background-color: #d97d1f;
    background: linear-gradient(to bottom, #b45601 0%, #a95101 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#b45601), to(#a95101));
}

.fieldlabel
{
    font-size: 1em;
}

.fieldvalue
{
    font-size: 1em;
    border: 1px solid #a0a0a0;
}

.fieldvalue2
{
    font-size: .7em;
}

.fieldvaluechanged
{
    font-size: 1em;
    color: #ff0000;
    border: 1px solid #a0a0a0;
}

.fieldvaluechanged2
{
    font-size: .7em;
    color: #ff0000;
}

.listrowselected
{
    background: linear-gradient(to bottom, #56B401 0%, #51A901 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#56B401), to(#51A901));
    background-color: #53AC01;

    color: #FFFFFF;
}

.noSideBorder
{
    border-left: 0;
    border-right: 0;
}

.cancelButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-weight:bold;
    padding:3px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.cancelButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.cancelButton:active {
	position:relative;
	top:1px;
}

.formCheckbox{
    display:inline-block;
    width:15px;
    height:15px;
    border: 2px solid black;
    border-radius:5px;
    cursor:pointer;
    transition: border-color 0.2s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding:2px;
}
.formCheckbox:hover{
    border-color: black;
}
/*.formCheckbox img{*/
/*    transition: visibility 0.2s ease-in;*/
/*}*/
.formCheckbox .hideImage{
    visibility:hidden;
}
.formCheckbox.checked{
    border-color: #84c51f;
}
.formCheckbox.disabled{
    background-color: lightgrey;
    cursor:not-allowed;
}

.formSelect{
    border: 1px solid lightgrey;
    background-color: #fefefe;
    cursor: pointer;
    padding: 7px 10px;
    font-size: 1.1em;
    -webkit-box-shadow: 1px 1px 3px 2px #ebebeb;
    box-shadow: 1px 1px 3px 2px #ebebeb;
    border-radius: 4px;
}


img.ui-datepicker-trigger {
    position: relative;
    left: -18px;
    top: 2px;
}

.raised{
    background-color: #fefefe;
    padding: 9px;
    border-radius: 10px;
    -webkit-appearance: none;
    -webkit-box-shadow: 1px 1px 3px 2px #ebebeb;
    box-shadow:  1px 1px 3px 2px #ebebeb;
    margin-bottom: 31px;
}
.formQuestion{
    font-size:.9em;
    margin: 10px 0 15px 5px;;
}
.formLabel{
    font-size:1em;
    font-weight:600;
}

.formTextInput{
    border: none;
    border-bottom: 2px solid lightgrey;
    padding: 5px;
    background-color: transparent;
    font-size: 1em;
    outline: none;
    transition: border-bottom-color 0.3s ease-out;
}
.formTextInput:focus{
    border-bottom: 2px solid black;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.formTextArea{
    border: 1px solid lightgrey;
    box-shadow: 1px 1px 3px 2px #ebebeb;
    border-radius: 4px;
}

.ui-datepicker-trigger{
    height:16px;
    width:16px
}