/* general button reset */
.buttons input.button, .buttons button.button, .buttons a.button {
	border-style: solid;
	border-width: 2px;
	color: #000;
	cursor:pointer;
	display:inline;
	float:left;
	margin: 0 0 0 0;
	outline-style: none;
	outline-color: invert;
	outline-width: thin;
	width:auto;
}

/* button fonts */
.buttons input.button,
.buttons button.button, 
.buttons a.button 
{
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	text-decoration:none;
}


.ie .buttons input.button, .ie .buttons button.button, .ie .buttons a.button {
	overflow:visible;
}

.button_col .button
{
	clear: left;
}

/* button layout */

.buttons input.button  { padding: 1px 2px 2px 2px; }
.buttons button.button { padding: 1px 2px 2px 2px; }
.buttons a.button      { padding: 4px 5px 3px 0.45em; }

/* IE */
.ie .buttons input.button  { padding: 0px 3px 1px 3px; }
.ie .buttons button.button { padding: 1px 3px 2px 3px; }
.ie .buttons a.button      { padding: 1px 4px 5px 4px; }

/* self-clear */
.buttons
{
 overflow: hidden; 
}

.ie .buttons
{ 
 width: 100%; 
}

/* small buttons */
.smallbuttons button.button, .smallbuttons input.button,   .smallbuttons a.button     
{
	font-size: 80%;
	border-width: 1px;
} 

.smallbuttons input.button  { padding: 0px 2px 0px 2px; }
.smallbuttons button.button { padding: 0px 2px 0px 2px; }
.smallbuttons a.button      { padding: 1px 5px 1px 5px; } 

/* IE small buttons size*/
.ie .smallbuttons input.button  { padding: 0px 4px 0px 3px; }
.ie .smallbuttons button.button { padding: 0px 4px 0px 3px; } /* do not use! */
.ie .smallbuttons a.button      { padding: 0px 6px 3px 3px; } 
.ie .smallbuttons a.button
{
	position:relative;
	top: -2%;
}

/* do we need this? */

/* safari ??
.content button[type]{
line-height:17px; 
}
 */

/* IE7
 *:first-child+html button[type]{
 padding:4px 10px 3px 7px; 
}
 */

/* button colours */

.buttons input.button,
.buttons input.button:focus,
.buttons button.button, 
.buttons button.button:focus, 
.buttons a.button,
.buttons a.button:focus 
{
	background-color: #dbdcdc;
	border-right-color: #b4b4b4;
	border-bottom-color: #b4b4b4;
	border-top-color: #eee;
	border-left-color: #eee;
	color: #000;
	outline: none;
}

.buttons input.button:hover,
.buttons button.button:hover,
.buttons a.button:hover
{
	background-color:#e5f4f8;
	border-right-color: #c2e1ef;
	border-bottom-color: #c2e1ef;
	border-top-color: #d2f1ff;
	border-left-color: #d2f1ff;
	color: #0072c6;
}

.buttons input.button:active, 
.buttons button.button:active, 
.buttons a.button:active 
{
	background-color:#0072c6;
	border-right-color: #6299c5;
	border-bottom-color: #6299c5;
	border-top-color: #6299c5;
	border-left-color: #6299c5;
	color: #fff;
}

.buttons .button[disabled],
.buttons .button[disabled]:hover,
.buttons .button[disabled]:active,
.buttons .button[disabled]:focus
{
	background-color: #dbdcdc;
	border-right-color: #b4b4b4;
	border-bottom-color: #b4b4b4;
	border-top-color: #eee;
	border-left-color: #eee;
	color: #ccc;
}

/* special purpose buttons */

table .smallbuttons input.delete-button
{
    float: right;
    margin-left: 0.5em;
    margin-top: 0.3em;
}