/* Basic formatting */
body{background-color:#fcfcfc;font-family: Asap,sans-serif;font-size:10pt;}
a{text-decoration: none;}

h1{font-size:13pt;font-weight:bold;}
h2{font-size:12pt;font-weight:bold;padding-left:20px;}

.pagina{width:100%;}
.content{padding:10px;}
.pagina{background-color:#fcfcfc;}

/* menu */
.drop_menu {
	background:#888;
	padding:0;
	margin:0;
	list-style-type:none;
	height:30px;
}
.drop_menu li { float:left; z-index:999;}
.drop_menu li a {
	padding:7px 20px;
	display:block;
	color:#fff;
	text-decoration:none;
	font:12px;
}

/* Submenu */
.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
}
.drop_menu li:hover { position:relative; background:#AAA; }
.drop_menu li:hover ul {
	left:0px;
	top:29px;
	background:#AAA;
	padding:0px;
}

.drop_menu li:hover ul li a {
	
	display:block;
	width:168px;
	text-indent:6px;
	background-color:#AAA;
}
.drop_menu li:hover ul li a:hover { background:#BBB; }

/* Uren */

.urenProjid {width:340px;}

/* Dashboard */
#dashboardWeek{}
#dashboardWeek .hourEntry{display:block;width:100%;clear:both;height:18px;}
#dashboardWeek .hourEntry:nth-child(odd) {background: #e0e0e0;}
#dashboardWeek .hourEntry div{float:left;margin:2px 5px;}

#dashboardWeek .divider{border-top:2px solid black;}

#dashboardWeek .hourEntry div:nth-child(1){width:80px;}
#dashboardWeek .hourEntry div:nth-child(2){width:150px;}
#dashboardWeek .hourEntry div:nth-child(3){width:200px;}
#dashboardWeek .hourEntry div:nth-child(4){width:20px;}
#dashboardWeek .hourEntry div:nth-child(5){width:200px;}
#dashboardWeek .hourEntry div:nth-child(6){width:20px;}

#dashboardDayWeek {display:block;}
#dashboardDayWeek .employee{display:block;width:100%;clear:both;height:18px;}
#dashboardDayWeek .employee:nth-child(odd) {background: #e0e0e0;}
#dashboardDayWeek .employee div{float:left;margin:2px 5px;border-right:1px solid #444}

#dashboardDayWeek .employee div:nth-child(1){width:180px;}
#dashboardDayWeek .employee div:nth-child(2){width:70px;}
#dashboardDayWeek .employee div:nth-child(3){width:70px;}
#dashboardDayWeek .employee div:nth-child(4){width:70px;}
#dashboardDayWeek .employee div:nth-child(5){width:70px;}
#dashboardDayWeek .employee div:nth-child(6){width:70px;}

#dashboardDayWeek .employee div span{width:30px;display:block;float:left;text-align:center;}
#dashboardDayWeek .employee div span.upd{color:#888;}

.msgRed{color:red;}
.msgGreen{color:green;}

.fullZebra{width:960px;border-spacing: 0;border-collapse: collapse;}
.fullZebra th {background: #AFAFAF;font-weight:bold;text-align: left;padding:3px;}
.fullZebra tr:nth-child(even) {background: #CCCCCC;}
.fullZebra tr:nth-child(odd) {background: #E0E0E0;}
.fullZebra td{padding:3px;}

fieldset{border:none;font-weight:bold;font-size:16px;margin-top:10px;}
fieldset p {margin:2px;}
label{width:120px;display:inline-block;padding:none;font-weight:normal;}
label.error{width:auto;}

#msgError{color:red;font-weight:bold; border:1px solid red;padding:5px 10px;background:#fcc9c9;}
#msgSuccess{color:#0a7102;font-weight:bold;border:1px solid #0a7102;padding:5px 10px;background:#81e879;}

.projectOverLimit {color:red;}
#projectCsv{display:none;}
#projectCsvShow{margin-right:20px;}

.statusNotBillable {background-color: #fbc896;}
.statusUrenError {background-color: #f76c4c;}
.statusUrenGeboekt {background-color: #4ca8f7;}
.statusUrenOk {}



#invoiceButton{float:right;}

.urenDayView {
	margin-bottom: 50px;
}
.urenDayView a {
	color: #b94d0e;
	text-decoration: underline;
}
.urenDayView td {
	padding: 5px;
}
.urenDayView th {
	background-color: #444;
	color: white;
	padding: 5px;
}
.urenDayView tr:nth-child(even) td {
	background-color: #c2c2c2;
}
.urenDayView tr:nth-child(odd) td {
	background-color: #e8e8e8;
}
.urenDayView tr:hover td {
	background-color: #a1a1a1;
}
.urenDayView tfoot tr td {
	background-color: #797979 !important;
	color: white;
	font-weight: bold;
	font-size: 14pt;
}
.urenDayView tfoot tr td span {
	float:right;
	font-size: 11pt;
}