/* CSS Document */

		span.instructions { font-family: Arial; font-size: 80%; color: black; }
		span.label { font-family: Arial; font-size: 80%; color: black; }
		span.column { font-family: Arial; font-size: 60%; color: black; }
		span.romanji { font-family: Arial; font-size: 100%; color: black; margin: 2em; }
		td.unknownromanji {
			font-family: Arial; font-size: 120%; margin: 2em;
			color: grey;
		}
		td.romanji { font-family: Arial; font-size: 120%; color: black; }
		td.navbar {
			background-color: #9999cc;
		}
		table.options {
			border-color: black;
			border-style: solid;
			border-width: 1px;
			padding: 5px;
			background-color: #9999cc;
		}
		table.navigation {
			border-width: 1px;
			border-style: solid;
			border-color: black;
			background-color: #9999cc;
			margin: 2px;
			padding: 0px;
			border-spacing: 0px;
			border-collapse: collapse;
		}
		
		td.navbutton {
			border-style: solid;
			border-color: black;
			border-width: 1px;
			border-spacing: 0px;
			cursor: pointer; 
		}
		
		td.extrabutton {
			border-width: 1px;
			border-color: black;
			border-style: solid;
			cursor: pointer;
		}
		
		/*td.extrabutton:hover {
			background-color: #7777a9;
		}
		
		td.navbutton:hover {
			background-color: #7777a9;
		}*/
		
		td.disabledbutton {
			background-color: #666678;
			border-width: 1px;
			border-style: solid;
			cursor: default;
		}
		
		span.header { 
			font-family: Arial;
			font-size: 120%;
			color: black; 
		}
		a {
			text-decoration: underline;
			font-family: Arial;
			font-size: 100%;
			font-decoration: none;
			color: black;
			text-align: right;
		}
		a:hover {
			text-decoration: underline;
			font-family: Arial;
			font-size: 100%;
			color: blue;
		}
		a:visited {
			text-decoration: underline;
			color: black;
		}
		
		legend {
			font-family: Arial;
			color: black;
			font-size: 80%;
			font-weight: bold;
			#font-style: italic;
		}
		
		fieldset {
			border-color: black;
			border-width: 1px;
			border-style: solid;
			padding: 10px;
		}

		.questionMark {
			position: absolute;
			top: 40px;
			left: 35px;
			visibility: visible;
		}
		
		.hiddenQuestionMark {
			position: absolute;
			top: 40px;
			left: 10px;
			visibility: hidden;
		}

		
		.kanji {
			visibility: visible;
		}
		
		.huri {
			visibility: visible;
		}
		
		.hiddenKanji {
			visibility: hidden;
		}
		
		.hiddenHuri {
			visibility: hidden;
		}
		
		.notRequired {
			opacity: .5;
        	filter: alpha(opacity=50);
		}