BODY { background: #E2E2E2 url(../images/bg.png) repeat-x top left; }
#container { margin: 20px; vertical-align: top; }
#dashboard, #todolists { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
#dashboard { width: 22%; margin-right: 10px;  background-color: #fff; border: 1px solid #ddd; -moz-border-radius: 5px; }
#dashboard_container { padding: 5px 10px; }
#todolists { width: 72%; position: relative; top: -33px; }
todolists_container { padding: 5px 10px; }
#footer { width: 73%; }

A { color: #f99a0c; }
h1, h2, h3, h4, h5, h6, .head { color:#0A263C; line-height:1.3em; margin-bottom:0.4em; }

.page-head { border-bottom:1px solid #CCCCCC; margin:0 0 25px; }
span.required { color: red; }
 
H1 { font-size:1.7em !important; font-weight:normal !important; margin:0; text-align:left; text-transform:none !important;  }
H2 { font-size: 1.4em; color:#E76200; background-position:0 1px; background-repeat:no-repeat; border-bottom:1px solid #DDDDDD; color:#E76200; font-size:1.05em; margin-bottom:1.2em; min-height:16px; padding-bottom:5px; padding-left:23px; text-transform:uppercase; }

#login { border: 1px solid #ddd; background-color: #FAF7EE; padding: 14px 21px; }

#header { margin: 20px; }

#project_ttl { background-color: #f99a0c; margin-bottom: 10px; color: #fff; -moz-border-radius: 5px; font-weight: bold; padding: 3px 10px; text-align: center; }
#project_ttl h2 { display: inline-block; margin: 3px 20px 3px 0px; zoom: 1; *display: inline; }
#project_ttl div { display: inline-block; width: 60px; zoom: 1; *display: inline; }

#project_description { padding: 10px; }

#todolists .todolist { background-color: #fff; border: 1px solid #ddd; -moz-border-radius: 5px; padding: 5px 10px; }
#todolists #tabs > ul { display: inline-block; }
#todolists #tabs .todolist_count { padding-left: 15px; font-weight: normal; }
#todolists #tabs #todolist_addtabbtn  { cursor: pointer; padding-bottom: 5px; width: 18px; background: transparent url(../images/bullet_plus.png) no-repeat 3px 1px; }
#todolists .todolist ul { margin-right: 0px; }
#todolists .todolist ul li { list-style: none; }
#todolists .todolist { margin-bottom: 40px; }
#todolists .todolist li {  border-bottom: 1px solid #e7e7e7; padding: 5px 0px 5px 0px; }
#todolists .todolist li .todolist_title { padding: 0px 75px 0px 30px; }
#todolists .todolist li .todolist_meta { padding: 4px 30px; font-size: 0.85em; color: #999; cursor: move; }
#todolists .todolist li .todolist_meta_date { float: left;text-align: right; height: 16px; display: inline-block; border-right: 1px solid #ddd; padding-right: 5px;padding-left: 21px; background: transparent url(../images/date.png) no-repeat left 50%; zoom: 1; *display: inline; }
#todolists .todolist li .todolist_meta_author { float: left; text-align: right; height: 16px; display: inline-block; border-right: 1px solid #ddd; padding-right: 6px;padding-left: 4px; *display: inline; }
#todolists .todolist li .todolist_meta_comments { float: left; border-right: 1px solid #ddd; padding-right: 5px; text-align: right; height: 16px; display: inline-block; margin-left: 5px; padding-left: 21px; background: transparent url(../images/comments.png) no-repeat left 50%; zoom: 1; *display: inline; cursor: pointer; }
.todolist_meta_attachments { width: 7.2em; height: 16px; text-align: right; border-right: solid 1px #ddd; padding-right: 5px; float: left; background: transparent url(../images/attachment.png) no-repeat left 50%; padding-left: 10px; margin-left: 5px; cursor: pointer; }
#todolists .todolist li .todolist_meta_pri { height: 18px; float: left; padding-top: 0px; padding-right: 5px;padding-left: 5px;  }
#todolists .todolist li .todolist_meta_pri .low-pri { background: url(../images/low-pri.png) no-repeat; padding-right: 20px; height: 18px;/* float: left; padding: 5px 0;*/ cursor: pointer; }
#todolists .todolist li .todolist_meta_pri .hig-pri { background: url(../images/hig-pri.png) no-repeat; padding-right: 5px; padding-left: 15px; height: 18px;/* float: left; padding: 5px 0;*/ cursor: pointer; }
#todolists .todolist li .todolist_meta_pri span { padding-right: 5px; display: block; float: left; }
#todolists .todolist li .todolist_move { border-left: 1px solid #DDDDDD; height: 18px; float: left; padding-top: 0px; padding-right: 5px;padding-left: 25px; cursor: pointer; background: url(../images/move.gif) no-repeat 4px 0; }
#todolists .todolist li .todolist_tracking { border-left: 1px solid #DDDDDD; height: 18px; float: left; padding-top: 0px; padding-right: 5px;padding-left: 5px; cursor: pointer;}
#todolists .todolist li.todolist_entry  { background-color:#fff; border-style: none; padding-left: 22px; }
#todolists .todolist li.todolist_entry .todolist_checkbox,
#todolists .todolist li.todolist_entry .todolist_control_edit,
#todolists .todolist li.todolist_entry .todolist_control_delete { display: none; }
span.toggleEntry { text-decoration: underline; cursor: pointer; color: #000;}
span.toggleEntry:hover { text-decoration: none; color: #f08808; cursor: pointer; }
#todolists .todolist li.todolist_entry input.todolist_entry_text { border: 1px solid #fff;  color: #aaa; width: 60%; }
#todolists .todolist li.todolist_entry input:focus { color: #000; border: 1px solid #f99a0c; }
#todolists .todolist li.todolist_entry textarea.todolist_entry_text { border: 1px solid #fff;  color: #aaa; width: 60%; }
#todolists .todolist li.todolist_entry textarea:focus { color: #000; border: 1px solid #f99a0c; }
#todolists .todolist ul li .todolist_checkbox { float: left; position: relative; left: 7px; margin-top: 3px; }
#todolists .todolist li.alternate { background-color: #f9f9f9; }
#todolists .todolist ul li.todolist_completed .todolist_title { color: #aaa; text-decoration: line-through; }
#todolists .todolist > ul > li:hover { color: #fff; background-color: #eeeeee;/*f99a0c*/ }
#todolists .todolist > ul > li:hover .todolist_meta { color: #333; }
#todolists .todolist > ul > li:hover .todolist_title { color: #333; }
#todolists .todolist li .todolist_control_edit { cursor: pointer; width: 20px; float: right; position: relative; right: 0; background: transparent url(../images/edit.png) no-repeat top left; }
#todolists .todolist li .todolist_control_delete { cursor: pointer; width: 20px; float: right; position: relative; right: 0; background: transparent url(../images/delete.png) no-repeat top left; }

#todolists .todolist li .todolist_tracker { display: none; background-color: #fff; margin: 7px 5px 0 5px; color: #444; padding-left: 7px; cursor: default !important; }
#todolists .todolist li .todolist_tracker h3 { margin-left: 20px; margin-right: 13px; font-size: 13px; font-weight: 700; color: #E76200; padding-top: 7px;border-top: dotted 1px #bcbcbc; cursor: default !important; }

#todolists .todolist li .todolist_comments { display: none; background-color: #fff; margin: 7px 5px 0 5px; color: #444; padding-left: 7px; cursor: default !important; }
#todolists .todolist li .todolist_comments h3 { margin-left: 20px; margin-right: 13px; font-size: 13px; font-weight: 700; color: #E76200; padding-top: 7px;border-top: dotted 1px #bcbcbc; cursor: default !important; }
#todolists .todolist li .todolist_comments:hover h3 { border-top: dotted 1px #fff;}
#todolists .todolist li .todolist_comments ul { margin: 0px 15px 0 25px; }
#todolists .todolist li .todolist_comments ul li { padding: 5px 0px 5px 25px; cursor: default !important; }
#todolists .todolist li .todolist_comments ul li .todolist_comment_close_control { cursor: pointer; width: 15px; height: 20px; margin-top: 0px; float: right; background: transparent url(../images/delete.png) no-repeat top left; }
.todolist_attachment_delete_control { cursor: pointer; width: 15px; height: 20px; margin-top: 1px; margin-left: 8px; float: right; background: transparent url(../images/delete.png) no-repeat top left; position: absolute; }
#todolists .todolist li .todolist_comments ul li.sd { background: transparent url(../images/sdicon_tiny.png) no-repeat 5px 5px; cursor: default !important; }
#todolists .todolist li .todolist_comments ul li.client { background: transparent url(../images/clienticon_tiny.png) no-repeat 5px 5px; }
#todolists .todolist li .todolist_comments ul li .todolist_comment_name { float: left; padding-right: 20px; font-weight: bold; }
.todolist_attachment_name { padding-left: 8px; padding-right: 4px; font-weight: bold; }
#todolists .todolist li .todolist_comments ul li .todolist_comment_date { color: #aaa; font-size: 0.8em; position: relative; margin-top: 1px; width:90%; }
.todolist_attachment_date { color: #aaa; font-size: 0.8em; position: relative; margin-top: 1px; width:90%; }
#todolists .todolist li .todolist_comments ul li .todolist_comment_message { padding-top: 5px; clear: left; } 
#todolists .todolist li .todolist_comments ul li.alternate { background-color: #f9f9f9; }
#todolists .todolist li .todolist_comments ul li.todolist_comments_entry { background-color:#fff; border-style: none; padding-left: 22px; }
#todolists .todolist li .todolist_comments .todolist_comments_entry_text { border: 1px solid #fff;  color: #aaa; width: 60%; }
#todolists .todolist li .todolist_comments .todolist_comments_entry_text:focus { color: #000; border: 1px solid #f99a0c; }

#dashboard #wall { padding-top: 5px; background: transparent url(../images/plane.png) no-repeat right top; }
#wall h2 { padding-top: 8px; padding-left: 1px; border-bottom: none; margin-bottom: 0; }
#dashboard #wall #wall_entries { clear: both; padding-top: 10px; }
#dashboard #wall #wall_entries ul { margin: 0px; }
#dashboard #wall #wall_entries ul li { list-style: none; border: 1px solid #ddd; margin: 10px 0px 0px 0px; padding: 10px 10px 6px 55px; }
#dashboard #wall #wall_entries ul li.sd { background: transparent url(../images/sdicon.png) no-repeat 10px 10px; }
#dashboard #wall #wall_entries ul li.client { background: transparent url(../images/clienticon.png) no-repeat 10px 10px; }
#dashboard #wall #wall_entries ul li.alternate { background-color: #f9f9f9; }
#dashboard #wall #wall_entries ul li .wall_entry_name { font-weight: bold; font-size: 1.1em; }
#dashboard #wall #wall_entries ul li .wall_entry_date { color: #aaa; font-size: 0.8em; }
#dashboard #wall #wall_entries ul li .wall_entry_close_control { cursor: pointer; width: 20px; height: 20px; float: right; position: relative; top: -8px; right: -12px; background: transparent url(../images/delete.png) no-repeat top left; }
#dashboard #wall .wall_entry INPUT { width: 100%; border: 1px solid #ddd; color: #aaa; margin-bottom: 4px; }
#dashboard #wall .wall_entry INPUT:focus  { color: #000; border: 1px solid #f99a0c; }
#dashboard #wall .wall_entry TEXTAREA { width: 97.5%; height: 80px; border: 1px solid #ddd; color: #aaa; }
#dashboard #wall .wall_entry TEXTAREA:focus { color: #000; border: 1px solid #f99a0c; }
#dashboard #wall .wall_entry .wall_entry_submitbtn { cursor: pointer; float:right; border: 1px solid #ddd; padding: 5px 4px 5px 25px; margin: 5px 0px; font-weight: bold; width: 60px; background: #e7e7e7 url(../images/add.png) no-repeat 5px 5px;  }

#footer { font-size: 0.85em; position: absolute; top: 15px; right: 15px; width: 400px; text-align: right; }

.in_place_editable { cursor: pointer; }

.slide {
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: #f99a0c;
  padding: 5px;
}

.slide a {
        color: black;
}

#hidecomplete_div * {
	margin: 3px;
}

#hidecomplete_div {
	margin-bottom: 3px;
}
#hide-completed-item { margin-right: 5px; }
#notify_div { padding-left: 10px; padding-bottom: 10px; }
#notify { margin-right: 5px; }
#notify_div #hidecomplete_div * {
	margin: 3px;
}
#hidecomplete_div {
	padding-left: 7px !important;
}
#notify_div #hidecomplete_div {
	margin-bottom: 10px;
}

#viearch_div * {
	margin: 3px;
}

#viearch_div {
	margin-bottom: 10px;
}

span.remove-list {
	position: absolute;
	width:15px;
	height:15px;
	top: 3px;
	right: 3px;
	background-image:url(../images/list_remove_btn.gif);
	display: block;
	cursor: pointer;
}
.adv_menu_trigger { margin-left: 11px; cursor: pointer; background: transparent url(../images/bullet_plus.png) no-repeat left -2px; padding-left: 17px;  }
.adv_menu_container { margin-left: 12px; }
.adv_menu_container ul { padding-top: 5px; padding-bottom: 10px; padding-left: 17px; }

.todolist_attachments { padding-left: 25px; padding-top: 5px; padding-bottom: 8px; padding-right: 10px; background: #fff; margin: 7px 5px 0 5px;cursor: default !important; }
.todolist_attachments h3 { color: #E76200; font-size: 12px; font-weight: 700;border-top: dotted 1px #bcbcbc; padding-top: 5px; margin-top: -5px; }
.todolist_attachments:hover h3 {border-top: dotted 1px #fff;}
.todolist_attachments ul li { cursor: default !important; color: #444;}
.todolist_attachments form { display: block; color: #444; padding-top: 7px; }
.todolist_attachments form input[type=text] { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #444; }
.todolist_attachments form input[type=file] { font-size: 13px; margin-right: 10px; font-family: Arial, Helvetica, sans-serif; color: #444;  }
.todolist_attachments form input[type=submit] { background: none; border: none; border: 1px solid #ddd; padding: 1px 8px 2px 8px; margin-left: 2px; background-color: #e7e7e7; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #444; font-size: 12px; 	-moz-border-radius-bottomleft:5px;	-moz-border-radius-bottomright:5px;	-moz-border-radius-topleft:5px;	-moz-border-radius-topright:5px;}
.todolist_attachments form input[type=submit]:hover { cursor: pointer; border-color: #BCBCBC; color: #111; }
/*.todolist_attachments ul li:hover { color: #444; }*/

#loader { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity:0.4; filter:alpha(opacity=40); background: gray url(../images/loading.gif) center center no-repeat; }

.submitEntry { padding-left: 10px; padding-right: 10px; border: 1px solid #DDDDDD; background-color: #E7E7E7; cursor: pointer; vertical-align: top; }
.submitEntryComment { padding-left: 10px; padding-right: 10px; border: 1px solid #DDDDDD; background-color: #E7E7E7; cursor: pointer; vertical-align: top; }
.toggleEntry { vertical-align: top; }

#project-select { background-color: #EEE; position: absolute; padding: 5px 20px 5px 10px; border: #e7e7e7 solid 1px; min-width: 100px; }
#project-select ul li a { color: #444;  }
#todolists .todolist li .todolist_move.selected { background-color: #eee; border-right: 1px solid #ddd; border-top: 1px solid #ddd; color: #333; height: 17px; }

.tracker { width: 95%;  margin: 5px 0 5px 20px; }
.tracker td { padding: 3px; width: 16%; border: #ccc solid 1px; }
.tracker td.label { background-color: #eee; font-weight: bold; }

.edit-icon { background: url(../images/edit.png) no-repeat; width: 16px; height: 16px; float: right; margin-top: 5px; cursor: pointer; }
.save-icon { background: url(../images/save.png) no-repeat; width: 16px; height: 16px; float: right; margin-top: 5px; cursor: pointer; margin-right: 2px; }