/* CSS Document */
body{
	background:#F2F2F2 url(../images/bg.gif) repeat-x;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}
body,h1,h2,h3,img,ul,li,p,form{
	margin: 0;
	padding: 0;
}
h1{
	margin:.275em 0;
	font-size:1.2em;
}
h2{font-size:.8em;}
h3{font-size:.7em;font-weight:bold;}
p{}
ul{
	list-style:none;
}
div{
	position:relative;
}
select,input{
	width:150px;
	color:#333;
	background:#FBFBFB;
	border:1px solid #aaa;
	font:1em Verdana, Arial, Helvetica, sans-serif;
}
input{
	padding:2px 4px;
}
input.button{
	background:url("../images/btnbg.jpg") repeat-x;
	border:1px solid #aaa;
	padding:1px 4px;
	width:auto;
}
input.checkbox{
	background:none;
	border:none;
	width:auto;
}
span.checkbox input{
	background:none;
	border:none;
	width:auto;
}

/* Layout */
#header,#viewselect,#webtrail,#body,#footer{	
	margin:0 auto;
	width:950px;
}
#header{
	height:64px;
}
	#header #logo{
		position:absolute;
		top:15px;
		right:10px;
		width:150px;
		height:40px;
		background: url("../images/iplogo.gif") no-repeat;
	}
	#header #siteslogo{
		position:absolute;
		top:15px;
		left:10px;
		width:128px;
		height:27px;
	}
	#header #menu{
		top:35px;
	}
	.leftgray,.rightgray,.leftwhite,.rightwhite,.active,.inactive,.graywhite,.whitegray,.graygray,.leftgraygray,.rightgraygray{
		float:left;
		text-align:center;
	}
	.leftgray,.rightgray,.leftwhite,.rightwhite,.graywhite,.whitegray,.graygray,.leftgraygray,.rightgraygray,.active,.inactive{
		width:25px;
		height:29px;
	}
	.graywhite,.whitegray,.graygray,.leftgraygray,.rightgraygray{
		width:32px;
	}
	.active,.inactive{
		width:88px;
	}
	.leftgray{
		background:transparent url(../images/leftgrayalone.gif) no-repeat;
	}	
	.rightgray{
		background:transparent url(../images/rightgrayalone.gif) no-repeat;
	}
	.leftwhite{
		background:transparent url(../images/leftwhitealone.gif) no-repeat;
	}
	.rightwhite{
		background:transparent url(../images/rightwhitealone.gif) no-repeat;
	}
	.active{
		background:transparent url(../images/whitetab.gif) repeat-x;
	}
	#menu .inactive{
		background:transparent url(../images/graytab.gif) repeat-x;
	}
	#menu .graywhite{
		background:transparent url(../images/graywhite.gif) no-repeat;
	}
	#menu .whitegray{
		background:transparent url(../images/whitegray.gif) no-repeat;
	}
	#menu .graygray{
		background:transparent url(../images/graygray.gif) no-repeat;
	}
	#menu .leftgraygray{
		background:transparent url(../images/leftgraygray.gif) no-repeat;
	}
	#menu .rightgraygray{
		background:transparent url(../images/rightgraygray.gif) no-repeat;
	}
#viewselect{
	text-align:right;
	height:20px;
	width:930px;
}
#webtrail{
	padding-bottom:2px;
	background:transparent url(../images/topframe.gif) no-repeat bottom right;
	color:#FFF;
}
	#webtrail ul{
		float:left;
		display:inline;
		height:16px;
		margin:0;
		padding:3px 4px 0 8px;
		white-space:nowrap;
		background:#99CC33 url(../images/framebend.gif) no-repeat top left;
		font:0.65em Verdana, Arial, Helvetica, sans-serif;
	}
	#webtrail li{
		display:inline;
		list-style-type:none;
	}
	#webtrail .frameslide{
		float:left;
		height:19px;
		width:11px;
		background:transparent url(../images/frameslide.gif) no-repeat bottom left;
	}
	#webtrail a{color:#FFF;text-decoration:none;}
	#webtrail a:hover{font-weight:bold;}
