@charset 'UTF-8';


/* 
 * LS 2012-01-10 17:01:04
 * ASA 2012
 */

x#asa-cat-t5
{
	display:block;
	float:right;
	width:300px;
	margin:0 1em 1em 0;
	background:#ccc;
}

.2012 .category
{
	clear:both;
}

.2012 .category > p
{
	width:310px;
	float:left;
}

#article-content
{
	/* padding-top:15px;
	margin-top:10px; */
	margin:1.42em 0 0 0;
	margin:2em 0 0 0;
	/* http://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/ */
	/* overflow:hidden;
	_overflow:visible; */	/* LS 2011-11-29 11:41:21 | for IE5.5 and IE6 */
	zoom:1;
	clear:both;
}

#article-content img
{
	display:block;
}

#article-content p
{
	margin-top:0;
}

#article-content .introduction p
{
	font-size:108%;
	font-style:italic;
}

#article-ev #article-content .introduction
{
	display:none;	/* LS 2012-10-16 17:29:51 | temporary until we can strip the introduction out of the EV template, or at leat put it in the top of the article content. */
}

#article-content p.body
{
	font:13px/19px Verdana,Geneva,Kalimati,Helvetica,Arial,sans-serif;
	margin:8px 0;
}

#article-content hr
{
	height:1px;
	border:1px;
	background-color:#ccc;
	margin:2em 0;
}

#article-content .acknowledge,
#article-content .analysis,
#article-content .biography,
#article-content .boxed,
.boxed,
#article-content .case-study,
#article-content .company-info,
#article-content .country-facts,
#article-content .dont-miss,
#article-content .interview,
#article-content .insight,
#article-content .market-comment,
#article-content .people,
#article-content .profile,
#article-content .question,
#article-content .sidenote,
#article-ttf #article-content .thanks, /* JS 2014-01-30 11:12:59 Added #article-ttf, was causing issue with pages with 'thanks' in the URL */
#article-content .tt-comment
{
	padding:2em;
	margin:1.5em 0;
	background-color:#fafafa;
	border:1px solid #e0e0e0;
	/* -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; */
	position:relative;
	/*-moz-box-shadow:	0px 0px 15px 5px rgba(0, 0, 0, .11);
	-webkit-box-shadow:	0px 0px 15px 5px rgba(0, 0, 0, .11);
	box-shadow:			0px 0px 15px 5px rgba(0, 0, 0, .11);*/
	/* LS 2011-10-21 13:37:37 | maybe later */
	/* 
	display:-moz-box;
	display:-webkit-box;
	display:box;
	-moz-box-flex:1;
	-webkit-box-flex:1;
	box-flex:1;
	 */
}

#article-content .case-study .people,
#article-content .interview .people
{
	padding:0;
	margin:0 0 2em 2em;
	background-color:transparent;
	/* -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; */
	position:relative;
	-moz-box-shadow:	none;
	-webkit-box-shadow:	none;
	box-shadow:			none;
	float:right;
	border: none;
	/* LS 2011-10-21 13:37:37 | maybe later */
	/* 
	display:-moz-box;
	display:-webkit-box;
	display:box;
	-moz-box-flex:1;
	-webkit-box-flex:1;
	box-flex:1;
	 */
}

/* 
 * LS 2012-10-03 09:23:34
 * We can probably remove the initial IDs once everything's using this style.
 */
#article-content .biography,
#article-content .participants,
#article-content .people
{
	background: #fff;
	/*width:280px;*/	/*LS 2012-10-02 17:22:53 | was this*/
	/*width:255px;*/	/*LS 2012-10-02 17:23:09 | with a 2em padding, this makes 299px wide*/
	width:40.4%;	/*LS 2012-12-18 11:47:19 | nicer with %s*/
}


#article-content .case-study .people,
#article-content .interview .people
	{
		width:47.6%;	/*LS 2012-12-21 11:22:54 | 275px, which is the width of a single column if you had two columns with a 25px gutter.*/
	}

/* 
 * LS 2011-10-25 09:46:09
 * Don't double box things.
 * This might be a bit too liberal, but it works for now, so…
 */
#article-content div .acknowledge,
#article-content div .analysis,
#article-content div .biography,
#article-content div .boxed,
.boxed .boxed,
#article-content div .case-study,
#article-content div .company-info,
#article-content div .country-facts,
#article-content div .dont-miss,
#article-content div .interview,
#article-content div .insight,
#article-content div .market-comment,
#article-content div .profile,
#article-content div .question,
#article-content div .sidenote,
#article-content div .thanks,
#article-content div .tt-comment
{
	background-color:transparent;
	border:0;
	margin:0;
	padding:0;
	position:relative;
	-moz-box-shadow:	none;
	-webkit-box-shadow:	none;
	box-shadow:			none;
}

#article-content>.acknowledge:first-child,
#article-content>.analysis:first-child,
#article-content>.biography:first-child,
#article-content>.boxed:first-child,
.boxed h3:first-child,
.boxed h4:first-child,
.boxed>h3,
#article-content>.case-study:first-child,
#article-content>.company-info:first-child,
#article-content>.country-facts:first-child,
#article-content>.dont-miss:first-child,
#article-content>.interview:first-child,
#article-content>.insight:first-child,
#article-content>.market-comment:first-child,
#article-content>.profile:first-child,
#article-content>.question:first-child,
#article-content>.sidenote:first-child,
#article-content>.thanks:first-child,
#article-content>.tt-comment:first-child
{
	margin-top:.42em;
}


.boxed h3:first-child,
.boxed>h3
{
	margin-top:0;
	margin-bottom:.42em;
}

/* 
 * LS 2011-10-25 10:28:30
 * Prevent too much white space at the bottom of articles
 */
#article-content>.acknowledge:last-child,
#article-content>.analysis:last-child,
#article-content>.biography:last-child,
#article-content>.boxed:last-child,
#article-content>.case-study:last-child,
#article-content>.company-info:last-child,
#article-content>.country-facts:last-child,
#article-content>.dont-miss:last-child,
#article-content>.interview:last-child,
#article-content>.insight:last-child,
#article-content>.market-comment:last-child,
#article-content>.profile:last-child,
#article-content>.question:last-child,
#article-content>.sidenote:last-child,
#article-content>.thanks:last-child,
#article-content>.tt-comment:last-child,
/* 
 * LS 2011-10-25 10:28:58
 * Prevent too much white space at the bottom of boxes on the inside.
 */
