@charset "utf-8";

/* Imports ---------------------------------------------------------------- */
@import url("reset.css");

/* General ---------------------------------------------------------------- */
body {
	-webkit-print-color-adjust:exact;
	
	font-family: Arial;
	font-size: 13px;
}
#projectController, 
#projectTimeController,
#lookPrev,
#lookNext,
#activityInfo,
.activityInfo,
#header {
	display: none;
}
#projectTable, #projectTable table {
	width: 100%;
}
table th {
	font-size: 9px;
	color: #666;
	padding-bottom: 2px;
	padding-top: 2px;
	
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #eee;
	border-left-color: #ddd;
}
table td {
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #eee;
	border-left-color: #ddd;
	
	vertical-align: middle;
	height: 30px;
}
td.today,
th.today {
	font-weight: bold;
	background-color: #eee;
}
.activity {
	cursor: pointer;
	position: relative;
	background: #2f91ce;
	display: block;
	color: white;
	padding: 8px;
	border-radius: 4px;
	font-size: 10px;
}
.activity.end div.arrow,
.activity.trought div.arrow {
	background-image: url(arrow-mini-left.png);
	background-repeat: no-repeat;
	background-position: 0px center;
}
.activity.start div.arrow,
.activity.trought div.arrow div.arrow  {
	background-image: url(arrow-mini-right.png);
	background-repeat: no-repeat;
	background-position: right 0px center;
}
.activity.end {
	border-radius: 0px 4px 4px 0px;
}
.activity.start {
	border-radius: 4px 0px 0px 4px;
}
.activity.trought {
	border-radius: 0px;
}
.activity.critical {
	background: #C00;	
}
.activity.planed {
	background: #aaa;
}
.activity.finished {
	color: #E9FCE4;
	background: #9c0; /* Old browsers */
}
.activity.late {
	color: #FFEFD7;	
	background: #ff9900; 
}