/* shared with ckeditor.css and ricedb.css */

.cke_skin_kama .cke_button .cke_label {
	display: inline !important;
}

/*
.cke_skin_kama .cke_button_templates .cke_label {
	font-weight: bold;
	color: #069;
	color: #C30;
}
*/

.nowrap
{
	white-space: nowrap;
}

.handles
{
	line-height: 1.8;
	position: relative;
	text-align: left;
}

.handle, .cke_show_borders a,
.handle.blue, .handle.protein
{
	white-space: nowrap;
	/*
	-webkit-user-select: none;
	*/
	font-size: 95%;
	border-radius: 3px;
	border: 1px solid #057BAC;
	background-color: #1B9FD6;
	background: linear-gradient(#28AFE7, #1192C8);
	background: -moz-linear-gradient(#28AFE7, #1192C8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#28AFE7), to(#1192C8));
	-pie-background: linear-gradient(#28AFE7, #1192C8);
	padding: 1px 4px;
	padding-right: 0;
	color: white;
	text-decoration: none;
	margin: 0 1px;
	text-align: left;
}

.handle.group
{
	background-color: #2ae;
	background: linear-gradient(#4cf, #2ad);
	background: -moz-linear-gradient(#4cf, #2ad);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4cf), to(#2ad));
	-pie-background: linear-gradient(#4cf, #2ad);
}

.group.popup
{
	position: absolute;
	top: -3em;
	left: -1em;
	z-index: 10;
	border-radius: 8px;
	padding: 4px;
	padding-bottom: 1px;
	xborder: 1px solid #057BAC;
	border: 1px solid #FBB36A;
	background-color: #cff;
	line-height: 1.2;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);
	background-color: hsl(70, 70%, 95%);
}

.cke_show_borders a.orange,
.group.orange
{
	border-color: hsl(35, 94%, 55%);
	background-color: hsl(35, 70%, 95%);
}

.group.orange h3,
.group.orange h4,
.group.orange h5
{
	color: hsl(33, 92%, 50%);
}

.group.popup.handles
{
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 1.8;
}

.group.popup a.handle
{
	width: 12em;
	line-height: 1.2;
	display: inline-block;
}

.handle:hover, .cke_show_borders a:hover
{
	color: white;
}

.cke_show_borders a.orange,
.orange .handle,
.handle.orange,
.handle.identifier
{
	border: 1px solid #FA9938;
	background: #FA9938;
	background: linear-gradient(hsl(30, 95%, 73%), hsl(30, 95%, 53%));
	background: -moz-linear-gradient(hsl(30, 95%, 73%), hsl(30, 95%, 53%));
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsl(30, 95%, 73%)), to(hsl(30, 95%, 53%)));
	-pie-background: linear-gradient(hsl(30, 95%, 73%), hsl(30, 95%, 53%));
}

.handle.red, .handle.annotation
{
	border: 1px solid #B46464;
	background: #B46464;
	background: linear-gradient(hsl(5, 94%, 80%), hsl(5, 74%, 65%));
	background: -moz-linear-gradient(hsl(0, 94%, 80%), hsl(0, 74%, 65%));
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsl(0, 94%, 80%)), to(hsl(0, 74%, 65%)));
	-pie-background: linear-gradient(hsl(0, 94%, 80%), hsl(0, 74%, 65%));
}

.handle.green, .handle.orthology
{
	border: 1px solid #509220;
	background: #509220;
	background: linear-gradient(hsl(95, 94%, 42%), hsl(95, 64%, 35%));
	background: -moz-linear-gradient(hsl(95, 94%, 42%), hsl(95, 64%, 35%));
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsl(95, 94%, 42%)), to(hsl(95, 64%, 35%)));
	-pie-background: linear-gradient(hsl(95, 94%, 42%), hsl(95, 64%, 35%));
}

.handle.yellow, .handle.transcript
{
	color: #7D7136;
	border: 1px solid #EADA38;
	background: #EADA38;
	background: linear-gradient(hsl(60, 100%, 50%), hsl(55, 85%, 60%));
	background: -moz-linear-gradient(hsl(60, 100%, 50%), hsl(55, 85%, 60%));
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsl(60, 100%, 50%)), to(hsl(55, 85%, 60%)));
	-pie-background: linear-gradient(hsl(60, 100%, 50%), hsl(55, 85%, 60%));
}

.handle.grey, .grey .handle
{
	border: 1px solid #737373;
	background: #737373;
	background: linear-gradient(hsl(0, 0%, 85%), hsl(0, 0%, 45%));
	background: -moz-linear-gradient(hsl(0, 0%, 85%), hsl(0, 0%, 45%));
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsl(0, 0%, 85%)), to(hsl(0, 0%, 45%)));
	-pie-background: linear-gradient(hsl(0, 0%, 85%), hsl(0, 0%, 45%));
}

.handle.disabled
{
	border-color: gray;
	background-color: silver;
	background: linear-gradient(#bbb, #888);
	background: -moz-linear-gradient(#bbb, #888);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb), to(#888));
	-pie-background: linear-gradient(#bbb, #888);
}

@media print
{
	.handle, .cke_show_borders a
	{
		border: none;
		color: black;
	}
}

