html{
	height:100%;
	width:100%;
	overflow:hidden;
}
body{
	width:100%;
	height:100%;
	font-family:Arial, Verdana;
	font-size:12px;
	background-color:#C0C0C0;
}

a{
	text-decoration:none;
	color:#FFFFFF;
}

div#header{
	position:absolute;
	top:30px;
	right:25px;
	left:25px;
	height:48px;
	color:#FFFFFF;
	border-bottom-width:2px;
	border-bottom-style:solid;
}
	div#header div#user{
		position:absolute;
		top:22px;
		left:2px;
		font-weight:bold;
	}
		div#header div#user span.name{
			font-weight:normal;
		}
	div#header div#menu{
		position:absolute;
		top:22px;
		right:40px;
		left:203px;
		height:18px;
		font-weight:bold;
	}
		div#header div#menu a{
			float:left;
			margin-right:5px;
		}
			div#header div#menu a.submenu{
				margin-right:7px;
			}

	div#header a.logout{
		margin-top:22px;
		float:right;
		font-weight:bold;
	}

div#container{
	position:absolute;
	top:100px;
	right:25px;
	bottom:70px;
	left:25px;
	color:#FFFFFF;
}
	div#container img.team_logo{
		position:absolute;
		top:0;
		right:0;
	}
	div#container input[type=text], div#container select{
		border-width:1px;
		border-style:solid;
		width:200px;
	}

	div#container input[disabled]{
		border-color:#999999 !important;
		background-color:transparent !important;
	}
	div#container input[type=submit], div#container input[type=button]{
		padding:5px;
		border:1px solid #C1C1C1;
		color:#999999;
		background-color:#FFFFFF;
		text-align:left;
	}
	div#container input[type=submit]:active, div#container input[type=button]:active{
		border-color:#999999;
	}
	div#container input[type=submit]{
		width:120px;
		text-align:center;
	}
	div#container input.number{
		width:40px;
	}

	div#container th{
		font-weight:bold;
	}
	div#container td{
		padding:2px 0;
	}

div#information{
	position:absolute;
	bottom:52px;
	right:25px;
	min-width:240px;
	width:30%;
	color:#000000;
	border-top-width:2px;
	border-top-style:solid;
	line-height:20px;
}
	div#information a{
		color:#000000;
		text-decoration:underline;
	}
		div#information a.refresh, div#information a.clock{
			display:block;
			width:16px;
			height:16px;
			background-repeat:no-repeat;
			background-image:url('/images/refresh_gray.png');
		}
		div#information a.clock{
			background-image:url('/images/clock_16.png');
		}
		div#information a.refresh:hover{
			background-image:url('/images/refresh.png');
		}

div#progress{
	position:absolute;
	left:25px;
	bottom:52px;
	width:60%;
	color:#000000;
	border-top-width:2px;
	border-top-style:solid;
}

div#targets{
	position:absolute;
	right:25px;
	bottom:412px;
	width:30%;
	color:#000000;
	border-top-width:2px;
	border-top-style:solid;
}

div#phases{
	position:absolute;
	right:25px;
	bottom:212px;
	width:30%;
	color:#000000;
	border-top-width:2px;
	border-top-style:solid;
}
	div#information span.informationHeader, div#progress span.progressHeader, div#phases span.phasesHeader, div#targets span.targetsHeader{
		position:absolute;
		top:-25px;
		font-weight:bold;
	}

div#footer{
	width:100%;
	height:50px;
	position:absolute;
	bottom:0;
	left:0;
	background-image:url('/images/shadow_small.png');
	background-position:bottom;
	background-repeat:repeat-x;
	color:#FFFFFF;
}

span.weerdenburg{
	width:200px;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-100px;
	text-align:center;
	font-size:10px;
	color:#FFFFFF;
}


#material-view .x-panel-body{
	background:white;
	font:11px Arial, Helvetica, sans-serif;
}
#material-view .thumb{
	background:#FFFFFF;
	padding:3px;
	height:200px;
	width:300px;
	text-align:center;
}
#material-view span.code, #material-view span.comments, #material-view span.serie{
	font-size:15px;
	float:left;
}
#material-view span.serie{
	float:right;
}
#material-view .thumb-wrap{
	float:left;
	margin:4px;
	margin-right:0;
	padding:5px;
}
#material-view .thumb-wrap span{
	display:block;
	overflow:hidden;
	text-align:center;
}

#material-view .x-view-over{
    border:1px solid #dddddd;
    background:#efefef url('/images/default/grid/row-over.gif') repeat-x left top;
	padding:4px;
}

#material-view .x-view-selected{
	background:#eff5fb url('/images/selected.gif') no-repeat right bottom;
	border:1px solid #99bbe8;
	padding:4px;
}
#material-view .x-view-selected .thumb{
	background:transparent;
}

#material-view .loading-indicator {
	font-size:11px;
	background-image:url('/images/default/grid/loading.gif');
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	margin:10px;
}

div.phase-item, div.serie-item {
	padding:3px 10px 3px 10px;
	border:1px solid #fff;
	border-bottom:1px solid #eeeeee;
	white-space:normal;
	color:#555555;
}
div.phase-item span {
	display:block;
	float:left;
	font:inherit;
}
	div.phase-item span.shortname{
		width:50%;
	}
	div.phase-item span.chemists, div.phase-item span.biologists{
		width:25%;
	}

div#container input.x-form-text{
	border-right:0;
	background-image:none;
}
div#container img.x-form-trigger{
	margin:0;
	height:28px;
	width:22px;
	background-position:2px !important;
	background-color:#FFFFFF;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px !important;
	border-style:solid;
	border-color:#C1C1C1;
	background-image:url('/images/gray/form/trigger-select.gif');
}

div#container div.x-trigger-wrap-focus img.x-form-trigger{
	border-color:#777777;
}

div#container div.x-item-disabled img.x-form-trigger{
	border-color:#999999;
}

.x-tool-charts{
	background:url('/images/charts_icon.gif') no-repeat scroll 0 0;
}
.x-tool-charts-over {
    background-position:-15px 0px;
}