body {
	font-family: tahoma;
	font-size: 12px;
	background-image:url(i/bg.gif);
}
td, input, select, textarea {	font-family: tahoma;	font-size: 12px; }
input, textarea, select 	{		padding: 3px; font-size: 12px; }
#inputtable th	{	background-color:#CCC; color: #000; }
#projectinfo th 	{		font-size: 13px; color: #FFF; font-weight: bold; line-height: 20px; text-align: left;  }
.content th 		{ 		background-color: #444; color: #FFF; font-weight: bold; text-align: left; }
#projectinfo td {
	background-color: #dddddd;
	color: #000;
	border: 1px solid #FFF;
	padding-right: 50px;
	padding: 2px;
}

tr.odd						{ cursor: pointer;}
tr.even						{ cursor: pointer;}
.datatabel						{ }
.datatabel tr					{background-color: #ffffff; }
.datatabel tr.odd				{background-color: #f0f3ff;}
.datatabel tr.active			{background-color: #FF9; cursor: pointer}
.datatabel tr.selected			{background-color: #fbb03b; font-weight: bold;}
.datatabel td, .datatabel th	{border-bottom: 1px solid white; line-height: 10px; }
.datatabel tr:hover				{background-color: #d0dafd; }
.datatabel a.white 				{color: white; }

.rate_active				{color:#063; font-weight: bold; background-color:#b4e153; }
.rate_inactive				{color:#666; font-weight: normal; font-style: italic; }

.style1 {
	color: #FFFFFF;
	font-weight: bold;
}
#toolTipBox {
	display: none;
	padding: 10px;
	font-size: 11px;
	border: black solid 1px;
	font-family: tahoma;
	position: absolute;
  	background-color: #ffd038;
  	color: 000000;
	width: 150px;
	line-height: 18px;
}
ul#lijst{ 
	margin:0; 
	padding:0; 
	list-style:none;
}
ul#lijst li{ 
border-bottom:1px solid #cccccc; /* workaround for IE */ 
line-height:18px; 
vertical-align:middle;
margin-left: 5px;
font-size: 10px;
}

#projects 			{		list-style:none; margin: 0px; padding: 0px; padding-top: 20px; display: block; padding-left: 10px;  }
#projects a			{		text-decoration: none;  }
#projects li		{		float: left; width: 77px; height: 70px; background-image: url(i/back_inactive.gif); color: #4a5157; margin-right: 10px !important; background-repeat: no-repeat; font-size: 11px; text-align: center; }
#projects li.right  {		float: right !important; }
#projects li.active	{		float: left; width: 77px; height: 70px; background-image: url(i/back_active.gif); color: #4a5157; padding-right: 10px; background-repeat: no-repeat; font-size: 11px; text-align: center; font-weight: bold; }
#projects #project	{		background-image: url(i/icon_project.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#projects #planning	{		background-image: url(i/icon_planning.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#projects #werkuren	{		background-image: url(i/icon_werkuren.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#projects #actoren	{		background-image: url(i/icon_actors.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 19px 5px; padding-top: 50px; color: #333; }
#projects #files	{		background-image: url(i/icon_files.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#projects #kosten	{		background-image: url(i/icon_kosten.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#projects #facturatie	{	background-image: url(i/icon_facturatie.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#projects #acties	{		background-image: url(i/icon_acties.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 20px 5px; padding-top: 50px; color: #333; }
#project_content 	{		border: 1px solid #CCC; padding: 10px; background-color:#FFF; display: block; clear: left;}

.grijs {
	color: #aaaaaa;
	font-size: 10px;
}

ul#lijst li a{ 
	display:block; 
	padding:0 0 0px 14px; /* boven | rechts | onder | links */ 
	background:url(i/arrow.gif) no-repeat; 
	background-position: left center;
	text-decoration:none;
	color: #333366;
}
ul#lijst li a:hover {
	color: #333333;
	text-decoration: underline;
}

a {
	text-decoration: underline;
	color: #900;
}


.tabelboord {
	border: 1px dashed #cccccc;
}

textarea {
	width: 100%;
}
#blanket {
	background-color:#000;
	width: 100%;
	margin: auto;
	opacity: 0.75;
	filter:alpha(opacity=75);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
}
#popUpDiv {
	margin: auto;
	position:absolute;
	background-color:#eeeeee;
	width:700px;
	height:500px;
	z-index: 9002;
	padding: 20px;
}
.Button {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.Button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.Button:active {
	position:relative;
	top:1px;
}

.btnAdd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	padding: 5px 20px;
	letter-spacing: normal;
	background: -moz-linear-gradient(
		top,
		#2b9906 0%,
		#247507);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#2b9906),
		to(#247507));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #616161;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0);
}