/******************************************************************************
Styles common to iframes and full pages.
******************************************************************************/

/******************************************************************************
Form Buttons
******************************************************************************/

#document input.button,
#document button,
#document a.button {
	background-color: #f7f7f7;
	border: solid 1px #cccccc;
	font-weight: bold;
	font-size: 100%;
	color: #008ae6;
	text-decoration: none;
	font-family: arial, helvetica, sans-serif;
	margin: 0;
}

#document input.button,
#document button {
	/* workaround for IE providing too much padding on form buttons. */
	/* see: http://tinyurl.com/abalastow */
	width: auto;
	overflow: visible;

	_width: 1px; /* override for IE6 only */

	/* workaround for IE and Opera clipping the text if button is
	   inside a container with a text-indent setting. */
	text-indent: 0;
}

#document td input.button,
#document td button {
	.width: 100%; /* override for IE6 and IE7 only */
	_width: 1px; /* override for IE6 only */
}

#document input.whiteButton,
#document a.whiteButton,
#document button.whiteButton {
	background-color: white;
}

#document input.button { padding: 2px 4px; }
#document a.button     { padding: 2px 6px; }
#document button       { padding: 2px 4px; }

#document input.narrowerButton {
	padding: 2px 2px;
}
#document a.narrowerButton {
	padding: 2px 4px;
}
#document button.narrowerButton {
	padding: 2px 2px;
}