html, body, form, img, table, tr, td, ul, ol, label, textarea, p, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; white-space: normal; }
html, body, form { height: 100%; }
form#character_map_form input, form#character_map_form select, form#character_map_form textarea { font-size: small; margin: 0px; white-space: nowrap; }
label { white-space: nowrap; cursor: pointer; }
img { border-width: 0px; border-style: none; }
ul { list-style-type: none; }
p { margin-bottom: 1.2em; }
select { height: 1.8em; }
html, body, form, p, h1, h2, h3, h4, h5, h6, select, label, ul, ol, li { font-family: arial, verdana, sans-serif; font-size: small; }
sup { line-height: 0px; }

h2.header2 {
 font-size: 200%;
 font-family: verdana, sans-serif;
 font-weight: normal;
 margin-top: 0.2em;
 margin-left: 0.4em;
 margin-bottom: 0.4em;
}

table.form_table tr td label, p.a {
 font-family: verdana, sans-serif;
}

ul.faq_list { margin-bottom: 1em; margin-left: 1.9em; list-style-type: disc; list-style-image: url(../img/faqarrow.gif); list-style-position: outside; }
ul.faq_list li { display: list-item; line-height: 1.4em; padding-left: 0.15em; font-family: verdana, sans-serif; }
ul.faq_list li a { text-decoration: none; color: #000000; }
ul.faq_list li a:hover { color: #D30000; }

a.q { color: #001932; font-weight: bold; display: block; margin-left: 0.8em; font-family: verdana, sans-serif; }
div.q { color: #001932; font-weight: bold; display: block; }
p.a a { text-decoration: underline; }

p.a, p.code_block, p.font_test {
 margin-left: 0.7em;
 margin-right: 0.9em;
 margin-bottom: 1em;
 text-align: justify;
 line-height: 1.3em;
}

p.a {
 margin-left: 0.8em;
 margin-right: 1em;
 line-height: 1.4em;
}

span.u { text-decoration: underline; }
span.b { font-weight: bold; }

.inputboxtaf {
 border: 1px solid #333333;
 width: 30em;
}

div#adsense_160x600 {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 margin-top: 0.3em;
}

h2.left_col_headline, h3, ul#column_properties_list li label {
 font-family: verdana, sans-serif;
}

div#top_bar {
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 2;
 background-color: #666699;
 width: 100%;
 height: 70px;
}

h1.site_name {
 position: absolute;
 top: 20px;
 left: 25px;
 z-index: 2;
 color: #FFFFFF;
 font-size: x-large;
 font-weight: bold;
}

#font_tester_logo {
 position: absolute;
 z-index: 3;
 top: 10px;
 left: 13px;
 border: none;
}

#adsense_468x60 {
 position: absolute;
 z-index: 3;
 top: 3px;
 right: 10px;
 border: none;
}

ul#nav {
 position: absolute;
 z-index: 3;
 bottom: 0px;
}

ul#nav li {
 display: inline;
 margin-right: 0px;
}

ul#nav li a {
 display: inline-block;
 padding: 0.2em 0.6em;
 font-family: verdana, sans-serif;
 font-weight: bold;
 color: #FFFFFF;
 background-color: #8989CC;
 text-decoration: none;
}

ul#nav li a.selected {
 background-color: #9A9AE5;
}

ul#nav li a:hover {
 color: #FFFFFF;
 background-color: #9A9AE5;
 text-decoration: none;
}

div#body {
 height: 100%;
 position: relative;
 z-index: 0;
}

div#left_bar {
 position: relative;
 z-index: 1;
 background-color: #F0F0F0;
 border-right: 1px dashed #999999;
 min-height: 100%;
}

div#right_bar {
 position: absolute;
 z-index: 0;
 top: 0px;
 left: 0px;
 width: 100%;
}

ul#nav { left: 17em; }
div#left_bar { width: 17em; }
div#right_bar div#right_inner { border-left: 17em solid #F0F0F0; }

div#left_bar div#left_inner, div#right_bar div#right_inner {
 padding-top: 70px;
}

div#left_bar div#left_inner {
 font-family: verdana, sans-serif;
 padding-left: 0.8em;
 padding-bottom: 10em;
 padding-top: 73px;
}

div#right_bar div#right_inner div#right_inner2 {
 padding-bottom: 0.5em;
 border-left: 1px dashed #999999;
}

h2.left_col_headline {
 font-weight: bold;
 text-decoration: underline;
 margin-bottom: 5px;
}

h2.char_map_headline {
 font-size: xx-large;
 font-weight: bold;
 font-family: arial, sans-serif;
 margin: 0.3em;
 text-align: center;
}

h3 {
 font-weight: normal;
}

h4 {
 font-weight: bold;
 text-decoration: underline;
 font-family: verdana, arial, sans-serif;
 margin-bottom: 5px;
 display: inline;
}

h4.nou { text-decoration: none; }
h4.nou a { text-decoration: none; }
h4.nou a:hover { text-decoration: underline; }

