.highlighted {
	cursor: text;
}
.temp_highlight {
	background-color: #FE0;
	color: #E80;
	outline: thin solid;
}
#highlight-controller {
	position: absolute;
	z-index: 2;
	background-color: #18222E;
	padding: 10px 5px;
	white-space: nowrap;
	cursor: default;
}
#highlight-controller:after {
	border-color: #18222E transparent;
	left: 44%;
	left: calc(50% - 15px);
	display: none;
}
#highlight-controller .highlight-controller-option {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	/*float: left;*/
	margin: 2px;
	padding: 0;
	border: 2px solid #DDD;
	border-radius: 6px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	outline: none;
}
#highlight-controller .highlight-controller-option:focus {
	border-style: outset;
}
#highlight-controller .highlight-controller-option:active {
	border-style: inset;
}
#highlight-controller .highlight-controller-option.hlcolor-picker {
	/*background-color: attr(value) #FFF;*/
}
#highlight-controller .highlight-controller-option.hltext-decoration {
	border-color: transparent;
	text-decoration: underline;
	font-size: 28px;
	line-height: 30px;
	color: #FFF;
	font-family: times new roman, sans-serif;
}
#highlight-controller .highlight-controller-option.hltext-decoration:focus,
#highlight-controller .highlight-controller-option.hltext-decoration:active{
	border-color: #AAA;
}
#highlight-controller .highlight-controller-option.hl-cleaner {
	background: -webkit-repeating-linear-gradient( -45deg, #FFF, #F00, #FFF 2px, #FFF 21px );
    background: -o-repeating-radial-gradient(-45deg, #FFF, #F00, #FFF 2px, #FFF 21px);
    background: -moz-repeating-radial-gradient(-45deg, #FFF, #F00, #FFF 2px, #FFF 21px);
	background: repeating-linear-gradient( -45deg, #FFF, #F00, #FFF 2px, #FFF 21px );
}