.messages {
  font-size:75%;
  color:#000088;
  margin: 0 0 2em 1em;
  
}

.messages p {
  line-height: 0.5;
}

# stuff to align the buttons in the OBU panel
div.xcontainer {
	#border: 1px solid #000000;
}

div.xleft {
	width: 25%;
	float: left;
}

div.xright {
	width: 73%;
	float: right;
}

# stuff to align the map and controls in the itemised bills page
div.ycontainer {
	border: 1px solid #000000;
}

div.yleft {
	width: 50%;
	float: left;
}

div.yright {
	width: 40%;
	float: right;
}

# This moved here to improve the alignment of three buttons in the demo site.
ul.btnx li, ul.btnWide li{
	text-align:center;
	list-style-type: none;
	padding: 0;
	margin: 5px;
	margin-right: 10px;
	display: inline;
	float: left;
	#background-image:url(../../common/images/btn_bg.gif);
	background-image:url(http://www.trusteddriver.com/common/images/btn_bg.gif);
  background-repeat:repeat-x;
	font-size: 130%;
	text-align: center;
	font-weight: bold;	
}