/* styling for form elements used across the site */
input.textInput {
	border:1px solid #668fb8;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 2px;
	font-size: 1.1em;
}

select.dropDown {
	border:1px solid #668fb8;
	font-family: Arial, Helvetica, sans-serif;
}

select.dropDown option {
	padding: 3px 3px 1px 3px;
}

.formRow {
	margin:5px 0;
}


span.required {
color:#FF0000;
}

/* xcol Jobs module styling */
#frmSearchJobs .textInput {
	float:left; 
	width:100px;
	margin-right:3px;
}

#frmSearchJobs input#jobsButton {
	float:left; 
	width:16px;
	background:url(/_hbi_ui/_WPO/_images/btn/btn_jobsButton.gif) 0 0 no-repeat;
	border:0;
	height:23px;
	text-indent:-5000px;
	cursor:pointer;
}

/*xcol bulletins styling */
.bulletin label {
	font-weight:700;
}
.subscribe input.textInput {
	width:176px;
}

/* email a friend form */
#emailThis .formRow label {
	float:left;
	font-size:1.2em;
	font-weight:bold;
	margin-right:5px;
	text-align:right;
	width:115px;
	}
#emailThis .textInput {
	width:245px;
}
#emailThis .formRow label {
	text-align: right;
	float: left;
	margin-right: 5px;
}
/* buttons styling */
.button {
	background-position: right top;
	text-align: center;
	font-size: 1.5em;
	line-height: 1em;
	float: left;
}

	.button,
	.button input {
		cursor: pointer;
		font-family: Times, 'Times New Roman', serif;
		font-weight: 700;
		color: #006ac3;
	}
	
		.button input {
			border: none;
			background-color: transparent;
			font-size: 1em;
			padding: 0;
			margin: -4px 0;
		}

	.button,
	.button .bkg {
		background-repeat: no-repeat;
		display: block;
	}
	
	.button.type1,
	.button.type1 .bkg {
		background-image: url(/_hbi_ui/_WPO/_images/btn/bkg_button01.gif);
	}
	
	.button.type2,
	.button.type2 .bkg {
		background-image: url(/_hbi_ui/_WPO/_images/btn/bkg_button02.gif);
	}
	
	.button.type3,
	.button.type3 .bkg {
		background-image: url(/_hbi_ui/_WPO/_images/btn/bkg_button03.gif);
	}
	
	.button .r1 {
		background-position: left top;
		padding: 5px 0 0 0;
		margin-right: 8px;
	}
	.button .r2 {
		background-position: right bottom;
		padding: 0 8px 0 0;
		margin-right: -8px;
	}
	.button .r3 {
		background-position: left bottom;
		padding: 0 0 8px 8px;
	}
	#content .button a,
	#footer .button a {
		text-decoration: none;
		color: #006ac3;
	}
	#content .button:hover a,
	#footer .button:hover a,
	.button:hover input {
		color: #024a86;
	}
	
#header .inputButton input,
#content .inputButton input,
#footer .inputButton input {
	border: none;
	display: block;
	text-indent: -1000em;
	cursor: pointer;
}

	#header .inputButton input:hover,
	#content .inputButton input:hover,
	#footer .inputButton input:hover {
		background-position: 0 0;
	}