#compare ul,#compare li,#compare h3 {margin: 0; padding: 0;}

#compare div {
  margin: 20px;
}

#compare ul {
  list-style-type: none;
  width: 100%;
}

#compare h3 {
  font: bold 20px/1.5 Helvetica, Verdana, sans-serif;
}

#compare li img {
  float: left;
  margin: 0 15px 0 0;
  max-width:80px;
}

#compare li p {
  font: 200 12px/1.5 Georgia, Times New Roman, serif;
}

#compare li {
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
  border-bottom: 2px solid #ccc;
}
#compare ul.competence li,#compare ul.note li {
  height:48px;
  overflow: hidden;
}

#compare li:hover {
  background: #eee;
  cursor: pointer;
}

#compare li.disabled {
  color:#999;
  border-bottom: 2pt dashed #aaa !important;
}

#compare li.disabled img,#compare li.disabled p {
  display:none;
}

span.note {
	background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #555;
    cursor: pointer;
    display: inline-block;
    margin: 2px;
    min-width: 20px;
    padding: 5px 7px;
    text-align: center;
    font-weight: bold;
}
span.note.none {
	background: #BA7777 none repeat scroll 0 0;
}
#compare ul.diff li {
	text-align: center;
	border-bottom:0 none;
	height:48px;
	overflow: hidden;
	border-bottom: 2px solid #77BABA;
}
span.diffnote {
	display: inline-block;
	background: #c3e6cb;
	width:42px;
	height: 42px;
	overflow: hidden;
	border:none;
	box-sizing: border-box;
}
span.diffnote.little {
	width:25px;
	height: 25px;
	border-width:3px;
}

/* Must be same colors than into the pdf_standard_evaluation.modules.php */
span.happy {
	background: rgb(169, 236, 201);
}
span.veryhappy {
	background: rgb(20, 129, 111);
}
span.sad {
	background:rgb(205, 92, 92);
}
span.toosad {
	background: rgb(205, 92, 92);
}

span.bubble {
	background-color: #ccc;
	border:1px;
	display:inline-block;
	width:20px;
	height:20px;
	border-radius:20px;
}