a.image img, a img {border: none}
form {padding: 0; margin: 0}
.spinner{ display:none}
.busy .spinner{ display:inline}
img.drag_handle {cursor:move}
.formError {color: red; margin-top: 10px}
div.fieldWithErrors {display: inline}
div.fieldWithErrors input, div.fieldWithErrors select {border: 2px solid red}
div.errorExplanation {background-color: #F9E4E4; border: 1px solid red; margin: 10px; margin-bottom: 15px; padding: 5px}
div.errorExplanation h2 {color: red; font-size: 14px; margin: 0; padding: 0}
div.errorExplanation p {color: #000000; font-size: 12px; font-weight: bold; margin: 10px 0 0; padding: 0}
div.errorExplanation ul {list-style-image: none; list-style-position: outside; list-style-type: square; margin-bottom: 0; padding-bottom: 0}
.DialogWrapper {margin: 70px auto; text-align: center}
.DialogWrapper .toplinks {text-align: left; width: 450px; margin: 0 auto}
.Dialog {text-align: left; width: 456px; margin: 0 auto; font-family: lucida grande, verdana, sans-serif; background-color: #FFFFFF; padding: 10px}
.Dialog h1 {border: 1px solid #008AE6; background-color: #99D6FF; margin: 0 auto; padding: 3px 0; font-size: 18px; text-align: center; width: 450px}
.Dialog .main {padding: 0; padding-top: 10px; margin: 0 auto; border: 1px solid darkgray; border-top: none; width: 450px}
.Dialog dt {clear: right; float: left; margin: 0; text-align: right; width: 144px; margin-top: 3px; font-weight: bold; font-size: 11px}
.Dialog dd {margin-left: 150px; margin-bottom: 10px}
.Dialog #Message {text-align: center; color: #FFFFFF; font-weight: bold; font-size: 11px; background-color: #CC0000; margin: 5px auto; padding: 3px; width: 400px}
.Dialog input#login, .Dialog input#password {width: 200px}
.Dialog #Message a {color: #FFFFFF; font-weight: bold; font-size: 11px}
ul#context_list, ul#project_list, ul#done_list {padding: 0; margin: 0; border: none; list-style-type: none}
#context_list {clear: both}
.NextActionText p {margin: 0 0 2px 0; padding: 0}
.NextActionText a {font-size: 14px}
.in_place_editor_field {padding: 0; margin: 0}
div.AddActionForm {margin: 0px 0 0 88px}
.NoBreak {white-space: nowrap}
#AddContextForm {margin: 20px 10px 0 65px}
#ProjectPage {margin-top: 10px}
#ProjectPage #ProjectListTitle.list_title, #AddProjectForm {margin-left: 55px}
#projects_container {}
.ProjectNextActionsContainer {margin-left: 0}
.ProjectNextActionContainer {margin: 0; margin-bottom: 1px; padding: 0; border-bottom: 1px solid #E6F5FF; width: 100%}
.ProjectNextActionContainer .TrashContainer {float: left; margin-top: 4px}
.ProjectNextActionContainer .DragContainer {float: left; padding-left: 5px; margin-top: 4px}
.ProjectNextActionContainer .SDMBContainer {float: left; margin-top: 2px; margin-left: 5px}
.ProjectNextActionContainer .CheckBoxContainer {float: left; padding-left: 2px}
.ProjectNextActionContainer .NextActionNameContainer {padding-left: 5px; float: left; width: 465px}
.ProjectNextActionContainer .NextActionName {padding-bottom: 1px}
.ProjectNextActionContainer .ProjectName {padding: 3px 2px; float: left; width: 107px; background-color: #E6F5FF; font-size: 10px}
.ProjectNextActionContainer .NextActionEditor {margin-bottom: 10px; margin-left: 5px; float: left; width: 400px}
.ProjectNote a {font-size: 14px}
.na-item .TrashDragContainer {float: left; width: 55px}
.na-item .CheckBoxContainer {margin-left: 8px; float: left; width: 20px; margin-bottom:-1px}
.na-item .NextActionNameContainer {margin-left: 5px; float: left; width: 350px}
.na-item .NextActionName {padding-bottom: 1px}
.na-item .DaysElapsed {color: #B3B3B3; font-size: 10px}
.na-item .ProjectName {margin: 0; padding: 3px 2px; float: left; width: 200px; background-color: #E6F5FF; font-size: 10px}
.na-item .NextActionEditor {margin-bottom: 10px; margin-left: 5px; float: left; width: 350px}
li.na-item div.Bottom {clear: left; border-top: 1px solid #E6F5FF; font-size: 0em; height: 0; margin: 0; padding: 0; margin-bottom: 0}
.PendingActionsCount {color: #B3B3B3; font-size: 12px; white-space: nowrap}
#settings {text-align: center}
#settings .red {color: red}
#settings table {margin: 0 auto; margin-top: 20px}
#settings td p, #settings div.explaination {font-size: 12px; margin: 0; padding: .3em .1em .1em .1em}
#settings td, #settings th {text-align: left}
#settings th {font-size: 14px; width: 150px; border-bottom: solid 1px #99D6FF; padding: 0 10px 0 0}
#settings td {width: 400px; border-bottom: solid 1px #99D6FF; padding: 10px 0 15px 0; border-top: solid .5em #fff}
#settings .noborder {border: 0}
#settings th.empty {background: #fff; border-bottom: 0}
#settings td.buttons {padding-top: 1em; border-bottom: 0; background: #fff}
#settings textarea {width: 35em}
body {margin: 0; color: #000; background-color: #D5D5D5; font: 14px Arial, Helvetica, sans-serif; text-align: center}
a {color: #005288; font-size: 11px}
p {margin: 0 0 10px 0; padding: 0}
.spacer {clear: both}
.x_switch_target, .x_switch_state_on .x_switch_on_click, .x_switch_state_on .x_switch_on_dblclick, .x_switch_state_on .x_hide_on_switch {display: none}
.x_switch_state_on .x_switch_target {display: block}
.open_link_in_new_window a {font-size: 14px}
#container {margin: 15px auto; padding: 0 20px 100px 20px; width: 650px; border: 1px solid #A9A9A9; background-color: #FFFFFF; text-align: left}
#logout-link {text-align: right; font-size: 11px}
#logout-link a {font-size: 10px}
#header {margin-top: 3px; padding-top: 10px; border: 1px solid #008AE6; background-color: #99D6FF; text-align: center}
#tabs {padding: 0 0 5px 0; margin: 0; color: #000}
#tabs li {border: none; padding: 0; margin: 0; display: inline; overflow: hidden; list-style-type: none}
#tabs a, #tabs a.active {margin: 0; padding: 2px 5px 5px 5px; color: #000; background: #99D6FF; font-size: 12px; text-decoration: underline}
#tabs a.active {border: 1px solid #008AE6; border-bottom: 1px solid #fff; background: #fff; font-weight: bold; text-decoration: none}
#tabs a:hover {color: #fff; background: #000}
#tabs a.active:hover {background: #fff; color: #000}
#footer {margin-top: 15px; padding-bottom: 15px; font-size: 14px}
#footer .donation {margin: 5px; font-size: 16px}
#footer a {font-size: 14px}
#footer .donation form {display: inline; position: relative; top: 5px}
.list_title {font-size: 20px; font-weight: bold; margin: 10px 0 10px 60px; border-bottom: 1px solid #008AE6}
.message-wrapper {text-align: center; margin-top: 20px}
.notice-message {background-color: yellow; color: black; padding: 3px}
.error-message {background-color: red; color: white; padding: 3px}
#dashboard_container .print_link {float: right; font-size: 10px}
#dashboard_container #context_list {padding: 1px 0}
.context_list_element {margin-bottom: 30px}
.context_header {margin: 10px 0 0 35px; height: 100%}
.context_toggle {padding-top: 8px}
.context_list_element.minimized .minus_image, .context_list_element.maximized .plus_image {display: none}
.context_title {font-size: 16px; font-weight: bold; border-bottom: 1px solid #008AE6; float: right; width: 600px}
div.new_next_action {clear: both; margin: 0 0 0 53px; width: 400px}
form.new_next_action .new_next_action_name, form.new_next_action select {width: 100%; margin: 1px 0}
ul.context_next_actions {clear: both; width: 650px; margin: 0; padding: 5px 0}
.next_action {clear: both; padding: 0; margin: 0; margin-bottom: 1px; padding-bottom: 1px; border: none; list-style-type: none; width: 100%; border-bottom: 1px solid #E6F5FF}
.x_navigatable .current_indicator {display: none; position: absolute; left: -10px; top: 6px; float: left}
.x_navigatable.current .current_indicator {display: block}
.context_list_element.x_navigatable.current .next_action .current_indicator {display: none}
.next_action_due_desc {float: left; font-size: 12px; color: #FFFFFF; padding: 0 1px; margin-right: 2px; margin-top: 1px}
.next_action_due_desc.due {background-color: red}
.next_action_due_desc.soon {background-color: orange}
.next_action_due_desc.later {background-color: green}
div.next_action_name {padding-left: 52px}
div.next_action_name p {margin: 0}
div.next_action_project {float: right; padding: 3px 2px; width: 150px; background-color: #E6F5FF; font-size: 11px}
.next_action form {border: 5px solid #99D6FF; margin: 10px 15px 10px 55px; background-color: #E6F5FF}
.next_action form .inner {border: 1px solid #fff; padding: 10px 10px 0 10px}
.next_action form p {font-size: 11px; margin-bottom: 8px}
.next_action form p.context, .next_action form p.project {float: left}
.next_action form p.project{ margin-left:10px}
.next_action form p.context select {width: 175px}
.next_action form p.project select {width: 350px}
.edit_next_action_submit {clear: both; border-top: 1px dotted #99D6FF; padding-top: 8px}
ul.context_next_actions .na-item {clear: both; padding: 0; margin: 0; margin-bottom: 1px; padding-bottom: 1px; border: none; list-style-type: none; width: 100%; border-bottom: 1px solid #E6F5FF}