/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: >>> ANNOTATIONS */

/* - - - - - - - - - - - - - - - - >>> annotations */

.annot { background-color: yellow; }

/* - - - - - - - - - - - - - - - - >>> create annotation button */

#createAnnotation {
	position: absolute;
	z-index: 999;
	margin: -25px 0 0;
}
	#createAnnotation button {
		width: 100px;
		margin: 0 0 0 -50px;
		border: 1px solid #666;
		background-color: #caef6c;
	}

/* - - - - - - - - - - - - - - - - >>> read-only annotations */

.annotationsPopup .annotatedText { margin-bottom:1em; color:#000; }
.annotationsPopup .actions {
	clear: both;
	margin-top: 1em;
	width: 100%;
	overflow: hidden;
}
.annotationsPopup .cancel,
.annotationsPopup .save,
.annotationsPopup .edit { float:right; margin-left:.25em; }
.annotationsPopup .delete { float:left; }

.annotation { border-top:2px solid #ccc; padding:1em; font-size:1rem; }
.annotation:first-child { border-top:none; }
.annotation header { margin-bottom:1em; font-size:.75rem; color:#999; }
.annotation .owner { margin-bottom:.5em; }
.annotation .annotatedText { padding:.5em 0; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; }
.annotation blockquote {
	position: relative;
	font-style:italic; 
	margin: 0;
}
.annotation blockquote:before {
	content: '\201C';
	font-style: normal;
}
.annotation blockquote:after {
	content: '\201D';
	font-style: normal;
}

.annotationsForm { font-size:1rem; padding:1em; }
.annotationsForm .annotatedText { padding:.5em 0; border-bottom:1px solid #f2f2f2; font-size:.75rem; }
.annotationsForm fieldset { border:none; padding:0; }
.annotationsForm legend { display: none; }
.annotationsForm .comment { width:98%; height:10em; overflow-y:scroll; }
.annotationsForm .rules { font-size:.75rem; color:#999; }