* { font-size: 12px; }
body { font-family: helvetica,tahoma,verdana,sans-serif; padding: 10px 20px; font-size: 13px; margin: 0; }
h2 { font-size: 18px; color: #333; font-weight: bold; margin: 0; margin-bottom: 15px; }
.demo-info { background: #FFFEE6; color: #8F5700; padding: 12px; }
.demo-tip { width: 24px; height: 16px; float: left; }
b.light { color: #666; }
a:hover b { color: #D3D3D3; }
a:hover { color: #416AA3; }
a { text-decoration: none; color: #000; }


.icon-blank { background: url('icons/blank.gif') no-repeat; }
.icon-add { background: url('icons/edit_add.png') no-repeat; }
.icon-edit { background: url('icons/pencil.png') no-repeat; }
.icon-remove { background: url('icons/edit_remove.png') no-repeat; }
.icon-save { background: url('icons/filesave.png') no-repeat; }
.icon-cut { background: url('icons/cut.png') no-repeat; }
.icon-ok { background: url('icons/ok.png') no-repeat; }
.icon-no { background: url('icons/no.png') no-repeat; }
.icon-cancel { background: url('icons/cancel.png') no-repeat; }
.icon-reload { background: url('icons/reload.png') no-repeat; }
.icon-search { background: url('icons/search.png') no-repeat; }
.icon-print { background: url('icons/print.png') no-repeat; }
.icon-help { background: url('icons/help.png') no-repeat; }
.icon-undo { background: url('icons/undo.png') no-repeat; }
.icon-redo { background: url('icons/redo.png') no-repeat; }
.icon-back { background: url('icons/back.png') no-repeat; }
.icon-sum { background: url('icons/sum.png') no-repeat; }
.icon-tip { background: url('../imgs_new/tip.png') no-repeat; }

.icon-mini-add { background: url('icons/mini_add.png') no-repeat 2px 2px; }
.icon-mini-edit { background: url('icons/mini_edit.png') no-repeat 2px 2px; }
.icon-mini-refresh { background: url('icons/mini_refresh.png') no-repeat 3px 2px; }