#tilecontent {
	font-family: 'myriad-std-tilt', sans-serif;
	color: #220000;
	text-align: center;
	width: 534px; /* 3x the tile width+(2*padding)+boarder+border-radius */
	font-size: 100%;
    margin-left: auto;
    margin-right: auto;
	border: 3px solid #f1f1f1;
  z-index: 999999999990; 
   border-radius: 15px;
   padding: 10px; 
  background: #FEFEFE;
  opacity: 0.96;  
  word-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
}

.texttileblue {
  border: 3px solid #f1f1f1;
  width: 140px;
  height: 120px;
  z-index: 999999999990; 
   border-radius: 15px;
   padding: 10px; 
  opacity: 0.96;
display: inline-block;
vertical-align: top;
background: blue;
background-image: linear-gradient(to bottom right, blue, purple);
	color: #EEEEEE;
	font-weight: bold;
  opacity: 0.80;
  cursor: pointer;
}

.texttileblue:hover {
  opacity: 1.0;
  cursor: pointer;
}

.texttileyellow {
  border: 3px solid #f1f1f1;
  width: 140px;
  height: 120px;
  z-index: 999999999990; 
   border-radius: 15px;
   padding: 10px; 
  opacity: 0.96;
display: inline-block;
vertical-align: top;
background: yellow;
background-image: linear-gradient(to bottom right, yellow, red);
	color: #EEEEEE;
	font-weight: bold;
  opacity: 0.80;
  cursor: pointer;
}

.texttileyellow:hover {
  opacity: 1.0;
  cursor: pointer;
}

.texttilered {
  border: 3px solid #f1f1f1;
  width: 140px;
  height: 120px;
  z-index: 999999999990; 
   border-radius: 15px;
   padding: 10px; 
  opacity: 0.96;
display: inline-block;
vertical-align: top;
background: red;
background-image: linear-gradient(to bottom right, red, darkred);
	color: #EEEEEE;
	font-weight: bold;
  opacity: 0.80;
  cursor: pointer;
}

.texttilered:hover {
  opacity: 1.0;
  cursor: pointer;
}

.texttilegreen {
  border: 3px solid #f1f1f1;
  width: 140px;
  height: 120px;
  z-index: 999999999990; 
   border-radius: 15px;
   padding: 10px; 
  opacity: 0.96;
display: inline-block;
vertical-align: top;
background: greenyellow;
background-image: linear-gradient(to bottom right, greenyellow, green);
	color: #EEEEEE;
	font-weight: bold;
  opacity: 0.80;
  cursor: pointer;
}

.texttilegreen:hover {
  opacity: 1.0;
  cursor: pointer;
}

.texttile256white {
  border: 3px solid #f1f1f1;
  width: 260px;
  height: 100%;
  z-index: 999999999990; 
   border-radius: 15px;
   padding: 10px; 
  background: #F0F8FF;
  opacity: 0.96;
display: inline-block;
vertical-align: top;
	text-align: center;
    margin-left: auto;
    margin-right: auto;
background-image: linear-gradient(to bottom right, #F0F8FF,#FFFAF0 );
	color: #660000;
	font-weight: bold;
  opacity: 0.80;
  cursor: pointer;
}

.texttile256white:hover {
  opacity: 1.0;
  cursor: pointer;
}