
#pageheader {
	background: cyan;
	position: absolute;
	top: 5px;	
	width: 95%;
	left: 2%;
	height: 2em;
	text-align: center;
}

#annotated {background: #f5f5dc; padding: 1em; text-align: justify}
#annotated p {text-indent: 2em}
#annotated p + p {margin-top: +0.5em}
#annotated span.entity {color: #228822; background-color: #ffffd0}

#entities {
	background: white;
	padding: 0.5em;
	text-align: left;
	width: 25%;
	float: right;
	margin: 1em
}
#entities div.entity {
	display: list-item;
	list-style-type: circle;
	list-style-position: inside
}
#entities div.entity[is="pessoa"] {list-style-image: url("p.png")}
#entities div.entity[is="organizacao"] {list-style-image: url("o.png")}
#entities div.entity[is="geografica"] {list-style-image: url("g.png")}
#entities div.entity:hover {background-color: yellow; cursor: pointer}
#entities div.selected {
	color: white ! important;
	background-color: red ! important
}

#picker {
         position: absolute;
         height: 10em;
         left: 1em;
         top: 3em;
         width: 18%;
         background: maroon;
         color: yellow;
	 padding: 10px;
        }

#picker button[type="submit"] {
	position: absolute;
	bottom: 5px; left: 10%;
	width: 80%
}

#article_header {
                 position: absolute;
                 height: 14em;
                 width: 70%; 
                 left: 26%;
                 top: 3em;
                }

#article_header table {
                       width: 100%;
                       border-style: solid;
                       border-width: 1px;
                       border-color: grey
                      }

#analysis {
	  position: relative;
	  top: 18em;
	  width: 96%;
	  left: 2%;
}