#article-content .acknowledge>p:last-child,
#article-content .analysis>p:last-child,
#article-content .biography>p:last-child,
#article-content .boxed>p:last-child,
#article-content .case-study>p:last-child,
#article-content .company-info>p:last-child,
#article-content .country-facts>p:last-child,
#article-content .dont-miss>p:last-child,
#article-content .interview>p:last-child,
#article-content .insight>p:last-child,
#article-content .market-comment>p:last-child,
#article-content .people>p:last-child,
#article-content .profile>p:last-child,
#article-content .question>p:last-child,
#article-content .sidenote>p:last-child,
#article-content .thanks>p:last-child,
#article-content .tt-comment>p:last-child,
#article-content li>p:last-child,
#article-content>p:last-child,
#article-content th>p:last-child,
#article-content td>p:last-child,
#article-content aside>p:last-child,
#article-content .boxed ul:last-child
{
	margin-bottom:0;
	
	/*
	x#article-content>div>p:last-child,
	xdiv>p:last-child
	
	LS 2012-01-18 10:23:07 | Can't have these two rules as they break the introduction paragraph - bah! */
	
}

#article-content .cols
{
	display:block;
	margin-top:0;
}

/*
 * LS 2012-10-04 13:16:34
 * ======================
 * Think this might not be required any more.
*/
/*
#article-content .boxed.cols2,
#article-content .biography.cols2,
#article-content .company-info.cols2
{
	width:283px;
}
*/

#article-content .c1
{
	float:left;
}

#article-content .c2
{
	margin-left:320px;
}

#article-content .introduction .boxed
{
	xfloat:none;
	xwidth:100%;
	overflow:hidden;
}

#article-content .insight
{ /* yellow */
	background-color:#f7e4c9;
	border-color:#ecc388;
}

#article-content .market-comment
{ /* green */
	background-color:#cbd4c5;
	border-color:#8da787;
}

#article-content .sidenote,
#article-content .country-facts
{
	width:25%;
	float:right;
	margin:0 0 10px 2em;
}

#article-content .country-facts
{
	width:205px;
	margin-top:.42em;
}

#article-content .tt-comment p
{
	font-size:.84em;
}

/*
 * Definition Lists
 */

#article-content dl
{
	display:inline-block;
}

#article-content dl dt
{
	float:none;
	width:auto;
	font-weight:bold;
	clear:left;
	margin:0;
}

#article-content dl dd
{
	float:none;
	width:auto;
	font-weight:normal;
	clear:left;
	margin:0;
}

#TabbedPage #article-content dl dt
{
	font-size:14px;
	line-height:133%;
}

#article-content dl dt a
{
	text-decoration:none;
}

#article-content dl
{
	display:block;
	margin-bottom:1em;
}

#article-content dl:last-child
{
	margin-bottom:0;
}



#article-content .list
{
	-moz-column-count:4;
	-moz-column-gap:15px;
	-webkit-column-count:4;
	-webkit-column-gap:15px;
	column-count:4;
	column-gap:15px;
	height:18em;
}












/* 
 * LS 2011-10-24 17:47:52
 * Formatting for hCard microformat
 */
#article-content dl.vcard,
#article-content dl.vcard dt,
#article-content dl.vcard dd
{
	display:block;
}

#article-content dl.vcard dt
{
	float:none;
	width:auto;
	font-weight:bold;
	clear:left;
	margin:0 0 .21em 0;
	font-size:18px;
	line-height:1.42em;
}

#article-content dl.vcard dd
{
	float:none;
	width:auto;
	clear:left;
	margin:0 0 .21em 0;
	font-size:18px;
	line-height:1.42em;
}

#article-content dl.vcard dd
{
	font-size:16px;
}

#article-content .boxed dl dt
{
	width:9em;
	margin-right:1em;
}

#article-content .boxed dl dd
{
	float:left;
	margin-left:1em;
	width:9em;
	clear:both;
}

/* 
 * LS 2011-10-25 09:52:59
 * Biography blocks show differently
 */
#article-content .biography dl.vcard,
#article-content .biography dl.vcard dt,
#article-content .biography dl.vcard dd
{
	/* display:inline-block; */	/* LS 2011-12-01 13:06:38 | causing issues with the new flow around for the article image. */
}

#article-content .biography dl.vcard dt,
#article-content .biography dl.vcard dd
{
	min-width:51%;
	max-width:75%;		/* LS 2011-10-25 13:55:24 | this isn't wide enough when it's in a two column content layout */
	max-width:500px;	/* LS 2011-10-25 13:56:01 | will this be too wide in a 2 column content layout? */
}

#article-content .biography dl.vcard dd.photo
{
	float:left;
	margin:0 15px 0 0;
	min-width:0;
}

#article-content .biography .vcard ~ p
{
	clear:both;
}

/* 
 * LS 2011-10-25 09:57:39
 * Different in boxes too.
 */
#article-content .boxed .diagram dl dt,
#article-content .boxed .diagram dl dd
{
	margin-left:0;
	margin-right:0;
	width:auto;
}

#article-content .boxed dl dd + dd + dd
{
	float:none;
	margin-left:30em;
}

#article-content .country-facts dl dt,
#article-content .country-facts dl dd,
#article-content dl.websites dt,
#article-content dl.websites dd
{
	float:left;
	width:auto;
}

#article-content .country-facts dl dt,
#article-content dl.websites dt
{
	font-weight:bold;
	clear:left;
}

#article-content .country-facts dl dt,
#article-content dl.websites dt
{
	margin-right:0.42em;
}

#article-content .country-facts dl dt,
#article-content .country-facts dl dd
{
	color:#444;
	font-size:11px;
	line-height:175%;
	float:left;
	display:inline-block;
	clear:left;
}

#article-content .country-facts dl dd
{
	clear:none;
}

#article-content .country-facts ul,
#article-content .country-facts ul li
{
	margin:0;
	list-style-position:inside;
	list-style-type:none;
	font-size:11px;
}

#article-content .country-facts h5
{
	font-size:13px;
	clear:both;
	padding:1em 0 0 0;
}

#article-content .country-facts h4
{
	font-size:14px;
	margin-top:0;
}

#article-content .sidenote p,
#article-content .sidenote h4,
#article-content .sidenote h5,
#article-content .sidenote h6
{
	font-size:10px;
	margin:0 0 1em 0;
	padding:0;
}

#article-content .disclaimer
{
	color:#444;
	clear:both;
}

