body	
		{
			position: relative;
			font: 9pt "Tahoma";
			background-color: #DFDFFF;
		}

#legendbutton	{
			font-size: 100%;
			padding: 1em;
			position: fixed;
			right: 30px;
			background-color: #3F3f7F;
			color: white;
			border: 1px solid blue;
		}

#legendbutton:hover #legend 
		{
			display: block;
    		}

#legend 
		{
			position: fixed;
			margin-left:30px;
			margin-right:30px;
			left: 27%;
			top: 55px; 
			padding: 1em;
			margin: 0em;
			background-color: #dcdcdc;
			border: 1px solid black;
			overflow-y: scroll;
			width: 70%;
			height: 70%;
			z-index: 10000;
			display: none;
			color: black;
		}

#legend table td:nth-child(2) {
			border: 1px solid gray;
			border-radius: 6px;
			background: white;
			padding: 1em;
		}
#legend table td:nth-child(1) {
			border: 1px solid gray;
			border-radius: 6px;
			background: white;
			padding: 1em;
			font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
		}

#fail           {
			background: #dfffff;
                }

#legend tr th   {
			text-align: left;
			padding-top: 10px;
		}

#input		{	display: table;
			padding: 1em;
		}

#output		{
			display: block;
			padding: 1em;
			border: 1px solid black;
			background-color: #EFEFEF;
			width: 900px;
		}
#result 	{
			float: right;
			display: inline-block;
			padding: 1em;
			width:300px;
		}