.uform-wrapper {
	position: absolute;
	top: 40px;
	left: 10%;
	margin: 0 auto;
	display: none;
	width: 80%;
	background: #333;
	text-align: center;
	z-index: 99;
	background: #e5e5e5;
	text-align: center;
	border: 1px solid #999;
}

.uform {
	margin: 5px auto;
}

.userhint {
	position: relative;
	display: block;
	font-size: 1.2em;
	line-height: 3em;
	text-align: center;
	color: white;
	background: #07c;
	z-index: 99;
	line-height: 3em;
}

.uform em {
	font-style: normal;
	font-weight: 500;
	color: #cfcfcf;
}

.userhint em {
	color: #fff;
}

.uform .userterm {
	width: 80%;
	overflow: auto;
	background: #eee;
	border: 1px solid #b0e0e6;
	margin: 0.5em auto;
}

.userterm em {
	color: #c02;
}

.uform .userterm ul {
	list-style-type: decimal;
}

.uform .userterm li {
	text-align: left;
	margin: 0.5em auto;
	padding-left: 2em;
	list-style: inside;
	list-style-type: decimal;
}

.uform .userterm h3 {
	margin: 0.2em auto;
	text-align: center;
	font-size: 1.5em;
	color: #000;
}

.uform fieldset {
	text-align: center;
}

.uform section {
	height: 4em;
	margin-bottom: 4em;
}

.uform table {
	text-align: center;
	width: 99%;
}

.uform form fieldset {
	margin: 1.5em 0 0 0;
	font-size: 1em;
}

.uform legend {
	color: #333;
	font-size: 1.0em;
	font-weight: 600;
	margin: 0.5em auto;
	text-align: center;
}

.uform ol {
	padding: 5px;
	list-style: none;
}

.uform li {
	text-align: left;
	margin: 10px auto;
	margin-left: 10%;
}

.same-line {
	width: 800px;
	margin: 0 100px;
	display: inline;
	clear: both;
}

.input-tip {
	display: none;
}

span em.hint {
	font-size: 12px;
	color: #ff6f3d;
}

.input-tip .icon {
	width: 15px;
	height: 15px;
	margin: 0px 3px;
	vertical-align: middle;
	display: inline-block;
}

.input-tip  .error {
	background: url(../images/icons/error-icon.png) no-repeat;
}

.input-tip .warning {
	background: url(../images/icons/waring.png) no-repeat;
}

.input-tip  .ok {
	background: url(../images/icons/tick.png) no-repeat;
}

.uform label {
	display: inline-block;
	text-align: right;
	clear: both;
	color: #333;
	width: 30%;
}

.checkboxs {
	width: 70%;
	margin: 15px 30%;
}

.checkboxs label {
	display: block;
	padding-left: 15px;
	text-indent: -15px;
}

.checkboxs input[type="checkbox"] {
	width: 13px;
	height: 13px;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	position: relative;
	top: -1px;
	*overflow: hidden;
}

.other-options {
	text-align: center;
}

.uform input, .uform textarea, .uform select {
	padding-left: 0.5em;
	margin: 0 1em;
	color: #000;
	width: 30%;
	height: 2em;
}

.upform p {
	line-height: 1em;
	margin: 2em;
	height: 2em;
}

.uform p>label {
	text-align: center;
	height: 2em;
}

.uform input[type='checkbox'] {
	margin: 0 1em;
	width: 1em;
}

.uform textarea {
	height: 5em;
}

.uform input[type="submit"] {
	height: 2em;
	line-height: 2em;
	border-radius: 0.2em;
	color: #fff;
	border: none;
	width: 30%;
	font-size: 1.2em;
	margin: 0.5em auto;
	background: #1e90ff;
}

.uform input[readonly="readonly"] {
	background: #666;
	color: orange;
}

.uform input[disabled="disabled"] {
	background: #666;
	color: #ccc;
}

.uform a {
	display: inline-block;
	margin: 5px 20px;
	font-size: 1em;
}

.userpanel {
	text-align: center;
	margin: 0 auto;
}

.userpanel table {
	min-width: 50%;
	margin: 0 auto;
	border-collapse: collapse;
	text-align: center;
}

.userpanel caption {
	text-align: center;
	font-size: 1.2em;
	color: royalblue;
	margin: 1em auto;
}

.userpanel tr:nth-child(even) {
	background: #efefef;
}

.userpanel tr:nth-child(odd) {
	background: #fefefe;
}

.userpanel td {
	border: 1px solid #666;
	text-align: center;
	border-collapse: collapse;
	min-height: 25px;
}

.userpanel th {
	border: 1px solid #2f2f2f;
	text-align: center;
	padding: 2px auto;
	color: #333;
}