#body{
	width:949px;
	min-height:530px;
	background:#FFF url(../images/nav-bg.gif) repeat-y;
	border-right:1px solid #C5D99F;
}
	#body #nav{
		position:absolute;
		top:0;
		left:0;
		width:145px;
		padding:5px;
	}
		#nav ul{
			top:2px;
		}
		#nav ul li{			
		}
		#nav a{
			display:block;
			padding:1px 5px;
			color:#000;
			text-decoration:none;
			font:0.65em Verdana, Arial, Helvetica, sans-serif;			
		}
		#nav a:hover{font-weight:bold;}
	#body #content{
		left:150px;
		width:640px;
	}
		#content .box{
			float:left;
			width:311px;
			left:5px;
			margin:5px 2px;			
		}
			.box .boxheadline{
				color:#FFF;
				padding:1px;
				background:#9C3;
				text-align:center;
			}
				.boxheadline h2{
					font-size:.7em;
				}
			.box .simpleheadline{
				color:#000;
				padding:2px;
				text-align:center;
			}
			.box .boxcontent{
				padding:2px;
				border:1px solid #C5D99F;
				text-align:left;
				font:0.65em Verdana, Arial, Helvetica, sans-serif;
			}
			.box .smallbox{
				margin:10px 10px 10px 10px;
				width:20%;
				border:1px dashed #C5D99F;
				float:left;
			}
				.smallbox .smallboxheading{
					position:absolute;
					height:15px;
					width:auto;
					top:-8px;
					left:10px;
					padding:0 5px;
					margin:0;
					background:white;
					font-weight:bold;
					border:1px dashed #C5D99F;
				}
				.smallbox .smallboxcontent{
					border:none;
					padding:10px 5px 5px 10px;
					text-align:left;
				}
			.box select,.box input,.box input.button{
				font:1em Verdana, Arial, Helvetica, sans-serif;
			}
		#content .big{
			width:625px;
			text-align:center;
		}
		#content .tiny{
			display:inline;
			width:auto;
			border:1px dashed #C5D99F;
		}
			.tiny .simpleheadline{
				position:absolute;
				height:15px;
				width:auto;
				top:-8px;
				left:10px;
				padding:0 5px;
				margin:0;
				background:white;
				font-size:.65em;
				font-weight:bold;
				border:1px dashed #C5D99F;
			}
			.tiny .boxcontent{
				border:none;
				padding:10px 2px 2px 2px;
				text-align:left;
			}
		#content a
		{
			text-decoration:none;
			color:Black;			
		}
		#content a:hover
		{
			font-weight:bold;
		}
		#content .title a{
			color:#0000CC;			
		}
		#content .link a{
		color:#008000;
		}
	#body #recent{
		position:relative;
		float:right;
		top:5px;
		right:5px;
		width:150px;
	}
		#recent .header{
			padding:1px;
			color:#000;			
			text-align:left;
			background:#fff;
			font-size:12px;
		}
		#recent .recentproj{
			margin:0 0 4px;
			border:1px solid #C5D99F;			
		}
			.recentproj a{
				display:block;
				padding:3px;
				color:#333;
				text-decoration:none;
				background:#FFF;
			}
			.recentproj a:hover{
				background:#EFF9DB;
			}
			.recentproj p{
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
			}
			.recentproj .projdetails{
				font:0.55em Arial, Helvetica, sans-serif;
			}
			.recentproj a.selected{
				background:#EFF9DB;
			}		
		#recent .todo{
			margin:0 0 4px;
			border:1px solid #BAD1E4;			
		}
			.todo a{
				display:block;
				padding:3px;
				color:#333;
				text-decoration:none;
				background:#FFF;
			}
			.todo a:hover{
				background:#E5F1FB;
			}
			.todo p{
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
			}
			.todo .tododetails{
				font:0.55em Arial, Helvetica, sans-serif;
			}			
	.newsheadline{
		margin:1.2em 0 .2em 2px;
		color:#7FB219;
		font:2em Garamond, Tahoma, Arial, sans-serif;
		background:url(../images/postmeta.gif) no-repeat 0 bottom;
	}	
	.newsitem{
		margin:.5em 0 0 6px;		
		font:1.4em Garamond, Tahoma, Arial, sans-serif;
	}
	#content .newstext{
		width:400px;
		margin:0 8px;
	}
	#content .newstext a{text-decoration:underline;}
	#content .newstext a:hover{font-weight:normal;}
	#content .newsitem a{color:#7FB219;}
	#content .newsitem a:hover{color:#AD4;}
