*
{	font-family:Arial,sans-serif;
	font-size:10pt;
}
a
{	color:#000080;
}
a:active,a:link,a:visited
{	text-decoration:none;
}
a:hover
{	text-decoration:underline;
}
a.block
{	background:#EEEEFF;
	display:block;
	text-align:center;
	/* width:130px; */
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none; 
}
a.block:hover
{	background:#CCCCFF;
	display:block;
	text-align:center;
	/* width:130px; */
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
}
a.block_active
{	background:#DDDDFF;
	display:block;
	text-align:center;
	/* width:130px; */
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none; 
}
a.block_active:hover
{	background:#CCCCFF;
	display:block;
	text-align:center;
	/* width:130px; */
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none; 
}
code
{	color:#888;
	font-family:monospace;
}
h1
{	color:#800000;
	font-size:18pt;
	font-weight:700;
}
h2
{	color:#800000;
	font-size:12pt;
	font-weight:700;
	padding:0px;
}
h3
{	color:#000000;
	font-size:10pt;
	font-weight:700;
	padding:0px;
}
input
{	border:1px solid #808080;
	height:22px;
}
input.button
{	border:1px solid #000000;
	background:#EEEEEE;
	width:120px;
}
input[type=text],
input[type=password]
{	padding:0 2px 0 2px;
}
select
{	border:1px solid #808080;
	height:22px;
	width:220px;
}
select.mrb
{	border:1px solid #808080;
	height:22px;
	width:501px;
}
td.menu
{	background:#EEEEFF;
	width:130px;
	text-align:center;
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
}
td.menu_active
{	background:#DDDDFF;
	width:130px;
	text-align:center;
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
}
textarea
{	border:1px solid #808080;
	width:500px;
	height:50px;
}
#box a
{	border-width:2px;
	display:block;
}
#box a:hover
{	background:#E0D9BC;
	text-decoration:none;
}
#box a .info
{	display:none;
}
#box a:hover .info
{	background:#E0D9BC;
	border-width:2px;
	border-color:#888888;
	border-style:solid;
	display:block;
	text-align:left;
	position:absolute;
	width:264px;
	padding:5px 5px 5px 5px;
}
#box hr
{	height:2px;
	color:#800000;
}
#box p
{	margin:0;
}
.clearfix::after
{	content:"
	clear:both;
	display:table;
}
.form .left
{	font-weight:bold;
	padding:0 0 3px 0;
	position:relative;
	width:140px;
}
.form .right
{	padding:0 0 3px 0;
	position:relative;
	vertical-align:middle;
}
.hasDatepicker
{	display:none;
}
.reportdata th
{	background-color:#DDD;
	text-align:left;
}
.reportdata td,
.reportdata th
{	padding: 3px 20px 3px 5px;
}
.reportdata td:last-child,
.reportdata th:last-child
{	padding: 3px 5px 3px 20px;
	text-align:right;
}
.ui-datepicker-trigger
{	position:relative;
	top:6px;
}
.budget_configuration tr,
.budget_configuration td
{	border:0;margin:0;padding:0;
}
table.budget th
{	padding:3px;
	background-color:#DDDDDD;
}
table.budget td
{	vertical-align:middle;
}
table.budget td,
table.budget th
{	padding-right:10px;
	vertical-align:top
}
table.budget td.center,
table.budget th.center
{	padding-left:10px;
	padding-right:10px;
	text-align:center;
	width:120px;
}
table.budget td.rightcenter,
table.budget th.rightcenter
{	padding-left:30px;
	padding-right:30px;
	text-align:right
}
.header .logo a
{	background-position:50% 50%;
	background-repeat:no-repeat;
	display:block;
	height:124px;
	position:relative;
	text-decoration:none;
	width:200px;
}
.header .title
{	color:#800000;
	font-size:18pt;
	font-weight:700;
	height:50px;
	padding-left:50px;
}
.login
{	margin-left:250px;
}
.login .container
{	background:#DDDDDD;
	border:1px solid #808080;
	padding:10px;
	width:450px;

}
.login .description
{	text-align:right;
}
.login input
{	border:1px solid #000000;
	width:150px;
}
.login input[type=submit]
{	border:1px solid #000000;
	background:#EEEEEE;
	width:150px;
}
.login td
{	padding-bottom:5px;
	padding-right:15px;
}
.login tr:last-child td
{	padding-bottom:0;
}


