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

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


.formRow {
	margin:5px 0;
}


.required, .showError {
color:#FF0000;
}

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

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

#frmSearchJobs input#jobsButton:hover{
	background-position: -16px 0;
}

/*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 --- */
.button {
	background-position: right top;
	text-align: center;
	font-size: 1.1em;
	line-height: 1em;
	float: left;
}

	.button,
	.button input {
		cursor: pointer;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: 700;
		color: #1d398d;
	}
	
		.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 { /*IE6 won't like these selectors - it will just pick the 'type' class*/
		background-image: url(/_hbi_ui/_NWO/_images/btn/bkg_button01.gif);
	}
	
	.button.type2,
	.button.type2 .bkg { /*IE6 won't like these selectors - it will just pick the 'type' class*/
		background-image: url(/_hbi_ui/_NWO/_images/btn/bkg_button02.gif);
	}
	
	.button.type3,
	.button.type3 .bkg { /*IE6 won't like these selectors - it will just pick the 'type' class*/
		background-image: url(/_hbi_ui/_NWO/_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: #1e3a8d;
	}
	#content .button:hover a,
	#footer .button:hover a,
	.button:hover input {
		color: #5774c9;
	}
	
#header .inputButton input,
#content .inputButton input,
#footer .inputButton input {
	border: none;
	display: block;
	text-indent: -1000em;
	cursor: pointer;
	text-transform:uppercase;
}

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


/* --- buttons with child icons/images --- */

#content .btnChild a{
	font-size:1.1em;
	font-weight:700;
	text-decoration:none;
	display:block;
	width:269px;
	overflow:hidden;
	position:relative;
	text-align:left;
}

	#content .btnChild a:hover{
		color: #5774c9;
		text-decoration:none;
	}

#content .btnChild a span{
	position:relative;
}


/* --- specific child background images & positioning --- */
/* These are only used on the main site so could be moved */


#content #btnMoreNurseryWorldNews a{
	background: url(/_images/btn/btnMoreNews.gif) top left no-repeat;
	height:54px;
}
	#content #btnMoreNurseryWorldNews a span{
		left:90px;
		top: 33px;
	}

#content #btnLatestIssueSubscribe a{
	background: url(/_images/btn/btnLatestIssueSubscribe.gif) top left no-repeat;
	height:45px;
	position:relative;
}
	#content #btnLatestIssueSubscribe a span{
		top:25px;
		left:15px;
	}

#content #btnMoreEquipment a{
	background: url(/_images/btn/btnMoreEquipment.gif) top left no-repeat;
	height:60px;
}
	#content #btnMoreEquipment a span{
		top:39px;
		left:75px;
	}
	
#content #btnMoreBooks a{
	background: url(/_images/btn/btnMoreBooks.gif) top left no-repeat;
	height:55px;
}
	#content #btnMoreBooks a span{
		top:33px;
		left:75px;
	}

#content #btnLatestPracticeResource a {
	background: url(/_images/btn/btnLatestPracticeResource.gif) top left no-repeat;
	height:76px;
}

	#content #btnLatestPracticeResource a span{
		top:43px;
		left:75px;
		display: block;
		width: 190px;
	}

#content #btnMoreFeatures a{
	background: url(/_images/btn/btnMoreFeatures.gif) top left no-repeat;
	height:56px;
}
	#content #btnMoreFeatures a span{
		left:75px;
		top: 35px;
	}
	
#content #btnLearningDevelopment a{
	background: url(/_images/btn/btnLearningDevelopment.gif) top left no-repeat;
	height:63px;
}
	#content #btnLearningDevelopment a span{
		left:65px;
		top: 42px;
	}
	
#content #btnEnablingEnviron a{
	background: url(/_images/btn/btnEnablingEnviron.gif) top left no-repeat;
	height:41px;
}
	#content #btnEnablingEnviron a span{
		left:75px;
		top: 20px;
	}
	
#content #btnCurriculumActivities a{
	background: url(/_images/btn/btnCurriculumActivities.gif) top left no-repeat;
	height:71px;
}
	#content #btnCurriculumActivities a span{
		left:75px;
		top: 50px;
	}
	
#content #btnUniqueChild a{
	background: url(/_images/btn/btnUniqueChild.gif) top left no-repeat;
	height:70px;
}
	#content #btnUniqueChild a span{
		left:75px;
		top: 50px;
	}
	
#content #btnPositiveRelationships a{
	background: url(/_images/btn/btnPositiveRelationships.gif) top left no-repeat;
	height:50px;
}
	#content #btnPositiveRelationships a span{
		left:75px;
		top: 30px;
	}

#content #btnAddYourOwnEvent a{
	background: url(/_images/btn/btnAddYourOwnEvent.gif) top left no-repeat;
	height:51px;
	width:207px;
}
	#content #btnAddYourOwnEvent a span{
		left:62px;
		top: 31px;
	}