/* ########################################### */
/* -------- GENERAL STYLES STYLESHEET -------- */
/* ########################################### */

@media all {

/* Reset now lives in _hbi_ui/css/reset.css */

body.wideArticleUber{
	background-image:none;
	background-color:#fff;
	}
	
	#uberContainer {
		margin: 0px auto;
		position: relative;
		width: 960px;
		}
		
	.wideArticleUber #footer{
		background:none;
	} 
		
	#content {
		clear: both;
		background: url(/_hbi_ui/_PRO/_images/bkg/bkg_content.gif) repeat-y top right;
		}
		
		.wideBackground #content, .col-M #content {
			background-image:none!important;
			}
		
	#maincol {
		margin: 0 20px 0 0; 
		display:inline;
		}
		
		.col-M #maincol {
			margin: 0;
		}
	
	#news h2, #channel h2, #login h2, #confirmRegister h2, #article h2 {
		padding-top: 14px;
		}
	
	.bkgGrey {
		background: #f1efef;
		width: 100%;
		border: 1px solid #000;
		border-top: none;
		}
			
	.hide {display: none!important;}
	
	.fullWidth {width: 100%;}	
	
	.horizList ul li, ul.horizList li {
		float: left;
		display: inline;
		}
	
	.cms ul {
		list-style: disc;
		padding: 5px;
		margin: 5px;
	}
		
	.bottomDash {
		background:url(/_hbi_ui/_PRO/_images/bkg/bkg_dash.gif) repeat-x left bottom;
	}
	
	.summaryMarginBottom p{
		margin-bottom:10px;
	}
	
	.positionRelative{
		position:relative;
	}

/* ------- page title -------- */

	#pageTitle{
		display:block;
		width:100%;
		}
		
		#pageTitle h1{
			font-size:2.2em;
			color:#828f97;
			font-weight:300;
			float:left;
			}
	
	h2.articlePageTitle{
		font-size:1.8em!important;
		color:#3b3b3b!important;
		text-transform:capitalize!important;
		font-weight:normal!important;
		background: none!important;
		margin-bottom: 15px!important;
		margin-top: 0!important;
		padding-bottom: 1px!important;
		float: left;
		}

/* ------- Subcol Elements -------- */

	#subcol form {
		padding: 12px 0 0 10px;
		}
	
	#subcol form .formRow{
		margin-bottom:4px;
		}
	
	#subcol form input.radio{
		padding:0;
		border:none;
		width:18px;
		}
	
	#subcol form input{
		vertical-align: middle;
		}

/* ------- Lists -------- */

	p.bullet a, h3.bullet a {
		padding: 0.2em 0.2em 0.2em 1.5em;
		display: block;
		background-position: 0 0.6em;
		}
	
	p.bullet a {
		text-decoration: none;
		}	
	
	ul.standard li a {
		padding: 0.3em 0.2em 0.4em 0.8em;
		display: block;
		overflow: hidden;
		}

/* ------- Boxes -------- */

	.h1WithSponsor {
		width: 150px;
		padding: 7px 0;
		background: #f0f1f2;
		color: #848484;
		font-size: 1.2em;
		margin: 0 0 20px 0!important;
		}
	
		.h1WithSponsor span {
			display:block;
			text-align:center;
			margin: 0 0 8px 0;
		}
		
		.h1WithSponsor img {
			margin: 0 auto;
			display:block;
		}
	
	.h1Standard h1, .h1WithSponsor h1{
		border:none;
		float:left;
		padding-top:3px;
		padding-left:8px;
		}
		
	.sponsorPoll{
		padding-bottom:10px;
		margin-top:5px; 
		border-bottom:1px solid #c3c8cc
	}
	
	.sponsorPoll span{
		font-size:1.1em;
		padding-right:5px;
		color:#7F7F7F;
	}	
		
	
	.h2Rss .rssFeed img{
		padding: 17px 0 0 6px;
		}
	
	.h2Rss h2 img{
		padding-left: 10px;
		}
	
	.rssFeed a:focus, .rssFeed a:active{
		background:none;
		}

/* ------- Story summaries -------- */

	.story {
		width: 100%;
		clear: both;
		float: left;
		background: transparent;
		padding:10px 0 10px 0;
		}
	
		.story.last {border:none!important;}
	
		.story img {
			float: left;
			}
	
	.feature {
		display:block;
		width:610px;
		padding: 12px 0 0 0;
	}
	
	.topStory {
		padding: 0 0 10px 0;
		margin: 20px 0 10px 0;
	}
	
	h1.headline{
		display:block;
		font-size: 1.8em;
		margin: 0 0 15px 0;
		}
		
		h1.headline a:hover {
			text-decoration: underline;
			color:#ED1C24;
			}	
		
	.featureContent{
		margin: 0 0 22px 0;
		}
	
	.feature .story h3 {
		font-size: 1.30em;
		}
		
	.feature .story h4 {
		padding-bottom: 10px;
		}
	
	.feature .story p {
		font-size: 1.2em;
		line-height: 1.6em;
		margin: 10px 0 0;
		}
	
	.feature .story h4.byline {
		margin-top: 3px;
		}
	
	h4.byline {
		color: #000;
		margin-top: 3px;
		margin-bottom: 10px;
		font-size: 1.1em!important;
		line-height: 1.1em;
		}
	
	h4.byline a {
		color: #ed1c24;
		text-decoration: underline;
		}
		
	h4.byline a:hover {
		color:#000;
		text-decoration: underline;
		}	
	
	h4.byline a.author {
		padding:1px 0 3px 0;
		}

		
	.cols1Full {
		float: left;
		background: #F8F6F7 ;
		width: 100%;
		padding: 10px 0;
		}
	
	.cols1Full p {
		padding: 0 5px 5px 10px;
		}
	
	div.cols1Right, .cols1Right h2 {
		margin-top: 0;
		padding-top: 0!important;
		}
	
	.colLayout2 {
		width: 595px;
		/* background: url(/_images/borderDotVertical.gif) repeat-y  288px 0; */
		}
	
	.features .borderVerticalRight, .furtherNews .borderVerticalRight {
		background-position:289px 46px;
		}
		
	.borderVertical2Thirds {
		background-position:452px 0;
		background-repeat:repeat-y;
		float:left;
		}

	.cols2Left, .cols2Right {
		width: 300px;
		float: left;
		}
		
		.cols2Left {
			margin-right: 20px;
		}
		
	.cols2Thirds {
		width: 418px; 
		float: left;
		display:inline;
		margin:10px 8px 0 0px;
		clear:both;
		}
		
	.cols1Third {
		width: 166px;
		float:left;
		border-left:1px solid #DBDCDE;
		padding-left:10px;
		}
		
	
	.noModuleFixLeft {
		width:296px;
		}
	
	.noModuleBkgFixRight {
		width:280px;
		}
	
	#bulletins .cols2Left li{
		width:285px;
		}
	
	#bulletins .cols2Right li{
		width:290px;
		}
	
	.colLayout3 {
		float: left;
		width: 100%;
		/* background:transparent url(/_images/borderDotVerticalFull.gif) no-repeat scroll 185px 46px; */
		}
		
	.colLayout3Background {
		/* background:transparent url(/_images/borderDotVerticalFull.gif) no-repeat scroll 390px 46px; */
		float:left;
		}
		
	.cols3 {
		width: 180px;
		float: left;
		margin-right: 0;
		}
	
	.cols3Middle {
		float:left;
		padding-right:3px;
		padding-left:7px;
		border-right:1px solid #fff;
		border-left:1px solid #fff;
		background:transparent;
		margin:0 20px 0 20px;
		}
	
	.cols3Right {
		margin-right: 0;
		float:left;
		background:transparent;
		padding-left:0px;
		}
	
