body { margin: 0px; padding: 0px; overflow: hidden; }
* { margin: 0px; padding: 0px; }
a { border-width: 0px; border-color: rgb(224, 224, 224); padding: 1px; color: rgb(224, 224, 224); vertical-align: middle; }
img { border-width: 0px; border-color: rgb(224, 224, 224); padding: 1px; color: rgb(224, 224, 224); vertical-align: middle; }
.dropdownButton { background: url(dropdown.png) no-repeat; width: 8px; height: 8px; cursor: pointer; z-index: 100; right: 0px; top: 22px; position: absolute; display: inline-block; }

#main_toolbar { height: 30px; padding: 5px; width: 100%; }
#main_toolbar div { width: 26px; height: 26px; border: 1px solid #e0e0e0; cursor: pointer; float: left; margin-right: 10px; padding: 2px; position: relative; }
#main_toolbar img { width: 24px; height: 24px; }

#ketcher_window { width: 100%; position: absolute; z-index: 1; table-layout: fixed; border-collapse: collapse; overflow: hidden; }
#ketcher_window td { vertical-align: top; }
.side_menu { width: 37px; text-align: center; padding: 0px 5px 0px 5px; }
.side_menu div { height: 26px; width: 26px; margin-bottom: 5px; border: 1px solid #e0e0e0; cursor: pointer; padding: 2px; position: relative; z-index: 1; }
#bond, #template { border: none; margin: 0px; padding: 0px; }
.side_menu img { width: 24px; height: 24px; }
.side_menu div:hover { border: 1px solid red; }

.side_menu_right { width: 30px; text-align: center; padding: 0px 5px 0px 5px; }
.side_menu_right div { height: 25px; width: 25px; margin-bottom: 2px; border: 1px solid #e0e0e0; cursor: pointer; }
.side_menu_right div:hover { border: 1px solid red; }

.buttonHighlight { border-color: red; }
.buttonDisabled { opacity: 0.25; }
.toolDelimiter { width: 12px; }
.buttonPressed { background-color: Yellow; }
.buttonSelected { background-color: Yellow; }
#client_area { border: 1px solid #e0e0e0; text-align: left; overflow: auto; background-color: white; width:100%; }
#elem_table_area { background-color: rgb(224, 224, 224); }
#rgroup_table_area { background-color: rgb(224, 224, 224); }
#reagenerics_table_area { background-color: rgb(224, 224, 224); }

.dropdownList { border: thin outset white; left: 6px; position: absolute; z-index: 2; background-color: rgb(250, 250, 250); }
.dropdownList > table { font-family: arial; font-size: 0.9em; }
#selector_dropdown_list { top: 33px; }
#selector_dropdown_list div { padding: 5px 0px; }
#bond_dropdown_list { top: 120px; }
#template_dropdown_list { top: 196px; }
#reaction_dropdown_list { top: 310px; }
#rgroup_dropdown_list { top: 386px; }
.dropdownListItem { cursor: default; }
.dropdownListItem > td > div { width: 24px; height: 24px; margin-top: -3px; margin-right: 2px; float: left; }
.dropdownListDelimiter { height: 2px; background-color: rgb(192, 192, 192); }
.highlightedItem { background-color: rgb(192, 192, 192); }
#buffer_frame { display: none; }
input#input_label { position: absolute; z-index: 3; }
div#window_cover { left: 0px; top: 0px; position: absolute; z-index: 4; opacity: 0.15; background-color: black; }
div#loading { background-position: center; width: 100%; height: 100%; background-image: url("loading.gif"); background-repeat: no-repeat; }
.dialogWindow { padding: 4px; border: thin outset rgb(240, 240, 240); left: 10%; top: 10%; text-align: center; position: absolute; z-index: 5; background-color: rgb(224, 224, 224); }
.dialogWindow > div > div:first-child { background-color: rgb(208, 208, 208); }
.fileDialog { }
.elemTableDialog { left: 5%; top: 5%; }
.chemicalText { width: 320px; height: 320px; overflow: auto; white-space: pre; }
.chemicalText_IE { white-space: pre; }
.dataSGroupValue { overflow: auto; }
.propDialog { }