/* --------------------------------------------------------------
  
   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 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: small;
  background-color: #ddd;
  margin: 1em 1.5em;
}

h1, h2, h3 { font-family: Georgia, Times Roman, serif; color: #000; }

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

#page {
  margin: 0;
  text-align: left;
  padding: 10px 20px;
  background-color: #fff;
  border: 0;
  border-radius: 19px;
  box-shadow: 0 0 20px #999;
  -moz-border-radius: 19px;
  -moz-box-shadow: 0 0 20px #999;
  -webkit-border-radius: 19px;
  -webkit-box-shadow: 0 0 20px #999;
}


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

#header { padding-top: 10px;  }

#header .tabs {
  border-bottom: 1px solid #999;
  clear:both;
}
#header .tabs li {  }
#header .tabs a {
  color: #53626F;
  background: #ececec;
  background: -webkit-gradient(linear, center top, center bottom, from(#ececec), color-stop(80%, #e3e3e3), color-stop(90%, #d5d5d5), to(#bbb));
  background: -moz-linear-gradient(top, #ececec, #e3e3e3 80%, #d5d5d5 90%, #bbb);
  text-decoration: none;
  margin: 0 2px;
  padding: 5px 15px 5px 15px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}
#header .tabs a.current, #header .tabs a:hover {
  color: #eee;
  background: #53626F;
  border-bottom: none;
}

#header .logo { float: right; }

#header .sitename {
  font-family: Georgia, Times Roman, serif;
  font-size: 2.25em;
  font-weight: bold;
  color: #369;
  margin-top: .65em;
  float: left;
}
#header .sitename a { color: #369; }
#header .sitename a:hover { text-decoration: none; color: #369; }

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

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

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

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

#resources { float: left; width: 25%; 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: #53626f;
  color: #eee;
  text-decoration: none;
  padding: 8px 10px;
  margin: 0.8em 1em;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
a:hover.button {
  background: #798794;
  text-decoration: none;
}

#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 {
  color: #777;
  background-color: #FFFAC4;
  padding: 1em;
  border: 1px solid #aaa;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}