article .toc-column {
    line-height: 2.3em;
}

article li {
    display: inherit;
    line-height: 1.3em
}

ul#note-values   { 
	float: left;
	margin-top: 0;
}

#note-values li  { 
    float: left;
	display:inline;
	width:33.333%; 
}


span.generic-key {
    position: relative;
    bottom: 2px;
    background: #fff url('images/key_blank-18.png') no-repeat right top;
    display: inline;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 2px 6px 4px 6px;
    margin-left: 4px;
    margin-right: 4px;
}

span.q-key.generic-key {
    background-position-y: 1px;
}

span.i-key.generic-key {
    background-position-x: 1px;
    padding: 0px 7px 4px 8px;
}

span.l-key.generic-key {
    padding: 0px 7px 4px 8px;
}

span.m-key.generic-key {
    padding: 1px 6px 4px 5px;
}
span.coma-key.generic-key, span.period-key.generic-key {
    padding: 2px 7px 4px 9px;
    background-position-y: 1px;
}

span.ctrl-key.generic-key {
    background: #fff url('images/control.png') no-repeat right top;
    padding: 2px 6px 4px 8px;
}

span.cmd-key.generic-key {
    background: #fff url('images/control.png') no-repeat right top;
    /*background-position-x: 3px;*/
    padding: 2px 2px 4px 5px;
}

span.del-key.generic-key {
    background: #fff url('images/insert-delete.png') no-repeat right top;
    padding: 0px 6px 4px 5px;
}

span.esc-key.generic-key {
    background: #fff url('images/insert-delete.png') no-repeat right top;
    padding: 2px 6px 4px 5px;
}

span.f1-key.generic-key {
    background: #fff url('images/f1.png') no-repeat right top;
    padding: 2px 5px 4px 5px;
}

span.up-key.generic-key {
    background: #fff url('images/up.png') no-repeat right top;
    padding: 2px 7px 4px 8px;
}

span.down-key.generic-key {
    background: #fff url('images/down.png') no-repeat right top;
    padding: 2px 7px 4px 8px;
}

span.right-key.generic-key {
    background: #fff url('images/right.png') no-repeat right top;
    padding: 2px 7px 4px 8px;
}

span.left-key.generic-key {
    background: #fff url('images/left.png') no-repeat right top;
    padding: 2px 7px 4px 8px;
}


span.icon-32 {
    position: relative;
    bottom: 3px;
    display: inline;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 9px 16px 10px 14px;
}

li span.icon-32 {
    margin-right: 8px;
}

span.new-file.icon-32 {
    background: #fff url('images/icon_new_file.png') no-repeat right top;
}

span.open-file.icon-32 {
    background: #fff url('images/icon_open_file.png') no-repeat right top;
}

span.save-file.icon-32 {
    background: #fff url('images/icon_save_file.png') no-repeat right top;
}

span.save-as-file.icon-32 {
    background: #fff url('images/icon_save_as_file.png') no-repeat right top;
}

span.export-wav.icon-32 {
    background: #fff url('images/icon_export_wav.png') no-repeat right top;
}

span.import-tab.icon-32 {
    background: #fff url('images/icon_import_tab.png') no-repeat right top;
}

span.export-pdf.icon-32 {
    background: #fff url('images/icon_export_pdf.png') no-repeat right top;
}

span.undo.icon-32 {
    background: #fff url('images/icon_undo.png') no-repeat right top;
}

span.redo.icon-32 {
    background: #fff url('images/icon_redo.png') no-repeat right top;
}

span.save-layout.icon-32 {
    background: #fff url('images/icon_save_layout.png') no-repeat right top;
}

span.restore-layout.icon-32 {
    background: #fff url('images/icon_restore_layout.png') no-repeat right top;
}

span.preferences.icon-32 {
    background: #fff url('images/icon_preferences.png') no-repeat right top;
}

span.help.icon-32 {
    background: #fff url('images/icon_help.png') no-repeat right top;
}

span.about.icon-32 {
    background: #fff url('images/icon_about.png') no-repeat right top;
}

span.exit.icon-32 {
    background: #fff url('images/icon_exit.png') no-repeat right top;
}


div#side-menu ul li{
    margin-bottom: 18px;
}


span.icon-16 {
    position: relative;
    bottom: -1px;
    display: inline;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 5px 8px 3px 8px;
 }

span.insert-bar.icon-16 {
    background: #fff url('images/icon_insert_bar.png') no-repeat right top;
}

span.duplicate-bar.icon-16 {
    background: #fff url('images/icon_duplicate_bar.png') no-repeat right top;
}

span.remove-bar.icon-16 {
    background: #fff url('images/icon_remove_bar.png') no-repeat right top;
}

span.decrease-notes.icon-16 {
    background: #fff url('images/icon_decrease_notes.png') no-repeat right top;
}

span.increase-notes.icon-16 {
    background: #fff url('images/icon_increase_notes.png') no-repeat right top;
}

span.repeat-bar.icon-16 {
    background: #fff url('images/icon_repeat_bar.png') no-repeat right top;
    padding: 5px 6px 3px 5px;
}

