.me-plugin {
	width:1px;
	height:1px;
}

div.Recorder {
	float:left;
	position:relative;
	vertical-align:top;
	height:65px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
}

div.Recorder div.recorderContainer {
	background-repeat: no-repeat;
	background-position: top left, top right;
	float:left;
	/*margin-top:15px;*/
	display:inline-block;
	*display:inline;
	position:relative;
	cursor:pointer;
	/*height:25px;*/
	vertical-align:top;
	xpadding-top:4px;
	xpadding-left:16px;
	xpadding-right:16px;
}

div.Recorder div.recorderContainer div.recorderTool div.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:#BED3E7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F0F5FA), color-stop(1, #BED3E7) );
	background:-moz-linear-gradient( center top, #F0F5FA 5%, #BED3E7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F5FA', endColorstr='#BED3E7');
	background: linear-gradient(#F0F5FA, #BED3E7);
	-moz-border-radius:3px 3px 0px 0px;
	-webkit-border-radius:3px 3px 0px 0px;
	border-radius:3px 3px 0px 0px;
	border:1px solid #7EA7CF;
	width:38px;
	height:38px;
	margin-right:5px;
	float:left;
}
div.Recorder div.recorderContainer div.recorderTool div.button.last {
	margin-right:0px;
}

div.Recorder div.recorderContainer div.recorderTool div.button.off {
	background:#F0F0F0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F0F0F0), color-stop(1, #E0E0E0) );
	background:-moz-linear-gradient( center top, #F0F0F0 5%, #E0E0E0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#E0E0E0');
	background: linear-gradient(#F0F0F0, #E0E0E0);
	border:1px solid #dcdcdc;
}

div.Recorder div.recorderContainer div.recorderTool div.button.on:hover {
	background:#7EA7CF;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F0F5FA), color-stop(1, #7EA7CF) );
	background:-moz-linear-gradient( center top, #F0F5FA 5%, #7EA7CF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F5FA', endColorstr='#7EA7CF');
	background: linear-gradient(#F0F5FA, #7EA7CF);
}

div.Recorder div.recorderContainer div.recorderTool div.button.on:active {
	position: relative;
	xmargin-top: 1px;
}

div.Recorder div.recorderContainer div.recorderTool {
	/*width:200px;*/
	float:left;
	height:65px;
	clear:both;
	position:relative;

	/*position:absolute;
	bottom:0px;*/
}

/* listen */
div.Recorder div.recorderContainer div.recorderTool div.button div.listen {
	width:100%;
	height:100%;
}
div.Recorder div.recorderContainer div.recorderTool div.button.on div.listen {
	background: url(images/recorder/listen-on.png) no-repeat center center;
	cursor:pointer;
}
div.Recorder div.recorderContainer div.recorderTool div.button.off div.listen {
	background: url(images/recorder/listen-off.png) no-repeat center center;
	cursor:default;
}

/* rec */
div.Recorder div.recorderContainer div.recorderTool div.button div.rec {
	width:100%;
	height:100%;
}
div.Recorder div.recorderContainer div.recorderTool div.button.on div.rec {
	background: url(images/recorder/record-on.png) no-repeat center center;
	cursor:pointer;
}
div.Recorder div.recorderContainer div.recorderTool div.button.off div.rec {
	background: url(images/recorder/record-off.png) no-repeat center center;
	cursor:default;
}

/* stop */
div.Recorder div.recorderContainer div.recorderTool div.button div.stop {
	width:100%;
	height:100%;
}
div.Recorder div.recorderContainer div.recorderTool div.button.on div.stop {
	background: url(images/recorder/stop-on.png) no-repeat center center;
	cursor:pointer;
}
div.Recorder div.recorderContainer div.recorderTool div.button.off div.stop {
	background: url(images/recorder/stop-off.png) no-repeat center center;
	cursor:default;
}

/* play */
div.Recorder div.recorderContainer div.recorderTool div.button div.play {
	width:100%;
	height:100%;
}
div.Recorder div.recorderContainer div.recorderTool div.button.on div.play {
	background: url(images/recorder/play-on.png) no-repeat center center;
	cursor:pointer;
}
div.Recorder div.recorderContainer div.recorderTool div.button.off div.play {
	background: url(images/recorder/play-off.png) no-repeat center center;
	cursor:default;
}

/* compare */
div.Recorder div.recorderContainer div.recorderTool div.button div.compare {
	width:100%;
	height:100%;
}
div.Recorder div.recorderContainer div.recorderTool div.button.on div.compare {
	background: url(images/recorder/compare-on.png) no-repeat center center;
	cursor:pointer;
}
div.Recorder div.recorderContainer div.recorderTool div.button.off div.compare {
	background: url(images/recorder/compare-off.png) no-repeat center center;
	cursor:default;
}

div.Recorder div.recorderContainer div.recorderTool div.status {
	position:absolute;
	bottom:0;
	width: 206px;
	-webkit-border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	background: #eee;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#eee));
	background: -webkit-linear-gradient(#fff, #eee);
	background: -moz-linear-gradient(#fff, #eee);
	background: -ms-linear-gradient(#fff, #eee);
	background: -o-linear-gradient(#fff, #eee);
	background: linear-gradient(#fff, #eee);
	height: 15px;
    font-size: 12px;
    margin-top: 10px;
    padding: 5px 6px 4px;
	clear:both;
	color:#555;
	text-align:left;
	border-style: solid;
	border-color:#dcdcdc;
	border-width: 0px 1px 1px 1px;
}

div.Recorder div.mic-warning {
	background: url(images/micro.gif) no-repeat 5px center;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#900;
	padding: 10px 0 10px 25px;
	border: 1px solid #900;
}