<!-- 
table
{
	border: 1px #FFF;
	border-collapse: collapse;
}

iframe
{
	border: 1px #FFF;
	padding: 4px;
	overflow-x: hidden; 
	overflow-y: scroll; 
	border:none;
	border-collapse: collapse;
}

td, p, div, blockquote, h
{
	color: navy;
	font-family: Geneva,Arial;
	font-size: 13px;
	line-height: 15px;
	font-variant: normal;
	font-weight: normal;
}

td.wrap {
  max-width: 60ch;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

li
{
	color: navy;
	font-family: Geneva,Arial;
	font-size: 11px;
	line-height: 19px;
	font-variant: normal;
	font-weight: normal;
	cursor: w-resize;
}

  
.button
{
	background-color: #FFF;
	border: 1px solid #444;
	padding: 2px 4px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	border-radius: 4px;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
	margin: 2px 2px;
	transition-duration: 0.4s;
  	cursor: pointer;
}

.button:hover {
	background-color: #666;
	color: #FFF;
}

.input
{
	background-color: #FFF;
	border: 1px solid #444;
	padding: 2px 4px;
	text-align: left;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	border-radius: 4px;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
	margin: 2px 2px;
	transition-duration: 0.4s;
  	cursor: pointer;
}

.blinking
{
    animation:blinkingText 4.0s infinite;
}
@keyframes blinkingText{
    0%{     color: #FFF;    }
    49%{    color: #FFF; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #FFF;    }
}

textarea  
{  
   color: navy;
	font-family: Geneva,Arial;
	font-size: 13px;
	line-height: 19px;
	font-variant: normal;
	font-weight: normal;
}

pre
{
	white-space: pre-wrap;
	color: black;
	font-family: Geneva,Arial;
	font-size: 14px;
	line-height: 1.5;
	font-variant: normal;
	font-weight: 500;
}

body {background-color:#4682B4;
	overflow-x: hidden; 
	height: 100%;
}
-->