#article-content .disclaimer h5,
#article-content .disclaimer p
{
	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	line-height:120%;
	margin:0 0 .42em 0;
	padding:0;
}

#article-content .disclaimer h5
{
	font-size:12px;
}

#article-content .sidenote h4,
#article-content .sidenote h5,
#article-content .sidenote h6
{
	font-size:12px;
	margin:0 0 0.25em 0;
}

#article-content .sidenote h4
{
	font-size:10px;
}
#article-content .sidenote h6
{
	font-size:14px;
}

#master_2_panelWrapper h5+p,
h5+p.sidenote,
p.sidenote+p	{
	margin-top:0;
}

#article-content blockquote,
.text blockquote
{
	margin:2em 125px 2em 100px;
	border:0;
	border-left:1px dotted #777;
	padding:0 2em;
	font-family:georgia,'Times New Roman',serif;
	font-style:italic;
	line-height:1.6em;
	font-size:14px;
	color:#777;
	position:relative;
	width:375px;
}
.text blockquote
{
	margin-left:33px;
}

#article-content blockquote p,
.text blockquote p
{
	font-family:georgia,'Times New Roman',serif;
	line-height:1.6em;
}

#article-content blockquote p.caption,
.text blockquote p.caption
{
	font-size:10px;
	line-height:1.33em;
	text-align:right;
	width:75%;
	position:relative;
	right:-25%;
}

#article-content blockquote p.caption:before,
.text blockquote p.caption:before
{
	content:"— "
}

/* Lists -------------------------------------------------------------------- */

/* LS 2010-05-02 10:08:25
 * Ho, ho, ho and a bottle of rum! Oh for a containing <div>...
 * LS 2010-07-09 13:34:02
 * YAY! Containing <div id="article-content">
 */
#article-content ul,
#article-content ol,
.comment-text ul,
.comment-text ol
{
	margin-left:0;
}

#article-content ul li,
#article-content ol li,
.comment-text ul li,
.comment-text ol li
{
	margin:0 0 .5em 1.5em;
	background:none;
}

#article-content ol li,
.comment-text ol li,
#article-content ul li,
.comment-text ul li
{
	margin-left:2em;
	list-style:decimal outside;
	display:list-item;		/* LS 2010-08-17 17:34:54 | essential since other li's on the page are set to inline-block */
}

#article-content ol.alpha li,
.comment-text ol.alpha li
{
	list-style:lower-alpha outside;
}

#article-content ul li,
.comment-text ul li
{
	list-style:disc outside;
}

/* 2nd level nested lists to have no space between paragraphs */
#article-content ol ul li,
#article-content ol ul li p,
#article-content ul ul li,
#article-content ul ul li p,
#article-content ul ol li,
#article-content ul ol li p,
#article-content ol ol li,
#article-content ol ol li p,
.comment-text ol ul li,
.comment-text ol ul li p,
.comment-text ul ul li,
.comment-text ul ul li p,
.comment-text ul ol li,
.comment-text ul ol li p,
.comment-text ol ol li,
.comment-text ol ol li p
{
	margin-top:0;
	margin-bottom:0;
}

#article-content ul.plain li,
.comment-text ul.plain li
{
	list-style-type:none;
}

#article-content ul.link-list,
#article-content ul.link-list li,
.comment-text ul.link-list,
.comment-text ul.link-list li
{
	margin-left:0;
	margin-bottom:0;
}

/* Equations ---------------------------------------------------------------- */
#article-content .equation,
#article-content .equation p,
#article-content .equation sub,
#article-content .equation sup
{
	font-family:"Georgia",serif;
	font-weight:bold;
	font-style:italic;
	color:#224875;
}

#article-content .equation sub,
#article-content .equation sup,
.comment-text p sub,
.comment-text p sup
{
	font-size:.75em;
	vertical-align:top;
	border:0;
	display:inline;
	letter-spacing:auto;
	margin:0;
	text-transform:none;
	color:#111;
}

#article-content .equation sub,
.comment-text p sub
{
	vertical-align:bottom;
}


/* Tables -------------------------------------------------------------------- */

#article-content table tbody tr:nth-child(odd),
#article-content table tbody .odd 					/*LS 2013-01-10 13:29:27 — added this class as an override for when you have rowspans that don't work nicely with the alternating colours — http://treasurytoday.com/2013/01/treasury-management-systems?page=2*/
	{
		background-color:#ddd;
		background-color:rgba(0,0,0,.11);
	}

#article-content table thead tr,
#article-content table tfoot tr
{
	background-color:#666;
	background-color:rgba(0,0,0,.50);
	color:#fff;
}

#article-content table tbody tr:hover
{
	background-color:rgba(255,255,0,.26);
}

#article-content table td
{
	background-color:transparent;
	border:0;
	border-top:1px #fff solid;
}

#article-content table th,
#article-content table td
{
	padding:0.3em 0.3em;
}

#article-content table th
{
	font-weight:bold;
	text-align:left;
}

#article-content table tfoot th,
#article-content table thead th
{
	background-color:rgba(0,0,0,.11);
}

#article-content table thead th
{
	text-align:center;
}

#article-content th h4
{
	font-size:14px;
	font-weight:bold;
	line-height:normal;
	margin:0;
}

/* Columns */

#article-content table colgroup col.tc-pc,
#article-content table colgroup col.tc-currency
{
	text-align:right!important;
}

#article-content table col.center
{
	text-align:center;
}

#article-content table tr td:first-child
/* .boxed table tr td:first-child */
{
	padding-right:1em;
}

#article-content table tr th,
#article-content table tr td
{
	border:1px white solid;
	padding:.32em .53em;
}

#article-content table
{
	border:1px #ccc solid;
	overflow-x:auto;	/* LS 2012-04-17 16:22:47 | "scroll" gives a scrollbar even when you don't need it. */
	max-width:625px;
	width:expression(document.body.clientWidth > 625? "625px": "auto" );
	display:block;
	border:0;
}

#article-content table thead th,
#article-content table tfoot th
{
	border-top:1px #ccc solid;
}

#article-content table tr:last-child th,
#article-content table tr:last-child td
{
	border-bottom:1px #ccc solid;
}

#article-content table tr th:first-child,
#article-content table tr td:first-child
{
	border-left:1px #ccc solid;
}

#article-content table tr th:last-child,
#article-content table tr td:last-child
{
	border-right:1px #ccc solid;
}



