/* ------- features module 3 col - used on home page -------- */

	.features h4 {
		margin-top:3px;
		padding-right:5px;
		}
		
	.features p {
		clear:left;
		padding-right:5px;
		}

/* ------- Article Page -------- */

	.storyContent img {
		border: 1px solid #ccc;
		}
	
	.specialSummary .bold{font-weight:normal!important;}
	
	#article {
		float: left;
		/* background: transparent url(/_images/article_bkg.gif) left top repeat-y; */
		}
	
	#article .cols2Left {
		margin-right: 0;
		background: #F8F6F7;
		}
	
	#article .cols2Left h2 {
		border: none;
		color: #000;
		font-family: tahoma, arial, helvetica, sans-serif;
		font-size: 1.4em;
		font-weight: 700;
		padding-top: 5px;
		}
	
	#article .cols2Left h2, #article .cols2Left h3, #article .cols2Left h4, #article .cols2Left h4.byline, #article p, #article .cols2Left form {
		padding-left: 10px;
		padding-right: 5px;
		}
	
	#article .cols2Right {
		width: 310px;	
		}
	
	#article .tools {
		width: 260px;
		padding-top: 5px;
		margin-left: 10px;
		}
	
	#article .cols2Left h3 {
		border-bottom: none;
		font-weight: 400;
		}
	
	#article #commentsBody {
		margin-top: 10px;
		}
	
	#article #commentsBody textarea {
		width: 268px;
		border: 1px solid #999;
		}
	
	#article .comment {
		border-bottom: 1px solid #ccc;
		margin: 5px 5px 5px 10px;
		}
		
	#article .comment p, #article .comment h4 {
		padding: 0;
		padding-bottom: 5px;
		}
	
	#article .comment h4 {
		color: #666;
		font-weight: 700;
		}
	
	#article #commentsBody label, #article #commentsBody p.labelStyle {
		color: #000;
		font-size: 1.45em;
		margin-bottom: 5px;
		display: block;
		}
	
	#article form p {
		padding-left: 0;
		}
	
	.emailSent {
		padding-top: 10px;
		padding-bottom: 10px;
		margin: 0;
		font-weight: 700;
		border-bottom: 1px solid #ccc;
		}
		
	.commentsRight {float:right; text-align:right;}	
	
	
		
	p.commentsBubbleHomeStory {
		padding: 0 0 10px 0;
		}
		
		p.commentsBubbleHomeStory a,
		p.commentsBubble {
			background: url(/_images/icon/ico_CommentsBubble.gif) no-repeat 0 3px;
			padding-left:26px;
			}
			
		p.commentsBubbleHomeStory a {
			text-decoration: underline;
			font-weight: 700;
			color: #ed1c24;
		}		
		
			p.commentsBubbleHomeStory a:hover {
				color: #828f97;
			}
	
	
/* ------- articleWrap -------- */

	.articleWrap {
		padding-left:15px;
		}
		
	.articleWrap h1 {
		color:#000000;
		font-size:1.6em !important;
		font-weight:700 !important;
		line-height:1em;
		text-transform:none;
		margin:0;
		float:none;
		}
		
	.articleWrap h4 {
		clear:left;
		padding-top:13px;
		}

/* Gated Article */

#loginArticle .articleImage{
	margin-bottom:10px;
}

#content #loginForm  {
	background:none;
	border:0;
}
.accessMessage {
    background: #F8F8F8;
    border: 10px solid #EAEAEA;
    margin: 15px 0;
    overflow: hidden;
    padding:10px;
}
	div.accessMessage h3{
		margin-bottom:10px;
		color:#4D4D4D;
		font-size:1.6em;
		font-weight:700;
		display:block;
	}
	
	.accessMessage p, #loginForm .accessMessage p {
		margin-bottom:10px;
		width:380px;
	}
	
	#loginForm .loginMessage p {
		width:100%;
		font-weight:bold;
	}
	
	.accessMessage a.subscribeButton{
	 	float:right;
		display:inline;
	 }
	
	#content #registerForm fieldset {
		padding: 5px 5px 0px 10px;
	}
		#content #registerForm fieldset legend {
			display:none;
		}
		#content #registerForm p {
			line-height:1.4em;
		}
		#content #registerForm fieldset p,
		#content #registerForm .loginHelp h3,
		#content .loginInfo h3 {
			color:#828F97;
			font-size:1.8em;
			margin:5px 0 10px 0;
			padding:0;
			padding-bottom:5px;
			font-weight:300;
			border-bottom:1px solid #EAEAEA;
			display:block;
		}
		#content #registerForm fieldset .formRow {
			margin-bottom:2px;
    		float: none;: 10px;
    		overflow: hidden;
		}
		}
			#content #registerForm fieldset .formRow label {
				padding:0;
				margin:0;
				float:left;
				display:block;
				font-weight:700;
				color:#333;
				text-align:left;
				font-size:1.2em;
				margin:0 10px 5px 0;
				width:72px;
			}
			#content #frmLogin fieldset .formRow input#bRemember {
			    margin-left: 82px;
			}
			#content #registerForm fieldset .formRow label.radioCheck {
				font-size:1.2em;
				font-weight:400;
				color:#7F7777;
				display:inline;
				float:none;
				margin-top:5px;
			}
			#content #registerForm fieldset .formRow input.text {
				width:225px;
				color:#333;
			}
		#content #registerForm fieldset .formButton {
			padding:5px 5px 0 0;
			margin-left: 82px;
		}
			#content #registerForm fieldset .formButton input {
				padding: 0px 25px 0 25px;
			}

			
		#content #registerForm #frmLogin {
			float:left;
			width:360px;
			margin:0;
			padding:0;
			background: none repeat scroll 0 0 #F8F8F8;
    		border: 1px solid #EAEAEA;
		}
			
	#content #registerForm .loginHelp {
		margin: 0;
		padding:10px 10px 10px 92px;
		overflow: hidden;
	}
	
	#content #registerForm .loginHelp p.forgotPwd{
		margin-bottom:20px;
	}
	
	#content #registerForm form#registerForm .button {
		width:auto!important;
		margin:0;
		padding:3px 15px;
		border:1px solid #666;
		background:#fff;
	}
	#content .loginInfo {
		background:#F8F8F8;
		margin: 0 0 15px 0;
		padding:10px 10px 0 10px;
		width:215px;
		border:1px solid #EAEAEA;
		float:right;
	}
		#content .loginInfo h3 {
			margin-bottom:5px;
			border-bottom:none;
		}
		#content .loginInfo p {
			margin-bottom:10px;
		}
			#content .loginInfo p.unlimitedAccess {
			    margin-bottom: 35px;
			}
		#content .loginInfo img {
			margin-bottom:10px;
			display:block;
		}
	/*#content .loginInfo p a {
		background:url(/_images/signUpGated.jpg) no-repeat left top;
		width:177px;
		height:48px;
		text-indent:-9999px;
		display:block;
		margin:10px 0 20px 0;
	}
	#content .loginInfo p a:hover {
		background:url(/_images/signUpGated.gif) no-repeat left bottom;
		height:48px;
	}*/
		#content #registerForm .loginHelp .forgotPwd a {
			font-weight:700;
		}
		h3.commentLogin {
			font-size:1.5em;
			margin:5px 0;
			display:block;
		}
