/*
--------------------------
--- Main button styles ---
--------------------------
*/
input.button 
{    
    vertical-align: middle;
    overflow: visible;
	padding: 0px 7px;
	border: 0;
	height: 25px;	
	line-height: 25px;
	background:transparent;
	cursor:pointer;	
	cursor:hand;
	font-family:Verdana; 
	font-size:13px;
	font-weight:bold;
	color:#444444;
}

input.button_disabled
{    
	cursor:default;	
	color:#777777;	
}

div.button_container
{   
    /* FF IE7 */
    display: table-cell;
    display: inline-table;
    display: inline-block;
    text-align:center;
    vertical-align:top;
    overflow:hidden;
    
    white-space: nowrap;    
	background-color: #adb7bc;	
}

div.button_container_ie6
{      
	background-color: #adb7bc;	
	display: block;
	width:1%;
	white-space:nowrap;
}

span.button_container_ie6_block_fix
{
    cursor:default;	
    display: inline-block;
}

div.button_container_ie_fix_width
{
    display: block;       
}

input.button_ie_fix_width
{
    width:100%;    
}
/* --- End --- */

/*
--------------------------
--- Button image styles --
--------------------------
*/
img.button_img
{
    cursor:pointer;	
	cursor:hand;    
    vertical-align: middle;    
}

img.button_img_disabled
{
    cursor:default;	
}

img.align_left
{
    padding-left: 8px;
}

img.align_right
{
    padding-right: 8px;
}
/* --- End --- */

/*
--------------------------
-- Button corners images -
--------------------------
*/
div.button_top_left_white_bg
{	
	background: url('../images/button/upleft_darkgray_white.gif') no-repeat top left;
}

div.button_top_right_white_bg
{	
	background: url('../images/button/upright_darkgray_white.gif') no-repeat top right;
}

div.button_bottom_left_white_bg
{	
	background: url('../images/button/downleft_darkgray_white.gif') no-repeat bottom left;	
}

div.button_bottom_right_white_bg
{	
	background: url('../images/button/downright_darkgray_white.gif') no-repeat bottom right;	
}

div.button_top_left_gray_bg
{	
	background: url('../images/button/upleft_darkgray_gray.gif') no-repeat top left;
}

div.button_top_right_gray_bg
{	
	background: url('../images/button/upright_darkgray_gray.gif') no-repeat top right;
}

div.button_bottom_left_gray_bg
{	
	background: url('../images/button/downleft_darkgray_gray.gif') no-repeat bottom left;	
}

div.button_bottom_right_gray_bg
{	
	background: url('../images/button/downright_darkgray_gray.gif') no-repeat bottom right;	
}

div.button_top_left_lightgray_bg
{	
	background: url('../images/button/upleft_darkgray_lightgray.gif') no-repeat top left;
}

div.button_top_right_lightgray_bg
{	
	background: url('../images/button/upright_darkgray_lightgray.gif') no-repeat top right;
}

div.button_bottom_left_lightgray_bg
{	
	background: url('../images/button/downleft_darkgray_lightgray.gif') no-repeat bottom left;	
}

div.button_bottom_right_lightgray_bg
{	
	background: url('../images/button/downright_darkgray_lightgray.gif') no-repeat bottom right;	
}

div.button_bottom_right_lightred_bg
{
    background: url('../images/button/downright_darkgray_lightred.gif') no-repeat bottom right;
}

div.button_bottom_left_lightred_bg
{
    background: url('../images/button/downleft_darkgray_lightred.gif') no-repeat bottom left;
}

div.button_top_right_lightred_bg
{
    background: url('../images/button/upright_darkgray_lightred.gif') no-repeat top right;
}

div.button_top_left_lightred_bg
{
    background: url('../images/button/upleft_darkgray_lightred.gif') no-repeat top left;
}

div.button_bottom_right_lightgreen_bg
{
    background: url('../images/button/downright_darkgray_lightgreen.gif') no-repeat bottom right;
}

div.button_bottom_left_lightgreen_bg
{
    background: url('../images/button/downleft_darkgray_lightgreen.gif') no-repeat bottom left;
}

div.button_top_right_lightgreen_bg
{
    background: url('../images/button/upright_darkgray_lightgreen.gif') no-repeat top right;
}

div.button_top_left_lightgreen_bg
{
    background: url('../images/button/upleft_darkgray_lightgreen.gif') no-repeat top left;
}

div.button_top_left_lightyellow_bg
{
    background: url('../images/button/upleft_darkgray_lightyellow.gif') no-repeat top left;
}

div.button_top_right_lightyellow_bg
{
    background: url('../images/button/upright_darkgray_lightyellow.gif') no-repeat top right;
}

div.button_bottom_left_lightyellow_bg
{
    background: url('../images/button/downleft_darkgray_lightyellow.gif') no-repeat bottom left;
}

div.button_bottom_right_lightyellow_bg
{
    background: url('../images/button/downright_darkgray_lightyellow.gif') no-repeat bottom right;
}
/* --- End --- */