body {
 margin-top:8px;
 margin-bottom:8px;
 margin-left:8px;
 margin-right:3px;
 font-family: Verdana,Arial;
 color: #000033;
 font-size: 11px;
}

table.default {
 font-family: Verdana,Arial;
 color: #000033;
 font-size: 11px;
 spacing-top:0px;
 padding-top:0px;
}

td.mout {
 border: 1px solid #333333;
/* width: 33px;
 height: 33px;
*/
}

.gen table.wordlist {
 font-family: Verdana,Arial;
 color: #000000;
 font-size: 11px;
}

.show table.wordlist {
 font-family: Verdana,Arial;
 color: #000000;
 font-size: 11px;
}

a {
 font-family: Verdana,Arial;
 color: #005400;
 font-size: 11px;
}

a.nu,a.nu:hover {
 font-family: Verdana,Arial;
 color: #000066;
 font-size: 11px;
 text-decoration:none;
}

a.wl {
 font-family: Verdana,Arial;
 color: #000000;
 font-size: 11px;
 text-decoration:none;
}

a.wl:hover {
 text-decoration:underline;
}

input {
 font-family: Verdana,Arial;
 color: #000033;
 font-size: 11px;
}

textarea {
 font-family: Verdana,Arial;
 color: #000033;
 font-size: 11px;
 width:250px;
}

.note {
 font-size: 9px;
}

.mininote {
 font-size: 8px;
}

.logtext {
 font-size:9px;
 margin-top:-5px;
}

a.loglink, a.loglink:hover {
 font-family: Verdana,Arial;
 color: #000066;
 text-decoration:underline;
 font-size:9px;
 margin-top:-5px;
}


li {
 margin-bottom: 5px;
 margin-left:-15px;
}


ul {
/* margin-top:3px;
 margin-bottom:3px;
 margin-right:10px;
 margin-left:5px;*/
 line-height:150%;
}

/* gen */

.gen table.matrix {
 font-family: Times New Roman,Verdana,Arial;
 color: #000000;
 border-collapse:collapse;
}

.gen td.mout {
 border: 1px solid #333333;
 width: 33px;
 height: 33px;
}

.gen td.mnum {
 text-align: left;
 color: #222222;
 height: 5px;
}

.gen td.mnump {
 text-align: left;
 color: #000000;
 font-size: 8px;
 height: 5px;
}

.gen td.mcon {
 text-align: center;
 vertical-align: top;
 font-weight: bold;
}

/* v2 */

div#accordion {
/*  min-width: 200px;*/
/*  width: 25%; */
/*  position: absolute; 
  right: 3px;
  top: 18px; */
  padding-top: 11px;
/*  z-index: 1;*/
}

a.accordion, a.accordion:hover {
 font-family: Verdana,Arial;
 color: white;
 text-decoration:none;
 font-size:13px;
}

table.accordion {
  font-size:11px;
  /* width:100%; */
  border:solid 1px #993333;
  margin-top: 5px;
}

.accordion  td.header {
  background:#993333; 
  color:white; 
  font-weight:bold;
  height: 18px;
  padding-left: 2px;
}

.accordion td.content {
  background:white; 
  color:black; 
  padding:2px;
}

.accordion div.header {
  position:absolute; 
  top: 0px; 
  right: 0px; 
  width: 20px;
}

/*.accordion br {
  font-size: 5px;
}*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	position:absolute;
	width: 500px;
	z-index: 1000;
	display: none;
	}
		
#overlay img{ border: none; }

#overlay{ 
 background-image: url('../images/overlay.png');
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 999;
 display: none;
}

/*
* html #overlay{
  background-color: #333;
  back\ground-color: transparent;
  background-image: url('images/pixel.gif');
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
 }
*/
 
.wordlist th {
  text-align: left;
}	

.show fieldset {
  min-height: 370px;
  _height: 390px;
}

table.matrix  {
 font-family: Times New Roman,Verdana,Arial;
 color: #000000;
 border-collapse:collapse;
}

table.size0 .block {
 width: 25px;
 height: 25px;
}

table.size1 .block {
 width: 29px;
 height: 29px;
}

table.size2 .block {
 width: 33px;
 height: 33px;
}

table.size3 .block {
 width: 37px;
 height: 37px;
}

table.size4 .block {
 width: 41px;
 height: 41px;
}

div.letter {
 position:relative;
}

table.size0 .letter {
 width: 25px;
 min-height: 25px;
 _height: 25px;
}

table.size1 .letter {
 width: 29px;
 min-height: 29px;
 _height: 29px;
}

table.size2 .letter {
 width: 33px;
 min-height: 33px;
 _height: 33px;
}

table.size3 .letter {
 width: 37px;
 min-height: 37px;
 _height: 37px;
}

table.size4 .letter {
 width: 41px;
 min-height: 41px;
 _height: 41px;
}

div.mnum {
 text-align: left;
 color: #222222;
 height: 5px;
 position:absolute;
 top: 0px;
 left: 0px;
}

table.size0 div.mnum {
 font-size: 8px;
}

table.size1 div.mnum {
 font-size: 9px;
}

table.size2 div.mnum {
 font-size: 10px;
}

table.size3 div.mnum {
 font-size: 11px;
}

table.size4 div.mnum {
 font-size: 12px;
}

div.mcon{
 text-align: center;
 font-weight: bold;
 position:absolute;
 left: 0px;
 width: 100%;
}

div.mconlite {
 color:#aaaaaa;
 text-align: center;
 font-weight: bold;
 position:absolute;
 left: 0px;
 width: 100%;
}

table.size0 div.mcon, table.size0 div.mconlite {
 font-size: 11px;
 top: 6px;
}

table.size1 div.mcon, table.size1 div.mconlite {
 font-size: 15px;
 top: 7px;
}

table.size2 div.mcon, table.size2 div.mconlite {
 font-size: 19px;
 top: 8px;
}

table.size3 div.mcon, table.size3 div.mconlite {
 font-size: 23px;
 top: 9px;
}

table.size4 div.mcon, table.size4 div.mconlite {
 font-size: 27px;
 top: 9px;
}

img.toolbox_list {
 margin-right: 2px;
}

/* Activities items */

.activity000 .mode0 {
 display: none;
}

.activity100 .mode0 {
}

.activity010 .mode0 {
 display: none;
}

.activity110 .mode0 {
}

.activity001 .mode0 {
 display: none;
}

.activity101 .mode0 {
}

.activity011 .mode0 {
 display: none;
}

.activity111 .mode0 {
}

.activity000 .mode1 {
 display: none;
}

.activity100 .mode1 {
 display: none;
}

.activity010 .mode1 {
}

.activity110 .mode1 {
}

.activity001 .mode1 {
 display: none;
}

.activity101 .mode1 {
 display: none;
}

.activity011 .mode1 {
}

.activity111 .mode1 {
}

.activity000 .mode2 {
 display: none;
}

.activity100 .mode2 {
 display: none;
}

.activity010 .mode2 {
 display: none;
}

.activity110 .mode2 {
 display: none;
}

.activity001 .mode2 {
}

.activity101 .mode2 {
}

.activity011 .mode2 {
}

.activity111 .mode2 {
}

/* End Activities items */

input.touch {
 font-size:20px;
 width: 32px;
 height: 32px;
 padding: 0px;
 margin-right: -5px;
}

/* don't show print message */
#print {
 display: none;
}

select {
 font-family: Verdana,Arial;
 color: #000033;
 font-size: 11px;
}

#app-notification.active {
    bottom: 0 !important;
    transition: bottom 0.5s linear;
}