.left {	text-align: left; }
.right { text-align: right; }
.center, .centre { text-align: center; }
table.center, table.centre,
div.center, div.centre { margin: auto }	

/*------------------ dynamic selection ---------------------*/
span.choose {
	display: inline-block;
	float: none;
	position: relative;
	overflow: visible;
	}
span.choose	input {
	display: inline-block;
	float: none;
	height: 20px;
	border: 1px solid;
	margin: 0;
	padding: 0 2px;
	}
span.choose	ul {
	display: none;
	position: absolute; left: 0;
	box-sizing: border-box;
	z-index: 1;
	height: 200px;
	overflow: auto;
	border: 1px solid black;
	background: white;
	padding: 0;
	margin: 0;
	font-size: inherit; 
	}
span.choose li {
/*	list-style-type: none;	*/
	list-style-image: none;
	white-space: nowrap;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 1px 0;
	text-align: left;
	line-height: initial;
	}
span.choose li[disabled] {
	color: #C0C0C0;
	}
span.choose li[selected] {
	font-weight: bold;
	}
span.choose li:hover,
span.choose li:focus {
	cursor: pointer;
	background:	#0080FF;
	color: white;
	}
span.choose li[disabled]:hover,
span.choose li[disabled]:focus {
	cursor: not-allowed;
	background:	#C0C0C0;
	}