/* CSS Document */

body {
  margin: 0;
  padding: 0;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
}

a {
  color: #366;
}

a.tab {
        border-collapse: collapse;
        border-style: solid solid none solid;
        border-color: #AFC8DD;
        border-width: 1px 1px 0px 1px;
        background-color: #C1CED2;
        padding: 2px 0.5em 0px 0.5em;
        margin-top: 4px;
        margin-right: -2px;
        text-decoration: none;
}
a.tab:hover {
		border-color: #AFC8DD;
        background-color: white;
}

#homebg {
  background: #c1ced2 url(/images/home-nav-bg.gif) repeat-y;
}

#pagebg {
  background: #c1ced2 url(/images/nav-bg.gif) repeat-y;
}

#adminbg {
  background: #c1ced2 url(/images/admin-nav-bg.gif) repeat-y;
}

p,
td,
th,
ul,
ol {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

img {
  border: 0;
}

form {
  display: inline;
}

#homeheader {
  white-space: nowrap;
  width: 770px;
}

#homenav {
  background-color: #040000;
  width: 770px;
}

#header {
  background-color: #fff;
  white-space: nowrap;
  width: 770px;
}

#nav {
  padding-top: 3px;
  width: 190px;
}

#title {
  width: 186px;
}

#login {
  padding-top: 8px;
  padding-right: 5px;
  text-align: right;
  vertical-align: middle;
  background-color: #fff;
}

#login a {
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #526A71;
}

.loginbox {
  border: 1px solid #526a71;
  padding: 2px;
  margin-right: 4px;
}

#alert {
  font-size: 9px;
  margin: 1px 5px 15px 20px;
}

#alert p {
  font-size: 9px;
}

#content {
  margin: 5px 15px 25px 15px;
}

#footer {
  clear: both;
}

#footer p {
  font: 10px Arial, Helvetica, sans-serif;
  margin: 0 auto 10px 43px;
}

#directions {
  color: #0D3146;
  font: italic 10px Arial, Helvetica, sans-serif;
  padding: 10px;
  background-color: #c1ced2;
  border: 1px solid #fff;
  width: 147px;
  text-align: center;
  margin-left: 5px;
}

#links {
  background-color: #B2CAC6;
  width: 170px;
  margin-left: 5px;
  padding-bottom: 1px;
}

/* Browse Courses */

.heading {
  color: #3A5C57;
  font-weight: bold;
}

.lessonidhead {
  background-color: #C1CED2;
  color: #3A5C57;
  font-size: 10px;
  white-space: nowrap;
}

.lessonid {
  border-bottom: 1px solid #201D1D;
  font-size: 10px;
  background-color: #EFD4A0;
}

.lessontitlehead {
  background-color: #C1CED2;
  color: #3A5C57;
  font-size: 10px;
}

.lessontitle {
  border-bottom: 1px solid #201D1D;
  font-size: 10px;
}

.lessonorderhead {
  background-color: #C1CED2;
  color: #3A5C57;
  font-size: 10px;
}

.lessonorder {
  border-bottom: 1px solid #201D1D;
  font-size: 10px;
}

.coursetitle {
  color: #000;
  text-decoration: none;
}

.options {
  font-size: 10px;
}

/* Supervisor Delete Lessons */

.supercategory {
  background-color: #C1CED2;
  color: #3A5C57;
  font-size: 10px;
}

.supercourse {
  background-color: #FFF;
  color: #3A5C57;
  font-size: 10px;
}


/* Navigation Links */

.t1 {
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #74918d;
  border-top: 1px solid #3a5c57;
  margin-top: 1px;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.t2 {
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #8ea8ad;
  border-top: 1px solid #3a5C57;
  margin-top: 1px;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.t3 {
  height: 15px;
  background-color: #c1ced2;
  border-top: 1px solid #89a2b3;
  margin-top: 1px;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.t1 a,
.t2 a,
.t3 a {
  color: #001c1c;
  text-decoration: none;
}

.t1 img,
.t2 img,
.t3 img {
  margin: 0;
}

.t3 img {
  vertical-align: middle;
}

.codebuttons {
  font-size: 10px;
}

.forminput,
.textinput {
  font-size: 10px;
}

.actions {
  line-height: 24px;
}

.radiobutton, .checkbox { font-size: 10px; vertical-align: middle; }

.tablestrip { font-family: Verdana, Arial, Helvetica, sans-serif; }
.tablestrip table { background-color: #AFC8DD; }
.tablestrip td { background-color: #ECF3FB; font-size: 11px; }
.tablestrip th { font: bold 9px Verdana, Arial, Helvetica, sans-serif; color: #3A5C57; background-color: #C1CED2; font-size: 11px; }
.tablestrip table table { background-color: #ECF3FB; }
.tablestrip table table td { border-style: none; }
.tablestrip table table th { background-color: #ECF3FB; }