ul.buttonbar {margin: 0; list-style: none;}
ul.buttonbar li {margin: 0; padding: 0; display: inline;}

.buttonbar {border: 1px solid #cccccc; background-color: #f0f0ee; padding: 2px; height: 22px;}
.buttonbar a {float: left;}
.button a {display: block; width: 20px; height: 20px; margin: 1px; background-position: center center; background-repeat: no-repeat;}

.button.back   a {background-image: url('icon/back.gif');}
.button.print  a {background-image: url('icon/printview_tsk.gif');}
.button.timeprint a {background-image: url('icon/timeprint.gif');}
.button.printpreview a {background-image: url('icon/printpreview.gif');}
.button.getdoc a {background-image: url('icon/file_obj.gif');}
.button.notify a {background-image: url('icon/sample3.gif');}
.button.line a {background-image: url('icon/line-chart.gif');}
.button.bar a {background-image: url('icon/bar-chart.gif');}
.button.pie a {background-image: url('icon/pie-chart.gif');}
.button.msexcel a {background: url('icon/msexcel.gif') center center no-repeat;}
.button.pdf a {background-image: url('icon/pdf.gif');}

.button.add a {background: url('icon/add.gif') center center no-repeat;}
.button.rep a {background: url('icon/rep_editors_view.gif') center center no-repeat;}
.button.edit a {background: url('icon/edit.gif') center center no-repeat;}

.button.ok a {background: url('icon/haken_gruen.gif') center center no-repeat;}
.button.notok a {background: url('icon/kreuz_rot.gif') center center no-repeat;}

.button.version a {background: url('icon/v_orange.gif') center center no-repeat;}

.button.forward  a {background-image: url('icon/forward.gif');}
.button.check  a {background-image: url('icon/check.png');}

.button.attention a {background: url('icon/attention.png') center center no-repeat;}

.button.copy a {background: url('icon/copy.png') center center no-repeat;}

/*
.button.warning  a {background-image: url('icon/showwarn_tsk.gif');}
*/

.button.warning a {background: url('icon/showwarn_tsk.gif') center center no-repeat;}

.button a:hover {background-color: #e9c5c7; margin: 0; border: 1px solid #CF2536;}
.button a span  {display: none;}

