/* Common elements to all buttons */
.editbutton, .editbutton_wide, .actionbutton
{
	border-width: 2px;
	border-style: outset;

	padding: 1px 4px;	

	text-decoration: none;

	font-family: Arial, Verdana, sans-serif;
	text-align: center;
	font-weight:bold;    
	
	white-space: nowrap;
	

	cursor:pointer;	
}

.editbutton:active, .editbutton_wide.active, .actionbutton:active
{
	border-style: inset;
}

/* Edit button */
.editbutton, .editbutton_wide
{
	background-image: url(gray-small.jpg); 	
	text-shadow: 1px 1px 1px #ECECEC;
	font-size: 15px;

	height: 25px;
	
	margin-bottom: 2px;
}


.editbutton
{
	border-color: #F8931D;
	color: #F8931D;
	background-image: url(gray-small.jpg); 
	width: 55px;
}

.editbutton_wide
{	
	width: 125px;
}

.editbutton:hover
{
	border-color: #676767;
	background-image: url(orange-small.jpg); 	
	color: #0459A9;
	/* padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.editbutton:active
{
	border-color: #676767;
	background-image: url(orange-small.jpg); 	
	color: #FFFFFF;
}

/* Action buttton */
.actionbutton
{
	font-size: 20px;	
	text-shadow: 1px 1px 1px #ffffff;

	width: 200px;
	height: 40px;

	margin-bottom: 5px;
}


.actionbutton, .editbutton_wide
{
	border-color: #ABABAB;	
	background-image: url(orange-large.jpg); 	
	color: #0459A9;	
}

.actionbutton:hover, .editbutton_wide:hover
{
	border-color: #F8931D;
	background-image: url(gray-large.jpg); 	
	color: #F8931D;
}

.actionbutton:active, .editbutton_wide:active
{
	border-color: #F8931D;
	background-image: url(gray-large.jpg); 	
	color: #0459A9;
}