td.header_column {
 font-family: verdana, sans-serif;
 text-align: center;
 padding-top: 0.3em;
 padding-bottom: 0.1em;
 color: #0000FF;
 font-weight: bold;
}

td.header_column a {
 padding-left: 0.2em;
 padding-right: 0.2em;
 color: #0000FF;
 text-decoration: none;
}

td.header_column a:hover {
 color: #0000FF;
 text-decoration: underline;
}

td.text_column {
 vertical-align: top;
 text-align: justify;
 padding: 6px 9px;
 width: 33%;
}

td#char_map {
 vertical-align: top;
 border-top: 1px dashed #999999;
 padding: 0.4em;
}

a#char_map_make_html_code_link { }
a#char_map_make_html_code_link:hover { color: red; }

img.cols_icon { vertical-align: middle; width: 24px; height: 24px; }

img#view_1_col_icon { }
img#view_2_cols_icon { }
img#view_3_cols_icon { }

img#edit_col_1_icon { }
img#edit_col_2_icon { }
img#edit_col_3_icon { }

input.col_radio { padding-top: 1px; }
table#col_icons { margin-bottom: 2px; }

ul.columns {
 display: inline;
 position: relative;
 top: 2px;
 vertical-align: text-bottom;
}

ul.columns li {
 display: inline;
 margin-right: 7px;
}

ul#column_properties_tab input { }
ul#column_properties_tab label { }
ul#column_properties_list li { margin-bottom: 0.2em; }

ul#column_properties_list li label { vertical-align: middle; margin-right: 0.4em; }
ul#column_properties_list li label#text_align_label { vertical-align: 0.6em; }
ul#column_properties_list li input.left_checkbox { vertical-align: bottom; margin-left: 0px; padding-left: 0px; }

ul#column_properties_list li select { margin-right: 1px; }
ul#column_properties_list li input { margin-right: 1px; padding: 1px; }

ul#column_properties_list li label, ul#column_properties_list li select, ul#column_properties_list li input {
 font-size: 85%;
}

ul#column_properties_list li select#font_family_dropdown { width: 11em; }
ul#column_properties_list li input.two_decimal_places_textbox, input.two_decimal_places_textbox { width: 2em; }
ul#column_properties_list li input#font_size_adjust_textbox { width: 2.8em; }
input.hex_textbox { font-family: courier, monospace; width: 5.5em; }

input#text_color_radio { cursor: default; }
input#bg_color_radio { cursor: default; }
input#auto_calculate_inverse { cursor: default; }

div#get_css_text_box, div#edit_text_box, div#color_picker_box, div#html_entity_code_snippet_text_box {
 display: none;
 border: 1px solid black;
 padding: 10px;
 background-color: #FCFCFC;
 position: absolute;
 z-index: 100;
 left: 16.5em;
}

div#get_css_text_box, div#html_entity_code_snippet_text_box, div#edit_text_box {
 top: 90px;
 width: 630px;
}

div#edit_text_box {
 top: 105px;
}

div#color_picker_box {
 top: 90px;
 width: 255px;
}

div#get_css_text_box label, div#html_entity_code_snippet_text_box label { margin-right: 0.3em; }
div#get_css_text_box *.left, div#html_entity_code_snippet_text_box *.left { float: left; }
div#get_css_text_box ul { margin-bottom: 0.5em; clear: both; display: block; }

div#get_css_text_box ul#selector_choice { text-align: left; }
div#get_css_text_box ul#selector_choice li { display: list-item; text-align: left; margin-bottom: 0.2em; }

div#get_css_text_box ul#get_css_radios { text-align: center; margin-bottom: 0.1em; }
div#get_css_text_box ul#get_css_radios li { display: inline; text-align: center; margin-right: 1em; }

div#get_css_text_box label#css_code_label { clear: both; }
div#get_css_text_box textarea, div#html_entity_code_snippet_text_box textarea { height: 7em; width: 100%; margin-bottom: 0.4em; white-space: pre; }
div#get_css_text_box input#ok_button_get_css { margin-top: 0.15em; }

div#edit_text_box textarea#edit_text_textbox { height: 13em; width: 100%; white-space: pre; }
div#edit_text_box div.center_edit_text { padding-top: 0.5em; }
div#edit_text_box div#edit_text_checkboxes { position: relative; top: 0.15em; float: left; }
div#edit_text_box div#edit_text_buttons { float: right; padding-right: inherit; }
div#edit_text_box input#update_col_2_checkbox, input#update_col_3_checkbox { margin-left: 0.8em; }

div#color_palette_area {
 background-image: url('../img/color_palette_225x125_2.jpg');
 background-repeat: no-repeat;
 background-position: top left;
 width: 225px;
 height: 125px;
 margin-left: auto;
 margin-right: auto;
 cursor: crosshair;
}

div.hsv_row { display: block; margin-bottom: 0.5em; text-align: center; white-space: nowrap; }
div.hsv_row label { margin-right: 0.15em; }

label#text_color_label { margin-right: 1em; }

img.color_picker_button {
 margin-left: 0.15em;
 vertical-align: top;
 position: relative;
 cursor: pointer;
}