.doc table.tables{width:100%;border:0px}
.doc h3{text-decoration:underline}
.doc table.tables th{vertical-align:top;text-align:left;background:#EEEEEE;padding:3px;border-left:1px solid #DDD}
.doc table.tables th.top{background:#DDD}
.doc table.tables td{border-left:1px solid #DDD;border-bottom:1px solid #DDD;vertical-align:top;padding:3px}
.doc table.tables td.field{font-family:monospace;font-size:11px;width:150px}
.doc table.tables td.type{font-family:monospace;font-size:11px;width:120px}
.doc table.tables td.std{font-family:monospace;font-size:11px;width:120px}
.doc table.tables *.descr{border-right:1px solid #DDD}
.doc table.tables td.code{border-right:1px solid #DDD;font-family:monospace;font-size:11px}
.doc table.tables *.create{border-right:1px solid #DDD;border-top:2px solid #DDD;font-family:monospace;font-size:11px}

table.numWorkers td,
table.workersAge *,
table.duration td
{	border:0;
	margin:0;
	padding:0;
}
table.numWorkers td.months
{	vertical-align:bottom;
}
table.numWorkers td.months div
{	display:inline-block;
}
table.numWorkers td.months div div
{	background:blue;
	display:inline-block;
	margin-left:2px;
	width:1px;
}
table.numWorkers td.months div div.current
{	background:#88F;
	width:5px;
}
table.numWorkers td.months div div.future
{	background:#CCF;
}
table.numWorkers td.years
{	text-align:center;
}
table.duration td.data
{	text-align:right;
}
table.duration td.name,
table.duration td.years,
table.duration td.data
{	padding-right:20px;
}
table.duration td.graph
{	vertical-align:middle;
}
table.duration td.graph div
{	background:blue;
	float:left;
	height:15px;
}
table.duration td.graph div.separator
{	background:red;
	width:1px;
}

table.periods
{	background:#FFFFCC;
	border:1px solid #808080;
	width:930px;
	max-width:930px;
	min-width:930px;
}
table.periods .header_week
{	background:#EEEEEE;
	padding:5px;
}
table.periods .header_day
{	background:#EEEEEE;
	border-bottom:1px solid #808080;
	border-top:1px solid #808080;
	font-weight:bold;
	padding:5px;
}
table.periods .pause
{	background:#FAFAFA;
	border-top:1px solid #808080;
	padding-left:5px;
	padding-right:5px;
}
table.periods .title
{	font-weight:bold;
	padding:5px;
}
table.periods .field
{	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-left:5px;
	padding-right:5px;
}
table.periods .customer
{	width:70px;
	max-width:70px;
	min-width:70px;
}
table.periods .project
{	width:185px;
	max-width:185px;
	min-width:185px;
}
table.periods .task
{	width:147px;
	max-width:147px;
	min-width:147px;
}
table.periods .start
{	text-align:left;
	width:40px;
	max-width:40px;
	min-width:40px;
}
table.periods .end
{	text-align:left;
	width:40px;
	max-width:40px;
	min-width:40px;
}
table.periods .beschreibung
{	width:260px;
	max-width:260px;
	min-width:260px;
}
table.periods .time
{	text-align:right;
	width:48px;
	max-width:48px;
	min-width:48px;
}
table.periods .edit
{	text-align:right;
	width:40px;
	max-width:40px;
	min-width:40px;
}
table.periods .running
{	background:#AAFFAA;
}
table.periods .subtitle
{	font-weight:bold;
	text-align:right;
}
table.periods .summe
{	border-top:1px solid #808080;
	padding:5px;
}
table.periods .bordertop
{	border-top:1px solid #808080;
}

/* Tooltips */
.tooltip
{	border-bottom:1px dotted black;
	display:inline-block;
	position:relative;
}
.tooltip .tooltiptext
{	background-color:#888;
	border-radius:6px;
	bottom:125%;
	color:white;
	left:50%;
	margin-left:-60px;
	opacity:0;
	padding:5px;
	position:absolute;
	transition:opacity 0.3s;
	visibility:hidden;
	width:250px;
	z-index:1;
}
.tooltip .tooltiptext::after
{	border-color:#888 transparent transparent transparent;
	border-style:solid;
	border-width:5px;
	content:"";
	left:20%;
	margin-left:-5px;
	position:absolute;
	top:100%;
}
.tooltip:hover .tooltiptext
{	visibility:visible;
	opacity:1;
}

.container_search
{	width:930px;
}
.container_search .search
{	padding:6px 0 6px 30px;
	background:url('/images/search.png') no-repeat 4px 3px #EEF;
	width:100%;
}
.container_search .light
{	background-color:#EEE;
	border:1px solid #888;
	padding:10px 10px 40px 10px;
}

input[type=radio]
{	margin:0;
	vertical-align:middle;
}

.doc
{	max-width:928px;
	width:928px;
}
.doc td:first-child
{	width:140px;
}
.doc td:last-child
{	width:140px;
}
.doc td,
.doc th
{	padding:2px;
	text-align:left;
	vertical-align:top;
}
.doc td
{	border-bottom:1px solid #DDD;
}
.doc th
{	background-color:#DDD;
}

@media print
{	.noprint
	{	display:none;
	}
}