#asa-header
{
	background:#006 url("../i/asa/2010/asa-2010-header.jpg") no-repeat 0 0;
	width:625px;
	height:113px;
	margin:0 0 15px 0;
}






/* div sections
 * ============
 * Set their layout and styling
 */

#asa-supplement,
#asa-case-study
{
	background:#006 url("../i/asa/2010/asa-2010-3c-blue.jpg") no-repeat 0 0;
	width:225px;
	height:223px;
	margin:0 15px 15px 0;
	float:left;
	overflow:hidden;
	position:relative;
}

#asa-case-study
{
	background:#ddd url("../i/asa/2010/asa-2010-3c-grey.jpg") no-repeat 0 0;
}

#asa-case-study *,
#asa-supplement *
{
	color:#3b3b3b;
	margin:0 10px!important;
}

/* h3
 * =======
 * Section headings
 */

#asa-case-study > h3,
#asa-supplement > h3
{
	font-size:20px!important;
	line-height:1.42em;
	margin-bottom:.21em!important;
	margin-top:.21em!important;
}

#asa-supplement > h3
{
	margin-bottom:.42em!important;
	margin-top:.42em!important;
}


#asa-photo-gallery h3
{
	display:none;
}

/* p
 * =======
 * Seciton main text
 */

#asa-case-study p,
#asa-supplement p
{
	font-size:12px;
	line-height:1.42em;
	margin-bottom:1em!important;
}

#asa-case-study p
{
	font-size:11.5px;
	font-style:italic;
	text-align:center;
	font-family:georgia, times, serif;
}

/* .footer
 * =======
 * Bottom section of each box
 */

#asa-case-study p.footer,
#asa-supplement p.footer
{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	width:205px;
	margin:0;
}

#asa-case-study p.footer
{
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	font-family:Verdana, Geneva, Kalimati, Helvetica, Arial, sans-serif;
	color:#fff;
}

#asa-supplement *
{
	color:#fff;
	text-shadow:1px 1px 2px #000; /* FF3.5+, Opera 9+, Saf1+, Chrome */
}

#asa-case-study .footer,	/* override other .footer styles */
#asa-supplement .footer
{
	background-image:none;
	background-color:transparent;
	border:0;
}


/* ASA Winners */

#asa-winners
{
	clear:both;
}

#asa-winners .category
{
	xbackground-color:#ffffcc;
	xborder:1px #f00 solid!important;
}

#asa-winners .category td
{
	xborder:1px #00f solid!important;
}

#asa-winners h4,
#asa-winners-2011 h4,
#asa-winners h4 a,
#asa-winners li,
#asa-winners p,
#asa-winners p a
{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.4em;
	text-align:center;
	text-decoration:none;
	color:#333;
}

#asa-winners-2011 h4
{
	text-align:left;
}

#asa-winners-2011 dl dt
{
	width:12em;
}

#asa-winners-2011 dl dd
{
	clear:left;
	float:left;
	margin:0 0 0 1em;
}

#asa-winners ul,
#asa-winners ul li,
#asa-winners p,
#asa-winners p a
{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.4em;
	text-align:center;
}

#asa-winners ul li
{
	list-style-type:none;
}

#asa-winners .asa-category
{
	border-bottom:1px grey solid;
	text-align:left;
}

#asa-winners .asa-category h4
{
	text-align:left;
}


/* structure */

#asa-winners .category h4
{
	display:block;
	width:300px;
	position:relative;
}

#asa-winners h5
{
	display:none;
}

#asa-winners .asa-winner,
#asa-winners .asa-highly-commended
{
	width:155px;
}

/* #asa-winners .asa-winner ul,
#asa-winners .asa-highly-commended ul
{
	display:block;
	position:relative;
}

#asa-winners .asa-winner ul li,
#asa-winners .asa-highly-commended ul li
{
	display:block;
	width:155px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	height:16px;
} */



#asa-winners .category table,
#asa-winners .category .asa-winner table,
#asa-winners .category .asa-highly-commended table
{
	background-color:transparent!important;
	border:0;
	width:100%;
	height:100%;
}

#asa-winners .category table tr,
#asa-winners .category .asa-winner table tr,
#asa-winners .category .asa-highly-commended table tr
{
	background-color:transparent!important;
	border:0;
}

#asa-winners .category table tr td,
#asa-winners .category .asa-winner table tr td,
#asa-winners .category .asa-highly-commended table tr td
{
	border:0;
	vertical-align:middle!important;
	padding:0;
}












#asa-winners table,
#asa-winners table tr,
#asa-winners table td
{
	border:0!important;
	margin:0!important;
	padding:0!important;
	background-color:#fff!important;
}

#asa-winners table tr,
#asa-winners table td
{
	height:52px!important;
	vertical-align:middle!important;
}













/* #asa-winners .category h5
{
	visibility:hidden!important;
	float:left;
	height:50%;
	margin-bottom:-26px;
}

#asa-winners .category ul
{
	clear:both;
	height:52px;
	position:relative;
} */






/* Columns */

#asa-winners .asa-winner
{
	background-color:#efefef!important;	/* grey */
	margin-right:8px;
}
x#asa-winners .asa-winner div
{
	background-color:#efefef!important;	/* grey */
	border:1px #b6bfc9 solid;
}

#asa-winners .asa-highly-commended
{
	background-color:#e8eef6!important;	/* blue */
}

x#asa-winners .asa-highly-commended div
{
	border:1px #d6d1d1 solid;
}


/* Text styles */

#asa-winners p,
#asa-winners p,
#asa-winners a,
#asa-winners a
{
	color:#222;	/* black */
	text-decoration:none;
	margin:0;
	padding:0;
}

#asa-winners a:hover,
#asa-winners a:hover
{
	color:#000;	/* black */
	background-color:#fff;
	text-decoration:underline;
}





/* Problem Solved ----------------------------------------------------------- */
#article-content .solution h2:first-child
{
	text-align:right;
}

/* Codehouse Fixes ---------------------------------------------------------- */
#article-content .cta-subscribe ul
{
	margin-left:10px;
}

#article-content .cta-subscribe .rounded-promo ul li p
{
	padding-left:0;
}

/* LS 2010-05-14 16:33:29 - get rid of borders around publication covers e.g. http://treasurytoday.com/magazine.aspx */
.tt.meta img,
.meta.micro img
{border:0;}

/* LS 2010-07-30 12:36:41 - Align the publication title with th etop of the cover image and give it a bit of space beneath as well. */
.tt.meta.micro.left + h2
{margin:8px 0 0 0;}