/* ------- cmsPlainContent styles -------- */

	div.cms {
		padding:0;
		}
		
	div.cms #maincol{
		width: 605px;
		}
	
	div.cms h1 {
		margin:0 0 20px 0;
		}
		
	div.cms h2 {
		font-size:2em;
		line-height:1.8;
		font-weight:bold;
		color:#000;
		margin:15px 0 15px 0;
		}
		
	div.cms h3 {
		font-size:1.5em;
		line-height:1.8;
		font-weight:bold;
		color:#000;
		margin:15px 0 15px 0;
		}
		
	div.cms h4 {
		font-size:1.3em;
		line-height:1.5;
		font-weight:bold;
		color:#000;
		margin:10px 0 15px 0;
		}
		
	div.cms h5 {
		font-size:1.1em;
		line-height:1.3;
		font-weight:bold;
		color:#000;
		margin:5px 0 15px 0;
		}
		
	div.cms p {
		clear:left;
		margin:0 0 15px 0;
		}
		
	div.cms img {
		border:none !important; /*used to overide cms inline border styles*/
		margin:0 !important; /*used to overide cms inline margin styles*/
		margin-top:1em !important; /*used to make sure there is enough space above images*/
		margin-bottom:1em !important; /*used to make sure there is enough space below images*/
		margin-right:1em !important; /*used to make sure there is enough space below images*/
		}
	
	div.cms p img{
		margin:0 0.5em!important;
		}
		
	div.cms table img {
		margin-top:0 !important;
		}
		
	div.cms ul {
		clear:left;
		font-size:1.2em;
		margin:0 0 15px 18px;
		padding:0 0 0 18px;
		list-style-type:disc;
		}
		
	div.cms ol {
		clear:left;
		font-size:1.2em;
		margin:0 0 15px 21px;
		padding:0 0 0 21px;
		list-style-type:decimal;
		}
		
	div.cms dl {
		clear:left;
		font-size:1.2em;
		margin:0 0 15px 21px;
		padding:0 0 0 21px;
		padding:0;
		}
		
	div.cms ul li, div.cms ol li, div.cms dl li {
		margin:0;
		padding:0;
		}
		
	div.cms ul li a,  div.cms ol li a, div.cms dl li a {
		font-size:1em;
		cursor:pointer;
		}
	
	div.cms strong {
		font-weight:600;
		}
		
	div.cms em {
		font-style:italic;
		}
		
	div.cms table {
		margin:0;
		border-bottom:1px dotted #000;
		font-size:1.2em;
		background-image:none!important;/*used to overide cms inline background image styles*/
		}
		
	div.cms table.first {
		border-top:1px dotted #000;
		}
		
	div.cms table tr {
		background-image:none!important;/*used to overide cms inline background image styles*/
		}
		
	div.cms table td {
		padding:5px 0;
		vertical-align:top;
		background-color:#fff!important;/*used to overide cms inline background colour styles*/
		background-image:none!important;/*used to overide cms inline background image styles*/
		}
		
	div.cms table td strong {
		font-weight:600;
		}
		
	div.cms table td p {
		margin:0;
		font-size:1em;
		}
		
	div.cms table td.image {
		width:93px;
		}
		
	div.cms table.cms_table {
		margin:0 0 1em 0;
		border-top:1px dotted #000;
		border-left:1px dotted #000;
		border-bottom:none;
		font-size:1.2em;
		}
		
	div.cms table.cms_table thead tr td {
		font-weight:bold;
		text-align:center;
		background-color:#dbdbdb!important;
		}
	
	div.cms table.cms_table td {
		padding:5px;
		border:none !important; /*used to overide cms inline border styles*/
		border-bottom:1px dotted #000 !important; /*used to overide above style*/	
		border-right:1px dotted #000 !important; /*used to overide above style*/
		}



/*  -----  Pagination ---- */

.pagination {
	clear: both;
	display: inline-block;
	text-align: right;
	padding: 4px;
	font-size: 11px;
	border: 1px solid #ed1c24;
	border-width:1px 0;
	margin-top:20px!important;
	color:#ed1c24;
	font-weight:700;
	width:100%;
	}
	
.paginationBottom {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	text-align: right;
	padding: 5px;
	font-size: 1.1em;
	}

.pagination img {
	margin-top: 2px;
	}

.paginationPageNo, .paginationPrev, .paginationNext {
	display: inline;
	}

.pagination span {
	font-size: 11px;
	color: #000;
	}
	
.paginationPageNo a {
	padding: 0 3px;
	font-size: 11px;
	text-decoration: underline;
	color: #ED1C24;
	}

.paginationPageNo a:hover {
	padding: 0 3px;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	}

.paginationPrev {
	margin-right: 5px;
	color:#ed1c24;
	}

.paginationNext {
	margin-left: 5px;
	color:#ed1c24;
	}

.paginationPrev a, .paginationNext a {
	font-size:11px;
	color:#ed1c24;
	text-decoration: underline;
	}
.paginationPrev a:hover, .paginationNext a:hover {
	color:#000;
	}
.paginationPrev img, .paginationNext img {
	position: relative;
	top: -1px;
	}

.searchListing {
	background: #fff;
	}



/* --- Forms --- */

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	}

input, textarea {
	padding:1px 4px; /*this will play havoc with the box model -  please take 8px off every fixed width form*/
	}
	
select {
	height: 20px;
	}

option {
	padding: 0.1em 0.2em;
	}
	
input.button {
	font-weight: 700;
	padding: 3px;
	}

#jobSearch input.field {
	float: left;
	border-color: #797979;	
	}
	
#jobSearch input.goButton {
	margin: 0;	
	}

span.required {
	color: #ed1c24;
	position: relative;
	top: -3px;
	font-weight: 700;
	padding-right: 0.1em;
	font-size: 1.5em!important;
	line-height: .1em;
	vertical-align: middle;
	margin-left: 5px;
	}
	
input.searchButton {
	display:block;
	width: 63px;
	height:20px;
	cursor:pointer;
	text-indent:-9000px;
	text-transform:uppercase; /*needed for ie6 to indent the text*/
	}
	
#searchBoxWrap input.searchButton{
	width: 64px;
	height:22px;
	}
	
#searchBoxWrap input.searchButton:hover{
	background-position:-64px 0px;
	}
	
input.loginButton {
	display:block;
	width: 58px !important;
	height:28px;
	margin-left:100px;
	cursor:pointer;
	text-indent:-9000px;
	text-transform:uppercase; /*needed for ie6 to indent the text*/
	float:none !important;
	}
	
input.newEventButton {
	width: 205px !important;
	margin:10px 0 0 134px;
	height:auto!important;
	}
	
input.voteButton {
	display:block;
	width: 58px;
	height:28px;
	margin:5px 0pt 0pt;
	cursor:pointer;
	text-indent:-9000px;
	text-transform:uppercase; /*needed for ie6 to indent the text*/
	float:none !important;
	}
	
input.continueButton {
	display:block;
	width: 73px !important;
	height:28px;
	margin-left:164px;
	cursor:pointer;
	text-indent:-9000px;
	text-transform:uppercase; /*needed for ie6 to indent the text*/
	float:none !important;
	}
	