span.repeat-two-bars.icon-16 {
    background: #fff url('images/icon_repeat_two_bars.png') no-repeat right top;
    padding: 5px 6px 3px 6px;
}

span.begin-repeat.icon-16 {
    background: #fff url('images/icon_begin_repeat.png') no-repeat right top;
    padding: 5px 6px 3px 5px;
}

span.end-repeat.icon-16 {
    background: #fff url('images/icon_end_repeat.png') no-repeat right top;
    padding: 5px 5px 3px 5px;
}

span.play.icon-16 {
    background: #fff url('images/icon_play.png') no-repeat right top;
    padding: 5px 6px 3px 5px;
}

span.play-autoscroll.icon-16 {
    background: #fff url('images/icon_play_autoscroll.png') no-repeat right top;
    padding: 5px 6px 3px 5px;
}

span.eye.icon-16 {
    background: #fff url('images/icon_eye.png') no-repeat right top;
}

span.stop.icon-16 {
    background: #fff url('images/icon_stop.png') no-repeat right top;
}

span.mouse-right.icon-16 {
    background: #fff url('images/icon_mouse_rmb.png') no-repeat right top;
}

span.mouse-left.icon-16 {
    background: #fff url('images/icon_mouse_lmb.png') no-repeat right top;
}

span.mouse-middle.icon-16 {
    background: #fff url('images/icon_mouse_mmb.png') no-repeat right top;
}

span.mouse-double-click.icon-16 {
    background: #fff url('images/mouse_double_click.png') no-repeat right top;
}

span.mouse-cursor-scroll.icon-16 {
    background: #fff url('images/mouse_cursor_scroll.png') no-repeat right top;
}


span.icon-splitter {
    position: relative;
    bottom: -1px;
    display: inline;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 4px 8px 2px 8px;
 }

span.frame-pages.icon-splitter {
    background: #fff url('images/icon_frame_pages.png') no-repeat right top;
    padding: 4px 8px 2px 4px;
}

span.increase-pages.icon-splitter {
    background: #fff url('images/icon_increase_pages.png') no-repeat right top;
    padding: 4px 8px 2px 12px;
}

span.decrease-pages.icon-splitter {
    background: #fff url('images/icon_decrease_pages.png') no-repeat right top;
    padding: 4px 8px 2px 12px;
}

span.layout-up.icon-splitter {
    background: #fff url('images/icon_layout_up.png') no-repeat right top;
    padding: 4px 6px 2px 4px;
}

span.layout-down.icon-splitter {
    background: #fff url('images/icon_layout_down.png') no-repeat right top;
    padding: 4px 6px 2px 4px;
}

span.lock-open.icon-splitter {
    background: #fff url('images/icon_lock_open.png') no-repeat right top;
    padding: 4px 8px 2px 4px;
}

span.lock-closed.icon-splitter {
    background: #fff url('images/icon_lock_closed.png') no-repeat right top;
    padding: 4px 8px 2px 4px;
}

span.quant-1.icon-splitter {
    background: #fff url('images/icon_quant_1.png') no-repeat right top;
}

span.quant-2.icon-splitter {
    background: #fff url('images/icon_quant_2.png') no-repeat right top;
}

span.quant-3.icon-splitter {
    background: #fff url('images/icon_quant_3.png') no-repeat right top;
}

span.quant-4.icon-splitter {
    background: #fff url('images/icon_quant_4.png') no-repeat right top;
}

span.quant-5.icon-splitter {
    background: #fff url('images/icon_quant_5.png') no-repeat right top;
}

span.quant.icon-splitter {
    padding: 4px 3px 2px 3px;   
}

span.quant-6.icon-splitter {
    background: #fff url('images/icon_quant_6.png') no-repeat right top;
}

span.editor-left.icon-splitter {
    background: #fff url('images/icon_editor_left.png') no-repeat right top;
}

span.editor-right.icon-splitter {
    background: #fff url('images/icon_editor_right.png') no-repeat right top;
}

span.box-closed.icon-splitter {
    background: #fff url('images/icon_box_closed.png') no-repeat right top;
}

span.box-open.icon-splitter {
    background: #fff url('images/icon_box_open.png') no-repeat right top;
}

.circle {
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    background-color: #f00;
    display: inline;
    padding: 2px 6px;
    color: #fff;
    font-weight: bolder;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-right: 4px;
    margin-left: 4px;
}

span.layout-sliders {
    position: relative;
    bottom: -2px;
    display: inline;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 6px 132px 4px 132px;
    background: #fff url('images/layout_sliders.png') no-repeat right top;
 }

span.aered-menu-section {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: underline;
    margin-right: 8px;    
 }

ul {
    line-height: inherit;
}

li span.generic-key,
li span.generic-key.ctrl-key {
    font-weight: 800;
    padding: 0px 7px 4px 6px;
}

#note-values li span.generic-key {
    background-position: 0px 0px;
}

li span.ctrl-key {
    margin-left: 8px;
}