/* LS 2010-05-14 16:34:04 - lose the underline and reduce the gap beneath the publication title in listings e.g. http://treasurytoday.com/magazine.aspx */
.divider h2 a
{text-decoration:none;}

/* LS 2010-07-30 12:42:07 - no space before the first heading of a box */
/* See div>h3 in the "Headers and Headings" section - it is commented */

/* Spacing for between the heading and the surrounding box. */
#article-content div.cta-subscribe h3, #article-content div.cta-subscribe h4
{padding:10px 0 0 10px;}

/* Article text formatting -------------------------------------------------- */
#article-content .divider blockquote,
#article-content .divider blockquote p
{
	margin-top:.42em;
}




/* ---------------------------------------------
 * Headers and Headings - LS 2010-07-30 12:10:57
 * ---------------------------------------------
 */

#article-content h3,
#article-content h4,
#article-content h5,
#article-content h6
	{
		font-size:18px;
		line-height:1.42em;
		margin:0;
		padding:0;
		color:#362f2d;
	}

#article-content h3
	{
		margin:1em 0 .42em 0;
	}

#article-content h4
	{
		margin:.63em 0 .33em 0;
		margin:0 0 .33em 0;
		font-size:16px;
	}

#article-content h5
	{
		font-size:14px;
	}

#article-content h6
	{
		font-size:13px;
	}

#article-content .biography h4,
#article-content .people h4,
#article-content .vcard h4,
.vcard h4
	{
		margin:0.42em 0 0 0;
	}

#article-content .participants .vcard h4
	{
		margin-top:0;	/*LS 2012-12-18 10:23:24 — the rule directly above was causing names in TTF participant boxes to be out of alignment with the portraits, this corrects that ONLY in participant boxes.*/
	}

#article-content .biography figure + h4,
#article-content .people figure + h4,
#article-content .vcard figure + h4,
.vcard figure + h4
	{
		margin-top:0;
	}

#article-content .biography h5,
#article-content .people h5,
#article-content .vcard h5,
.vcard h5
	{
		margin:0;
	}

#article-content .biography h5,
#article-content .people h5,
#article-content .vcard h5,	/* LS 2012-10-15 17:16:30 | can I lose the .people and .biography options now that I have .vcard? Will need the TTF .people boxes changing I think. */
#article-content .participants h5,
.vcard h5
{
	margin-top:0;
	font-weight:normal;
}
#article-content .biography p,
#article-content .people p
{
	font-size:11px;
	line-height:1.4;
}


/*
 * LS 2012-10-17 12:25:56
 * ======================
 * This was all around :1780
*/
/*#article-content .introduction .logo,
.biography .logo
{
	position:relative;
	margin:0.84em 0 1em 0;
	bottom:0;
	right:0;
}*/
#article-content .participants h3
{
	line-height:1;	/*LS 2012-12-18 10:57:11 — reduces the space between the top of the "Participants" title and the edge of the participants box.*/
	margin-bottom:1em;
}

#article-content .participants h5,
#article-content h5.title	/*LS 2012-12-21 11:24:24 | people photos in interviews like here: http://treasurytoday.com/2008/10/unicredits-ebanking-platform-with-swift-connectivity?page=3*/
{
	/*font-weight:normal;*/	/*LS 2012-12-18 10:28:49 — this is already specified in #article-content .vcard h5 a few lines above.*/
	font-size:13px;	/*LS 2012-12-18 10:46:44 — this is required, since we like the h5 headings a little bit smaller in participant boxes - do we also want this in vcards?*/
}

#article-content .logo,
#article-content .vcard .logo,
.vcard .logo,
#article-content .people .vcard img.logo

{
	margin:0.84em 0 1em 0;
}

#article-ps #article-content .introduction .vcard + p
{
	margin-left:126px;
	margin-top:1em;
}

#article-content .logo:last-child
{
	margin-bottom:0;
}
#article-content .logo.org:last-child
{
	margin-bottom:0;
}
#article-content .case-study .logo
{
	/*margin-top:0;*/	/*LS 2012-12-18 10:51:05 — why is this commented out?*/
}
#article-content .case-study .management-summary
{
	margin-top:1em;
}
#article-content .participants .logo
{
	margin:0.84em 0 2em 105px;
}





/* 
 * LS 2011-10-25 10:26:52
 * Prevent too much white space at the top of articles that start with a heading
 */
#article-content>h1:first-child,
#article-content>h2:first-child,
#article-content>h3:first-child,
#article-content>h4:first-child,
#article-content>h5:first-child,
#article-content>h6:first-child,
#article-content>.introduction>blockquote:first-child
{
	margin-top:0;
}

.management-summary
{
	font-style:italic;
}

/* LS 2010-07-30 12:42:07 - No space before the first heading of a box */
#article-content h3 + p,
#article-content h4 + p,
#article-content h5 + p,
#article-content h6 + p
{
	margin-top:0;
}

/* LS 2010-07-30 12:42:07 - No space before the first heading of a box */
/* This is for publication details pages e.g. http://test.treasurytoday.com/handbook/cimmfe.aspx
 * Would be nice to get their content namespaced as #article-content as well, just to reduce the nubmer of rules I need...
 * LS 2010-07-30 12:52:31
 */
.thanks h2:first-child,
.thanks h3:first-child,
.thanks h4:first-child,
.thanks h5:first-child,
.thanks h6:first-child,
#article-content div h2:first-child,
#article-content div h2:first-child + h3,
#article-content div h3:first-child,
#article-content div h4:first-child,
#article-content div h5:first-child,
#article-content div h6:first-child
{
	margin-top:0!important;
}
#article-content .thanks dl
{
	display:inline-block;
}
#article-content .thanks dl dt,
#article-content .thanks dl dd,
.thanks dl dt,
.thanks dl dd
{
	font-size:11px;
	width:auto;
	clear:none;
	float:left;
	display:inline!important;
}

#article-content .equation
{
	margin-left:1.5em;
}
#article-content span.equation
{
	margin-left:0;
}
#article-content .company-info p,
#article-content p.company-info
{
	font-style:italic;
	margin-bottom:1em;
}
#article-content .interviewee h4,
#article-content .interviewee h5
{
	margin:0;
}
#article-content .interviewee h4
{
	font-size:16px;
	padding-top:0.5em;
}
#article-content .interviewee h5
{
	font-size:14px;
	padding-bottom:0.65em;
}

/* Article images, diagrams, portraits and photos ---------------------------- */

