#bills {
	padding: 10px;
	background: #fff;
}

#bills h2 {
	margin-bottom: 20px;
	font-size: 130%;
	font-weight: bold;
	color: #3B4D3B;
}


#bills a#new_bill_bttn {
	display: block;
	text-indent: -9999px;
	background: url('../images/schedule_transaction.png') top left no-repeat;
	width: 53px;
	height: 23px;
	overflow: hidden;
}

#bills h2 small {
	font-size: 65%;
	color: #888;
}

#bills .row.alt {
	background: #CFFFCF;
}

#bills dl, #bills ul {
	list-style: none;
}

#bills dt {
	padding-top: 10px;
	margin-bottom: 10px;
	font-size: 95%;
	font-weight: bold;
	color: #333;
}

#bills ul li {
	padding: 5px;
	color: #666;
	font-size: 95%;
}

#bills .date {
	margin-left: 16px;
}

#bills .bill_action {
	margin-left: 16px;
}

#bills .bill_action a {
	color: #5dbb5d;
}

#bills .bill_action a:hover {
	color: #3B4D3B;
}

.amount_after {
	width: 249px;
	left: 465px;
	margin-top: -5px;
	padding: 5px;
	border: 1px solid #666;
	background: url('../images/transaction_bg.png') -3px -3px no-repeat #fff;
	position: absolute;
	z-index: 100;
	display: none;
}

#bills ul li:hover .amount_after {
	display: none; // change this to 'block' to make it appear again.  but since this isn't working, i'm turning it off
}

#bills h3 {
	font-size: 95%;
	color: #666;
}

#bills .container {
	margin-bottom: 10px;
	border: 1px solid #d2d2d2;
}