@media all {
/* ########################################### */
/* ------------- XCOL STYLESHEET ------------- */
/* ########################################### */

#xcolContent {
	margin:20px 10px;
	}	

.xColModuleMargin{
	margin-left:10px;
	margin-right:5px;
}
	
.xColBoxContent a {
	font-size:1.1em;
	font-weight: 700;
	text-decoration: underline;
	color: #ED1C24;
}

	.xColBoxContent a:hover {
		color: #828f97;
	}
	
	.xColBoxContent .shadowButtonType1 a,
	.xColBoxContent .shadowButtonType2 a,
	.xColBoxContent .shadowButtonType3 a,
	.xColBoxContent .shadowButtonType4 a {
		font-size: 1.2em;
		text-decoration: none;
	}
		 .xColBoxContent .shadowButtonType1 a:hover,
		 .xColBoxContent .shadowButtonType2 a:hover,
		 .xColBoxContent .shadowButtonType3 a:hover,
		 .xColBoxContent .shadowButtonType4 a:hover {
		 	color: #fff;
		 }
		
/* ------- xcol boxes -------- */

	.xColBoxHeader,
	.latestIssueHeader {
		padding: 0 0 6px 0;
		background: url(/_hbi_ui/_PRO/_images/bkg/bkg_dash.gif) bottom left repeat-x;
		margin: 0 0 8px 0;
		}
		
		.xColBoxHeader h2,
		.latestIssueHeader h2 {
			display: block;
			height: 15px;
			width: 100%;
			line-height:0.8em;
			}
			
			.xColBoxHeader h2 a,
			.latestIssueHeader h2 a {
				display: block;
				height: 15px;
			}
			
				.xColBoxHeader h2 a:active,
				.latestIssueHeader h2 a:active {
					background: none;
				}
			
			.xColBoxHeader h2 span,
			.latestIssueHeader h2 span {
				display: block;
				text-indent: -100em; /* hides text */
				}
			
			.xColBoxHeader h2.directory a {
				display: block;
				width: 74px;
				height: 17px;
				}
				
				.xColBoxHeader h2.directory a:hover {
					text-decoration: none;
					}							
	
	/* ------- xcol jobs -------- */	
	
	.xColBoxHeader h2.jobs {
		background: url(/_hbi_ui/_PRO/_images/bkg/bkg_xColJobs.gif) no-repeat 0 0;
		float: left;
		width: 255px;
		}
		
		.xColBoxHeader h2.jobs span {
			display: inline;
			visibility: hidden;
		}
		
	.jobsHeader a.rss {
		width: 30px;
		float: right;
		background: url(/_hbi_ui/_PRO/_images/icon/ico_RSS.gif) no-repeat 0 0; 
		height: 15px;
		text-decoration: none;
	}
	
		.jobsHeader a.rss:hover {
		
		}			
	
	#jobsOfTheWeek h2 {
		margin: 0 0 6px 0;
		}
	
	#jobsOfTheWeek ul li {
		font-size:1.1em;
		}
	
		#jobsOfTheWeek ul li.jobDetail{
			margin:4px 0 5px 0;
			}
			
		#jobsOfTheWeek ul li a {
			color:#000;
			text-decoration: none;
			font-size: 1.1em;
			}
			
			#jobsOfTheWeek ul li a:hover {
			color: #ED1C24;
			}
			
	#jobsButtons {
		margin:15px 0;
		}	
		
		
	/* ------- xcol bulletin -------- */

	.xColBoxHeader h2.newsByEmail {
		background: url(/_hbi_ui/_PRO/_images/bkg/bkg_xColBulletin.gif) no-repeat 0 0;
		}
	
	.frmNewsByEmail{
		margin: 5px 0 25px 0;
		}
	
		.frmNewsByEmail .radio {
			margin-right: 5px;
			float: left;
			}
		
		.frmNewsByEmail label {
			font-weight: 700;
			float: left;
			margin-top: 2px;
			font-size: 1.2em;
			}
		
		.frmNewsByEmail a {
			float: left;
			margin-left: 4px;
			margin-top: 2px;
			font-size: 1.1em;
			font-weight: 700;
			}
		
		.frmNewsByEmail .frmRow {
			margin-bottom: 4px;
			}
		
			.frmNewsByEmail .frmRow a {
				}
			
		.frmNewsByEmail .field {
			width: 160px;
			margin: 5px 5px 0 0;
			border-bottom: 1px solid #dfdede;
			border-top: 1px solid #8f8f8f;
			border-left: 1px solid #c4c3c3;
			border-right: 1px solid #c4c3c3;
			color: #848484;
			float: left;
			}
		
		.frmNewsByEmail .subscribeButton {
			margin-top: 4px;
			}
			
	/* ------- xcol agency showcase -------- */
	
	.agency h2 {
		background: url(/_hbi_ui/_PRO/_images/bkg/bkg_xColAgency.gif) no-repeat 0 0;
		}		
		
	.agency .xColBoxContent {
		margin: 0 0 30px 0;
	}	
	
		.agency .xColBoxContent p {
			margin: 0 0 10px 0;
		}
		
		.agency .xColBoxContent  select {
			width: 220px;
			float: left;
			margin: 0 10px 0 0;
		}
		
		.agency .xColBoxContent .stdbutton {
			float: left;
		}
			
	/* ------- xcol poll -------- */

	.xColPoll h2 {
		background: url(/_hbi_ui/_PRO/_images/bkg/bkg_xColPoll.gif) no-repeat 0 0;
		}
		
	.xColPoll .xColBoxContent {
		margin: 0 0 30px 0;
	}
		
	#frmPoll p {
		font-weight: 700;
		margin: 0 0 10px 0;
		padding-top: 0;
		}
		
	#frmPoll .stdButton {
		margin: 16px 0 0 0;
	}	
		
	.xColPoll .formRow input {
		margin-top: 2px;
		float: left;
		}
	
	.xColPoll .formRow label{
		margin-bottom: 6px;
		float: left;
		width: 250px;
		}
	
	.xColPoll .formRow {
		clear: both;
		margin-bottom: 4px;
		}
	
		/* ------- xcol poll results -------- */

		h3.results {
			font-size:1.3em;
			font-weight:700;
			margin:10px 0;
		    }
		
		.pollResults {
			padding:0 20px 0 0;
			}
			
		.pollResults .pollResultsWrap {
			margin-left:0px;
			}
		
		.pollResults h2.header {
			color:#828f97;
			font-size:2em;
			margin-bottom:15px;
			display:block;
			font-weight:normal!important;
			}
				
		.pollResults h3 {
			color:#000;
			}
			
		.pollResults p {
			margin-bottom:1em;
			}
		
		.pollResults ul.relatedLinks li {
			padding:0 0 10px 0;
		}
		
		.pollResults ul.relatedLinks li span{
			font-weight:normal;
			color:#888888;
			} 
		
		.pollResults .pollResultsChart {
			border: solid 1px #d7d9d8;
			margin:10px 0 30px 0;
			padding-bottom:10px;
			min-height:263px;
			}
			
		.pollResults .pollResultsPrevious {
			width:98%;
			}
		.pollResults .pollResultsPrevious h2 {
			background:transparent url(/_hbi_ui/_PRO/_images/bkg/bkg_dash.gif) repeat-x scroll left top;
			display:block;
			font-size:1.5em;
			margin:0 0 8px;
			font-weight:700;
		}	
		
		.pollResults .pollResultsPrevious h2 span {
			background:transparent url(/_hbi_ui/_PRO/_images/bkg/bkg_dash.gif) repeat-x scroll left bottom;
			display:block;
			padding:8px 0;}
			
		.pollResults .pollResultsPrevious a {
			display:inline;
			color:#000;
			}
		
		.pollResults .pollResultsPrevious a:hover {
			display:inline;
			color:#ed1c24;
			}
			
		.pollResults p.totalVotes {
			padding-left:15px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.2em;
			font-weight:500;
			margin-bottom:5px;
			}
						

