.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.text-align-left {
  text-align: left;
}

body { text-align:center; }

.ui-btn-text { font-size:120%; }

.error { color: #d00; font-weight: bold; }

.break { clear:both; }

.ui-header .ui-title, .ui-footer .ui-title {
  margin-left: 5%;
  margin-right: 5%;
}

/**
  * This code makes all 16px texts in jQuery Mobile 14px.
  * 
  * It's based on the CSS of jQuery Mobile 1.2.0 Alpha
  * (by searching for occurrences of "font-size: 16px"
  * and adding the found selectors to the list below).
  * 
  * The size of the titles in navigation bars remains 16px
  * Want those at 14px as well? Uncomment the parts below.
**/

body,
.ui-loader-verbose h1,
.ui-bar,
.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6,
/*.ui-header .ui-title, .ui-footer .ui-title,*/
.ui-btn-inner,
.ui-fullsize .ui-btn-inner,
label.ui-submit,
.ui-collapsible-heading,
.ui-controlgroup-label,
.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label,
.ui-popup .ui-title,
label.ui-select,
label.ui-input-text,
input.ui-input-text, textarea.ui-input-text,
.ui-li-heading,
label.ui-slider,
.ui-field-contain input.ui-slider-input,
span.ui-slider-label {
	font-size: 14px;
}

/*.ui-header .ui-title, .ui-footer .ui-title {
	line-height: 18px;
	margin-top: 9px;
	margin-bottom: 12px;
}*/

@media all and (min-width: 450px) {
	.ui-popup .ui-field-contain label.ui-submit,
	.ui-popup .ui-field-contain .ui-controlgroup-label,
	.ui-popup .ui-field-contain label.ui-select,
	.ui-popup .ui-field-contain label.ui-input-text {
		font-size: 14px;
	}
}