.bubbleButton
{
	cursor: pointer;
	cursor: hand;
	border: 0px;
	font-weight: bold;
	padding: 0px 2px 4px 2px;
	line-height: 28px;
	height: 28px;
	text-align: center;
	color: #ffffff;
	background: transparent no-repeat;
	z-index: 2;
}

.bubbleButtonWrapper
{
	color: #ffffff;
	background-color: #ffffff;
	line-height: 28px;
	height: 28px;
	z-index: 1;
	margin-left: 1px;
	margin-right: 1px;
}

.bubbleButtonOuter
{
	height: 30px;
	line-height: 30px;
	display: inline-block;
	color: #ffffff;
	background: transparent url( /images/btn_grey_all.gif ) no-repeat scroll right top;
	padding-right: 14px;
	z-index: 5;
	background-color: #5C3B6F;
}

.bubbleButtonInner
{
	height: 30px;
	line-height: 30px;
	display: inline-block;
	color: #ffffff;
	background: transparent url( /images/btn_grey_all.gif ) no-repeat scroll left top;
	padding-left: 10px;
	z-index: 4;
}

.bubbleButtonOuter:hover
{
	background-position: 100% -30px;
	color: #000000;
	background-color: #C2ACCE;
}

.bubbleButtonOuter:hover span, .bubbleButtonInner:hover
{
	background-position: 0% -30px;
	color: #000000;
	background-color: #C2ACCE;
}

.bubbleButtonOuter:hover span input, .bubbleButtonInner:hover input, .bubbleButton:hover
{
	color: #000000;
	background-color: #C2ACCE;
}


.bubbleButtonInner a, .bubbleButtonInner a:link, .bubbleButtonInner a:active, .bubbleButtonInner a:visited, .bubbleButtonInner a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

.bubbleButtonInner:hover a, .bubbleButtonInner:hover a:link, .bubbleButtonInner:hover a:active, .bubbleButtonInner:hover a:visited, .bubbleButtonInner:hover a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
.bubbleButtonInner a:hover
{
	text-decoration: underline;
}