/* CODIGO HTML QUE GENERA EL BOTON */
/*---------------------------------*/
/*
<table cellpadding="0" cellspacing="0" onmouseover="over_button(this)" onmouseout="out_button(this)" onmousedown="down_button(this)" onmouseup="over_button(this)">
<tr>
<td class="boton_left">
</td>
<td class="boton_center">
  Demo ipgButton
</td>
<td class="boton_right">
</td>
</tr>
</table>
*/

.boton_left{
background:transparent url(../media/boton/esq_izda.png) no-repeat scroll left top;
width:10px;
height:20px;
cursor: pointer;
}

.boton_center{
background:transparent url(../media/boton/centro.png) repeat-x scroll left top;
min-width:70px;
height:20px;

vertical-align:middle;
text-align:center;
padding-left:15px;
padding-right:15px;
color:#cecece;
font-weight:bold;
cursor: pointer;
}

.boton_right{
background:transparent url(../media/boton/esq_dcha.png) no-repeat scroll left top;
width:10px;
height:20px;
}

.boton_left_over{
background:transparent url(../media/boton/esq_izda_over.png) no-repeat scroll left top;
width:10px;
height:20px;
cursor: pointer;
}

.boton_center_over{
background:transparent url(../media/boton/centro_over.png) repeat-x scroll left top;
min-width:70px;
height:20px;

vertical-align:middle;
text-align:center;
padding-left:15px;
padding-right:15px;
color:#fff;
font-weight:bold;
cursor: pointer;
}

.boton_right_over{
background:transparent url(../media/boton/esq_dcha_over.png) no-repeat scroll left top;
width:10px;
height:20px;
cursor: pointer;
}
.boton_left_down{
background:transparent url(../media/boton/esq_izda_down.png) no-repeat scroll left top;
width:10px;
height:20px;
cursor: pointer;
}

.boton_center_down{
background:transparent url(../media/boton/centro_down.png) repeat-x scroll left top;
min-width:70px;
height:20px;

vertical-align:middle;
text-align:center;
padding-left:15px;
padding-right:15px;
color:#fff;
font-weight:bold;
cursor: pointer;
}

.boton_right_down{
background:transparent url(../media/boton/esq_dcha_down.png) no-repeat scroll left top;
width:10px;
height:20px;
cursor: pointer;
}