html {
	border-width:0px;
}

.image-canvas { z-index:99000; }

.yuma-bbox-selection-outer {
	padding:0px 2px 2px 0px;
	border:1px solid #000;
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	z-index:99010;
}

.yuma-bbox-selection-inner {
	border:1px solid #fff;
	background-image:url('1px-transp.png');
}

.yuma-bbox-selection-handle {
	background-image:url('1px-transp.png');
}

.annotation-bbox-outer {
	padding:0px 2px 2px 0px;
	border:1px solid #000;
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	z-index:9009;
}

.no-hover .annotation-bbox-outer {
	opacity:0.3;
	filter:alpha(opacity=30);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.annotation-bbox-inner {
	border:1px solid #fff;
	z-index:9009;
	background-image:url('1px-transp.png');
}

.annotation-bbox-inner:hover {
	border-color:#ffa500;
}

.yuma-comment {
	display:inline-block;
	line-height:100%;
	margin:3px 0px 0px 1px;
	padding:1px 1px 0px 1px;
	background-color:#ccc;	
	color:#000;
	width:246px;
	border:1px solid #aaa;
	-moz-box-shadow:2px 2px 2px #222;
	-webkit-box-shadow:2px 2px 2px #222;
	box-shadow:2px 2px 2px #222; 
	z-index:99010;
}

.yuma-comment-textarea {
	display:block;
	background-color:#fff;
	width:240px;
	height:50px;
	resize:none;
	outline:none;
	border:1px solid #aaa;
	font-family:Verdana, Arial;
	font-size:11px;
	padding:2px;
	margin:0px;
	color:#000;
	text-shadow:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-khtml-border-radius:0px;
	border-radius:0px;
	overflow-y:auto;
}

.yuma-comment-textarea:hover {
	background-color:#fff;
	border:1px solid #aaa;
}

.yuma-comment-buttons {
	border:1px solid transparent;
	text-align:right;
	margin-top:1px;
	padding:0px;
	width:244px;
}

.yuma-comment-buttons .yuma-button {
	display:inline-block;
	min-width:15px;
	text-align:center;
	font-family:Verdana, Arial;
	font-size:10px;	
	border:1px solid #777;
	color:#ddd;
	padding:2px 8px 3px 8px;
	margin:0px 0px 0px 2px;
	cursor:pointer;
	cursor:hand;
	background:-webkit-gradient(linear, left top, left bottom, from(#888), to(#555));
	background:-moz-linear-gradient(top,  #888,  #555);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#555555');
}

.yuma-comment .yuma-button:hover {
	background:#999;
}

.yuma-annotation-list {
	z-index:99010;
	opacity:0;
	visibility:hidden;
	transition:visibility 0.2s linear 0s, opacity 0.2s linear;
	-moz-transition:visibility 0.2s linear 0s, opacity 0.2s linear;
	-webkit-transition:visibility 0.2s linear 0s, opacity 0.2s linear;
}

.yuma-annotation {
	clear:both;
	padding-top:1px;
	white-space:nowrap;
	z-index:99011;
	opacity:0;
	visibility:hidden;
	transition:visibility 0.2s linear 0s, opacity 0.2s linear;
	-moz-transition:visibility 0.2s linear 0s, opacity 0.2s linear;
	-webkit-transition:visibility 0.2s linear 0s, opacity 0.2s linear;
}

.yuma-annotation-content {
	white-space:normal;
	margin:3px 0px 0px 1px;
	display:inline-block;
	float:left;
	line-height:135%;
	word-wrap:break-word;
	width:238px;
	font-family:Verdana, Arial;
	font-size:11px;
	background-color:#fff;	
	padding:4px 6px 4px 4px;
	color:#000;
	border:1px solid #ccc;
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-moz-box-shadow:2px 2px 2px #222;
	-webkit-box-shadow:2px 2px 2px #222;
	box-shadow:2px 2px 2px #222;
}

.yuma-annotation-content span {
	color:#000;
}

.yuma-annotation-buttons {
	display:inline-block;
	width:38px;
	height:18px;
	margin-top:3px;
}

.yuma-annotation .yuma-icon-button { 
	width:16px;
	height:16px;
	outline:none;
	background-repeat:no-repeat;
	cursor:pointer;
	cursor:hand;
}

.yuma-annotation .yuma-button-edit { background-image:url('edit.png'); margin-right:2px; }
.yuma-annotation .yuma-button-delete { background-image:url('delete.png'); }
.yuma-annotation .yuma-button-hidden { visibility:hidden; }

.yuma-annotation span.yuma-annotation-username { color:#000; font-weight:bold; padding-right:5px; }
.yuma-annotation span.yuma-annotation-modified { color:#777; display:block; margin-top:4px; }

.yuma-audio-player {
	font-family:Verdana, Arial;
	font-size:11px;
	color:#fff;
	padding:5px;
	background:#ff0;
	background:-moz-linear-gradient(top, #555, #000);
	background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#000));
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
}

.yuma-audio-button {
	float:left;
	outline:none;
	padding:1px;
}

.yuma-audio-progressbar {
	outline:none;
}

.yuma-audio-annotationtrack {
	outline:none;	
}

.yuma-audio-clock {
	float:right;
	padding:3px 1px;
}
