/*

Buttons.

*/

/* General button behaviour */
span.button {
	white-space: nowrap;
	color: #fff;
}
span.button a {
	text-decoration: none;
	color:#fff;
}
span.button a:hover {
	text-decoration: none;
	color:#fff;
}
span.button, span.button a:visited {
	color: #fff;
}
/* Use padding so that the link's active area includes the gap */
span.button a.icon {
	padding-right: 4px;
}
/* Use margin because IE6 is ignoring padding */
span.button img.icon {
	margin-right: 4px;
}
span.button img {
	vertical-align: middle;
}
span.buttonBackground {
	vertical-align: middle;
	font-size: 14pt;
}
span.buttonLabel {
	font-size: 10pt;
	vertical-align: 15%;
}
span.buttonCorner {
	background: no-repeat;
}
span.topLeft {
	background-position: top left;
}
span.bottomLeft {
	background-position: bottom left;
}
span.topRight {
	background-position: top right;
}
span.bottomRight {
	background-position: bottom right;
}

/* Shared button types ... */

/* Active */
span.activeButtonBackground {
	background-color: #157697;
}
span.activeButtonBackground span.topLeft {
	background-image: url(/view/shared/assets/images/corners/active/topLeft.png);
}
span.activeButtonBackground span.bottomLeft {
	background-image: url(/view/shared/assets/images/corners/active/bottomLeft.png);
}
span.activeButtonBackground span.topRight {
	background-image: url(/view/shared/assets/images/corners/active/topRight.png);
}
span.activeButtonBackground span.bottomRight {
	background-image: url(/view/shared/assets/images/corners/active/bottomRight.png);
}

/* Inactive */
span.inactiveButtonBackground {
	background-color: #8bbacc;
}
span.inactiveButtonBackground span.topLeft {
	background-image: url(/view/shared/assets/images/corners/inactive/topLeft.png);
}
span.inactiveButtonBackground span.bottomLeft {
	background-image: url(/view/shared/assets/images/corners/inactive/bottomLeft.png);
}
span.inactiveButtonBackground span.topRight {
	background-image: url(/view/shared/assets/images/corners/inactive/topRight.png);
}
span.inactiveButtonBackground span.bottomRight {
	background-image: url(/view/shared/assets/images/corners/inactive/bottomRight.png);
}

/* Label */
span.labelButtonBackground {
	background-color: #b5b5b5;
}
span.labelButtonBackground span.topLeft {
	background-image: url(/view/shared/assets/images/corners/label/topLeft.png);
}
span.labelButtonBackground span.bottomLeft {
	background-image: url(/view/shared/assets/images/corners/label/bottomLeft.png);
}
span.labelButtonBackground span.topRight {
	background-image: url(/view/shared/assets/images/corners/label/topRight.png);
}
span.labelButtonBackground span.bottomRight {
	background-image: url(/view/shared/assets/images/corners/label/bottomRight.png);
}