.plot:hover {
}

.plot[checked="true"] {
  stroke-width:		4;
  border-opacity: 1;
  fill-opacity:   0.5;
	cursor:	        auto;
}

.plot {
	cursor:	        pointer;
	stroke: 				black;
	stroke-width:		1;
  fill-opacity:   0.5;
  border-opacity: 0;
}

audio {
	-moz-binding: url("chrome://audio-toolkit/content/audio.xml#audio");
}

area {
	-moz-binding: url("chrome://audio-toolkit/content/area.xml#area");
}

background section {
	-moz-binding: url("chrome://audio-toolkit/content/section.xml#section-ro");
}

area section {
	-moz-binding: url("chrome://audio-toolkit/content/section.xml#section-editable");
}

area section rect[anonid="section"]{
	fill:	#f2f1f7;
	fill-opacity: 0;
}

area section use {
	fill:	#4343a1;
	stroke-width: 0;
}

area section use {
	fill:		#4343a1;
}
/**/

area section g[class="handles"]{
	visibility: hidden;
	stroke-width: 0;
}

area section[checked="true"] > g > g[class="handles"]{
	visibility: visible;
}

area section g[class="handles"] use{
	fill:		#000;
	stroke-width: 0;
}

area section[checked="true"] rect[anonid="handles_rect"]{
	fill-opacity: 0.4;
}

background {
	-moz-binding: url("chrome://audio-toolkit/content/background.xml#background");
}

audiograph {
	-moz-binding: url("chrome://audio-toolkit/content/waves.xml#audiograph");
}

waves {
	-moz-binding: url("chrome://audio-toolkit/content/waves.xml#waves");
}


	/*
	 *
	 * ZOOMAREA
	 *
	 */
.zoomarea {
	stroke-width: 	3;
	stroke: 				#9e483b;
	fill:						#f2f1f7;
}

rect[anonid="ground"] {
	stroke-width: 	4;
	stroke: 				#9e483b;
}

.zmarker {
	stroke-width: 	4;
	stroke: 				#9e483b;
}


	/*
	 *
	 * SUBPLAYER
	 *
	 */

subplayer {
	-moz-binding: url("chrome://audio-toolkit/content/subplayer.xml#subplayer");
	stroke-width: 	3;
	stroke: 				#9e483b;
	fill:						#f2f1f7;
}

.subzone text{
	fill:						#000;
}

.subzone use:hover {
	fill:						#000;
}
.anchor {
	cursor:	pointer;
}

.subzone {
}

.buttonplayer:hover {
	cursor:	pointer;
}

.buttonplayer {
	stroke-width: 	3;
	stroke: 				#9e483b;
	fill:						#cbe5c0;
}

.buttonplayer rect[anonid="play"] {
	opacity:   1;
}

.buttonplayer[checked="true"] rect[anonid="play"] {
	opacity:   0;
}

.buttonplayer rect[anonid="stop"] {
	opacity:   0;
}

.buttonplayer[checked="true"] rect[anonid="stop"] {
	fill:				red;
	opacity:   1;
}

.buttonplayer[checked="true"] {
	fill:						#abc5a0;
}

.buttonplayer polygon {
}

.buttonplayer[checked="true"] polygon {
}

audio svg[anonid="button_add"]:hover rect {
	fill:	#bbb;
}