/* LS 2010-05-21 12:49:50 - give diagrams some styling*/

#article-content .enlargeable a img
{
	border:0;
}
#article-content .diagram
{
	float:left;
	overflow:hidden;
	position:relative;
	width:300px;
}
figure,
#article-content figure,
#article-content .diagram
{
	margin:0 0 1em 0; /*LS 2012-11-21 11:41:43 — I've removed the right margin, you will need to specify .left on figures from now on in order to get it.*/
}
/*JSB 2013-08-12 11:59:20 — I have added this so that when diagrams are in a box, there isn't loads of white space at the bottom.*/
#article-content .boxed figure:last-child
{
	margin-bottom:0;
}
/*LS 2012-09-19 10:53:30 | causes issues with left aligned photos in right aligned boxes – don't do it!*/
/*.right figure,
#article-content .right figure,
#article-content .right .diagram,*/
figure.right,
.boxed.right,
#article-content figure.right,
#article-content .boxed.right,
#article-content .diagram.right,
#article-content .biography.right,
#article-content .people.right
{
	margin:0 0 2em 2em;
}
/*LS 2012-11-21 11:43:04 — causes issues with right aligned photos in left aligned boxes – don't do it!*/
/*.left figure,
#article-content .left figure,
#article-content .left .diagram,*/
figure.left,
.boxed.left,
#article-content figure.left,
#article-content .boxed.left,
#article-content .diagram.left,
#article-content .biography.left,
#article-content .people.left
{
	margin:0 2em 2em 0;
}

/*
 * LS 2012-10-10 10:30:43
 * ======================
 * eg. http://treasurytoday.com/2011/11and12/problem-solved-amgen
 */
#article-content .biography .vcard,
#article-content .people .vcard,
#article-content .right .vcard
{
	clear:left;
}

/*
 * LS 2012-10-09 11:15:39
 * ======================
 * Example: http://treasurytoday.com/2012/10/interview-bradesco-joao-carlos-gomes-da-silva?page=2
 */
figure.right,
#article-content figure.right
{
	width:300px;
}
/*
 * LS 2012-10-10 17:05:33
 * ======================
 * Example: http://treasurytoday.com/2012/04/shell-still-leading-the-pack?page=3
 */
figure.portrait.right,
#article-content figure.portrait.right
{
	width:auto;
}
#article-content .right blockquote
{
	margin:2em 0 0 0;
	width:auto;
}
#article-content .boxed .diagram
{
	margin-left:0;
	margin-right:0;
	width:283px;
}
#article-content .diagram.center,
#article-content figure.center
{
	width:100%;
	margin-top:1em;
	text-align:center; /*LS 2012-11-21 12:18:44 — Centres the figcaption and .source text for diagrams/charts.*/
}
#article-content figure.center .enlargeable /*LS 2012-11-21 12:19:16 — make diagrams/charts centred.*/
{
	display:block;
	width:300px;
	margin:0.42em auto;
}
#article-content .diagram .source,
#article-content figure .source
{
	clear:both;
	font-size:0.84em;
	font-style:italic;
}
#article-content .diagram.left
{
	margin-left:0;	/* It *IS* supposed to be zero LEFT margin! LS 2010-05-25 11:58:51 */
}
#article-content .diagram.right
{
	margin-right:0;	/* It *IS* supposed to be zero RIGHT margin! LS 2010-05-25 11:58:30 */
	float:right;
}
#article-content .diagram dl
{
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	text-indent:0;
	position:relative;
}
#article-content .diagram.center dl
{
	left:50%;
	text-align:center;
}
#article-content .diagram dt,
#article-content .diagram dd
{
	display:block;
	float:left;
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	text-align:center;
	font-weight:normal;
}
#article-content .diagram.center dt,
#article-content .diagram.center dd
{
	right:50%;
}
#article-content .diagram dt
{
	text-align:center;
	width:99%;		/* Required to override some formatting in other stylsheets | LS 2010-08-17 11:23:35 */
					/* LS 2011-10-25 10:24:52 | was auto, now 99% */
	display:inline;
	clear:both;
	font-weight:bold;
	font-size:15px;
	color:#362f2d;
}
#article-content .diagram dd
{
	font-weight:bold;
}
#article-content .diagram dd:last-child
{
	text-align:right;
	font-weight:normal;
	font-style:italic;
	font-size:0.75em;
}
#article-content .diagram img
{
	margin:1em 0 0 0;
}
#article-content .portrait
{
	background-color:#fff;
	clear:left;
	border:1px #ddd solid;
	margin-right:2em;
	margin-bottom:2em;
	position:relative;
	float:left;
}
#article-content .chair .portrait,				/* LS 2012-10-15 16:04:31 | controls the spacing after Richard in the TTF people box eg. http://treasurytoday.com/2011/11and12/talking-treasury-forum-money-funds */
/*#article-content .people.vcard .portrait,*/	/* LS 2012-10-17 11:11:22 | http://treasurytoday.com/2008/10/problem-solved-henkel-scott-miller */
#article-content .vcard:last-child .portrait
{	/* LS 2012-10-17 10:41:45 | removes bottom spacing on last portrait in a people box (interviews, case studies and TTFs) eg. http://treasurytoday.com/2008/10/unicredits-ebanking-platform-with-swift-connectivity?page=3 */
	margin-bottom:0;
}
#article-content .biography .portrait
{
	margin-bottom:1em;	/* LS 2012-10-08 17:07:30 | Override the above rule (2em) since there's n requirement for a name under a photos in a biography: http://treasurytoday.com/2009/04/setting-up-a-payment-factory */
}
#article-content .biography .portrait img
{
	margin:0;
}
#article-content .portrait h6
{
	position:absolute;
	font-size:11px;
	font-weight:normal;
}
#article-content .portrait.right
{
	clear:none;
	clear:right;
	margin-right:0;
	margin-left:2em;
}











#asa-gallery .asa-gallery-thumb
{
	clear:none;
	float:left;
	margin:0 10px 10px 0;
	   -moz-border-radius:4px;
	-webkit-border-radius:4px;
		border-radius:4px;
	   -moz-box-shadow:3px 3px 11px rgba(0,0,0,0.42);
	-webkit-box-shadow:3px 3px 11px rgba(0,0,0,0.42);
		box-shadow:3px 3px 11px rgba(0,0,0,0.42);
	width:196px;
}

#asa-gallery .asa-gallery-thumb img
{
	margin:0;
}

