/* ViewLesson.css: used in association with ViewLesson.php/.js/.xsl */
/* Is not used for editing the lesson --> see EditLesson.css for that */

.comment {
	color: black;
	background: none;
	/*border: 1px solid blue;*/
	border-left: 1px solid blue;
	padding: 3px;
	margin: 1px;
	text-align: left;
	clear: left;
        -moz-border-radius: 5px;
	width: 95%;
	float: left;
}

.comm {
	width: 90%;
	float: left;
	padding-left: 5px;
}

.speaker {
	color: gray;
	}

.sentence { 
	color:black;
	background: none;
	border-left: 1px solid black;
	padding: 3px;
	margin: 1px;
	text-align: left;
	-moz-border-radius: 5px;
	float: left;
	width: 95%;
	clear: left;
}

.source {
	float: left;
	clear: left;
	margin-right: 0px;
	padding-left: 5px;
	width: 42%;
}

.target {
	float: left;
	margin-right: 0px;
	padding-left: 5px;
	width: 42%;
}

.repeat {
	float: left;
/* 	clear:right; */
	margin-right: 5px;
	width: 25px;
}

.comsoundlink {
	float: right;
	/*border: none;
	margin-right: 5px;
	width: 25px;*/
}

.srcsoundlink {
	float: left;
	border: none;
	margin-right: 5px;
	width: 25px;
	/*opacity: 0.5;*/
}

.trgsoundlink {
	float: right;
/*	border: none; 
	margin-right: 5px;
	width: 25px;*/
}

.download {
	clear: left;
	border: 1px solid black;
	background-color: none;
	padding: 10px;
	text-align: left;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	width: 230px;
	margin: 10px;
}

.help {
	border: 1px dotted black;
	background-color: #FBFBFB;
	padding: 20px;
	margin: 30px;
}