body{
	font-family: verdana, tahoma, arial;
	width:100%;	}
	del, delexpl{
	color:tan;
}
.letter{
	background-color:lightseagreen;
	color:white;
	font-weight:bold;	
}
td {
	vertical-align:top;
	max-width:30%;
}
#glossary{
	width:100%;
}
#menu{
	position:relative;
	width:800px;
	display:none;
}
#savecheck{
	background-color:darkslateblue;
}		
#inputdlg{
	position:absolute;
	background-color:lightslategray;
	border:1px solid black;
	padding:10px;
	display:none;
	z-index:99;	
}
#editinput{
	display:none;
	background-color:lightslategray;
}	
#edit_input{
	width:99%;
}
#glossarytableheader{
	background-color:darkcyan;
}
#maincontent{
max-width:800px;
}
#undobtn{
	display:none;
}
#info{
	color:gray;
	font-size:8pt;
}
#infodiv{
	position:absolute;
	left:auto;
	right:auto;
	top:auto;
	bottom:auto;
	width:500px;
	min-height:300px;
	background-color:linen;
	border:1px solid black;
	display:none;
	font-size:10pt;
	box-shadow:5px 5px 5px 5px rgba(0,0,0,0.5);
}
#statelist{
	display:none;
	position:absolute;
	background-color:white;
	border: 1px solid black;
	padding: 8px;
	border-radius:4px;
}

#currentLetterTitle{
	margin:10px 0px;
	background-color:lightseagreen;
	border-radius:6px;
	border:1px solid black;
	padding:4px 20px;
	color:white;
}
#de_btn{
	background-image:url('../media/flag_de.jpg');
}
#fr_btn{
	background-image:url('../media/flag_fr.jpg');
}
.state{
	width:2%;
	text-align:center;
}
.expression{
	width:10%;
	padding:6px;
}
.explanation{
	padding:6px;
}

.letterbtn{
	display:inline-block;
	background-color:lightseagreen;
	width:20px;
	height:20px;
	border-radius:6px;
	border:1px solid black;
	margin:6px;
	padding:4px;
	text-align:center;
	font-weight:bold;
	color:white;
}

.column{
	text-align:left;
	color:white;
	padding:5px;
	border:1px solid black;
	border-radius:5px;
	box-shadow:2px 2px 4px 4px rgba(255,255,255, 0.3) inset;
	cursor:pointer;
}
.evenrow{
	background-color:gainsboro;	
}
.editedrow{
	background-color:gainsboro;	
}
.author, .edited {		
	font-size:8pt;
	width:10%;
}
.dot{
	display:inline-block;
	pointer-events:none;
	width:12px;
	height:12px;
	border:1px solid black;
	border-radius:5px;
}
.deldot{	
	background-color:slategrey;
}
.emptydot{
	background-color:deeppink;
}
.draftdot{
	background-color:gold;
}
.releasedot{
	background-color:yellowgreen;
}
.approveddot{
	background-color:dodgerblue;
}
.selectdot{
	pointer-events:auto;
}
.moreinfo{
	background-color:darkkhaki;
	cursor:pointer;
	pointer-events:auto;
	color:white;
}
.expr_input{
	width:400px;
}
.expl_input{
	width:400px;
	height:200px;
}
.history-header{
	background-color:tan;
	color: white;
	font-weight:bold;
}
.history-title{
	background-color:darkolivegreen;
	color:white;
	font-weight:bold;
	padding:8px;
	border:1px solid black;
}
.history-data{
}
.languages{
	width:3%;
}
.langbtn{
	margin:3px 12px;
	width:32px;	
	height:24px;
	border:1px solid black;
}
.btn_deselected{
	opacity:0.3;
	border:1px solid silver;
}
.flagimg{
	width:16px;
	height:12px;
	margin:4px;
	border:1px solid black;
	pointer-events:none;
}
.noflagimg{
	opacity:0.3;
	border-color:silver;
}