/* Shared module UI classes. Keep page styling here, not inside module PHP files. */
.module-page {
	margin: 0;
	padding: 0;
}

.module-title {
	margin: 0 0 14px;
	text-align: center;
}

.module-text {
	margin: 8px 0 14px;
	line-height: 1.5;
}

.module-note {
	margin: 12px 0 0;
	text-align: center;
	font-size: 11px;
}

.module-form {
	margin: 20px 0;
}

.ui-table {
	width: 100%;
	border-collapse: collapse;
}

.ui-table + .ui-table {
	margin-top: 20px;
}

.ui-table .ui-header,
.ui-table .header {
	text-align: center;
}

.ui-label {
	width: 35%;
	font-weight: bold;
}

.ui-label-wide {
	width: 40%;
	font-weight: bold;
}

.ui-center {
	text-align: center;
}

.ui-input,
.ui-select {
	width: 90%;
}

.ui-actions {
	margin: 12px 0 0;
}

.ui-button {
	width: 100%;
}

.page-about .module-text,
.page-rules .module-text,
.page-download .module-text {
	text-align: left;
}