.button1-left,
.button1-right,
.button2-left,
.button2-right,
.button1-left div,
.button1-right div,
.button2-left div,
.button2-right div {
	float: left;
}

.button1-left  { background: url(../images/button1_l.png) no-repeat; margin-left: 5px; }
.button1-right { background: url(../images/button1_r.png) 100% 0 no-repeat; margin-left: 5px; }
.button2-left { background: url(../images/button2_l.png) no-repeat; float: left; margin-left: 5px; }
.button2-right { background: url(../images/button2_r.png) 100% 0 no-repeat; float: left; margin-left: 5px; }

.button1-left a, .button1-right a { display: block; height: 26px; float: left; line-height: 26px; font-size: 12px; font-weight: bold; color: #333; cursor: pointer; }
.button1-left  a { padding: 0 30px 0 6px; }
.button1-right a { padding: 0 6px 0 30px; }
.button1-left a:hover, .button1-right a:hover { text-decoration: none; color: #0B55C4; }
.button2-left a, .button2-right a, .button2-left span, .button2-right span { display: block; height: 22px; float: left; line-height: 22px; font-size: 11px; color: #333; cursor: pointer; }
.button2-left span, .button2-right span { cursor: default; color: #999; }
.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding: 0 6px; }
.page span { color: #000; font-weight: bold; }
.button2-left a:hover, .button2-right a:hover { text-decoration: none; color: #0B55C4; }
.button2-left a, .button2-left span { padding: 0 24px 0 6px; }
.button2-right a, .button2-right span { padding: 0 6px 0 24px; }

.button1-right .delete { background: url(../images/button1_delete.png) no-repeat; }
.button1-right .edit { background: url(../images/button1_edit.png) no-repeat; }
.button1-right .add { background: url(../images/button1_add.png) no-repeat; }
.button1-right .msg { background: url(../images/button1_msg.png) no-repeat; }
.button1-right .preview { background: url(../images/button1_preview.png) no-repeat; }
.button1-right .excel { background: url(../images/button1_excel.png) no-repeat; }
.button1-right .merge { background: url(../images/button1_merge.png) no-repeat; }
.button1-right .ok { background: url(../images/button1_ok.png) no-repeat; }

.button2-right .requeue { background: url(../images/button2_requeue.png) no-repeat; }
.button2-left .page { background: url(../images/button2_page.png) 100% 0 no-repeat; }
.button2-left .next { background: url(../images/button2_next.png) 100% 0 no-repeat; }
.button2-left .next_off { background: url(../images/button2_next_off.png) 100% 0 no-repeat; }
.button2-left .last { background: url(../images/button2_last.png) 100% 0 no-repeat; }
.button2-left .last_off { background: url(../images/button2_last_off.png) 100% 0 no-repeat; }
.button2-right .prev { background: url(../images/button2_prev.png) no-repeat; }
.button2-right .prev_off { background: url(../images/button2_prev_off.png) no-repeat; }
.button2-right .first { background: url(../images/button2_first.png) no-repeat; }
.button2-right .first_off { background: url(../images/button2_first_off.png) no-repeat; }
.button2-right .delete { background: url(../images/button2_delete.png) no-repeat; }
.button2-right .lists { background: url(../images/button2_lists.png) no-repeat; }
.button2-right .save { background: url(../images/button2_save.png) no-repeat; }
.button2-right .reset { background: url(../images/button2_reset.png) no-repeat; }
.button2-right .style { background: url(../images/button2_style.png) no-repeat; }
.button2-left .preview { background: url(../images/button2_preview.png) 100% 0 no-repeat; }