<!--
abody {
  color: #3f3f3f;
  background: #4faddc url(images/bg.png) 0 0 repeat-x;
}
-->
body {
    FONT-FAMILY: "Lucida Grande", Tahoma, "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
}

.blackborder {
  border: black solid;
  border-width: thin;
}
.incomplete {
  padding: 10px 0 10px 30px;
  background: top left no-repeat url(../images/incomplete.png);
  background-size:25px 25px;
}
.attendance {
  padding: 10px 0 10px 30px;
  background: top left no-repeat url(../images/attendance-sm.png);
}

.System {
  padding: 10px 0 10px 30px;
  background: top left no-repeat url(../images/system.png);
  background-size:25px 25px;
}

.School {
  padding: 10px 0 10px 30px;
  background: top left no-repeat url(../images/school.png);
  background-size:25px 25px;
}

.User {
  padding: 10px 0 10px 30px;
  background: top left no-repeat url(../images/user.png);
  background-size:25px 25px;
}

.strike {
  text-decoration: line-through
}
.red {
  background-color:red
}
.bluetext {
  color:blue
}
.poor {
  background-color:red;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: white;
    TEXT-DECORATION: none
}
.alert {
  text-align: center;
  background-color:red;
  FONT-WEIGHT: normal;
  FONT-SIZE: 30px;
  TEXT-DECORATION: none
}
.average {
  background-color:yellow;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #666666;
    TEXT-DECORATION: none
}
.good {
  background-color:green;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: white;
    TEXT-DECORATION: none
}
.excellent {
  background-color:blue;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: white;
    TEXT-DECORATION: none
}

.even {
  color: black;
  background-color: white;
  margin: 0 auto;
  vertical-align: top;
}
.odd {
  color: black;
  background-color: #e1e9f5;
  margin: 0 auto;
  vertical-align: top;
}
.inline {
  display: inline;
}
.topmenu {
  color: white;
  background-color: #3c08e7;
  border-color: white;
  border-width: thin;
  border-spacing: 1px;
  border-style: outset;
  display: inline;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1em;
  text-align: center;
  FONT-WEIGHT: bolder;
  FONT-SIZE: 14px;
  FONT-FAMILY: "Lucida Grande", Tahoma, "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
}
.studentmenu {
  border-style: inset;
  -moz-border-radius: 0px 0px 0px 0px;
}
.bluetopmenu {
  color: white;
  background-color: #5078b7;
  margin: 0 auto;
  text-align: center;
  FONT-WEIGHT: bolder;
  FONT-SIZE: 14px;
    FONT-FAMILY: "Lucida Grande", Tahoma, "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
}
.text
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: "Lucida Grande", Tahoma, "Book Antiqua", Verdana, Arial, Helvetica, sans-serif
}
.textbox
{
  clear: both;
  margin-left: auto;
  margin-right: auto;
  width: 600px
}
.textbox400w
{
  clear: both;
  margin-left: auto;
  margin-right: auto;
  width: 400px
}
.textbox800w
{
  clear: both;
  margin-left: auto;
  margin-right: auto;
  width: 800px
}
.center
{
  text-align: center
}
.left
{
  text-align: left
}
.sideBySide
{
  float: left
}
.newshilite
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: red;
    FONT-FAMILY: "Lucida Grande", Tahoma, "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    TEXT-ALIGN: center
}
.msgText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: blue;
    FONT-FAMILY: "Lucida Grande", Tahoma, "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    TEXT-ALIGN: center
}
.errText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: red;
    FONT-FAMILY: "Lucida Grande", Tahoma, "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    TEXT-ALIGN: center
}
.blackbold
{
    FONT-WEIGHT: bold;
    COLOR: black;
}
.leadtext
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #666666;
    FONT-FAMILY: "Lucida Grande", Tahoma, "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.smalltext
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    COLOR: #666666;
    FONT-FAMILY: "Lucida Grande", Tahoma, "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.whitemenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: white;
    FONT-FAMILY: "Lucida Grande", Tahoma, "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.txtwhitebold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: "Lucida Grande", Tahoma, "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.sidebarnavheadmenu
{
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #07274f;
  COLOR: white;
  WIDTH: 100%;
  TEXT-ALIGN: center;
  FONT-WEIGHT: bolder;
  FONT-SIZE: 13px;
    FONT-FAMILY: "Lucida Grande", Tahoma, "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #07274f;
  TEXT-DECORATION: underline
}
.sidebarnavhead
{
  COLOR: white;
  TEXT-ALIGN: center;
  FONT-WEIGHT: bolder;
  FONT-SIZE: 13px;
  FONT-FAMILY: "Lucida Grande", Tahoma, "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #07274f;
  TEXT-DECORATION: none
}
.formlabel
{
  COLOR: white;
  TEXT-ALIGN: center;
  FONT-WEIGHT: bolder;
  FONT-SIZE: 13px;
  FONT-FAMILY: "Lucida Grande", Tahoma, "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #07274f;
  TEXT-DECORATION: none;
  float: left
}
.sidebarnavright
{
  COLOR: #073d79;
  WIDTH: 100%;
  FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
    FONT-FAMILY: "Lucida Grande", Tahoma, "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: white;
  TEXT-DECORATION: none
}
.hilite
{
  COLOR: white;
  TEXT-ALIGN: center;
  FONT-SIZE: 12px;
  BACKGROUND-COLOR: #073d79;
  TEXT-DECORATION: none
}
.hoverhilite
{
  COLOR: black;
  /*TEXT-ALIGN: left;*/
  BACKGROUND-COLOR: #4faddc;
  TEXT-DECORATION: none
}
.sidebarnav
{
  COLOR: white;
  FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  BACKGROUND-COLOR: #073d79;
  TEXT-DECORATION: none
}
.button
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #333333;
    BACKGROUND-COLOR: #eeeeee;
    TEXT-DECORATION: none
}
.links
{
}
.links A:active
{
    COLOR: white;
    TEXT-DECORATION: underline
}
.links A:link
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
.links A:visited
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
.linksblack
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11px;
    COLOR: black;
    TEXT-DECORATION: none
}
.linksblack:hover {
  FONT-WEIGHT: bold; 
  FONT-SIZE: 11px; 
  COLOR: #de7a11; 
  TEXT-DECORATION: none
}
.linksblack A:active
{
    FONT-WEIGHT: bolder;
    COLOR: black;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none
}
.linksblack A:link
{
    FONT-WEIGHT: bolder;
    COLOR: black;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none
}
.linksblack A:visited
{
    FONT-WEIGHT: bolder;
    COLOR: black;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none
}

.linktext
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #666666;
    TEXT-DECORATION: none
}
.linktext A:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #666666;
    TEXT-DECORATION: none
}
.linktext A:active
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #666666;
    TEXT-DECORATION: none
}
.linktext A:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #666666;
    TEXT-DECORATION: none
}

/*doesn't work in IE - to keep static table header*/
table.staticheader tbody {
  height:350px;
  overflow:scroll;
}

label {
  text-indent: 3px;
  COLOR: blue;
  FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  TEXT-DECORATION: none
}