/*

How things are organized:

 * Selectors are grouped based on the tag they finally effect.

 * Within the group, they are listed in order of specificity, least
   specific first.  CSS: The Definitive guide has the rules for
   determining specificity.  Learn them. :)

How selectors should be written:

 * No bare-class selectors; there should always be a tag associated
   with them.

 * No commas in selectors. The risks of duplication are outweighted by
   the benefits of being able to know where to look to find a
   selector.

*/

/* a */
div.navigation a {
  border-bottom: 3px solid #3BCF3B;
}

div.navigation a:hover {
  color:#3BCF3B;
}

div.navigation ul li.current a {
  color: #3BCF3B;
}

/* div */
div#top {
  background: url('/static/homefreemail.com/logo.png') top left no-repeat #3BCF3B;
  border-bottom: 1px solid #3BCF3B;
}

/* fieldset */
fieldset {
  border: 2px solid #3BCF3B;
}

/* li */
fieldset ul li.bottom_break {
  border-bottom: 1px solid #3BCF3B;
}

fieldset ul li.top_break {
  border-top: 1px solid #3BCF3B;
}

div.navigation ul li {
  border-left: 1px solid #3BCF3B;
  border-right: 1px solid #3BCF3B;
  border-top: 3px solid #3BCF3B;
}

div#topics ul li {
  border-bottom: 1px #3BCF3B solid;
}

/* table */
table#stats {
  border: 1px solid #3BCF3B;
}

/* thead */
table.list thead {
  background-color: #9DD79D;
}

table#stats thead {
  background-color: #9DD79D;
}

/* tr */
table#sideline * tr.seen {
  background-color: #9DD79D;
}

table.list tr.odd {
  background-color: #CEF3CE;
}

table.review tbody tr:hover {
  background-color: #CEF3CE;
}

table#sideline tbody tr:hover {
  background-color: #CEF3CE;
}