#asa-gallery .asa-gallery-thumb a
{
	display:block;
	width:180px;
	height:115px;
	overflow:hidden;
	margin:8px;
}











/* ----------------------------------------
 * Country Profile - LS 2010-07-30 12:10:57
 * ----------------------------------------
 */

	/* First page of the article */
		#article-content .country-facts img
{
			border:1px #ccc solid;
			margin-bottom:2em;
		}

	/* Last page of the article */
		#article-content .profile .contacts dl,
		#article-content .profile .contacts dt,
		#article-content .profile .contacts dd
{
			float:none;		/* override for previous rule */
			width:auto;		/* override for previous rule */
			font-size:11px;		/* a little smaller than the standard body */
			line-height:1.42em;	/* better spacing */
		}

		/*#article-content .profile .contacts dd + dt
{margin-top:1em;}*/		/* Create a space between multiple contacts */
		
		#article-content .profile .contacts .tel:before
{content:"Tel: ";font-weight: bold;}
		#article-content .profile .contacts .email:before
{content:"Email: ";font-weight: bold;}
		#article-content .profile .contacts .url:before
{content:"Web: ";font-weight: bold;}
		#article-content .profile .contacts .fax:before
{content:"Fax: ";font-weight: bold;}


		#article-content .profile .logo
{
			/*LS 2012-08-30 14:28:48 | Disclaimers should NOT go in the company profile box!*/
			position:absolute;
			bottom:1em;
			right:1em;
			margin:0;
		}

		/* LS 2012-10-17 12:28:00 | moved to around :1300 */
		/*#article-content .introduction .logo,
		.biography .logo
{
			position:relative;
			margin:0.84em 0 1em 0;
			bottom:0;
			right:0;
		}*/

		#article-content .case-study h2,
		#article-content .interview h2
{
			position:absolute;
			top:24px;
			right:24px;
			margin:0;
			padding:0;line-height:1;
			font-weight:normal;
			color:#ccc;
		}

		#article-content .case-study .logo
{
			/*margin:10px 10px 20px 0;*/
			xdisplay:block;
			/*
			 * LS 2012-08-30 11:43:00
			 * ======================
			 * These are causing issues, not sure why I wanted them to be anywhere, but I'm sure I will at some point!
			 */
			/*width:68%;*/
			/*min-width:68%;*/

			/*
			 * LS 2012-09-03 16:47:39
			 * ======================
			 * Adding this in because it makes sense right now :D
			 */
			xposition:absolute;
			xtop:1em;
			xright:1em;
		}

		/* 
		 * LS 2011-10-25 12:18:59
		 * Override vcard logos so they stay left aligned, in the flow.
		 */
		#article-content .case-study .vcard .logo
{
			position:relative;
			top:0;
			left:0;
			margin:10px 10px 10px 0;
		}


/* ------------------------------------------
 * Adam Smith Awards - LS 2010-08-23 17:21:32
 * ------------------------------------------
 */

	/* First page of the article */
	#article-content .asa-winners dl dt
{
		width:12em;
		margin-right:0;
	}

	#article-content ul.asa-winners,
	#article-content ul.asa-winners li
{
		margin-left:0;
		list-style:none;
	}

	#article-content ul.asa-winners li h4
{
		font-size:14px;
		margin-bottom:0;
	}


/* Some Global Stuff - LS 2010-05-24 10:44:58 */

/* #article-content .left,
#article-content .portrait
{
	float:left;
} */	/* LS 2012-02-17 12:23:49 | this appears in 3-value.css */
#article-content .right
{
	float:right;
	clear:right;
}

/* Talking Treasury Forums and Interviews when there is more than one person.
 * LS 2011-10-19 13:31:48
 */
#article-content .person span
{
	font-weight:bold;
}

/* LS 2010-11-23 14:31:01
 * added this to 6-homepage.css */
/* Sidebar fixes */

