div.Recorder {
	float:left;
	position:relative;
	vertical-align:top;
}

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

div.Recorder div.on:hover div.recorder {
	background: url(images/navigationmenu/microphone-hover.png) no-repeat center;
}

div.Recorder div.recorderContainer div.recorder {
	background: url(images/navigationmenu/microphone.png) no-repeat center;
	width:10px;
	height:18px;
	position:relative;
}

div.Recorder div.recorderContainer div.recorderTool {
	/*width:200px;*/
	float:left;
	height:100%;
	clear:both;
	position:relative;
	
	/*position:absolute;
	bottom:0px;*/
}

div.Recorder 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.Recorder div.recorderContainer div.recorderTool div.rec.on:hover {
	background: url(images/recorder/record-on-hover.png);
}*/
div.Recorder div.recorderContainer div.recorderTool div.rec.off {
	background: url(images/recorder/record-off.png);
	cursor:default;
}
div.Recorder 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.Recorder div.recorderContainer div.recorderTool div.stop.on:hover {
	background: url(images/recorder/stop-on-hover.png);
}*/
div.Recorder div.recorderContainer div.recorderTool div.stop.off {
	background: url(images/recorder/stop-off.png);
	cursor:default;
}
div.Recorder 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.Recorder div.recorderContainer div.recorderTool div.play.on:hover {
	background: url(images/recorder/play-on-hover.png);
}*/
div.Recorder div.recorderContainer div.recorderTool div.play.off {
	background: url(images/recorder/play-off.png);
	cursor:default;
}
div.Recorder 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.Recorder 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.Recorder div.recorderContainer div.recorderTool div.save.off {
	background: url(images/recorder/save-off.png);
	cursor:default;
}
div.Recorder div.recorderContainer div.recorderTool div.help {
	background: url(images/recorder/info.png);
	width:10px;
	height:13px;
	float:left;
	cursor:pointer;
	margin-left:10px;
}