/*
	This stylesheet is for widgets and buttons and such.

	Blue Button:
		Top: #2899CF
		Middle: #298EBA
		Bottom: #2A83A5
		Text: #FFFFFF Arial (Regular for smaller and Bold for larger)

	Grey Button:
		Top: #FAFAFC
		Middle: #E4E7EB
		Bottom: #CED3D7
		Border: #C1C3C5
		Text: #0E3C67 Arial (Regular for smaller and Bold for larger)

*/
/*------------------------------------------------------------------------------
|    =Button
------------------------------------------------------------------------------*/
/*	http://particletree.com/features/rediscovering-the-button-element/ */
a.button, body button{
	color:#FFF;
	cursor: pointer;
	background: transparent url('../../media/image/layout/button_sprites_action.png') no-repeat scroll left -22px;
	border-style: none;
	display: inline-block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	height: 31px;
	line-height: 31px;
	margin: 1ex 10px 1ex 0;
	overflow: visible;
	padding: 0px 10px 0px 7px;
	vertical-align: middle;
}

a.button.minor.critical {
	background: transparent url('../../media/image/layout/button_sprites_critical.png') no-repeat scroll left top;
}

a:hover.button{
	color:#FFF;
}

#centerWrapper a.button { /* high specificity to ensure there are no overrides by mistake */
	text-decoration: none;
}

body button {
	height: 31px;
	overflow: visible;
	padding: 0px 10px 0px 7px;
	width: auto;
}
::-moz-focus-inner {
	border: none;  /* override forced extra padding in Firefox */
}
@media all and (-webkit-min-device-pixel-ratio:0){
	button span { /* override forced extra padding in Safari */
		position: relative;
		right: -1px;
		top: 0;
	}
}

button span,
a.button span {
	background: transparent url('../../media/image/layout/button_sprites_action.png') no-repeat scroll right -22px;
	display: inline-block;
	font-size: 18px;
	height: 31px;
	line-height: 31px;
	margin-right: -12px;
	overflow: visible;
	padding-right: 9px;
	vertical-align: top;
	white-space: nowrap;

}

a.button.minor.critical span {
	background: transparent url('../../media/image/layout/button_sprites_critical.png') no-repeat scroll right top;
}

/* =minor*/
button.functional, button.functional span,
a.button.functional, a.button.functional span {
	background-image: url('../../media/image/layout/button_sprites_functional.png');
	color: #0E3C67;
}
button.minor span, a.minor span {
	background-position: right top;
	font-size: 12px;
	height: 21px;
	line-height: 21px;
}
button.minor , a.minor  {
	background-position: left top;
	height: 21px;
	line-height: 21px;
}
/* =micro */
button.micro, a.micro {
	background-position: left bottom;
	color: #0E3C67;
	font-size: 10px;
	font-weight: normal;
	height: 15px;
	line-height: 15px;
}
button.micro span, a.micro span {
	background-position: right bottom;
	font-size: 10px;
	height: 15px;
	line-height: 15px;
}