@CHARSET "UTF-8";
.warning{
	color: orange;
}
.error{
	color: red;
}
.passed{
	color: green;
}

span, ul, li{
	color: black;
}

div#perso_profiles{
 border: 1px solid gray;	
 width: 20%;
 margin:0 0 1% 1% ;
 background-color:lightyellow;
 padding:0.5%;
}

div#perso_ressources{
 border: 1px solid gray;	
 width: 20%;
 float:right;
 margin: 0 0 1% 1% ;
 background-color:lightyellow;
 padding:0.5%;
}

div#perso_ksources{
 border: 0.5em outset gray;
 width: 95%;
 float:right;
 margin: 0 1% 1% 1% ;
 
 background-color:lightblue;
 padding:0.5%;
}

div#perso_graphRef{
 border: 1px solid gray;
 width: 54%;
 margin: 0 0 1% 1% ;
 padding:0.5%;
 background-color:lightyellow;
 float:right;
}

div#perso_candidates{
 border: 1px solid gray;
 width: 80%;
 margin: 0 10% 1% 10% ;
 padding:0.5%;
 background-color:lightyellow;
}

div#perso_form{
 border: 0.5em outset gray;
 width: 95%;
 float:right;
 margin: 0 1% 1% 1% ;
 
 background-color:lightgray;
 padding:0.5%;
}

a.popup {
	position:relative;
	color:#396a86;
	text-decoration:none;
	font-family:arial, verdana, sans-serif;
	text-align:center;
	font-size:11px;
}
   
a.popup:hover {
	background: none;
	z-index: 50;
}

a.popup span {
	display: none;
}

a.popup:hover span {
	display: block;
	position: absolute;
	top: -10px;
	left: 40px;
	font-family:arial, verdana, sans-serif;
	text-align:justify;
	font-size:12px;
	font-weight:normal;
	width:400px;
	background: white;
	padding: 5px;
	border: 1px solid #62c0f4;
	border-left: 10px solid #62c0f4;
}

.info{
	font-style:italic;
}