/* styling for xCol elements used across the site */
@media screen {
	
#xcol .module {
	border:1px solid #b9b9b9;
	padding:6px 8px 16px 8px;
	margin-bottom:15px;
	overflow: hidden;
}
#bulletins h2,
#polls h2 {
	background:url(/_hbi_ui/_WPO/_images/bkg/bkgH2.gif) repeat-x left bottom;
	margin-bottom:12px;
	padding:0 7px 10px 5px;
}
#polls {
	background:url(/_hbi_ui/_WPO/_images/bkg/bkg_poll.gif) no-repeat bottom right;
}
#polls h3 {
	font-size:1.2em;
	font-family:verdana;
	line-height:1.5em;
}

#voteButton {
	background: url(/_hbi_ui/_WPO/_images/btn/btn_voteButton.gif) no-repeat -85px 0;
	width: 85px;
	height: 25px;
	margin: 10px 0;
}

/* jobs styling */
#jobs .header {
	background:url(/_hbi_ui/_WPO/_images/bkg/bkgH2.gif) no-repeat left bottom;
	padding-bottom: 12px;
	margin:10px 0 12px 0;
}

#jobs h2 {
	float: left;
}

#jobs h2 a {
	font-size:1em;
	background:none;
	float:left;
	padding:0 7px 0 5px;
	font-family:"Times New Roman", Times, serif;
	text-decoration:none;
	color:#000;
}
#jobs h2 a:hover {
	text-decoration:underline;
	background:none;
	color:#000;
}
.jobs {
	float:left;
	width:240px;
	margin-right:7px;
}
.rssJobs {
	float:right;
	width:31px;
	margin-bottom:10px;
}
#jobs ul li {
	font-weight:700;
	background:none;
	padding-left:10px;
	margin-bottom:3px;
}
#jobs ul li.jobDetail {
	margin:3px 0 10px 0;
	font-weight:normal;
	font-size:1.1em;
}
#searchJobsBtn {
	float: none;
	margin-top:15px;
}

/* xcol bulletins styling */
.bulletin {
	margin:5px 0 3px 8px;
}
.bulletin a {
	font-size:1.2em;
}

.subscribe {
	margin-top:15px;
	float: left;
}

.subscribe .textInput{
	float: left;
	margin-right: 5px;
}

.subscribe #signUpButton {
	float: left;
}

/* xcol polls styling */
#polls p {
	margin-bottom:10px;
}

/* styling to promo items */
#xcol .promoImage {
	margin-bottom:15px;
}

#xcol #promoItemsArea .promoImage {
	margin-right:10px;
	width:158px;
}
#xcol #promoItemsArea .promoTitleText,
#xcol #promoItemsArea .promoImageTitle,
#xcol #promoItemsArea .promoImageTitleText {
	margin:0 10px 15px 0;
	width:158px;
	border:1px solid #b9b9b9;
}
	#xcol #promoItemsArea .promoTitleText h3,
	#xcol .promoImageTitle h3,
	#xcol .promoImageTitleText h3 {
		background:#016bc3;
		font-size:1.2em;
		display:block;
	}
	#xcol .promoTitleText h3 a,
	#xcol .promoImageTitle h3 a,
	#xcol .promoImageTitleText h3 a {
		color:#fff;
		text-decoration:none;
		display:block;
		padding:8px;
	}
	#xcol .promoTitleText h3 a:hover,
	#xcol .promoImageTitle h3 a:hover,
	#xcol .promoImageTitleText h3 a:hover {
		background:#f3f6ff;
		color:#000;
		text-decoration:none;
		display:block;
	}
	#xcol .promoTitleText a img,
	#xcol .promoImageTitle a img,
	#xcol .promoImageTitleText a img {
		display: block;
	}	
	#xcol .promoTitleText p{
		padding: 8px;
	}
	
	#xcol .promoImageTitleText .promoTextContainer {
		background: #fff;
	}
	
	#xcol .promoImageTitleText p {
		margin: 8px;
		width: 100%;
	}
		#xcol .promoImageTitleText p a {
			display: block;
			width: 100%;
			text-decoration: none;
			/*color: #891635;*/
		}
			#xcol .promoImageTitleText p a:hover {
				/*color: #891635;*/
			}
	#xcol .promoImageTitleText {
		position: relative;
	}

/* styling for flash advert */		
.adMPU {
	margin-bottom:10px;
}

#promoItemsAndAds {
	overflow:hidden;
}
#promoItemsArea {
	float: left;
}
#xColAds {
	float:left;
}

#xColAds div {
	margin-bottom: 10px;
}

}