/* --- Xcol promos --- */

#xcol .promo1, #xcol .promo2, .cols3xcol .promo1, .cols3xcol .promo2 {
	margin-bottom: 15px;
	margin-right:0;
	border: 0 none;
	background: #e2e2e2;
	}
	
#xcol .promo1 h3 a, #xcol .promo2 h3 a, .cols3xcol .promo1 h3 a, .cols3xcol .promo2 h3 a  {
	/* background:transparent url(/_images/arrowPromo_xcol.gif) no-repeat scroll 0pt 2px; */
	color:#000;
	}
	
#xcol .promo1 p, #xcol .promo2 p, .cols3xcol .promo1 p, .cols3xcol .promo2 p {
	color:#000;
	}

	/* ------- xcol directory -------- */
	
	.directory h2 {
		background: url(/_hbi_ui/_PRO/_images/bkg/bkg_xColDirectory.gif) no-repeat 0 0;
		}
		
	.xColBoxContent.directory {
		margin: 0 0 20px 0;
	}	

	#frmBlueBoomerangSearch input#frmBlueBoomerangSearch_sSearch {
		width: 205px;
		border:1px solid #7A7A7A;
		float:left;
		margin-right:5px;
		}
			
	#frmBlueBoomerangSearch .frmRow {
		margin: 5px 0!important;
		}
		
	#frmBlueBoomerangSearch .frmRow .radio {
		float: left;
		border:0 none;
		margin-left:0;
		}
		
	#frmBlueBoomerangSearch img {
		clear: both;
		margin-top:5px;
		}

	/* ------- xcol latest issue -------- */
	
	.latestIssueHeader h2 {
		background: url(/_hbi_ui/_PRO/_images/bkg/bkg_xColLatest.gif) no-repeat 0 0;
	}
	
	#latestIssue {
		padding: 12px 0 5px 0;
		margin-bottom: 15px;
		margin-left:10px;
		zoom: 1;
		}
	
		#latestIssue .stdButton{
			margin:0 0 5px 5px;
			}
			
		#latestIssue h4{
			font-size:1.4em;
			font-weight:300;
			background: #d4d2d2;
			padding: 2px 5px;
			margin: 0 0 20px 0;
			}
		
		#latestIssue .latestIssueImage {
			float:left;
			}
			
			#latestIssue .latestIssueImage img {
				border: 1px solid #988985;
				}
			
			#latestIssue .latestIssueImage a {
				display: block;
				width: 123px;
				overflow: hidden;
			}
			
			#latestIssue .latestIssueImage a:hover {
				text-decoration: none;
			}
				
			#latestIssue .latestIssueImage a:active {
				background: none;
			}	
			
		
		#latestIssue .latestIssueContent {
			width: 160px;
			float:left;
			margin-right: 7px;
			}
			
			#latestIssue .latestIssueContent ul {
				margin: 0 0 30px 0; 
			}
			
				#latestIssue .latestIssueContent ul li {
					margin: 3px 0;
					font-weight: 700;
					font-size: 1.2em;
					}			
		
	/* --- Button Ads --- */
	#buttonAdsContainer {
		border:1px solid #D9D9D9;
		padding: 10px 10px 0;
		text-align:center;
		margin-bottom:15px;
		}
		
	#buttonAdsContainer h4 {
		margin-bottom:10px;
		}
		
	#buttonAdsContainer h4{
		margin-bottom:10px;
		}
	
	#buttonAds {	
		text-align:center;
		}
	
	#buttonAds div { 
		display:inline;
		}
		
	#buttonAds div img, #buttonAds div object {
		margin: 0 7px 0 7px;
		margin-bottom:12px;
		}
	