.scPollMain
{
	border:1px #ddd solid;
	margin:10px 0 0 0;
	padding:0 1em 1em 1em!important;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

.hide
{
	display:none!important;
	visibility:hidden!important;
}


/* LS 2011-08-22 17:33:30
 * Some styling for the "SimplePage" template that I'm currently (ab)using for the supplier listing page.
 */

#supplier-listings ul li
{
list-style:none;
margin:0 0 15px 0;
/* 3:2 ratio for W×H */
width:207px;
height:138px;
/* Yes yes, I know it doesn't work in IE6 - got any better suggestions? */
position:relative;
display:block;
float:left;
line-height:138px;
text-align:center;
vertical-align:middle;
text-align:center;
background:transparent;
}

#supplier-listings ul li a img
{
	vertical-align:middle;
}

/* 
 * LS 2011-10-24 17:47:24
 * Moved ArticleImage from ArticleImage.xslt to ArticleContent.xslt and wrapped it in div.article-image
 * Layout now works MUCH better this way and it should even show up nicely in generated PDFs - good™.
 */
#article-content .article-image
{
	float:right;
	margin:0 0 0 2em;
	width:300px;
	overflow:hidden;
	border:0;
}

#article-content .article-image img
{
	margin-bottom:2em;
}

#article-content .article-image-wrapper
	{
		width:300px;
		float:right;
		padding: 0 0 0 2em;
	}

/* 
 * LS 2016-06-02 10:13:50
 * Article native ad.
 */
#article-content .article-image-wrapper .article-below-image
	{
		width:300px;
		height:auto;
		background:#fff;
		float:right;
		position:relative;
		margin-bottom:2em;
	}






/* LS 2011-12-22 14:31:06
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
.cf:before,
.cf:after,
.clearfix:before,
.clearfix:after,
.profile:before,
.profile:after,
.participants .vcard:before,
.participants .vcard:after,
.url-list:before,
.url-list:after,
#article-content:before,
#article-content:after	{content:"";display:table;}

.cf:after,
.clearfix:after,
.profile:after,
.participants .vcard:after,
.url-list:after,
#article-content:after	{clear:both;}

.cf,
.clearfix,
.profile,
.participants .vcard,
.url-list,
#article-content		{zoom:1;}	/* IE < 8 */


























.totm /* JSB 2015-08-25_10-25-49 – BAML thought for the month*/
{
	padding:15px;
	position:relative;
	border-top:1px solid #ddd;
	margin-bottom:15px;
	
	background:#000000; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	xbackground:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzQyNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top,  #000000 0%, #3c424f 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#3c424f)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #000000 0%,#3c424f 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #000000 0%,#3c424f 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #000000 0%,#3c424f 100%); /* IE10+ */
	background:linear-gradient(top,  #000000 0%,#3c424f 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3c424f',GradientType=0 ); /* IE6-8 */

	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

.totm-jpmam /* JSB 2015-08-25_10-32-14 – J.P.Morgan Asses Management thought for the month */
{
	padding:15px;
	position:relative;
	border-top:1px solid #ddd;
	margin-bottom:15px;
	background:#53301c;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

.totm h2,
.totm-jpmam h2
{
	color:#f9f9f9;
	height:auto;
	margin:0 0 .42em 0;
}

.totm .iaw,
.totm-jpmam .iaw
{
	position:absolute;
	top:15px;
	right:15px;
	width:93px;
}

.mpu .totm .iaw,
.mpu .totm-jpmam .iaw
{
	left:15px;
}

.totm p,
.totm-jpmam p
{
	font-weight:normal;
	margin:0;
	padding:0;
	color:#efefef;
}

.mpu .totm h4,
.mpu .totm-jpmam h4
{
	display:none
}

.mpu .totm .logo,
.mpu .totm-jpmam .logo
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.mpu .totm .logo img,
.mpu .totm-jpmam .logo img
{
	position:absolute;
	bottom:15px;
	right:15px;
}

.mpu .totm p,
.mpu .totm-jpmam p
{
	font-weight:normal;
	margin:0;
	padding:0;
	color:#efefef;
	font-size:11px;
	line-height:142%;
	margin:3em 0 0 0;
}

.cotm-intro
{
	padding:15px;
	position:relative;
	border-top:1px solid #ddd;
	margin-bottom:15px;
	
	background:#003876; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	xbackground:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzQyNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top,  #003876 0%, #6a8698 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#003876), color-stop(100%,#6a8698)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #003876 0%,#6a8698 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #003876 0%,#6a8698 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #003876 0%,#6a8698 100%); /* IE10+ */
	background:linear-gradient(top,  #003876 0%,#6a8698 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#003876', endColorstr='#6a8698',GradientType=0 ); /* IE6-8 */

	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

.cotm-intro p,
.cotm-intro h3
{
	color: #fff
}

.cotm-intro .iaw
{
	position:absolute;
	top:15px;
	right:15px;
	width:120px;
}



.cotm-footer
{
	padding:15px;
	position:relative;
	border-top:1px solid #ddd;
	margin-top:2em;
	margin-bottom:15px;
	
	background:#003876; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	xbackground:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzQyNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top,  #003876 0%, #6a8698 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#003876), color-stop(100%,#6a8698)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #003876 0%,#6a8698 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #003876 0%,#6a8698 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #003876 0%,#6a8698 100%); /* IE10+ */
	background:linear-gradient(top,  #003876 0%,#6a8698 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#003876', endColorstr='#6a8698',GradientType=0 ); /* IE6-8 */

	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}

.cotm-footer h3
{
	color: #ffffff
}

.cotm-footer li a
{
	text-decoration: underline;
	color: #ffffff
}

/*.cotm-list
{
	width: 200px;
	border: 1px;
	border-style: solid;
	border-color:#ebebeb;
	background: #ebebeb;
	padding-left:1em;
	padding-right:1em;
	float: right;
	margin-left: 1em;
}
*/


















#TabbedPage #article-content .survey .css3button
{
	width:370px;
}








#article-content .td-right td
{
	text-align:right;
}

#article-content .td-left td
{
	text-align:left;
}





#article-ttf #article-content .thanks
{
	text-align:center;
	width:577px;	/* LS 2012-10-17 14:02:37 | 625px (full width) - padding of 2em (24px) on each side. */
}
	#article-ttf #article-content .thanks h3
	{
		text-align:left;
	}
	#article-ttf #article-content .thanks .logo
	{
		display:inline-block;
		margin:1em 2em 0 2em;
	}




#article-content figure.full-width
{
	margin-left:0;
	margin-right:0;
	width:100%;
}



/* #article-ttf #article-content .thanks {
	width:445px; JS 2014-01-30 11:09:22 | moved from c.2014-01-17_14-35-44.css was causing issue with pages with 'thanks' in the URL. I think it is only used in TTF articles
} */

/* JS 2014-01-30 11:09:22 | commented this because we don't need it for the moment */



#article-content aside
{
	float:right;
	width:25%;
	margin:0 0 1em 2em;
	padding:1.5em;
	border:1px solid rgb(221, 221, 221);
}

#article-content aside h5
{
	font-size:12px;
}

#article-content aside p
{
	font-size:11px;
}


/* Handbook navigation throughout pages */

#article-content #handbook-nav,
#article-content #magazine-nav,
#article-content #insight-nav
	{
		width:250px;
		margin-bottom:2em;
	}

#article-content #handbook-nav h4,
#article-content #magazine-nav h4,
#article-content #insight-nav h4
	{
		margin-top:2em;
	}

#article-content #handbook-nav ul li,
#article-content #magazine-nav ul li,
#article-content #insight-nav ul li
	{
		list-style: none;
		margin-left:0;
	}

#article-content #handbook-nav ul li:last-child,
#article-content #magazine-nav ul li:last-child,
#article-content #insight-nav ul li:last-child
	{
		margin-bottom:0;
	}

#article-content #handbook-nav a,
#article-content #magazine-nav a,
#article-content #insight-nav a
	{
		text-decoration: none;
	}

#handbook-nav p.current,
#magazine-nav p.current,
#insight-nav p.current
	{
		color: #cc2029;
	}

#article-content #handbook-bottom-nav,
#article-content #magazine-bottom-nav,
#article-content #insight-bottom-nav
	{
		margin-top:3em;
	}

#article-content #handbook-bottom-nav a.btn.pdf
	{
		margin:0 56px;
	}

#article-content #magazine-bottom-nav a.btn.contents
	{
		margin-left: 10em;
	}

#article-content #insight-bottom-nav a.btn.contents
	{
		margin-left: 8em;
	}

/* LS 2017-02-20_11-27-03
 * ======================
 * Hide the PDF buttons for handbooks due to the PDF download by email form not currently working on the renewals site.
 */
#handbook-nav .embed-page,
#handbook-bottom-nav .embed-page
	{
		display: none!important;
	}

#handbook-bottom-nav .btn.contents
	{
		margin: 0 0 0 9em;
		display: inline-block;
		width: 5em;
	}

/* EOF */