.task-list-pane{ overflow:auto; }
#timeline_wrap{ margin:30px 0; border-bottom: 1px dashed #B55D5D;}
#adhoc_wrap,#recurring_wrap{padding:1em;}
.timeline-hour{height:60px;border-top:1px dashed #8A3C3C;position:relative;}
#timeline_wrap.with-zoom .timeline-hour{
	height:180px;
}
.timeline-hour span{cursor:pointer;color: #333;position: absolute;top: -10px;left: 10px;background-color: #fff;padding: 2px;display: inline-block;z-index: 3;font-family: courier;}
#current_time_marker{position:absolute;top:0;height:3px;width:100%;border-top:1px solid #3C713C;border-bottom:1px solid #3C713C;z-index:4;}

.timeline-task,
.adhoc-task,
.recurring-task{
	cursor:pointer;
}
#calendar_timeline,
#calendar_adhoc,
#calendar_recurring{
	background-color:#efefef;
}
#calendar_nav{
	padding-left:10px;
}
#calendar_nav li{
	width: 32%;
    background-color: #ccc;
    color: #333;
    text-align: center;
    padding: 10px;
    cursor:pointer;
    display:block;
    float:left;
    margin-right:1%;
    position: relative;
}

#calendar_nav li.current{
	background-color: #54708A;
    color: #fff;
}

#calendar_nav li span{
	font-size: 0.8em;
	padding-left: 10px;
}

.calendar-month{width:100%;text-align:center;}
.calendar-month table{width:100%;font-size:12px;}
.calendar-month table th{background-color:#cacaca;color:#555;width:12.5%;text-align:center;height:30px;border:1px solid #DBDBE0;font-weight:bold;padding-top:6px;}
.calendar-month table td{position:relative;width:12.5%;text-align:center;height:50px;border:1px solid #DBDBE0;cursor:pointer;}

.calendar-month .calendar-day-num{position:absolute;display:inline-block;bottom:3px;right:5px;font-size:20px;font-weight:bold;}
.calendar-month .calendar-day-total{position:absolute;display:inline-block;top:3px;left:3px;right:3px;font-size:9px;}
.calendar-month .calendar-day-total{ background-color: #8fcfff; color:#333;}

.calendar-month .calendar-day-current{background-color:#49647B;color:#fff;}
.calendar-month .calendar-day-empty{background-color:transparent;cursor:default;}
.calendar-month .calendar-day-weekend .calendar-day-num{color:#cacaca;}

.week-detail-diff{position:absolute;display:inline-block;top:33px;left:3px;right:3px;font-size:9px;background-color: #8fcfff;}
.week-detail-total{position:absolute;display:inline-block;top:18px;left:3px;right:3px;font-size:9px;font-style:italic;}
.week-detail-target{position:absolute;display:inline-block;top:3px;left:3px;right:3px;font-size:9px;font-weight:bold;}

.calendar-month .calendar-day-total.total-above-target,.week-detail-diff.total-above-target{ background-color: #a3f3a3; }
.calendar-month .calendar-day-total.total-below-target,.week-detail-diff.total-below-target{ background-color: #f3a6a3; }

.core-hours{ background-color:#fff; }
.tab-badge{
	position: absolute;
	/*background-color: #c62026;*/
	background-color: #2098c6;
	color: #fff;
	right: 4px;
	top: -5px;
	width: 20px;
	height: 17px;
	border-radius: 7px;
	text-align: center;
	font-size: 10px!important;
	padding-left: 0!important;
	font-weight: bold;
	border: 2px solid #fff;
}
.task-timer{
    position: absolute;
    top: 0px;
    width: 35px;
    height: 35px;
    text-align: center;
    right: 0;
    border-radius: 6px;
    padding-top: 4px;
    color: #fff;
    font-size: 14px;
}
.task-timer.not-running{ background-color: #73c075; }
.task-timer.running{ background-color: #c62026; }