
/* START : New button styles */	
.buttonLine .linkButton {
	clear: 			both;
}

.linkButton {
	background: 	#87C055 url(/siteimages/buttons/text-buttons/linkButtonBackground.gif) left center repeat-x;
	border: 		1px solid #579325;
	color: 			#fff;
	font-family: 	Arial, Helvetica, sans-serif;
	font-weight: 	bold;
	font-size: 		12px;
	text-decoration:none;
	text-align: 	center;
	padding: 		6px 8px;
	margin-right: 	4px;
	cursor: 		pointer;
	width:			auto;

	/* For nice new browsers */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-shadow: 1px 1px 2px #000;
}

.linkButton.blueButton {
	background: 	#AFC4DF url(/siteimages/buttons/text-buttons/linkButtonBackgroundAgents.gif) left center repeat-x;
	border: 		1px solid #5783BD;
}

.filterButton .linkButton {
	margin-top: 	-5px;
}

/* 	The fixedGeoWidth allows the button to wrap onto a second line 
	if there's a long destination name.
	It needs the text inside the link to be wrapped in a span though.
*/
.linkButton.fixedGeoWidth {
	width: 			177px;
	margin-right: 	0;
	float: 			left;
}

.linkButton.fixedGeoWidth span {
	width: 			148px;
}

.linkButton.biggest,
.linkButton.back,
.linkButton.biggest.back {
	font-size: 		13px !important;
	padding: 		6px 8px !important;
}

.linkButton.mini {
	padding: 		2px 5px;
	font-size:		11px;
}

.linkButton.back {
	background: 	#87C055 url(/siteimages/buttons/text-buttons/linkButtonBackgroundBack.gif) left center repeat-x;
	border: 		1px solid #999;
}	
	
.linkButton:hover {
	background: 	#87C055 url(/siteimages/buttons/text-buttons/linkButtonBackgroundHover.gif) left center repeat-x;
	color: 			#fff;
	text-decoration:none;
	text-shadow: 	1px 1px 2px #222;	
}	

.linkButton.blueButton:hover {
	background: 	#AFC4DF url(/siteimages/buttons/text-buttons/linkButtonBackgroundHoverAgents.gif) left center repeat-x;
	border: 		1px solid #5783BD;
}

.linkButton.back:hover {
	background: 	#87C055 url(/siteimages/buttons/text-buttons/linkButtonBackgroundBackHover.gif) left center repeat-x;
	border: 		1px solid #777;
}		

.viewMoreArrow {
	padding-left: 	16px;
	background: 	url(/siteimages/shared/buttons/view-more-icon.png) left 2px no-repeat;
	color: 			#579325;
	font-weight: 	bold;
	line-height: 	14px;
	text-decoration:none;
}

.viewMoreArrow:hover {
	color: 			#579325 !important;
	text-decoration:underline;
}
/* END : New button styles */		