#frmBulletinSelect input.continueButton {
	margin-left:69px;
	}
	
div.hideError {
	display: none;
	}
	
div.showError {
	display: block;
	color: #ff0000;
	margin-left:135px;
	}

.frmErrorHide {
	height: 1px;
	}

label {
	font-size: 1.2em;
	}

.frmRow {
	margin: 0 0 10px 0;
	float:left;
	clear: both;
	}
	
#frmBlueBoomerangSearch .frmRow {
	clear: none;
	}
	
#frmBlueBoomerangSearch .frmRow label {
	padding-top:2px;
	padding-right:10px;
	}
	
.frmRow label {
	float: left;
	}

/* -- new tab styles -- */

/* tab */
.tabOneMostRead div.tabs {
	background: url(/_images/bkg/mostReadNav.gif) top left no-repeat;
	display: block;
	width: 292px;
	height: 22px;
	}
	
.tabOneMostRead .tabs li {
	float:left;
	width:50%;
	font-size: 1em;
	text-align: center;
	padding-top: 4px;
	}
		
.tabOneMostRead .tabs li a {color:#85807d!important;}
.tabOneMostRead .tabs li a:hover {color:#ed1c24!important;}
.tabOneMostRead .tabs li a.active {color:#000!important;}
.tabOneMostRead .tabs li a.active:hover {color:#000!important; text-decoration:none!important;}

.tabOneMostRead.blogsForumsTabs .tabs li a {
	display: block;
	width:98px;
	height: 31px;
	font-size:1.3em;
	font-weight:700;
	text-transform:capitalize;
	}

.blogsForumsTabs .tabs li a.active {
	color: #000;
	}

.tabOneMostRead.newsTabs .tabs li a {
	display: block;
	width:100%;
	color: #000;
	font-weight: 700;
	line-height:1.0em;
	padding:2px 0 4px 0;
	}

.tabOneMostRead .tabs li a:hover, .blogsForumsTabs .tabs li a:hover {
	color:#ed1c24;
	}
	
.tabOneMostRead .tabs li a:active {
	background: transparent;
	}
	
/* tabs content */	
.tabOneMostRead {
	width: 292px;
	margin: 0 2px;
	}
	
	.tabOneMostRead.blogsForumsTabs {
		margin: 0;
	}

.tabOneMostRead .mostTabbed li {
	color: #000;
	font-size:1.1em;
	font-weight:400;
	clear:both;
	float:left;
	padding-bottom:9px;
	background-position:0 2px;
	}

.tabOneMostRead .mostTabbed span{
	display:block;
	margin-top:2px;
	color: #000;
	}
	
.tabOneMostRead .mostTabbed li a {
	font-weight: 700;
	font-size: 1.1em;
	color: #000!important;
	
	display:block;
	}
.tabOneMostRead .mostTabbed li a:hover {
	color:#ed1c24!important;
}

.mostTabbed {
	margin: 0 13px;	
	padding: 6px 0 8px 0 ;
	}
	
.tabOneMostRead .bkgGrey {
	width: 290px;
	padding:8px 0 6px 0;
	margin-bottom: 20px; 
}

/* --- dashed headers--- */

.dashedHeader {
	margin: 0;
	width:100%;
	display:inline;
	}

.dashedHeader h2 {
	color:#828f97;
	font-size:1.4em;
	font-weight:700;
	line-height:1.3em;
	text-transform:capitalize;
	padding:4px 0 0 0;
	background:#ffffff url(/_hbi_ui/_PRO/_images/bkg/bkg_dashedHeader.gif) repeat-x 0 0;
	height:28px;
	display:block;
}

.dashedHeader h2 a {color:#828f97; text-decoration:none;}
.dashedHeader h2 a:hover {color:#000;text-decoration:none;}

/* ---- standard module styles --- */

.module{
	float:left;
	}

.noModuleBkgFixRight{
	padding: 0 0 0 7px;
	}

.noModuleBkg{
	background:none!important;
	}

.listModule h3.headline{
	font-size:1.3em;
	font-weight:700;
	line-height:1.1em;
	}

.listModule h3.headline a{
	/* background: url(/_images/bkgLIArticleList.gif) 0 6px no-repeat; */
	padding:0 0 5px 10px;
	color:#267FC5;
	display:block;
	}

.listModule p{
	padding:0 0 0 10px;
	}

.moduleDivider .module2col .leftCol, .moduleDivider .module2col .rightCol{
	float:left;
	width:300px!important;;
	margin:0!important;
	}
	
.module2col .leftCol{
	float:left;
	width:300px;
	margin-right:16px;
	}
	
.module2col .rightCol{
	float:left;
	width:300px;
	}
	
.module3col	.module {
	float: left;
	width: 180px;
	margin: 0 40px 0 0;
	}
	
	.module3col	.module.last {
	margin-right: 0;
	}

.module2col .leftCol .borderBottom, .module2col .rightCol .borderBottom, .borderBottom {border-bottom:1px solid #c3c8cb;}

.borderBottomCS {border-bottom:1px solid #c3c8cb; margin-left:58px;}

ul.relatedLinks, ul.relatedLinksIcon{
	padding-top:0px;
	}

ul.relatedLinks li, ul.relatedLinksIcon li{
	padding:0 0 10px 10px;
	color:#000;
	font-weight:700;
	font-size:1.1em;
	}
	
ul.relatedLinksIcon li{padding:0 0 10px 20px;font-size:1.1em;}

ul.relatedLinks li a, ul.relatedLinksIcon li a{
	color:#000;
	}
	
ul.articleIcon.relatedLinks li{background:none;}

ul.relatedLinks li a:hover, ul.relatedLinksIcon li a:hover {
	text-decoration:underline;
	color: #ed1c24;
	font-weight: 700;
	}
ul.articleIcon li {
	font-size: 1.1em;
	}	
	
ul.articleIcon li a {
	text-decoration:underline;
	color: #ed1c24;
	font-weight: 700;
	line-height:1.8em;
	}
ul.articleIcon li a:hover {
	text-decoration:underline;
	color: #000;
	font-weight: 700;
	}	
ul.articleIcon li.icoVideo, ul.relatedLinksIcon li.icoVideo, .bkgIconVideo {
	background: url(/_hbi_ui/_PRO/_images/icon/icon_Video.gif) 1px 2px no-repeat;
	padding-left:30px;
	}
	
ul.articleIcon li.icoSound, ul.relatedLinksIcon li.icoSound, .bkgIconSound {
	background: url(/_hbi_ui/_PRO/_images/icon/icon_Sound.gif) 1px 2px no-repeat;
	padding-left:30px;
	}
	
ul.articleIcon li.icoGallery, ul.relatedLinksIcon li.icoGallery, .bkgIconGalleries {
	background: url(/_hbi_ui/_PRO/_images/icon/icon_Gallery.gif) 1px 2px no-repeat;
	padding-left:30px;
	}
	
ul.articleIcon li.icoNoAsset, ul.relatedLinksIcon li.icoNoAsset {
	padding-left:0!important;
	}
	
h3.headline {
	font-weight: 700;
	/*line-height:1.2em;*/
	font-size: 1.2em; 
	color:#000;
	display:block;
	padding-bottom:6px;
	}
	
h3.headline a{
	color:#000;
	}

h3.headline a:hover{
	color:#ed1c24;
	text-decoration:underline;
	}
	
h3.archiveHeadline{
	margin:15px 0 0 0!important;
	display:block;
	}
	
h3.archiveHeadline span{
	color:#828f97;
	font-size:1.5em;
	font-weight:700;
	padding:0;
	display:block;
	}

.module h4{
	margin-bottom: 0;
	}

.module a:hover {
	text-decoration: underline;
	}

/* --- latest News module --- */

.latestNews .storyContent, .featuresFull .storyContent {
	/* background: url(/_images/borderDotHoriz.gif) repeat-x left bottom; */
	padding: 2px 0 4px 0;
	}

.latestNews .last .storyContent, .featuresFull .last, .story .last {
	background:none!important;
	}

.featuresFull{
	width:595px;
	}

.moduleDivider .thumbnailWithDropShadow {
	margin-top: 3px!important;
}

/* --- module titles --- */

.latestNews h2, .latestNews h2 a {
	width: 135px;
	}

.news h2 a {
	width:150px;
	}

.features h2 a {
	width: 151px;
	}
	
.forums h2 a {
	width: 150px;
	}
	
.blogs h2 a {
	width: 135px;
	}

.latest h2 a {
	width: 135px;
	}

.comment h2 a {
	width: 135px;
	}
	
.opinion h2 a {
	width: 150px;
	}
	
.analysis h2 a {
	width: 135px;
	}
	
.caseStudies h2 a {
	width: 148px;
	}
	
.reviews h2 a {
	width: 150px;
	}

/* loads of importants, but conflicts with a couple of other areas of the sheet */	

.cols1ThirdNews h3{font-weight:normal;}

.contactDetails ul li {
	font-size: 1.2em;
	}

.contactDetails p {
	margin-bottom: 5px;
	}
	
.furtherNews h2 {
	width: 172px;
	}

/* --- forums and blogs --- */

	/* --- tabs --- */
	
	#forumsBlogs .tabOneMostRead div.tabs {
		background: url(/_images/bkg/blogsForumsNav.gif) top left no-repeat;
		display: block;
		width: 620px;
		height: 22px;
		}
		
		#forumsBlogs .tabOneMostRead .tabs li {
			float:left;
			width:107px;
			padding-top: 0;
			}
		
			#forumsBlogs .tabOneMostRead .tabs li a {
				display: block;
				width: 100%;
				height: 20px;
				padding-top: 2px;
				}
		
	/* --- contents --- */	
		
	#forumsBlogs .tabOneMostRead {
		width: 620px;
		}
	
	#forumsBlogs .bgForumsBlogs {
		border: 1px solid #000;
		border-top: none;
		margin-bottom: 20px;
		}
		
		#forumsBlogs .bgForumsBlogs .latestForums {
			margin: 0 15px;
		}
		
		#forumsBlogs .bgForumsBlogs .blogPost,
		#forumsBlogs .bgForumsBlogs .forumPost {
			margin: 0 0 10px 0;
		}
	
		#forumsBlogs .bgForumsBlogs .shadowButtonType4{
			margin:5px 0 10px 15px;
			}
			
		#forumsBlogs .bgForumsBlogs h2{
			font-size: 1.1em;
			color:#828f97;
			display: block;
			text-transform: uppercase;
			margin: 0 0 10px 0;
			}
			
			#forumsBlogs .bgForumsBlogs .latestForums h2 {
				padding-top:13px;
				margin-top:0;
			}
			
		#forumsBlogs .bgForumsBlogs .postContent img {
			float:left;
			margin: 0 10px 5px 0;
		}		
		
		#forumsBlogs .bgForumsBlogs h3.headline {
			font-size: 1.3em;
			padding: 0;
			margin: 0 0 8px 58px;
		}
		
		#forumsBlogs .bgForumsBlogs h4.byline {
			color: #000;
			margin: 0 0 8px 58px;
			font-size:1.1em;
			font-weight: 300;
		}
		
		#forumsBlogs .bgForumsBlogs p.commentsBubble {
			font-size: 1.1em;
			margin: 0 0 0 58px;
		}
	
	.fbLeftCol, .fbRightCol {
		float: left;
		width: 285px;
		margin-top: 13px;
		display:inline;
		}
		
		.fbLeftCol {
			margin-left:15px;
			margin-right:16px;
			}	
			
			.latestForums .fbLeftCol {
				margin: 0 16px 0 0;
			}
		
		.latestForums .fbRightCol {
			margin-top: 0; 
		}

