/* Edited: 2010-07-14 */

body,
input {
  font-family: arial, "lucida console", sans-serif;
  font-size: 9pt;
}

/* Todo - General */
.todo {
  border-collapse: collapse;
}
.todo a:link,
.todo a:visited,
.todo a:hover,
.todo a:active {
  text-decoration: none;
  background-color: inherit;
  color: #000;
}
.todo th.date,
.todo td.date {
  width: 12em;
}

/* Todo - Headers */
.todo th {
  background: url('../images/th.td_left.png') 1px 0 no-repeat;
  height: 22px;
  padding: 0;
}
.todo th:hover {
  background-position: 1px -28px;
}
.todo th.sort_ascend,
.todo th.sort_descend {
  background-position: 1px -56px;
}
.todo th.sort_ascend:hover,
.todo th.sort_descend:hover {
  background-position: 1px -84px;
}
.todo th.sort_ascend_priority,
.todo th.sort_descend_priority {
  background-position: 1px -112px;
}
.todo th.sort_ascend_priority:hover,
.todo th.sort_descend_priority:hover {
  background-position: 1px -140px;
}
.todo th a {
  display: block;
  background: url('../images/th.td_right.png') right 0 no-repeat;
  height: 18px;
  padding: 2px 20px;
}
.todo th a:hover {
  background-position: right -28px;
}
.todo th.sort_ascend a {
  background-position: right -56px;
}
.todo th.sort_ascend a:hover {
  background-position: right -84px;
}
.todo th.sort_descend a {
  background-position: right -112px;
}
.todo th.sort_descend a:hover {
  background-position: right -140px;
}
.todo th.sort_ascend_priority a {
  background-position: right -168px;
}
.todo th.sort_ascend_priority a:hover {
  background-position: right -196px;
}
.todo th.sort_descend_priority a {
  background-position: right -224px;
}
.todo th.sort_descend_priority a:hover {
  background-position: right -252px;
}

/* Todo - Rows/Cells */
.todo td a:hover,
.todo td a:active {
  text-decoration: underline;
}
.todo td {
  background: url('../images/th.td_left.png') 1px -168px no-repeat;
  height: 22px;
  padding: 0;
}
.todo .odd td {
  background-position: 1px -196px;
}
.todo tr:hover td {
  background-position: 1px -224px;
}
.todo td * {
  display: block;
  height: 17px;
}
.todo td span {
  background: url('../images/th.td_right.png') right -280px no-repeat;
  padding: 3px 6px 2px 7px;
}
.todo .odd td span {
  background-position: right -308px;
}
.todo tr:hover td span {
  background-position: right -336px;
}
.todo input {
  background-color: #fff;
  color: #000;
  padding: 2px 0 0 0;
  width: 100%;
  border-width: 1px 0;
  border-style: solid;
  border-color: #404040;
  float: left;
}
.todo tr.edit td {
  background-position: 1px -308px;
}
.todo tr.edit span {
  padding: 0 7px;
  height: 23px;
  background-position: right -420px;
}
.todo tr.edit:hover span {
  background-position: right -420px;
}

.todo .restore td {
  text-align: center;
  background-position: 1px -252px;
}
.todo .restore td span {
  text-align: center;
  background-position: right -364px;
}
.todo .restore:hover td {
  background-position: 1px -280px;
}
.todo .restore:hover td span {
  background-position: right -392px;
}
.todo .restore a {
  height: 22px;
}



.todo .odd td a span,
.todo td a span {
  display: inline;
  background-image: none;
  height: auto;
  padding: 0;
}
.todo .controls,
.todo .odd td.controls,
.todo .edit td.controls,
.todo tr:hover td.controls {
  background-image: none;
  width: 38px;
}
.todo .controls span,
.todo .odd .controls span {
  display: none;
}
.todo tr:hover td span.date,
.todo td span.date {
  display: block;
  float: left;
  background-image: none;
  padding: 0;
}
.todo tr:hover td span.time,
.todo td span.time {
  display: block;
  float: right;
  background-image: none;
  padding: 0;
}
.todo .controls input.hidden,
.todo .hidden {
  display: none;
}

/* Todo - Icons */
.todo .icon {
  background: url('../images/todo_icons.png') 0 50% no-repeat;
  margin-left: 2px;
  display: block;
  width: 16px;
  height: 22px;
  float: left;
  outline: none;
  padding: 0;
  border-style: none;
}
.todo .icon.edit {
  background-position: 0px 50%;
}
.todo tr:hover .icon.edit {
  background-position: -16px 50%;
}
.todo tr .icon.edit:hover {
  background-position: -32px 50%;
}
.todo .icon.remove {
  background-position: -96px 50%;
}
.todo tr:hover .icon.remove {
  background-position: -112px 50%;
}
.todo tr .icon.remove:hover {
  background-position: -128px 50%;
}
.todo .icon.save {
  background-position: -48px 50%;
}
.todo tr:hover .icon.save {
  background-position: -64px 50%;
}
.todo tr .icon.save:hover {
  background-position: -80px 50%;
}
.todo .icon.cancel {
  background-position: -144px 50%;
}
.todo tr:hover .icon.cancel {
  background-position: -160px 50%;
}
.todo tr .icon.cancel:hover {
  background-position: -176px 50%;
}
.todo .icon.add {
  background-position: -192px 50%;
}
.todo tr:hover .icon.add {
  background-position: -208px 50%;
}
.todo tr .icon.add:hover {
  background-position: -224px 50%;
}

.error {
  background: #fdd url('../images/exclamation.png') 5px 50% no-repeat;
  padding: 5px 5px 5px 28px;
  border: 1px solid #888;
  margin: 10px 0;
}

.debug {
  margin: 1em 0;
  border: #000 2px solid;
}
.debug h2 {
  font-size: 1em;
  font-family: Verdana,'Trebuchet MS',Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
  font-weight: bold;
  font-variant: small-caps;
  padding: .2em;
  margin: 0;
  background-color: #666;
  color: #fff;
  border-bottom: 2px solid #000;
  text-align: center;
}
.debug div {
  padding: 5px 5px 5px 28px;
  border: solid #888;
  border-width: 0 0 1px 0;
  margin: 0;
}
.debug .h1 {
  background-color: #444;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.debug .h2, .debug .h3, .debug .h4, .debug .h5, .debug .h6 {
  background-color: #999;
  color: #000;
  text-align: center;
  font-weight: bold;
}
.debug .info {
  background: #ddf url('../images/information.png') 5px 50% no-repeat;
}
.debug .warning {
  background: #ffd url('../images/error.png') 5px 50% no-repeat;
}
.debug .error {
  background: #fdd url('../images/exclamation.png') 5px 50% no-repeat;
}
.errlvl {
  font-weight: bold;
}