/* --------------------------------------------------------------
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";

body {background-color: #375e85; margin: 20px 0 0 0;}

/* Page
-------------------------------------------------------------- */

#page { margin: 2em; text-align: left; padding: 10px; background-color: #fff; border: 8px solid #446D93; -moz-border-radius: 16px; -moz-box-shadow: 0 0 1.5em 0.5em #333; }


/* Header
-------------------------------------------------------------- */

#header { padding-top: 10px;  }

#header .tabs { border-bottom: 1px solid #999; clear:both; }
#header .tabs li { margin-right: 1px; }
#header .tabs a { padding: 5px 15px; background: #f2f2f2; color: #49749C; text-decoration: none; }
#header .tabs a.current, #header .tabs a:hover  { background: #49749C; color: #eee; }

#header .logo { float: right; }

#header .sitename { font-size: 2.25em; font-weight: bold; margin-top: .65em; float: left; }
#header .sitename a:hover { text-decoration: none; color: #274C73; }

/* Crumb
-------------------------------------------------------------- */
#crumb {font-size: 90%; color: #666;margin-top: 0;}
#crumb a {color:#555;}

/* Body
-------------------------------------------------------------- */

#body { margin-top: 5px; text-align: left;}

#main { float: left; width: 72%; margin-right: 30px; margin-top: 1em; margin-left: 20px; text-align: left; }

#resources { float: left; width: 18%; margin-top: 2em; text-align: left;  }
#resources h3 { color: #888; }
#resources ul, #resources ol { color: #888;padding-top: 0.3em; }
#resources ul  li {padding-bottom: 0.4em;}
#resources ul a { color: #274C73;     line-height: 1.3em}


#resources ul a.current { color: #274C73; font-weight: bold; }
#resources ul { margin-bottom: 0; line-height: 1.2em; list-style-type: none; }


/* Footer
-------------------------------------------------------------- */
#footer { border-top: 1px solid #eee; margin-top: 20px; }

#footer .tabs { border-top: 3px solid #eee; }
#footer .tabs a { padding: 10px 30px 10px 0; color: #666; text-decoration: none; }

#footer p.quiet { color: #ccc; }


/* Miscellaneous
-------------------------------------------------------------- */
td.action {color: #910101;}
td.decision  {color: #3e5283;}
td.comment  {color: #418049;}
tr.closed td {text-decoration: line-through; color:#777; }

th.header {cursor: pointer; }

table.tablesorter { width:100%; font-size:90%;}
table.tablesorter th {background-color: #ccc; color: #333}
table.tablesorter th, table.tablesorter td {padding-left: 6px;}

table.tablesorter tbody tr.odd td {
  background-color: #f7f7f7;
  vertical-align: top;
}
table.tablesorter thead tr .header {
  background-image: url(../images/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}


table.tablesorter thead tr .headerSortUp {
  background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
  background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  background-color: #777; color: #fff;
}
table.tablesorter tr td.overdue  {color: #a50101;}
table.tablesorter tr td.caution {color: #c46200; }
#logsopen tr td.date, #logsclosed tr td.date {text-align: right; }

a.button {background: #49749C; color: #eee; text-decoration:none;  padding: 3px 8px; margin: 0.8em 1em;}
a:hover.button  {background: #446D93;color: #fff; text-decoration:none;  padding: 3px 8px;}

#main ul.files li {margin-top: 1.2em;}

#simplesearch {margin-top: 0;}

#message {
  padding: 50px;
  margin: 160px auto;
  text-align: left;
  border: 1px solid #ccc;
  background-color:#eee;
  width: 300px;
}

div.file-list {
 padding: 8px 0 0 20px;
}
div.file-list  ul {list-style-type:none; margin-left: 35px;}
div.file-list  ul li {margin-top: 0.8em; position:relative; }

div.file-list  ul li img { position: absolute; left: 0; top: 2px; margin-left: -20px;}

#resources #legend {
  border: 1px solid #eee;

  margin: 12px 0 0 0;
  font-size: 90%;
  color: #333 ;
}


#legend h3 {
   margin: 0.5em 0 6px 6px;
   padding: 0;
   color: #333 ;
}
#legend dl {
   margin: 0 0 6px 0;
   color: #333 ;
}
#legend dl dt {
   margin: 0 0 0 0;
   color: #333 ;
}
 #legend dl dd {
   margin: 0 0 0 5px;
   color: #555 ;
}

#main a:link {
      text-decoration: underline;
}
#main a:visited {
      text-decoration: underline;
}

.note {
  -moz-border-radius: 10px;
  color: #777;
  background-color: #FFFAC4;
  border: 1px solid #aaa;
  padding: 1em;
}