div.RecorderHTML5,
div.RecorderFlash {
	float:left;
	position:relative;
	vertical-align:top;
}

div.RecorderHTML5 div.recorderContainer div.recorder,
div.RecorderFlash div.recorderContainer div.recorder {
	background: url(images/toolbar/ryt-icon.png) no-repeat center;
	width:18px;
	height:26px;
	position:relative;
}

div.RecorderHTML5 div.recorderContainer div.recorderTool,
div.RecorderFlash div.recorderContainer div.recorderTool {
	float:left;
	height:100%;
	clear:both;
	position:relative;
	margin-top: 5px;
}

div.RecorderHTML5 div.recorderContainer div.recorderTool div.rec,
div.RecorderFlash div.recorderContainer div.recorderTool div.rec {
	background: url(images/recorder/record-on.png);
	width:15px;
	height:15px;
	float:left;
	cursor:pointer;
	margin-top:1px;
}

div.RecorderHTML5 div.recorderContainer div.recorderTool div.rec.off,
div.RecorderFlash div.recorderContainer div.recorderTool div.rec.off {
	background: url(images/recorder/record-off.png);
	cursor:default;
}

div.RecorderHTML5 div.recorderContainer div.recorderTool div.stop,
div.RecorderFlash div.recorderContainer div.recorderTool div.stop {
	background: url(images/recorder/stop-on.png);
	width:14px;
	height:14px;
	float:left;
	cursor:pointer;
	margin-left:10px;
	margin-top:1px;
}

div.RecorderHTML5 div.recorderContainer div.recorderTool div.stop.off,
div.RecorderFlash div.recorderContainer div.recorderTool div.stop.off {
	background: url(images/recorder/stop-off.png);
	cursor:default;
}

div.RecorderHTML5 div.recorderContainer div.recorderTool div.play,
div.RecorderFlash div.recorderContainer div.recorderTool div.play {
	background: url(images/recorder/play-on.png);
	width:14px;
	height:16px;
	float:left;
	cursor:pointer;
	margin-left:10px;
}

div.RecorderHTML5 div.recorderContainer div.recorderTool div.play.off,
div.RecorderFlash div.recorderContainer div.recorderTool div.play.off {
	background: url(images/recorder/play-off.png);
	cursor:default;
}

div.RecorderHTML5 div.recorderContainer div.recorderTool div.status,
div.RecorderFlash div.recorderContainer div.recorderTool div.status {
	width: 70px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #EEE;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEE), to(#FFF));
	background: -webkit-linear-gradient(#EEE, #FFF);
	background: -moz-linear-gradient(#EEE, #FFF);
	background: -ms-linear-gradient(#EEE, #FFF);
	background: -o-linear-gradient(#EEE, #FFF);
	background: linear-gradient(#EEE, #FFF);
	-pie-background: linear-gradient(#EEE, #FFF);
	width: 70px;
	height: 12px;
	float: left;
	margin-left:10px;
    font-size: 11px;
    margin-top:-1px;
    padding: 3px;
    
	color:#777;
	text-align:left;
}

div.RecorderHTML5 div.recorderContainer div.recorderTool div.save,
div.RecorderFlash div.recorderContainer div.recorderTool div.save {
	background: url(images/recorder/save-on.png);
	width:16px;
	height:16px;
	float:left;
	cursor:pointer;
	margin-left:10px;
}

div.RecorderHTML5 div.recorderContainer div.recorderTool div.save.off,
div.RecorderFlash div.recorderContainer div.recorderTool div.save.off {
	background: url(images/recorder/save-off.png);
	cursor:default;
}

div.RecorderHTML5 div.recorderContainer div.recorderTool div.help,
div.RecorderFlash div.recorderContainer div.recorderTool div.help {
	background: url(images/recorder/info.png);
	width:10px;
	height:13px;
	float:left;
	cursor:pointer;
	margin-left:10px;
}