/* TI.forms.css 
 * Form Styling
 */

/* forms */

.disabled {
	color: gray;
}

.hint {
	position: absolute;
	left: 3em;
	top: -3em;
	width: 40em;
	margin: 0;
	border: 1px solid #c93;
	padding: .8em 1em;
	padding-left: 2em;
	background-color: #ffc;
	text-align: left;
	background-image: url('/img/interface/silk/information.png');
	background-repeat: no-repeat;
	background-position: 5px; center;
}

.inlineHelp {
	margin: 1em;
	border: 1px solid #c93;
	padding: .8em 1em;
	background-color: #ffc;
	text-align: right;
}

.nologo .hint {
	right: 2em;
	top: 2em;
}

input.phone3 {
	width: 3em;
}

input.phone4 {
	width: 4em;
}

input.city {
	width: 9em;
}

input.state {
	width: 2em;
}

input.zip {
	width: 4em;
}

input.date {
	width: 6em;
}

div.datepicker {
	width: 12em;
}

ul {
	list-style-type: disc;
	padding-left: 1em;
}

ul h4 {
	font-weight: bold;
	text-align: left;
}

form h4 {
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
}

ul.step-nav {
  float:right;
  list-style-type: none;
  padding-left:0;
}

ul.step-nav li {
  display: inline;
  float: left
}

ul.step-nav li.after {
  color: black;
}

ul.step-nav li.on {
  color: red;
  font-weight: bold;
}

ul.step-nav li.before {
  color: blue;
}

#formfoot input[type=submit] {
	display: block;
	margin: 0 auto;
	text-align: center;
}

input.descInput {
	width: 95%;
}

textarea.descInput {
	width: 95%;
	height: 7em;
}

dt label.form-error {
	color: red;
	font-weight: bold;
}

input.form-error {
	background-color: #FFBBBB;
}

.input label {
	display: block;
	float: left;
	width: 9em;
	padding-right: 1em;
	text-align: right;
}

.input, .submit {
	padding-top: 1em;
}