/* --- FeatureCommentContainer - opinionAnalysisContainer --- */

#opinionAnalysisContainer, #featureCommentContainer {
	float: left;
	}
	
/* --- vital stats --- */

.vitalstats h3 {
	color:#000000;
	display:block;
	font-size:1.2em;
	font-weight:700;
	padding-bottom:6px;
	}

.vitalstats img {
	float: left;
	}

.vitalstatsText {
	width: 290px;
	float: left;
	line-height:16px;
	}

/* --- text ads  --- */

#textAds {
	/* background: url(/_images/adBoxBg.gif) right 6px no-repeat #f6f6f6; */
	border: 1px solid #d9d9d9;
	margin: 20px;
	padding: 10px 10px 0 10px;
	}

.adsLeft {
	width: 470px;
	float: left;
	}
	
.adsRight {
	width: 428px;
	float: left;
	}

#textAds dt {
	padding-right: 10px;
	margin-bottom: 1px;
	clear: both;
	}

#textAds dt a {
	font-weight: 700;
	color: #c9252b;
	font-size: 1.1em;
	clear: both;
	}
	
#textAds dd {
	margin-bottom: 12px;
	font-size: 1.1em;
	float: left;
	clear: both;
	}

/* --- MPU Ads --- */

.adMPU{
	margin-bottom:15px;
	}

/* --- further links --- */

#furtherLinks h3 a {
	/* background: url(/_images/btnFurtherLinks.gif) 0 0 no-repeat #f8f6f7; */
	font-size: 1.3em;
	padding-left: 16px;
	display: block;
	color: #999!important;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 30px;
	}

#furtherLinks {
	background: #f8f6f7;
	margin: 10px 20px;
	padding: 10px 10px 0 10px;
	}
	
#furtherLinks .title {
	color: #000;
	font-size: 1.3em;
	font-weight: 700;
	}

#furtherLinks ul {
	width: 192px;
	margin-right: 36px;
	float: left;
	margin-bottom: 26px;
	}
	
#furtherLinks ul.last {
	margin-right: 0px!important;
	}

#furtherLinks li {
	margin-bottom: 10px;
	}

#furtherLinks li a {
	font-weight: 700;
	color: #c9252b!important;
	font-size: 1.1em!important;
	}

/* -- tabbed news -- */

.tab2Cols ul li {
	float: left;
	}
	
.tab2Cols ul li a {
	display: block;
	padding: 5px 46px;
	text-transform: uppercase;
	}
	
.tab1 a, .tab2 a, .tab3 a {
	color: #000;
	font-size: 1.1em;
	}
	
.tabs .on, .tabsR .on {
	background-color: #d4eaf3;
	}

.tabbedNav {
	background-color: #d4eaf3;
	padding: 5px;
	}
	
#tabsContent_01, #tabsContentR_01 {
	clear: both;
	}

/* --- promo activity --- */

#xColAds {
	clear:both;
	padding: 20px 0 0 20px;
	float:left;
	margin:10px 0;
	width:280px;
	overflow:hidden;
	word-wrap:break-word;
}

