@import url("/shared/css/useragentmanExample.css");

body {
	font-family: "Arial", sans-serif;
}

table.formTable {
	
	width: 40em;
	margin: 0 auto;
	overflow: none;
}

table.formTable input, table.formTable .description {
	width: 15em;	
}

table.formTable input.range {
	
	width: 11em !important;
}

output.withRange {
	display: block;
	float: left;
	margin-right: 0em;
	width: 3em;
	
}

table.formTable th, table.formTable td {
	padding: 0.4em 0.1em;
	vertical-align: top;	
}

table.formTable th {
	text-align: right;
	width: 20em;
}

table.formTable .description {
	color: #999999;
	font-size: 0.8em;
	text-align: justify;
}

table.formTable input.check {
	width: auto;
}

input[required], select[required] {
	background: #ffffee url("../images/asterix.gif")  no-repeat left 2px !important;
	padding-left: 1.5em;
	width: 13.5em !important;
}

input[type="radio"], input[type="checkbox"] {
	background-image: none !important;
	padding-left: 0;
}

select[required] {
	width: 15.2em !important;
}

input[type="radio"], input[type="checkbox"] {
	width: auto !important;
}


input:invalid {
		
}

table.formTable input[type="submit"] {
	width: auto;	
}