body, p, ol, ul, td, th {
  font-family: verdana;
}

strong, b {
  font-weight: bold;
}

.linkbar {
  background-color: #07c0f3;
  padding: 0.8em;
  color: white;
  font-weight: bold;
  border-bottom: solid 2px black;
  border-top: solid 2px black;
}

.linkbar a, .linkbar a:visited {
  color: black;
  font-weight: normal;
  font-size: 110%;
}

.linkbar a:hover {
  color: white;
  font-weight: normal;
  font-size: 110%;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: inline;
  clear: none; /* Needed for IE, otherwise this appears on a new line */
  border: solid red;
}

#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%;
}

.odd_row {
  /*background-color: #e7e7e7;*/
  list-style-image: url(../images/list_item.gif);
  margin-left: 1em;
  border-top: dotted 1px #999;
  border-bottom: none;
  padding: 0.2em 0;
}

.even_row {
  /*background-color: #d6d6d6;*/
  list-style-image: url(../images/list_item.gif);
  margin-left: 1em;
  border-top: dotted 1px #999;
  border-bottom: none;
  padding: 0.2em 0;
}

.completed span {
  text-decoration: line-through;
}

.completed span.uncomplete {
  text-decoration: none;
}

li {
  list-style: none;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

ul {
  margin: 0 0 1em 0;
  padding-left: 1em;
  padding-right: 1em;
}

ol li {
  list-style: decimal;
  margin-left: 2em;
}

.info_line {
  font-size: 90%;
  margin: 0.2em 1.5em;
}

.tag {
  font-size: 90%;
}

.due, .due_label {
  font-size: 90%;
}

.tag_name,.tag_count {
  text-align: right;
}

/* Common styling for all "action buttons" */
.button_edit,.button_abandon,.button_complete,.button_disabled {
  padding: 0.3em;
  font-size: 90%;
  text-decoration: none;
  color: #888;
}

.button_edit,.button_abandon {
  background-color: #b2ff99;
}

.button_complete {
  background-color: #aad9ff;
}

.button_disabled {
  background-color: #ddd;
}

.fields_disabled {
  color: #bbb;
}

.auto_complete {
  position: absolute;
  width: 250px;
  background-color: white;
  border: 1px solid #888;
  margin: 0;
  padding: 0;
}

.auto_complete ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.auto_complete ul li.selected {
  background-color: #bbf;
}

/* Flash message styling */
.flash {
  font-weight: bold;
  font-size: 110%;
  color: green;
}

.flashError {
  color: red;
  font-size: 110%;
  font-weight: bold;
}

/* Styling for the "Working..." ajax indicator.
   NOTE: For IE5.5 and IE6.x there's a workaround included in the HTML
         to fake fixed positioning */

div#ajaxSpinner {
  /* Netscape 4, IE 4.x-5.0/Win and lesser browsers will use this
     which just positions the spinner at the top of the page */
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  background-color: #f25;
  color: #fff;
  padding: 0.1em;
  z-index: 1;
}

div>div#ajaxSpinner {
  /* Used by Opera 5+, Netscape 6+/Mozilla, Konqueror, Safari, Omniweb 4.5+, iCab, ICEbrowser */
  position: fixed;
  top: 0px;
  left: 0px;
  visibility: hidden;
  background-color: #f25;
  color: #fff;
  padding: 0.1em;
  z-index: 1;
}

/* Error indication for Ajax operations */
.ajaxError {
  color: red;
  font-weight: bold;
}

/* Success indication for Ajax operations */
.ajaxNotice {
  color: green;
  font-weight: bold;
}

/* Form Styling */
form {
  margin: 0;
}

form fieldset {
  margin: 2em;
  border: none;
}

form#editform fieldset {
  margin: 0;
}

form fieldset legend {
  font-weight: bold;
}

form fieldset div {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  clear: both;
}

form fieldset label {
  float: left;
  width: 8em;
  text-align: right;
}

form fieldset input.editbox {
  max-width: 100%;
}

form fieldset textarea {
  margin-left: 8em;
}

form fieldset div.buttons {
  margin-left: 8em;
}

.loginform {
  padding: 0.5em;
  margin: 0.5em;
  border: thin black solid;
  float: right;
  background-color: #aad9ff;
}

.loginform label {
  text-align: left;
  float: none;
}

.loginform h3 {
  margin-top: 0.5em;
}

.loginform input {
  margin-left: 0;
}

.signup div {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.signup label {
  width: 10em;
}

.signup div.buttons {
  margin-left: 8em;
}

.signup .nolabel {
  margin-left: 10em;
}

.copyright {
  margin-top: 1.0em;
  text-align: center;
  font-size: 90%;
}

.newsbar {
  padding: 0.5em;
  margin: 0.5em;
  border: thin black solid;
  float: right;
  background-color: #aad9ff;
}

.account_notice,
.account_notice a, 
.account_notice a:visited, 
.account_notice a:hover {
  font-weight: bold;
}

.urgent {
  color: red;
}

.roundable {
  padding-top: 5px;
  padding-bottom: 5px;
}

.remove_tag {
  background-color: #ff9999;
  width: 20em;
  text-align: center;
  margin: 1em;
}

.remove_tag_name {
  font-size: 2em;
  line-height: 1em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

div#footer {
  clear: both;
  width: 100%;
}

div.yui-u h1 {
  margin: 0.5em;
}

.linkbar_option {
  white-space: nowrap;
}