#input_error { font-weight:bold;
               color:red}

div.char { border:2px solid #9C4F2C;
               margin:3px }

span.char, span.kw { color: #9C4F2C;
                     text-decoration:underline }

span.char:hover, span.kw:hover { color: #1C6159;
                                 cursor:pointer}

div.char:hover { border-color:#1C6159;
               cursor:pointer}

span.script_name {color:#1C6159;
                   cursor:pointer;
                   text-decoration: underline}

span.display_char {
                    padding:0.2em;
                    background-color:#9C4F2C;
                    color:white;
                    text-decoration:none
                    }



#about_char_reference {
    font-size:80%;
    background-color:#F2EFBC;
}

#about_char_separator {margin-top:5em;
		       margin-bottom:0.1em;
		       border-top:2px solid #1C6159;}

#char_input {width:5em}
#char_script {margin-left:2em;
	      font-size:85%;
	      font-style:italic;
	     color:#9C962C}

#char_output {margin-top:1em}

#browser_glyph {position:absolute;
		width:64px;
		height:64px;
		top:90px;
		left:570px}

#char_erase {font-weight:bold;
	     font-size:85%;
	     color:white;
	     padding-left:2px;
	     padding-right:2px;
	     background-color:#AE7E68}

#char_erase:hover{
    cursor:pointer;
    color:red;
}

dl.help dt {
    font-weight:bold;
    color:#9C4F2C;
}
dl.help dd {
    margin-left:1em;
    color:#9C4F2C;
}

div.help_example {font-style:italic}
span.help_example {text-decoration:underline}
span.help_example:hover {color:#1C6159;
			cursor:pointer}