table#char_map_outer_table {
 padding-bottom: 1em;
}

td#outer_td {
 padding-bottom: 0.5em;
}

table#char_map_inner_table {

}

table#char_map_inner_table tr td {

}

div#char_map_div select {
 font-family: verdana, arial, sans-serif;
 font-size: 85%;
 margin-right: 0.5em;
}

div#char_map_div input {
 font-family: verdana, arial, sans-serif;
 font-size: 85%;
 margin-right: 0.6em;
}

div#char_map_div label {
 font-family: verdana, arial, sans-serif;
 font-size: 85%;
 vertical-align: middle;
 margin-right: 0.4em;
}

div#char_map_div {
 background-color: #F5F5F5;
 border: 1px solid #DCDCDC;
 width: 96.5%;
 padding: 0.5em;
 padding-bottom: 0.6em;
 margin-top: 0.4em;
}

table#char_map_table {
 border: 1px solid #D2D2D2;
 font-family: Arial, Helvetica, sans-serif;
 border-collapse: separate;
 empty-cells: show;
 margin-top: 0.4em;
 margin-bottom: 0.7em;
 background-color: #F0F0F0;
}

table#char_map_table tr td {
 background-color: #E6E6E6;
 text-align: center;
 border: 1px solid #CACACA;
 padding: 0.2em;
 cursor: pointer;
}

a#full_char_map_link {
 font-family: verdana, sans-serif;
 font-weight: bold;
 text-decoration: none;
}

a#full_char_map_link:hover {
 text-decoration: underline;
}

table#char_map_inner_table td.pad {
 vertical-align: top;
 padding-left: 0.8em;
}

table#char_map_inner_table select, table#char_map_inner_table input {
 font-family: verdana, arial, sans-serif;
}

table#char_map_inner_table label {
 font-family: verdana, arial, sans-serif;
 position: relative;
 bottom: 0.25em;
 line-height: 2em;
}

div#char_map_container {
 padding-left: 0.3em;
 padding-right: 0.3em;
 padding-bottom: 0.3em;
}

table.char_map_table2 {
 font-family: arial, sans-serif;
 border-collapse: separate;
 empty-cells: show;
}

table.char_map_table2 tr td {
 font-size: x-large;
 background-color: #F0F0F0;
 border: 1px solid #CACACA;
 text-align: center;
 vertical-align: middle;
 padding: 0.2em;
 line-height: 1.2em;

}

table.char_map_table2 tr td span {
 font-size: small;
 line-height: 1.5em;
 unicode-bidi: bidi-override;
 direction: ltr;
 font-family: arial, sans-serif;
}

table#font_info {
 border: 1px solid black;
 border-collapse: collapse;
 margin: 0px;
 padding: 0px;
 background-color: #FFFFFF;
 font-family: verdana, sans-serif;
}

table#font_info tr th {
 font-weight: bold;
 text-align: center;
 background-color: #014D9A;
 color: #FFFFFF;
 padding: 0.4em;
}

table#font_info tr td {
 border: 1px solid black;
 padding: 0.4em;
}

table#font_info tr td.left {
 text-align: right;
 padding-right: 0.5em;
 padding-left: 3em;
 font-weight: bold;
}

table#font_info tr td.right {
 text-align: left;
 padding-left: 0.5em;
 padding-right: 6em;
}

span#sample_font_text {
 font-family: arial, sans-serif;
 font-size: medium;
}

a.download_font {
 font-weight: bold;
}

div#unicode_subrange_div {
 margin-top: 0.1em;
 margin-bottom: -0.05em;
}

td#text_col_1 { }
td#text_col_1 p { }

td#text_col_2 { }
td#text_col_2 p { }

td#text_col_3 {  }
td#text_col_3 p { }

p#css_property_image {
 margin-bottom: 0.5em;
}

table.length_units_table, table.length_units_table tr td {
 border: 1px solid black;
}

table.length_units_table tr td {
 padding: 0.3em;
}

table.text_align_table, table.length_units_table {
 border-collapse: collapse;
 margin-bottom: 1em;
 font-family: verdana, sans-serif;
 width: 95%;
 margin-left: auto;
 margin-right: auto;
}

table.text_align_table tr td, table.text_align_table tr td img {
 vertical-align: middle;
}

table.text_align_table tr td.left_cell { width: 24px; }
table.text_align_table tr td.right_cell {
 padding-left: 0.5em;
 padding-right: 0.5em;
}

img.tip { float: left; margin-right: 0.5em; }

span.m {
 font-family: monospace;
}

p.code_block {
 font-family: monospace;
 background-color: #FFFFE6;
 text-align: left;
}

p.font_test {
 font-size: medium;
 text-align: left;
 margin-bottom: 0px;
}

span.small {
 font-size: small;
}

table.help_footer {
 margin-top: 1em;
 margin-bottom: 1em;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

div.footer {
 margin-bottom: 1em;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 font-family: verdana, sans-serif;
 font-size: 85%;
 line-height: 1.4em;
}