#commentEdit,
#commentEditorJsp,
#commentButtons,
#commentsTable,
textArea#comment,
.commentToolBar,
#legendTable,
.aCommentJsp {
	width: 100%;
}
div.comment,
#commentButtons,
.comments,
#comments,
.legend {
	width: 100%;
	float: left;
}
.pending{
	color: blue;
}
.others{
	color: black;}
.rejected{
	color: red;
}
.accepted{
	color: green;
}
.comments{
	position: relative;
}
.legend{
	position: relative;
	border: solid black thin;
}
.legendtd{
	font-size: x-small;
	color: #000; 
	font-family: Arial, Helvetica, sans-serif;
}
.legendLabel{
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
}
.hideLegend{
	display: none;
}
.showLegend{
	display: table;
}
.showLegendhr{
	display:block;
}
#comments {
	position: relitive;
}
#legendTable {
	text-align: center;
}
#legendTable td {
	font-size: x-small;
	color: #000; 
	font-family: Arial, Helvetica, sans-serif;
}
#commentsTable {
	border-style: none;
}
#commentContainer {
	width:75%; 
	float:left;
}
td.commentMod {
	width:14%;
}
#mailToMod {
	width: 20%;
	padding-left: 1em;
	float: left;
	font-size: small;
}
#savingFlash {
	padding-left: 1em;
}
.RichTextEditable {
	border: 1px solid silver;
}	
.horizontalLegendList{
	display:inline;
	margin-right:1em;
} 
.horizontalLegendListImg{
  margin:1em;
}
.horizontalLegendList li{
	font-size:x-small;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:1em;
}
.commentIdentifier{
 	color: silver;
 	float: left;
 	width: 75%;
 	font-size: x-small;
}
.left{
	width:15%;
}
.nonPendingApproval{
	background-color: #efefef;	
}
.pendingApproval{
	background-color: #e6e6ff;
}
.right{
	width:10%;
	text-align: right;
	float: right;
	width: 20%;
	padding-right: 1em;
}
#iconEdit {
	margin-right: 0.5em;
}
/* same as global hide class */
.hidden {
	display: none;
	visibility: hidden;
}