#xColAds div{
	float:left;
	display:inline;
	padding:0 5px 19px 0;
}


.noPromosCol{
	width:154px;
	float:left;
	padding:0;
	margin:0;
}

.smallPromoContainer {
	float: left; 
	/*margin-right: 10px;*/
}

.xColPromoSmall, .articlePromoSmall {
	background:#e4e0df none repeat scroll 0 0;
	border:1px solid #c1ccd2;
	position:relative;
	}

.articlePromoSmall {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #000000;
	position:relative;
	width:156px !important;
	margin-bottom:10px;
	}
.xColPromoSmall, .articlePromoSmall a {display:block!important;}
	
.xColPromoSmall h3, .articlePromoSmall h3 {
	color:#000000 !important;
	font-family:Arial;
	font-size:1.3em !important;
	font-weight:700;
	padding:7px 9px 9px !important;
	display:block;
	}

.xColPromoSmall h3{
	display:block;
	}

.xColPromoSmall h3 a {
	color:#000000 !important;
	}

.xColPromoSmall img{
	padding:10px;
	display:block;
	}

.articlePromoSmall h3, .articlePromoSmall p{
	padding:0 10px 8px 10px;
	}
	
.articlePromoSmall h3 a{
	color: #000!important;
	}

.articlePromoSmall h3 a:hover, .xColPromoSmall h3 a:hover{
	color: #ed1c24!important;
	}
	
.promoType1{
	width:297px;
	}

.promoType2{
	border:1px solid #c1ccd2;
	background:#e4e0df;
	width:297px;
	padding:10px 0 0 0;
	margin-bottom:10px;
	}

#xcolContent .promoType2 {
	width:auto!important;
	margin-bottom:10px;
}

.promoType2 img {
	margin:0px 2px 10px 10px;
	border:1px solid #87919a;
	}
		
.promoType2 .promoImage {
	float:left;
	margin:0 10px 5px 0px;
	padding-left:10px;
	}
	
.promoType2 p {
	padding-right: 10px;
	line-height:16px;
	}

.promoType2 .promoImage img{
	margin:0;
	}

.promoType2Footer{
	/* background:transparent url(/_images/bkgH2VerticalDash.gif) repeat-x scroll left bottom; */
	height:6px;
	/*padding-top:10px;*/
	margin-bottom:10px;
	}

.promoType2 h3{
	font-size:1.3em;
	font-weight:700;
	display:block;
	}

.promoType2 h3 a{
	color:#000;
	display:block;
	margin-bottom:10px;
	}
.promoType2 h3 a:hover{
	color:#ed1c24;
	display:block;
	}
	
.xColPromoSmall {
	margin-bottom:10px;
}

.xColPromoSmall p {
	padding:5px 10px; 
	display:block;
	}
	
.xColPromoSmall img {
	display:block;
	}
	
/* --- more links --- */

.moreLink {
	/* background: url(/_images/moreBkgTall.gif) 0 0 repeat-x; */
	height: 19px;
	margin: 15px 15px 0 0;
	padding-top: 4px;
	}
	
.moreLink a {
	display: block;
	height: 16px;
	}

.features .moreLink {
	/* background: url(/_images/moreBkgShort.gif) 0 8px repeat-x; */
	height: 19px;
	margin: 15px 15px 0 0;
	padding-top: 4px;
	}
	
.features .moreLink a {
	/* background: url(/_images/btnMoreFeatures.gif) 0 0 no-repeat; */
	width: 123px;
	margin: 0 auto;
	}

.forums .moreLink {
	float:left;
	width:280px;
	margin:0 0 0 15px;
	display:inline;
	padding-right:5px;
	}
	
.forums .moreLink a {
	/* background: url(/_images/btnMoreForums.gif) 0 0 no-repeat; */
	width: 109px;
	margin: 0 0 0 10px;
	float:right;
	}
	
.analysis .moreLink {
	float:left;
	width:280px;
	margin:0 0 0 15px;
	display:inline;
	padding-right:5px;
	}
	
.analysis .moreLink a {
	/* background: url(/_images/btnMoreAnalysis.gif) 0 0 no-repeat; */
	width: 109px;
	margin: 0 0 0 10px;
	float:right;
	}
	
.caseStudies .moreLink {
	float:left;
	margin:0 15px 0 0;
	display:inline;
	width:290px;
	padding-right:5px;
	}
	
.caseStudies .moreLink a {
	/* background: url(/_images/btnMoreCaseStudies.gif) 0 0 no-repeat; */
	width: 143px;
	margin: 0 0 0 10px;
	float:right;
	}
	
.review .moreLink {
	float:left;
	width:280px;
	margin:0 0 0 15px;
	display:inline;
	padding-right:5px;
	}
	
.review .moreLink a {
	/* background: url(/_images/btnMoreReview.gif) 0 0 no-repeat; */
	width: 109px;
	margin: 0 0 0 10px;
	float:right;
	}
	
.opinion .moreLink {
	float:left;
	margin:0 15px 0 0;
	display:inline;
	width:290px;
	padding-right:5px;
	}
	
.opinion .moreLink a {
	/* background: url(/_images/btnMoreOpinions.gif) 0 0 no-repeat; */
	width: 139px;
	margin: 0 0 0 10px;
	float:right;
	}

.blogs .moreLink {
	float:left;
	margin:0 15px 0 0;
	display:inline;
	width:290px;
	padding-right:5px;
	}

.blogs .moreLink a {
	/* background: url(/_images/btnMoreBlogs.gif) 0 0 no-repeat; */
	width: 109px;
	margin: 0 0 0 30px;
	float:right;
	}
	
.moreLink a:hover {
	text-decoration: none;
	}
	
.latestIssueButton a:hover {
	color: #fff!important;
	}
	
.latestIssueContent li a:hover {
	color:#ed1c24;
}	

/* --- Sponsor page --- */

#sponsorDetail h2 {
	color: #999;
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: 700!important;
	}
	
#sponsorDetail h2 a {
	color: #999;
	}
	
#sponsorDetail p {
	float:left;
	width:57%;
	margin-top:5px;
	margin-bottom:5px;
	}
	
#sponsorDetail p a {
	font-size:0.9em;
	text-decoration:none;
	font-weight:700;
	width:328px;
	overflow:hidden;
	}
	
#sponsorDetail img {
	float:right;
	}
#bottomSponsor1 img,
#bottomSponsor2 img,
#bottomSponsor3 img,
#bottomSponsor4 img {
	float:right;
	margin:0;
}
.cols3xcol {
	float:right;
	margin:0 0 0 0;
	padding:0;
	width:300px;
	display:inline;
	}


.wideTableTools {
	border-top: none;
	border-bottom: none;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	float: left;
	width: 340px;
}

.wideTableTools li{
	float:left;
}

.wideTableTools #clipAndSaveMessage {
	left: 100px;
	}

#clipAndSaveMessage p {padding-top:10px;}
/* --- error pages --- */

body.error_page #content {
	min-height:450px;
	height:450px;
	}
	
body.error_page h2 {
	font-size:1.6em;
	color:#999;
	text-transform:uppercase;
	margin:34px 0 0 8px;
	}
	
.errorMessages {
	clear: both;
	margin: 20px 0 0 8px;
}

/* --- authorProfile --- */

	
#authorProfile {
	margin: 0;
	width:100%;
	display:inline;
	}

