/* CSS Document */
/*-------------------------------------------------------------------------------------*/
/* 
	new action button css for retirement center (shorter button, less css, less markup) 
	mark-up:
	 
	<div class="btn_wrapper"><a class="action_btn" href="test.html"><span>Button Text<span class="arrow">&nbsp;</span></span></a></div>
*/

a.action_btn, a.action_btn_disabled {
	background: transparent url(/images/actionButton/btn_left.png) no-repeat 0 0;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 23px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
	height: 31px; /* Height of button background height */
	padding-left: 15px;
	text-decoration: none;
	outline: none;
}

a.action_btn_disabled {
	background-position: 0 -100px;
	cursor: default;
}

a:link.action_btn, a:visited.action_btn, a:active.action_btn, 
a:link.action_btn_disabled, a:visited.action_btn_disabled, a:active.action_btn_disabled {
	color: #fff; /*button text color*/
}

a.action_btn span, a.action_btn_disabled span {
	background: transparent url(/images/actionButton/btn_right.png) no-repeat top right;
	display: block;
	padding: 4px 15px 4px 0; /*Set left padding to XXpx to match value of 'padding-left' value above*/
}

a.action_btn_disabled span {
	background-position: right -100px;
}

a.action_btn:hover { /* Hover state CSS */
	background-position: 0 -50px;
}

a.action_btn_disabled:hover {
	background-position: 0 -100px;
}

a.action_btn:hover span { /* Hover state CSS */
	background-position: right -50px;
	color: #fff;
}

a.action_btn_disabled:hover span {
	background-position: right -100px;
	color: #fff;
}

a.action_btn:hover span span, a.action_btn_disabled:hover span span {
	background-image: url(/images/actionButton/arrow.gif);
}

a.action_btn span span, a.action_btn_disabled span span {
	background-image: none;
}

a.action_btn span span.arrow, a.action_btn_disabled span span.arrow {
	display: inline;
	background-image: url(/images/actionButton/arrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0;
	padding-left: 6px;
}

.action_btn_wrapper { /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

/* end action button css */
/*------------------------------------------------------------------------------*/