img { border-style: none;}
.clear {clear: both;}
.hide {display: none;}
.show {display: block;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.justify {text-align: justify;}
.f-bold {font-weight: bold;}
.f-normal {font-weight: normal;}

.ui-align-center {text-align: center; padding-left: 0.25em; padding-right: 0.25em;}
.ui-align-left {text-align: left; padding-left: 0.5em;}
.ui-align-right {text-align: right; padding-right: 0.5em}
    
h1 > span {color: blue;}
h2 > span {color: #555;}
div.ui-content > h3 {text-align: center;}

textarea.textareaminheight {min-height: 120px;}
.us_inputs_integer,
.us_inputs_number {text-align: right;}
.us_form_mobile_content fieldset legend {display: none;}
.us_form_mobile_content fieldset legend.radiobox {display: block; font-weight: bold; text-transform: uppercase}

#rightpanel .ui-listview > .ui-li-static,
#leftpanel .ui-listview > .ui-li-static {padding: 0}
#rightpanel .ui-listview h3,
#leftpanel .ui-listview h3 {margin: 0;}

/* stack all grids below 40em (640px) */
@media all and (max-width: 35em) {
	.ui-responsive .ui-block-a,
	.ui-responsive .ui-block-b,
	.ui-responsive .ui-block-c,
	.ui-responsive .ui-block-d,
	.ui-responsive .ui-block-e {
		width: 100%;
		float: none;
                text-align: justify;
	}
}

.us_form_hide {display: none;}

.numberblock {padding-left: 0.5em; padding-right: 0.5em;}

.row-changed {background-color: #3388cc; color: white;}
.row-selected {background-color: #fadb4e; color: #333333; text-shadow: 0 1px 0 #ffffff; font-weight: bold;}
ul.ui-listview > li > a > span.info {color: #444; font-size: 14px}