div.PronunciationAnalysis,
div.IntonationAnalysis {
	float:left;
	position:relative;
	vertical-align:top;
}

div.PronunciationAnalysis div.recorderContainer {
	
}

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

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

div.PronunciationAnalysis div.recorderContainer div.recorderTool div.rec,
div.IntonationAnalysis div.recorderContainer div.recorderTool div.rec {
	background: url(../images/recorder/analysis/record-on.png);
	width:24px;
	height:24px;
	float:left;
	cursor:pointer;
	margin: 1px 5px 5px;
}

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

div.PronunciationAnalysis div.recorderContainer div.recorderTool div.stop,
div.IntonationAnalysis 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.PronunciationAnalysis div.recorderContainer div.recorderTool div.stop.off,
div.IntonationAnalysis div.recorderContainer div.recorderTool div.stop.off {
	background: url(../images/recorder/stop-off.png);
	cursor:default;
}

div.PronunciationAnalysis div.recorderContainer div.recorderTool div.play,
div.IntonationAnalysis 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.PronunciationAnalysis div.recorderContainer div.recorderTool div.play.off,
div.IntonationAnalysis div.recorderContainer div.recorderTool div.play.off {
	background: url(../images/recorder/play-off.png);
	cursor:default;
}

div.PronunciationAnalysis div.recorderContainer div.recorderTool div.status,
div.IntonationAnalysis 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.PronunciationAnalysis div.recorderContainer div.recorderTool div.save,
div.IntonationAnalysis 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.PronunciationAnalysis div.recorderContainer div.recorderTool div.save.off,
div.IntonationAnalysis div.recorderContainer div.recorderTool div.save.off {
	background: url(../images/recorder/save-off.png);
	cursor:default;
}

div.PronunciationAnalysis div.recorderContainer div.recorderTool div.analysis,
div.IntonationAnalysis div.recorderContainer div.recorderTool div.analysis {
	background: url(../images/recorder/analysis/analysis.png);
	width:24px;
	height:24px;
	float:left;
	cursor:pointer;
	margin-left:10px;
	margin-right:10px;
}

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

div.analysisResult{
	position: absolute;
	margin-top: 40px;
	width: 244px;	
}

div.cutAudioContainer{
	border: 1px solid black;
    position: absolute;
    width: 247px;
    height: 200px;
    background-position: -28px;
}

div.cutSyllablesContainer{
    bottom: 0;
    height: 20px;
    position: absolute;
    width: 100%;
}

div.audioCutted {
	border-right: 1px solid #ccc;
    height: 200px;
    
    float: left;
    opacity: 0.15;
}

div.audioCutted:last-child{
	border: 0px;
}

div.wordCutted {
    float: left;
    text-align: center;
    
}

div.audioCutCorrect {
	background-color: green;	
}

div.audioCutIncorrect {
	background-color: red;	
}

div.audioCutSyllable {
	background-color: blue;	
}

p.answer{
	margin-top: 250px;
	position: absolute; 
}