/******************************************************************************************

All buttons on Speedytravel site have a span inside them. Together the "span" and "button" tags use the sliding-doors method (see AListApart website) to create the look of a cohesive button.

******************************************************************************************/

/* General 'yes'/'save'/'agree' button */
button.next, button.save, button.search {
	border: 0;	
	background: url("../images/button2-left.gif") no-repeat left 1px; /* This 1px drops background down inline with the span but there has to be an IE-compatible way to do this... sigh. Look at later.*/
	padding: 0;
	display: inline-block; 
	height: 28px;
	color: #fefff5;
	cursor: pointer;
	margin: 0;
}
button.next span, button.save span, button.search span {
	background: url("../images/button2-right.gif") no-repeat top right;
	padding-right: 11px;
	margin-left: 11px;
	height: 28px;
	display: block;
	white-space: nowrap;
	line-height: 26px;
}

/* General 'no'/'cancel'/'decline' button */
button.cancel, button.cancel-bright, button.change {
	border: 0;	
	background: url("../images/button3-left.gif") no-repeat left 1px; /* This 1px drops background down inline with the span but there has to be an IE-compatible way to do this... sigh. Look at later.*/
	padding: 0;
	display: inline-block; 
	height: 28px;
	color: #000;
	cursor: pointer;
}
button.cancel span, button.cancel-bright span, button.change span {
	background: url("../images/button3-right.gif") no-repeat top right;
	padding-right: 11px;
	margin-left: 11px;
	height: 28px;
	display: block;
	white-space: nowrap;
	line-height: 26px;
}
button.cancel-bright {
	color: #bd0020;
	font-weight: bold;
	/*color: #fefff5;
	background: url("../images/button5-left.gif") no-repeat top left 1px;*/
}
button.cancel-bright span {
	/*background: url("../images/button5-right.gif") no-repeat top right;*/
}



/******************************************************************************************

Icons on buttons

******************************************************************************************/

.trip-info .button-icon {
	display: inline-block;
	height: 12px;
	margin: -2px -1px 0 -2px;
	vertical-align: middle;
	padding: 0;
	width: 12px;
}
.trip-info button.cancel .button-icon {
	background: url("../images/icons/cancel-x.png");
}
.trip-info button.cancel .trip-info button.change {

}