#footer{
	height:40px;
	padding-top:20px;	
	text-align:center;
	background:transparent url(../images/bottomframe.gif) no-repeat;
	font:bold 0.65em Verdana, Arial, Helvetica, sans-serif;
}
.clearfix:after{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

/* Rapport css */
#content table.box{
	width:625px;
	margin:5px 0 5px 7px;
	background:#FFF;
	text-align:center;
	font-size:0.65em;
	border:1px solid #C5D99F;
}
table.box th{
	background-color:#9C3;
	color:white;
	font-size:11px;
	padding:2px;
	margin:0;
}
table.box td{
	padding:3px;
	margin:0;
	border-top:1px solid #C5D99F;
}
	table.box td table{width:100%;}
	table.box td table td{border:none;}
#content table.smallbox{
	width:311px;
	margin:5px 0 5px 7px;
	background:#FFF;
	text-align:center;
	font-size:0.65em;
	border:1px solid #C5D99F;
}
#content table.smallbox{
	position:relative;
	float:left;
	left:7px;
	width:311px;
	margin:5px 4px 5px 0;
	background:#FFF;
	text-align:center;
	font-size:0.65em;
	border:1px solid #C5D99F;
	border-collapse:collapse;
}
	table.smallbox th{
		background-color:#9C3;
		color:white;
		font-size:11px;
		padding:2px;
		margin:0;
	}
	table.smallbox td{
		padding:3px;
		margin:0;
	}
	table.smallbox td.searchterm{
		margin:0;
		background-color:#F1F5E7;
		min-width:75px;
		font-weight:bold;
		border:1px solid #C5D99F;
	}
	table.smallbox td.heading{
		background-color:#F1F5E7;
		font-weight:bold;
		margin:0;
	}
	table.smallbox td.separator{
		background-color:#F1F5E7;
		margin:0;
		color:#F1F5E7;
	}
	table.smallbox td.searchHit{
		white-space:normal;
		margin:0;
		border:1px solid #C5D99F;
	}
	table.smallbox td.odd{
		background:#FAFAFA;
	}
#content table.rapport{
	position:relative;
	float:left;
	left:7px;
	width:625px;
	margin:5px 0;
	background:#FFF;
	text-align:center;
	font-size:0.65em;
	border:1px solid #C5D99F;
	border-collapse:collapse;
}
	table.rapport th{
		background-color:#9C3;
		color:white;
		font-size:11px;
		padding:2px;
		margin:0;
	}
	table.rapport td{
		padding:3px;
		margin:0;
	}
	table.rapport td.searchterm{
		margin:0;
		background-color:#F1F5E7;
		min-width:75px;
		font-weight:bold;
		white-space:nowrap;
		border:1px solid #C5D99F;
	}
	table.rapport td.heading{
		background-color:#F1F5E7;
		font-weight:bold;
		white-space:nowrap;
		margin:0;
	}
	table.rapport td.separator{
		background-color:#F1F5E7;
		margin:0;
		color:#F1F5E7;
	}
	table.rapport td.searchHit{
		white-space:normal;
		margin:0;
		border:1px solid #C5D99F;
		background-color:#FFF;
	}
	table.rapport td.odd{
		background-color:#FAFAFA;
	}
	.goldframe{
		background: 1px 2px url(../images/goldframe.gif) no-repeat;
		padding:4px 0px 2px 3px;
	}
	.silverframe{
		background: 1px 2px url(../images/silverframe.gif) no-repeat;
		padding:4px 0px 2px 3px;
	}
	.bronsframe{
		background: 1px 2px url(../images/bronsframe.gif) no-repeat;
		padding:4px 0px 2px 3px;
	}
	.redframe{
		background: 1px 2px url(../images/redframe.gif) no-repeat;
		padding:4px 0px 2px 3px;
	}	
#blurr{
	height:583px;
	width:950px;
	margin:0 auto;
	background:url(../images/blur2.png) no-repeat;
}
#login{
	position:absolute;
	top:130px;
	left:275px;
	height:250px;
	width:400px;
	text-align:left;
	font:0.65em Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #C5D99F;
	background:#F1F5E7;
}
	#login .headline{
		color:#FFF;
		padding:1px;
		background:#9C3;
		text-align:center;
	}
	#login .headline{}
		#login .headline h1{
			margin:0;
			padding:0;
		}
	#login p{padding:5px;}
	#inputs{
		top:30px;
		left:50px;
		height:65px;
		width:300px;
	}
		#inputs input{margin:2px 0;}
	#btnlogin{
		position:absolute;
		bottom:36px;
		right:50px;
		height:40px;
		width:134px;
	}
	#errormsg{
		top:15px;
		left:50px;
		width:300px;
		color:#000;
		background:#9C3;
	}
.link{
	color:#008000;
}
.title{
	color:#0000CC;			
}