#crm
{
	overflow: hidden;
}
#tree
{
	float: left;
	width: 250px;
}
#content
{
	margin: 0 0 0 250px;
}
#tasks
{
	float: left;
}

#tree .client .icon
{
	float: left;
	width: 16px;
	height: 16px;
	padding-right: 4px;
}
#tree .client .icon img
{
	width: 16px;
	height: 16px;
}
#tree .project
{
	padding-left: 35px;
}
#tree .project.active
{
	font-weight: bold;
}

.types
{
	overflow: hidden;
	margin: 5px;
}
.types a
{
	display: block;
	float: left;
	padding: 5px 10px;
	margin: 0 10px 0 0;
	background: #cfecff;
	text-decoration: none;
	color: #000000;
}
.types a:hover, .types a.active 
{
	background: #a7dcfe;
}
.types a.active
{
	font-weight: bold;
}

.types.alter a
{
	background: #fff6b6;
}
.types.alter a:hover, .types.alter a.active
{
	background: #ffef87;
}
.types.alter a.active
{
	font-weight: bold;
}


.task_table
{
	border-collapse: collapse;
	margin: 20px 0;
}
.task_table td, .task_table th
{
	border: solid 1px #666666;
	padding: 2px 7px;
}
.task_table th
{
	background: #d3c2ff;
}
.task_table tr:hover
{
	background: #f0eaff;
}

.task_table tr.overdue {background: #ffeaea;}
.task_table tr.overdue:hover {background: #efcaca;}
.task_table tr.today {background: #eaffea;}
.task_table tr.today:hover {background: #caefca;}

#task .content .desc
{
	overflow: hidden;
}

#files
{
	margin: 6px 0;
}
#files .items .item
{
	display: inline-block;
	padding: 2px 6px;
	border: solid 1px #dadada;
	border-radius: 4px;
	margin: 0 6px 0 0;
}
#files .items .item:hover
{
	background: #efefef;
}
#files.highlighted
{
	background-color: #cacaca;
}
#files .item.process
{
	opacity: 0.5;
}