/*
 *  Webwise - Article page styles 
 */

#bbc-links{
	margin-top: 16px;
}

/*Article structure */
#content .content{
	padding: 16px;
}

#content .content .content{
	padding: 0;
}

#title h1{
	padding: 6px 12px;
}

#title img{
	float: right;
	margin: 10px 10px 0 0;
}

#article-img{
	float: left;
	margin: 0 16px 16px 0;
}

#article-text{
	float: right;
	width: 352px;
	
}
#article-desc{
	font-size: 1em;
	font-weight: bold;
}

#content #article-author{
	font-size: 0.8em;
	margin-top: 16px;
	color: #505050;
}

#article-author span{
	text-decoration: underline;
	color: #505050;
}

#article-author .invalid-author-id{
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;
}

.js #article-author span{
	cursor: pointer;
}

#blq-content .print-back{
	float: right;
	color: #0000ff;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
}

#blq-content .print-back:hover{
	color: #0000ff;
}

@media print{
	#blq-content .print-back{
		display: none;
	}
}

/* Sharetools */
.bbc-st{
	float: right;
	position: relative;
	top: -6px;
}

#content .bbc-st p{
	margin-bottom: 8px;
	font-size: 0.8em;
}

#summary{
	clear: right;
}

/* Author details */
#author-details{
	background: #d9e6f0;
	padding: 16px 16px 16px 16px;
	margin-top: 16px;
}

#author-details img{
	float: left;
	margin: 0 16px 16px 0;
}

#author-details h2{
	padding: 0;	
	background: none;
	font-size: 1em;
	margin-bottom: 0 0 16px 0;
}

#author-details h2, #author-details p{
	color: #0f5083;
}

#author-details p{
	margin-bottom: 0;
}

#author-details, #author-div{
	display: none;
}

	/* Info Panel */
	
	
	.js .infoPanel #author-details{
		display: block;
		margin-top: 0;
	}

/* Popup mode */
.popup #blq-nav-main, .popup #blq-mast form, .popup #blq-mast #blq-nav-btn, .popup #banner, .popup #blq-local-nav, .popup #ft-img, .popup #blq-foot,
.popup #col-two, .popup #title img{
	display: none;
}

.popup .blq-gvl-3 #blq-pre-mast, .popup .blq-gvl-3 #blq-container-inner,
.popup #blq-main, .popup #blq-content, .popup .blq-gvl-3 #blq-container-inner, .popup #col-one, .popup .blq-gvl-3 #blq-mast{
	width: 600px;
}

.popup .blq-gvl-3 #blq-container-inner{
	margin: 0;
	padding: 0;
}

.popup body{
	padding: 0;
}

.popup #blq-blocks{
	margin-top: 4px;
}
	
.popup .blq-gvl-3 #blq-mast{
	height: 48px;
	background: #000;
	left: 0;
}

.popup .blq-gvl-3 #blq-content{
	top: 48px;
}

.popup #content .content{
	padding: 4px
}

.popup #content .content .content{
	padding: 0;
}

.popup #article-img{
	margin: 12px 12px 16px 12px;
}

.popup #article-text{
	width: 342px;
}

.popup #popup-title{
	float: right;
	font-size: 24px;
	font-weight: bold;
	margin: 10px;
}

.popup #popup-footer{
	background: #000;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
	padding: 8px 16px 8px 16px;;
}


 /* 
  * Editorial Content 
  */
#content{
	background: #fff;
}

#content a{
	color: #335fd3;
}

#content a:hover{
	text-decoration: underline;
}

#content h2{
	padding: 6px 12px 6px 12px;
	margin-bottom: 16px;
	font-size: 1.25em;
	letter-spacing: -0.01em;
	background: #018c00 url('/staticarchive/399f7419a28d0e97a7810295c57686aefd002f7a.gif') top left repeat-x;
	color: #fff;
}

#content h3, #content h4{
	margin: 16px 0 16px 0;
}

#content p{
	margin-bottom: 20px;
	font-size: 1em;
}

#content p.caption{
	font-size: 0.8em;
	color: #505050;
}

#content blockquote{
	margin: 0 8px 0 8px;	
}

#content blockquote .blockquote{
	display: inline;
}

#content hr{
	margin: 16px 0 16px 0;
	border: none;
	background-color: #dcdcdc;
	height: 1px;
}

/* Lists */
#content ul{
	list-style-type: square;
	list-style-position: outside;	
	margin-bottom: 16px;
	margin-left: 16px;
}

#content ol{
	list-style-type: decimal;
	list-style-position: outside;
	margin-bottom: 16px;
	margin-left: 22px;
}

#content li{
	margin-bottom: 4px;
}

/* Richtext */
#content .richtext blockquote{
	margin-bottom: 16px;
}

#content .floating-richtext{
	clear: right;
	float: right;
	padding: 16px;
	width: 208px;
	margin: 0 0 16px 16px;
	background: #d9e6f0;
	color: #0f5083;
}
#content .floating-richtext h4{
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 16px 0;
}

#content .floating-richtext p.caption{
	margin: 16px 0 0 0;
}


/* Icon links */
#content .icon-link{
	margin-bottom: 16px;
}

#content .icon-link *{
	vertical-align: middle;
}
#content .icon-link .text{
	margin-left: 8px;
	position: relative;
	top: 1px;
}

#content .icon-link .img{
	text-decoration: none;
}

#content .icon-link-hover .text{
	text-decoration: underline;	
}

/* Images */
#content .full-img{
	margin-bottom: 16px;
}

#content .floating-img{
	clear: right;
	float: right;
	width: 224px;
	margin-right: 16px;
}
#content .floating-img p{
	margin-top: 4px;	
	color: #505050;
	font-size: 0.8em;
}

.js .floating-img img.lightbox{
	cursor: pointer;
}

/* Video */
#content .video-player{
	text-align: center;
	margin-bottom: 20px;	
}
	/* No JS or Flash */
	.video-player .no-js-flash{
		font-size: 1em;		
		padding: 32px 16px 16px 16px;
		margin-bottom: 20px;		
	}	
	

/* Quotes */
#content .full-quote blockquote, 
#content .floating-quote blockquote{
	display: inline;
	font-size: 1em;
	font-weight: bold;
	margin: 0 8px 0 8px;	
}

#content .full-quote .close,
#content .floating-quote .close{
	vertical-align: top;
	margin-top: 2px;
}

#content .full-quote p,
#content .floating-quote p{
	margin-top: 8px;
	margin-bottom: 0;
}

#content .floating-quote{
	clear: right;
	float: right;
	padding: 16px;
	width: 208px;
	margin: 0 0 16px 16px;
	background: #d9e6f0;
	color: #0f5083;
}

#content .floating-quote .close{
	vertical-align: top;
	margin-top: 2px;
}

/* Tables */
#content table{
	clear: left;
	background-color: #d9e6f0;
	margin-bottom: 16px;	
}
#content thead{	
	padding: 12px 16px 12px 16px;
	font-size: 1em;
	font-weight: bold;
	background: #018c00 url('/staticarchive/399f7419a28d0e97a7810295c57686aefd002f7a.gif') top left repeat-x;
	color: #fff;
}
#content th, #content td{
	padding: 12px 16px 12px 16px;
}

#content td{
	color: #0f5083;
}

#content tr.odd{
	background-color: #d9e6f0;
}

#content tr.even{
	background-color: #fff;
}