/* -----------------------------------
	Basic layout for list views
   ---------------------------------*/

.btn {
	position: relative;
	margin-right: 3px;
	white-space: nowrap;
	display: -moz-inline-box; /* Gecko does wierd things to the mousover/hover of the link if we don't do this */
	text-shadow: none;
	cursor: pointer;
}
	.btn > a,
	.btn > span {
		display: -moz-inline-box;
		display: inline-block;

		padding: 0px 9px 0px 0px;

		background: url("../../img/pill/pill_r.png") right top no-repeat;
		color: #012;
		text-decoration: none;
	}
		.btn > a > span,
		.btn > span > span {
			display: block;
			padding: 4px 1px 4px 10px;
			line-height: 16px;

			background: url("../../img/pill/pill_l.png") left top no-repeat;
		}
	.btn > a:hover,
	.btn > span:hover {
		background-image: url("../../img/pill/pill_r_hover.png");
	}
		.btn > a:hover span,
		.btn > span:hover span {
			background-image: url("../../img/pill/pill_l_hover.png");
		}

.fly > a {
	padding-right: 27px;
	background: url("../../img/pill/pill_r_fly.png") right top no-repeat;
}
.fly > a:hover {
	background-image: url("../../img/pill/pill_r_fly_hover.png");
}

.btn.disabled {
	opacity: 0.8;
	cursor: default;
}
	.btn.disabled a,
	.btn.disabled > span {
		color: #444;
		cursor: default;
	}
	.btn.disabled a:hover, .btn.disabled > span:hover { background-image: url("../../img/pill/pill_r.png"); }
	.btn.disabled a:hover span, .btn.disabled span:hover span { background-image: url("../../img/pill/pill_l.png"); }

.btn em { font-style: normal; }