/* --- This Issue --- */

#thisIssue {
	padding-left:15px;
	}
	
#thisIssue h1 {
	clear: both;
	margin-left: 0;
	margin-bottom: 25px;
	font-size: 1.6em;
	font-weight: 700;
	padding: 0 0 10px 0;
	color: #828F97;
	}

.thisIssueImg {
	clear: both;
	float: left;
	}
	
.thisIssueIntro {
	float: left;
	margin-left: 20px;
	}

.thisIssueSubscribe, .thisIssueSubscribe img {
	clear: both!important;
	margin-top: 20px;
	}
	
.thisIssueSubscribe a {
	width: 174px;
	/* background: url(/_images/btnThisIssueSubscribe.gif) 0 0 no-repeat; */
	display: block;
	height: 27px;
	}
	
.thisIssueSubscribe a:hover {
	/* background: url(/_images/btnThisIssueSubscribe.gif) -174px 0 no-repeat; */
	text-decoration: none;
	}
	
.thisIssueLeading {
	/* background: url(/_images/borderDotHoriz.gif) repeat-x top left; */
	padding-top: 14px;
	}
	
.thisIssueLeading h2 a {
	color: #999;
	}
	
.thisIssueLeading h2 a:hover {
	color: #605e5e;
	text-decoration: none;
	}

#previousIssues {
	margin: 20px 0 0 14px;
	}
	
#previousIssues h2 {
	color: #999;
	}
	
#previousIssues a {
	font-size: 1.1em;
	color:#ED1C24;
	font-weight: 700;
	text-decoration: underline;
	}
	
	#previousIssues a:hover {
		color:#828F97;
	}
	
/* ------- close bracket for @media -------- */
}		
