/*** needed for druxTbl ***/
.druxTblHeader {
	background-color: #e7e1d8;
	color: #3f3a34;
}

.druxTblRowHeader {
	background-color: #f3efe8;
}

.druxTblRowHeader_Selected {
	background-color: #ddd5c9;
}

.druxTblRowHeader_MouseOver {
	background-color: #e7ded2;
}

.druxTimesheetClientHeader {
	background-color: #e5ddd1;
}

.druxTimesheetProjectHeader {
	background-color: #eee8df;
}

.druxTimesheetTimeHeader {
	background-color: #f3efe8;
}

/*** tooltip ****/
span.tooltip {
    	position: relative;
}

span.tooltip a {
	text-decoration: none;
}

span.tooltip a span {
    	display: none;
}

span.tooltip a:hover span { 
	display: block; 
	position: absolute; 
	margin-top: 10px; 
	margin-left: -10px; 
	width: 300px; 
	padding: 8px 10px; 
	z-index: 100; 
	border: 1px solid #d8d1c7; 
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(35, 31, 26, 0.08);
	background: #fbf9f5; 
	color: #3f3a34;
	text-decoration: none;
}

/* Alert icon styles */
.alert-icon { display: inline-block; width: 20px; height: 20px; vertical-align: middle; }
.alert-icon.error { color: #a5665a; }
.alert-icon.friend { color: #7a7368; }
.alert-icon.info { color: #8a7a64; }