#authorProfile h2 {
	font-size:1.6em;
	line-height:1.3em;
	padding:2px 0 0 0;
	background:transparent url(/_hbi_ui/_PRO/_images/bkg/bkg_dash.gif) repeat-x left bottom;
	display:block;
	margin-bottom:10px;
	padding:4px 0;
}
	
#authorProfile h1 {
	margin:0;
	}
	
#authorProfile img {
	margin:0 0 0 15px;
	}
	
#authorProfile ul {
	font-size:1.1em;
	padding:5px 0 0 0;
	clear:both;
	}
	
#authorProfile ul li a {
	font-weight:700;
	background:transparent url(/_images/bkg/bkg_latestNewsBullet.gif) no-repeat scroll 5px 7px;
	padding-left:20px;
	}
	
/* --- articleVideo --- */

.articleAssets {
	padding: 0;
	margin:0 0 20px 0;
	}
	
.articleAssetsPagination {
	border-top: 1px solid #b7b6b6;
	border-bottom: 1px solid #b7b6b6;
	margin-top: 10px;
	text-align: right!important;
	padding: 4px 10px 4px 0;
	font-size: .8em;
}

.articleAssetsPadding {
	padding: 0 10px 10px 10px;
}

.photodetailoptions, .articleGalleryTags {
	text-align: left!important;
	}

.articleAssetsImages p {
	padding: 0 10px;
	font-size: 1em;
}

.articleAssetsImages {
	width: 100%;
}

.articleAssetsImages div {
	text-align: center;
}

/* --- Xcol ads --- */

#xcol #xcolAds {
	margin-right: 20px;
	margin-bottom: 15px;
	}

#xcol #xcolAds p, .mpu p {
	text-align: center;
	margin-bottom: 3px;
	color: #999;
	}

#xcol #xcolAds p {
	width: 120px;
	}

.hideMessage {
	visibility: hidden;
	}
	
.showMessage {
	visibility: visible;
	}
	
/* prweek image drop shadows */

.imgShadow01{
	float:left;
	/* background:transparent url(/_images/imgShadow_leftRepeat.gif) top left no-repeat; */
	}
	
.imgShadow02{
	float:left;
	/* background:transparent url(/_images/imgShadow_bottomRepeat.gif) bottom right no-repeat; */
	}
	
.imgShadow03{
	float:left;
	/* background:transparent url(/_images/imgShadow_bottomLeft.gif) bottom left no-repeat; */
	}
	
.imgShadow03{
	padding:0 0 7px 7px;
	}
	
.imgShadow03 img{
	display:block;
	}

.thumbnail{
	float:left;
	margin:0 10px 0 0;
	}
	
	.thumbnail img {
		border: 1px solid #828f97;
	}
	
.thumbnailWithDropShadow img {border:1px solid #828f97;}

.mainImage{
	float:left;
	margin:0 15px 10px 0;
	}
.mainImage img {border:1px solid #828f97;}

/* --- wide table --- */

#wideTableHeader {
	margin: 10px 0 0 20px;
}

#wideTableHeader .logo {
	margin-top: 20px;
	float: left;
}

#wideTableHeader .h1WithSponsor{
	width:100px;
	padding-top:0px;
	margin-top: 30px;
	margin-right:24px;
	margin-bottom:0px;
	text-align:center;
	padding-bottom:0px;
	background: none;
	float: right;
	}

.wideTableTitle {
	background: #267fc5;
	color: #fff;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 6px;
	margin-top: 20px;
}


/* --- the class of cmsTable needs to go on the tables if build in the cms to give it the same styles as the wide article --- */

#league_table, .cmsTable, .cmsTableGrey {
	clear:both;
	margin: 20px 20px 20px 0;
	width: 100%;
}

.cmsTable, .cmsTableGrey{
	margin-right:0;
}

div.cms table.cmsTableGrey{
	background:#e7e7e9;
	border-bottom:none;
}
	
#league_table td, .cmsTable td, .cmsTableGrey td {
	color: #000;
	font-size: 1.2em;
	height: 20px;
	text-align: left;
	padding: 4px 10px 4px 4px;
	border-bottom: 1px solid #a1a1a1;
	background-color:#e5e5e5;
}

.cmsTable td {
	color: #000;
	font-size: 1.1em;
	}

div.cms table.cmsTableGrey  td {
	color: #000;
	font-size: 1.0em;
	background-color:#e7e7e9!important;
	border-bottom: 4px solid #fff;
	border-right: 4px solid #fff;
	padding: 4px 10px 4px 10px;
	}
	
	
#league_table tr.alternate td, .cmsTable tr.alternate td {
	background-color:#fff;
}

#league_table th, .cmsTable th {
	background-color:#828F97!important;
	color: #fff!important;
	padding: 2px 5px 0 5px!important;
	font-weight: 700;
	font-size: 1.3em;
	height: 20px;
	text-align: left;
	border-bottom: 1px solid #a1a1a1;
}

#league_table th img{
	height:1px;
	visibility:hidden;
}

.cmsTable th{
	font-size:1.2em;
}

.cmsTableGrey th{
	background-color:#e7e7e9!important;
	color: #000!important;
	padding: 2px 5px 0 10px!important;
	font-weight: 700;
	font-size: 1.0em;
	height: 20px;
	text-align: left;
	border-bottom: 4px solid #fff;
	border-right: 4px solid #fff;
}

.btnReturnArticle {
	display: block;
	float: right;
}

.btnReturnArticle:hover {
	text-decoration: none;
}

#wideArticle a {
	text-decoration: none;
}

	
/* article assets */

div.articleAssetsImages {
	border: 1px solid #b7b6b6;
	margin-top: 10px;
}

.articleAssetsAudio {
	float: left;
	padding: 6px;
	border: 1px solid #b6b5b5;
	margin-bottom: 10px;
	width: 412px;
	display: table; 
	overflow: hidden;
	
}

.articleAssetsAudioPlayer { float:left; width:290px;}

.articleAssetsAudioTitle {float:right; width:134px;}

.articleAssetsAudio h5 {
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1em;
}

.articleAssetsAudio embed {
	float: left;
	margin-right: 6px;
	display:block;
}
	
.articleAssetsAudio .left {
	width: 117px;
	overflow: hidden;
	}

div.articleAssetsImages, .articleAssetsAudio a {
	font-size: 1.2em;
}

div.articleAssetsImages img {
	margin: 0 0 10px 0;
}

div.articleAssetsImages .paginationPrev img, div.articleAssetsImages .paginationNext img {
	margin: 0px;
}

.photodetailoptions {
	margin-top: 10px;
	font-weight: 700;
}

div.articleAssetsImages .show ul {
	margin: 0 0 2px 5px;
}


div.articleAssetsImages .show li {
	margin: 0 0 2px 5px;
}

.cms a {
	font-size: 1.2em;
	text-decoration: underline;
	color:#ed1c24;
}

.cms a:hover {
	text-decoration: underline;
	color:#828f97;
}

.cms p a {
	font-size: 1em;
	color:#ed1c24;
}

.cms p a:hover {
	font-size: 1em;
	color:#000;
}

.articleAssetsPlayer {
	width: 300px;
}

/* contact us */

.contactUsMain{width:194px;float:left;}

.contactUsMain strong{font-weight:700;}

.contactUs h3, .contactUsMain h3{
	margin:2px 0 1px 0!important;
	color:#267FC5!important;
	line-height:1.3em!important;
}	

.contactUsMain h3{
	line-height:1.0em!important;
	}

