#header {background: #add6ff;}

ul#viewsList li.selected a { /* settings for selected tab link */
	background-color: #E1FFDF;
}

#tasksStatesList,
#notesList,
#tasksList {display: none;}

.filterList .scheduled {background: #FFF; padding: 2px 5px; position: relative; top: -1px;}
.filterList .scheduled img {vertical-align: middle;}

#projectsList {background: #FFF;
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
list-style: none; margin-bottom: 30px; padding: 20px 20px;}

#projectsList .scheduled {display: none;}
#projectsList .ghost {background: #CCC; color: #666; border-bottom: 2px solid #EEE; margin-left: -10px; margin-bottom: 10px; padding: 5px 0 5px 10px; position: relative;}

#projectsList .ui-sortable-helper {border: 2px solid #9FCFFD; padding-left: 10px;}
.project {background: #FFF; border-bottom: 2px solid #EEE; margin-bottom: 10px; padding: 5px 0; position: relative;}
.project h3 {font-size: 22px; }
.project h3 .date {color: #777; float: right; font-size: 14px; font-weight: normal; letter-spacing: 0; margin-top: 7px; text-align: right;}
.project h3 .date b {color: #333;}
.project h3 label {color: #999; display: block; font-size: 12px; font-weight: normal;}
.project h3 input {width: 20em;}
.project h3 .state {font-size: 16px; font-weight: normal; padding: 0 5px;}

.states {list-style: none;}
.states li {display: inline;}
.states li span.a,
.states li a {background: #EEE; display: inline-block; font-size: 14px; margin-left: 5px; padding: 3px 5px; text-decoration: none;}
.states li a.selected {border-bottom: 4px solid #333;}

#main .states {display: none; position: absolute; right: 0; top: 5px;}

.actions {background: #FFF; border-right: 10px solid #FFF; display: none; left: -66px; list-style: none; padding: 10px 0px 10px 10px; position: absolute; top: 1px; width: 46px;}
.actions {
	-moz-border-radius-topleft: 14px;
	-webkit-border-top-left-radius: 14px;
	-moz-border-radius-bottomleft: 14px;
	-webkit-border-bottom-left-radius: 14px;
}
._divider .actions { left: -46px; width: 26px;} 
.actions li {display: inline;}
.actions a img {border: none;}
.delete,
.dp-choose-date {background: url() no-repeat 0 0; float: left; height: 20px; margin-right: 3px; width: 20px; text-indent: -9999em;}
.delete {background-image: url(/c/img/delete.gif); }
.dp-choose-date {background-image: url(/c/img/schedule.gif);}
div.dp-popup .unscheduleWrapper {margin-top: 5px; text-align: center;}
div.dp-popup a.unschedule {background: Tomato; padding: 2px 4px; }

.project .comment label {color: #999; display: block; font-size: 12px;}
.project .comment textarea {padding-bottom: 1em; width: 42em;}

._divider {background: #333; color: #E1FFDF; margin-left: -10px; padding-left: 10px;}