a.button{
    background      : transparent url('/images/p4c_button_left.png') no-repeat top left;
    display         : block;
    float           : left;
    font            : normal 12px Tohama, Verdana; /* Change 12px as desired */
    line-height     : 25px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 33px) */
    height          : 33px; /* Height of button background height */
    padding-left    : 20px; /* Width of left menu image */
    text-decoration : none;
}

a:link.button, a:visited.button, a:active.button{
    color : #FFFFFF; /*button text color*/
}

a.button span{
    background : transparent url('/images/p4c_button_right.png') no-repeat top right;
    display    : block;
    padding    : 4px 20px 4px 0; /*Set 20px below to match value of 'padding-left' value above*/
}

a.button:hover{ /* Hover state CSS */
    background-position : bottom left;
}

a.button:hover span{ /* Hover state CSS */
    background-position : bottom right;
    color               : white;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
    overflow : hidden; /* See also: http://www.quirksmode.org/css/clearing.html */
    width    : 100%;
}

.dl_box {
    padding : 0 8px;
}

.dl_text {
    font           : 12px Tahoma;
    color          : #000000;
    text-align     : right;
    vertical-align : top;
    float          : left;
    padding        : 3px 10px;
}

.dl_link {
    font           : 12px Tahoma;
    color          : #2A5EF9;
    text-align     : left;
    float          : left;
    vertical-align : top;
    padding        : 3px 10px;
}

div.button_error{
    background      : transparent url('/images/gray_button_left.png') no-repeat top left;
    display         : block;
    float           : left;
    font            : normal 12px Tohama, Verdana; /* Change 12px as desired */
    line-height     : 25px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 33px) */
    height          : 33px; /* Height of button background height */
    padding-left    : 20px; /* Width of left menu image */
    text-decoration : none;
    color : #FFFFFF; /*button text color*/
}

div.button_error span{
    background : transparent url('/images/gray_button_right.png') no-repeat top right;
    display    : block;
    padding    : 4px 20px 4px 0; /*Set 20px below to match value of 'padding-left' value above*/
}

.dl_text_error {
    font           : 12px Tahoma;
    color          : #777777;
    text-align     : left;
    vertical-align : top;
    float          : left;
    padding        : 3px 10px;
}
.WarnButton

{
	BORDER-RIGHT: #ffbf00 1px solid;
	BORDER-TOP: #ffbf00 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	BACKGROUND-IMAGE: url(../images/WarnButton.gif);
	BORDER-LEFT: #ffbf00 1px solid;
	COLOR: #ffffff;
	BORDER-BOTTOM: #ffbf00 1px solid
}