.left { float: left !important; }
.right { float: right !important; }
.clear { font-size: 0; width: 0; height: 0; overflow: hidden; clear: both; }
.hidden { display: none; }
.small { font-size: .8em; }
.green { color: #4d8f25; }
.blue { color: #015387; }
.red { color: #811; }
.loading { 	width: 110px; height: 20px; color: #666; line-height: 20px; font-size: 0.8em; margin: 6px 0 6px 10px; padding: 0px 0 0px 50px; background: url(/img/loading.gif) no-repeat 0 4px; }
div.refresher {
	float: left;
	width: 200px;
	color: #666;
	margin: 2px 0 0 10px;
	padding: 2px 0 0px 50px;
	font-size: 9px !important;
	font-weight: normal !important;
	background: url(/img/loading.gif) no-repeat 0 4px;
}
a.refresh, a.refresh:hover {
	display: block;
	float: right;
	width: 18px;
	height: 20px;
	margin: -3px 5px 0 0;
	padding: 0 6px;
	text-decoration: none;
	border: 0;
	background: url(/img/refresh.gif) no-repeat top center;
}

div.sub-title {
	margin: 1px 0 1px 0;
	padding: 0 0 2px 0;
}

/* error and message box */
.messages { display: none; margin: 0 0 .8em 0; padding: 0; }
.messages p { padding: .8em; margin: 0; }
.messages .ui-icon { float: left; margin: 0 0.3em; }