.contactUs a:hover{
	text-decoration:underline;
	}
	
.contactUs p{
	margin-bottom:10px!important;
	}
	
/* --- community section ---*/

.communitySearch {
	background:#F5F3F4 none repeat scroll 0 0;
	margin:15px 0;
	padding:10px 0;
	text-align:center;
	width:100%;
}

.comCol {
	display:inline;
	float:left;
	margin:0 20px 0 0;
	width:230px;
}

.communitySearch label {
	font-size:1.2em;
	font-weight:700;
}

.communitySearch #sSearchCommunityPhrase {
	border-color:#8F8F8F #C3C3C3 #DEDEDE #DEDEDE;
	border-style:solid;
	border-width:1px;
	margin:0 10px;
	padding:2px;
	width:150px;
}

#comLatestBlogs, #comMostDiscussedBlogs, #comLatestForums, #comMostDiscussedForums {
	background:#F2F1EF none repeat scroll 0 0;
	font-size:1em;
	margin:0;
	padding:5px 10px;
}

.comCol h3, .comRightCol h3 {
	background:#FFFFFF url(/_hbi_ui/_PRO/_images/bkg/bkg_dashedHeader.gif) repeat-x scroll 0 0;
	color:#828F97;
	display:block;
	font-size:1.4em;
	font-weight:700;
	height:23px;
	padding:5px 0 0;
	text-transform:capitalize;
}

.comRightCol {
	width: 120px;
	float: left;
}
	
.comRightCol ul {
	color:#007F61;
	margin:0;
	padding:0;
}

.comRightCol ul li {
	font-size:1.1em;
	font-weight:bold;
	line-height:14px;
	margin-bottom:5px;
}

.comRightCol ul li a {
	color:#ED1C24;
	text-decoration:underline;
}

.comRightCol ul li a:hover {
	color:#000;
	text-decoration:underline;
}

.hr-dashed {
	border-bottom:1px dashed #CFCFCF;
	font-size:0.1em;
	margin-top:10px;
}

.picLeft {
	display:block;
	float:left;
	margin-right:10px;
	width:51px;
}

.picLeft img {width:51px !important;}

.infoRight {
	display:block;
	float:left;
	width:140px;
	}

.forumName {
	color:#828F97;
	font-size:1em;
	font-weight:700;
	margin-bottom:5px;
}

.titleTopic a {
	padding-bottom:3px;
	color:#000000;
	font-weight:bold;
}

.titleTopic a:hover {
	padding-bottom:3px;
	color:#ed1c24;
	text-decoration:underline;
}

.comBlogListing img {
	float: left;
	margin-right: 5px;
}

.comBlogListing {
	color:#000000;
	font-size:1.2em;
	margin:0 0 10px 0;
	width:210px;
	border-bottom:1px dashed #CFCFCF;
}

.comCol .hr-dashed, .comCol .last {
	border-bottom: none;
}

.comBlogListing p {
	color: #000;
	font-size: 1.1em;
	padding:2px 0 0 0;
}

.forumListing h3 {
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 1em;
}

.commentLink, .commentLink a {font-weight:normal !important; display:inline; font-size:0.9em;}
.commentLink a:hover {color:#ed1c24;}

.authorName {color:#000; font-size:0.9em;}

.authorName a {
	color:#ED1C24;
	text-decoration:underline;
	}

.authorName a:hover {
	color:#000;
	text-decoration:underline;
}

/*============== research and data ====================*/

/*see: /_css/researchData.css*/

/*============== bulletins ====================*/

#bulletinPage .frmRowWrapper1,
#bulletinPage .frmRowWrapper2,
#bulletinPage .frmRowWrapper3{
	width:100%;
	height:45px;
	background-color:#f5f3f4;
	background-position:9px 9px;
	background-repeat:no-repeat;
	}
	
#bulletinPage .frmRowWrapper1{
	background-image:url(/_images/icon/icon_Number1.gif);
	}
	
#bulletinPage .frmRowWrapper2{
	background-image:url(/_images/icon/icon_Number2.gif);
	font-size:1.2em;
	font-weight:700;
	}
	
#bulletinPage .frmRowWrapper3{
	background-image:url(/_images/icon/icon_Number3.gif);
	font-size:1.2em;
	font-weight:700;
	}

#bulletinPage .frmRowWrapper1 .frmRow,
#bulletinPage .frmRowWrapper2 .frmRow,
#bulletinPage .frmRowWrapper3 .frmRow{
	padding:15px 0 0 60px;
	}
	
#bulletinPage input#frmNewsByEmailMain--sEmailAddress{
	width:200px;
} 

#bulletinPage h2{
	font-weight:700;
	float:left;
	color:#000;
	font-size:1.4em;
	margin-bottom:3px;
	}
	
#bulletinPage a.toggle{
	float:right;
	font-size:1.1em;
	color:#ed1c24;	
	text-decoration:underline;
	font-weight:700;
}

#bulletinPage a.toggle:hover{
	text-decoration:underline;
	color:#000;
}

#bulletinPage p{
	padding:5px 0;
	clear:both
	}

#bulletinPage .frmRow p{
	font-size:1.0em;
	padding-top:0;
}
	
#bulletinPage input.field{
	background:#fff;
	border:1px solid #acbdc7;
	padding-left:2px;
	}

#bulletinPage input.radio{
	position:relative;
	top:2px;
	margin:0;
	}
	
#bulletinPage a.preview{
	font-size:1.1em;
	color:#ed1c24;	
	text-decoration:underline;
	font-weight:700;
	margin-bottom:10px;
	}
	
#bulletinPage .preview:hover{
	color:#000;
	text-decoration:underline;
	}

#bulletinPage .dashedBorder {
	background:transparent url(/_hbi_ui/_PRO/_images/bkg/bkg_dash.gif) repeat-x scroll left bottom;
	padding:0 0 10px 0;
}
#bulletinPage .dashedBorder.last {
	background:none!important;
	padding:0 0 10px 0;
}

/* --- filers --- These are used by search and events */

.filterRemove a {
	background: url(/_images/icon/icon_XRemove.gif) 0 4px no-repeat;
	padding-left: 14px;
	}
	
.filters h3 {
	color: #000;
	font-size: 1.2em;
	font-weight: 700;
	}

.filters {
	width: 150px;
	float: left;
	}
	
.filters ul {
	margin-bottom: 24px;
	}
	
.filters ul li {
	font-size: 1.2em;
	line-height:1.5em;
	}

/*For sub nested filters*/
.filters ul li ul li, .filters ul li ul li ul li{
	font-size:1.0em;
	line-height:1.0em;
} 
	
.filters ul li a {
	color:#ed1c24;
	word-wrap: break-word;
	text-decoration:underline;
	}
	
#magazines ul li a {
	text-decoration: none;
}

	#magazines ul li a span {
	text-decoration: underline;
}

.filters ul li a.remove{
	text-decoration:none;
}

.filters ul li a:hover {
	color:#828f97;
	word-wrap: break-word;
	}
/*============ report abuse ==================*/
.reportAbuse {
    float:right;
    font-size:0.9em;
    margin:10px 0;
}

/*============ Global channel ==================*/

body#global #pageTitle .h1WithSponsor {
	background:#fff;
	margin:0;
	padding:0;
	width:110px;
}
	body#global #pageTitle .h1WithSponsor span {
		display:none;
	}
/* ------- close bracket for @media -------- */	
}

