.SiteNavGroup { width: 100%; }

.SiteNavHeader {
  background-color: #000;
  background-image: Url(/ePortfolio/Images/Blue/SiteNavHeader.jpg);
  background-repeat: no-repeat;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  height: 22px;
  padding-left: 10px;
}

.SiteNavItems { padding-left: 5px; }

.SiteNavItem {  
  padding-left: 5px;
  border-left: #fff 5px solid;
}

.SiteNavItem a:link, .SiteNavItem a:visited {
  color: #888;
  font-size: 11px;
}

.SiteNavItem a:hover, .SiteNavItem a:active {
  color: #c00;
  font-size: 11px;
}

.SiteNavItemSelected {
  background-color: #B6C8F2;
  border-left: solid 5px #253894;
  padding-left: 5px;
}

.SiteNavItemSelected a:link, .SiteNavItemSelected a:visited {  
  color: #004;
  font-size: 11px;
}

.SiteNavItemSelected a:hover, .SiteNavItemSelected a:active {
  color: #008;
  font-size: 11px;
}

.SiteNavItemActive {
  background-color: #253894;
  border-left: 5px solid #B6C8F2;
  color: #fff;
  font-size: 11px;
  padding-left: 5px;
}

.BreadCrumbs {
  background-color: #F6F6F3;
  color: #8888cc;
  border-top: solid 1px #ccc;
  line-height: 18px;
  margin-top: 10px;
  width: 640px;
}

table.PageTitleBar { border: solid 1px #263995; }

td.PageTitleBar {
  background-image: Url(/ePortfolio/Images/Blue/PageTitleBar.jpg);
  background-repeat: repeat-x;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  height: 33px;
  padding: 2px 5px 0px 10px;
}

.HeaderRow {
  background-color: #9FC8FE;
  background-image: Url(/ePortfolio/Images/Blue/HeaderRow.gif);
  background-repeat: repeat-x;
  color: #000088;
  font-size: 11px;
  line-height: 16px;
  height: 20px;
}

.ItemBordered { border: solid 1px #2C5887; }

.ItemRow {
  background-color: #F2F8FF;
  color: #000;
  font-size: 11px;
  line-height: 16px;
}

.MasterHeaderRow {
  background-image: Url(/ePortfolio/Images/Blue/MasterHeaderRow.gif);
  background-repeat: repeat-x;
  height: 22px;
}

.MasterHeaderCell {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  padding: 0px 0px 0px 10px;
}

.OtherClassRow {
  background-image: Url(/ePortfolio/Images/Blue/OtherClassRow.gif);
  background-repeat: repeat-x;
  color: #888;
  font-size: 12px;
  font-weight: bold;
  height: 22px;
}

.ClassRow {
  background-image: Url(/ePortfolio/Images/Blue/ClassRow.gif);
  background-repeat: repeat-x;
  color: #00009C;
  font-size: 12px;
  font-weight: bold;
  height: 22px;
}

.CourseRow {
  background-image: Url(/ePortfolio/Images/Blue/MasterHeaderRow.gif);
  background-repeat: repeat-x;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  height: 22px;
}

.OtherStudentRow {
  background-image: Url(/ePortfolio/Images/Blue/OtherStudentRow.gif);
  background-repeat: repeat-x;
  color: #888;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
}

.StudentRow {
  background-image: Url(/ePortfolio/Images/Blue/StudentRow.gif);
  background-repeat: repeat-x;
  color: #00009C;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
}

.OtherUnitRow {
  background-color: #F2F2F2;
  color: #888888;  
  line-height: 18px;
}

.OtherUnitRow a:link, .OtherUnitRow a:visited { color: #888; }

.UnitRow {
  background-color: #F2F8FF;
  color: #00009C;
  line-height: 18px;
}

.UnitRow a:link, .UnitRow a:visited { color: #00009C; }

.OtherAlternatingUnitRow {
  background-color: #E7E7E7;
  color: #888888;  
  line-height: 18px;
}

.OtherAlternatingUnitRow a:link, .OtherAlternatingUnitRow a:visited { color: #888; }

.AlternatingUnitRow {
  background-color: #CFE7FF;
  color: #00009C;
  line-height: 18px;
}

.AlternatingUnitRow a:link, .AlternatingUnitRow a:visited { color: #00009C; }

.ItemRow { background-color: #f7f7f7; }
.AlternatingItemRow { background-color: #E2E2E2; }

.FooterRow {
  background-color: #D0E7FF;
  background-image: Url(/ePortfolio/Images/Blue/FooterRow.gif);
  background-repeat: repeat-x;  
  color: #000;
  height: 20px;
}

.ErrorLine {
  background-color: #F95252;
  background-image: Url(/ePortfolio/Images/Blue/ErrorLine.jpg);
  background-repeat: repeat-x;
  color: #fff;
  font-weight: bold;
}

.WarningLine {
  background-color: #FFCC66;
  background-image: Url(/ePortfolio/Images/Blue/WarningLine.jpg);
  background-repeat: repeat-x;
  color: #000;
}