html { background-color: #443;}

img {border:  0;}
div#logo {background-image: url(/images/Balogo2006.gif); height: 60px; width: 280px; background-repeat: no-repeat; float:left; background-position: left;}
div#tagline {background-image: url(/images/tagline.gif); height: 60px; background-repeat: no-repeat; margin-left: 280px; background-position: right;}

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   12px;
  line-height: 18px;

}

body {   text-align:  center;}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}


.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}


p											{ line-height:160%; margin-bottom:.8em; }
body									{ color:#444; }
h1, h2								{ font-family: Tahoma, sans-serif; font-weight: bold;color: #36F;}
h1										{ font-size:28px; line-height:40px; margin-top: 0px;}
h2										{ font-size:20px; line-height:23px; color:#000; margin-bottom:.3em; }
h3										{ font-size:12px; line-height:inherit; font-weight:bold;}

td.topic {width:  auto;}
td.author {width:  8%;}
td.screen {width:  10%;}
td.type {width:  8%;}
td.status {width:  8%;}
td.time {width:  15%;}
table {padding: 0px; margin:  0px; border-collapse: collapse; width: 100%;}
table tr td {text-align: left; vertical-align: top;}
		
td.project_name {width:  25%;}
td.project_comments {width:  50%;}

tr th {text-align:  left;background-color: #DDF; font-weight: normal; font-size:12px; padding: 1px;}
tr td {border-bottom:  1px solid silver;background-color: white;}

tr.assigned_to_me td {background-color:  #DDF;}
div#authenticate tr td { border-bottom:  0px solid white; }
div#authenticate table {width:  300px; }

div#menu {top:  60px;}
div#menu a {margin: 0px; padding: 0px;}

dl dt {font-weight: bold; width:  500px;}
dl dd {background-color:  #eee; border:  1px solid silver; margin-left: 0px; margin-bottom: 10px; width:  500px;}
div.edit-buttons {text-align: right; width: auto; margin-top:  -20px;}

table.live-edit {width: 85%;}
table.live-edit tr td {width:  50%; padding:  5xp; margin-below: 10px;}

a {color: #36F; text-decoration: none;}
a:visited { color: #00f; }
a:hover { color: #000; background-color:#FF0; }
/* done items links have different colour */
tr.done td a, tr.done td a:visited  {color: #888;}

div#pagebox, div#pageboxwide {background-color: white; text-align: left; padding: 18px; margin: 2% auto; width: 800px; height: auto; border: solid 1px silver; color: #333;}
div#pageboxwide {width:  96%;}
div#header {height: 60px;}

ul {margin-left: 0px; margin-bottom: -20px; }
#content {color: rgb(66,66,66); font-weight: 100; margin-top: 12px; padding-top: 0px;border-top: dotted 1px silver; text-align:  left;}
#content li {margin-bottom: 14px; list-style: none; padding: 0; display: block; list-style-position:  outside;}
#content h2,
#content li img,
#content li.subhead {color: black;font-weight: bold;margin-bottom: 0; margin-top: 20px;}
#content li.indent {margin-left: 24px;}

div #products {padding-top: 60px; vertical-align: bottom; width: 25%; float: right;}
div #products a {padding-bottom:  12px; display:  block; text-align:  right; }
div #footer {padding-top: 16px; vertical-align: bottom; font-size: 10px;}

table .advert {padding: 0px; margin: 0px; }
.advert tr td {color: white; padding: 20px 15px 25px 15px; width: 33%; vertical-align: top; font-size: 14px;margin: 0px; text-align: left;}
#cell1 {background-color: rgb(255,153,0);}
#cell2 {background-color: rgb(210,128,0);}
#cell3 {background-color: rgb(164,104,0);}
#cell4 {background-color: rgb(119,79,0);}
#cell5 {background-color: rgb(74,54,0);}
#cell6 {background-color: rgb(37,27,0);}


div#site-search {text-align:  right; display:  inline;}
#spinner { display:  none;}

table#edit_topic_form tr td {border-bottom:  0px solid silver;}
tr#edit_benefit td,
tr#edit_category td { background-color: #EEE; padding: 4px;}
tr td strong, 
tr td a strong { background-color: #FF0;}

#products a:hover {background-color: #FFF;}
div#main-column {width:  75%;}

tr#edit_topic td {background-color: #EEE; padding: 6px; vertical-align: top;}
tr td.time {width: 120px;}


#content ul#sortable_list li {line-height: 1.4em; margin-bottom: 0px; border-top: 1px solid silver;}
ul li.even {background-color: #FFF; padding: 2px; margin: 0px;}
ul li.odd {background-color: #FFF; padding: 2px; margin: 0px;}

#content ul.month {height: 100px;}
#content ul.month li {line-height: 1.4em; margin-bottom: 0px; border-top: 1px solid silver; background-color: #EEE; height: 1.4em; width: 100%;}

div#flash-notice { padding: 5px 10px; margin-top: 20px; background-color: #FF0; font-size: 12px; font-weight: bold;}