/* Change log

19-07-06
Pascal Bompard added new Admin classes (line 1230+)

26-07-06
Pascal Bompard added new siteCredit class 

*/

/* CSS Document for Cairn */

/* ------------------------------------------ declaration to make all browsers equal --------------- */

html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin: 				0px;
	padding: 	            0px;
	border:                 0px;
}

body, html
{
	font-family: 			Arial, Helvetica, sans-serif;
	font-size:				12px;
}

body
{
	background-color:		#FFFFFF;
}

div
{
	display:				inline;
}

strong
{
	font-weight:			bold;
}

#content p.noTopMargin, #content h2.noTopMargin, #organisationalChart h2.noTopMargin
{
	margin-top:				0px;
	padding-top:0px;
}


/* ----------------- GENERAL ITEMS ------------- */

ul
{
font-size:11px;
}

p
{
	margin-bottom:		15px;
	font-size:			11px;
	line-height:		1.3;
}

td
{
	line-height:		1.3;
}

h1
{
	color:				#333366;
	font-size:			24px;
	font-weight:		normal;
	margin-bottom:		12px;
}

.largerH1 {font-size:	150%; }

p.size10
{
	font-size:10px;
}


h1 span { font-weight: normal; }
h2
{
	color:				#666666;
	font-size:			14px;
	font-weight:		bold;
	margin-bottom:		7px;
	margin-top:			40px;
}

#content h3  /* <------------- Black bold intro paragraph---------- */
{
	color:				#000000;
	font-size:			12px;
	font-weight:		bold;
	margin:				10px;
	margin-top:			0px;
	line-height:		1.3;

}

#content p
{
	margin:				0px 10px 10px 10px;
}

.rightBox p
{
	margin:				10px 10px 10px 10px;
}

.rightBox blockquote
{
	font-size:			11px;
	font-style:			italic;
	background-image:	url(../images/common/quoteClose.gif);
	background-position:	bottom right;
	background-repeat:	no-repeat;
	margin:				0px;
	padding:0px;
	width:				160px;
}


.rightBox blockquote.nobg {
	background-image:none;
}

.rightBox ol
{
	font-size: 10px;
}

.quote
{
	background-image:	url(../images/common/quoteOpen.gif);
	background-position:	top left;
	background-repeat:	no-repeat;
}

#content p img.go
{
	position:			relative;
	top:				2px;
	right:				0px;
	padding: 0px;
	margin:	0px;
}

#content p a
{
	padding: 0px;
	margin:	0px;
}


h4
{
	color:				#FFFFFF;
	font-weight:		normal;
	font-size:			14px;
	padding:			3px 0px 3px 10px;
}

p.blue { color: #333366; }

p.col333366 { color: #333366; margin-bottom: 0px; margin-top: 20px; margin-left:10px; float: left;}

* html p.col333366 {margin-left:5px;}


/* ---------------------------------------------- */
/* ------------- PAGE LAYOUT START  ------------- */
/* ---------------------------------------------- */

#container
{
	width:					760px;
	margin-left:			auto;
	margin-right:			auto;
	display:				block;
}

#containerInner
{
	width:					760px;
	float:					left;
	background-image:		url(../images/common/containerBG.gif);
	background-position:	2px;
	background-repeat:		repeat-y;
}

#header
{
	background-color:		#FFFFFF;
	float:					left;
	width:					750px;
	height:					180px;
}
		
#logoBox
{
	background-color:		#FFFFFF;
	float:					left;
	width:					130px;
	height:					180px;
}

#navBox
{
	background-color:		#333366;
	background-image:		url(../images/common/navRounded.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	float:					left;
	width:					620px;
	height:					16px;
}

#titleBox
{
	background-color:		#FFFFFF;
	float:					left;
	width:					620px;
	height:					164px;
	background-position:	top right;
	background-repeat:		no-repeat;
}

#titleBox img
{
	float:					left;
	position:				relative;
	top:					100px;
	left:					-5px;
}

#leftColumn
{
	float:					left;
	width:					130px;
	text-align:				center;
	overflow:				hidden;
}

#leftColumn img
{
	margin-bottom:			10px;
	margin-left:			7px;
}
	
#content
{
	float:					left;
	width:					430px;
}
	
#rightColumn
{
	float:					left;
	width:					187px;
	overflow:hidden;
}


div#rightColumn form
{
	margin:					0px 0px 10px 0px;
}

#footerSpace
{
	float:					left;
	width:					100%;
	height:					50px;
}

/* -------------------------- Non structural layout -------------------- */

#logoBox img
{
	position:				relative;
	top:					10px;
	left:					21px;
	float:					left;
}

#date
{
	width:					100%;
	text-align:				center;
	font-size:				10px;
	color:					#333366;
	float:					left;
	position:				relative;
	top:					56px;
}

#titleBox h1
{
	position:				relative;
	top:					115px;
}

#leftColumn p
{
	text-align:				left;
	padding-left:10px;
	padding-right:10px;
	color:					#999999;
	font-size:				10px;
}

.fontSize
{
	font-size:				10px;
}

#leftColumn p.address
{
	text-align:				center;
	padding-left:	1px;
	padding-right:	1px;
	color:					#333366;
	font-size:				10px;
}

/* ----------- Left box --------- */

.leftBox
{
	float:					left;
	width:					111px;
	margin:					0px 0px 9px 12px;
}

.leftBox td.tableLeft
{
	width:					70px;
}

.leftBox td.tableRight
{
	width:					41px;
}

.leftBox table
{
	width:					111px;
}

.leftBox th
{
	color:					#333366;
	background-color:		#99CCFF;
}

.leftBox td
{
	font-size:				10px;
	text-align:				left;
	color:					#333366;
	background-color:		#CCCCCC;
	border-top:				1px solid #FFFFFF;
	padding:2px;
	margin:					0px;
}

/* ----------------- Right box ------------------- */

.rightBox
{
	float:					right;
	width:					175px;
	margin:					0px 0px 10px 0px;
	background-color:		#CCCCCC;
}

.rightBoxGraphs
{
	float:					right;
	width:					175px;
	margin:					15px 0px 15px 0px;
	background-color:		#FFFFFF;
	text-align:				center;
}


* html .right10
{
	position:relative;
	right:10px;
}

.centerBox
{
	float:					left;
	width:					410px;
	margin:					0px 0px 15px 12px;
	background-color:		#F0F0F0;
	overflow:				hidden;
}


.blueH4
{
	float:					right;
	width:					175px;
	margin:					0px 0px 0px 0px;
	background-color:		#333366;
}

.lightBlueH4
{
	float:					right;
	width:					175px;
	margin:					0px 0px 0px 0px;
	background-color:		#99CCFF;
}

.centerLightBlueH4
{
	float:					left;
	width:					410px;
	margin:					0px 0px 0px 10px;
	background-color:		#99CCFF;
}

.rightBox input
{
	float:					left;
}

.rightBox input.wide150
{
	width:					149px;
	margin:					1px 0px 10px 0px;
}

.rightBox .buttonRight
{
	float:					right;
}

.rightBox .upAbit
{
/*	position:				relative;
	bottom:					13px; */
}

.rightBox label
{
	color:					#333366;
	float:					left;
	font-size:				11px;
}

.rightBox form
{
	margin:					0px 0px 0px 0px;
	float:left;
	position:relative;
	left:10px;
}

.rightBox input.moveCheck
{
	display:				inline;
	position:				relative;
	bottom:					3px;
}

.rightBox p.tinyText {font-size: 10px; margin-top: 2px; float:left; }

* html .rightBox p.tinyText {margin-left:5px; width:150px; }


br {clear:	left;}
.centerBox input
{
	float:					left;
}

.centerBox input.wide150
{
	width:					155px;
	margin:					1px 0px 10px 0px;
}

.centerBox .buttonRight
{
	float:					left;
}


.centerBox label
{
	color:					#333366;
	float:					left;
	clear:					left;
	font-size:				11px;
}

.centerBox form
{
	margin:					10px 10px 10px 10px;
}

.centerBox input.moveCheck
{
	display:				inline;
	position:				relative;
	bottom:					3px;
}



/* ------------- Main Nav ------ */
#navBox ul
{
	display:				inline;
	list-style:				none;
}

#navBox li
{
	display:				inline;
	list-style:				none;
	margin-left:			15px;
}

#navBox a
{
	color:					#FFFFFF;
	text-decoration:		none;
	font-size:				10px;
}

#navBox a:link, #navBox a:visited
{
	color:					#FFFFFF;
}

#navBox a:hover, #navBox a:active
{
	color:					#99CCFF;
}	

#navBox li.selected a
{
	color:					#99CCFF;
}

#navBox li#selected a, #navBox li#selected
{
	color:					#99CCFF;
}


/* -------------------- titleBox BG classes --------------------- */

.titleBGHome 		{ background-image: url(../images/common/titleBGs/home.gif); }
.titleBGAssetManagement 		{ background-image: url(../images/common/titleBGs/assetmanagement.gif); }
.titleBGFundsProducts 		{ background-image:	url(../images/common/titleBGs/fundsmanagement.gif); }
.titleBGStructuring 		{ background-image:	url(../images/common/titleBGs/structuringandadvisory.gif); }
.titleBGBusiness 	{ background-image:	url(../images/common/titleBGs/business.gif) }
.titleBGInvestors	{ background-image: url(../images/common/titleBGs/investors.gif); }
.titleBGInvestorsHome	{ background-image:	url(../images/common/titleBGs/investorshome.gif) }
.titleBGLocation 	{ background-image: url(../images/common/titleBGs/location.gif); }
.titleBGPhilosophy 	{ background-image:	url(../images/common/titleBGs/philosophy.gif); }
.titleBGPress 		{ background-image: url(../images/common/titleBGs/press.gif); }
.titleBGStaff 		{ background-image:	url(../images/common/titleBGs/staff.gif); }
.titleBGVideoTestamonials	{	background-image:	url(../images/common/titleBGs/videotestamonials.gif); }
.titleBGMarketAnalysis	{	background-image:	url(../images/common/titleBGs/marketanalysis.gif); }

/* ----------------- Business Summary List formatting --------- */

ul#businessSummary
{
	margin: 0px 15px 15px 15px;
	padding:5px 15px 15px 15px;
	list-style-position:outside;
}

ul#businessSummary ul li
{
	margin: 10px 0px 10px 0px;
	list-style-position:outside;
	font-size:11px;
}

div#content ul
{
	margin: 0px 15px 0px 15px;
	padding:0px 15px 0px 15px;
	list-style-position:outside;
}

div#content ul li
{
	margin: 0px 0px 10px 0px;
	list-style-position:outside;
}

div#content img
{
	margin: 0px 5px 5px 5px;
}

div#content table
{
	margin: 0px 10px 5px 10px;
	font-size:11px;
}

div#content div#newsLetterForm
{
	float:left;
	margin: 0px 10px 5px 10px;
}


.signUp
{
	position:			relative;
	top:				5px;
	left:				4px;
}

/* -------------- BIOGRAPHY ------- */
div#content div.photoAndName
{
	width:100%;
	float:left;
	margin-bottom:20px;
}

div#content div.BiogPhoto
{
	
	position:relative;
	left:10px;
	display:inline;
	float: left;
	height:208px;
	width:208px;
}

div#content div.BiogPhoto img
{
	margin: 0px;
}

div#content div.BiogName
{
	display:inline;
	float:left;
	width:210px;
	position:relative;
	left:5px;
}

div#content h1
{
	font-size:14px;
}

div#content h2
{
	font-size:12px;
	margin: 			15px 10px 5px 10px;
}

 div#organisationalChart h2
 {
 	font-size: 12px;
 	margin: 15px 10px 5px 8px;
 }



div#content h1.smaller
{
	font-weight:bold;
	position:relative;
	left:10px;
}

div#content span.notBold
{
	font-weight:normal;
}

/*-------------------- STAFF LIST --------------- */
div#leftColumn ul
{
	list-style:none;
	color: #858B8F;
	font-size:10px;
	text-align:left;
	position:relative;
	left:14px;
	margin-top:		0px;
	margin-bottom:	30px;
}

div#leftColumn ul li
{

}

div#leftColumn ul li a:link, div#leftColumn ul li a:visited
{
	text-decoration:none;
	color: #858B8F;
}

div#leftColumn ul li a:active, div#leftColumn ul li a:hover
{
	color:#475780;
}

#leftColumn li#selectedItem a, #leftColumn li#selectedItem 
{
	color:#475780;
}

p#videoButtons
{
	margin-left:		11px;
}

span.contact
{
	float:				left;
	line-height:		20px;
	height:				20px;
	font-size:			11px;
	
}

span.contact input
{
	float:				left;
	line-height:		20px;
}

/* ---------------- Organisational Chart ---------- */
div#organisationalChart
{
	width:				595px;
	background-color:	#FFF;
	float:				left;
}

div#organisationalChart div.chartRowGrey
{
	float:				left;
	width:				595px;
	background-image:	url(../images/chartGraphics/greyBGLine.gif);
	background-position:	top right;
	background-repeat:	repeat-y;
}

div#organisationalChart div.chartRowGreyAndBlue
{
	float:				left;
	width:				595px;
	background-image:	url(../images/chartGraphics/greyAndBlueBG.gif);
	background-position:	top right;
	background-repeat:	repeat-y;
}

div#organisationalChart div.chartRowNoBG
{
	float:				left;
	width:				595px;
}

div#organisationalChart div.firstOf3
{
	float:				left;
	width:				289px;
}

div#organisationalChart div.secondOf3
{
	float:				left;
	width:				306px;
}

div#organisationalChart h4
{
 font-size:				12px;
 text-align:			center;
 margin:				0px;
 padding:               3px 0px 3px 0px;
}



div#organisationalChart h4.title6wide
{
	float:				left;
	width:				565px;
	background-color:	#333366;
	color:				#99CCFF;
}

div#organisationalChart h4.title3wide
{
	float:				left;
	width:				275px;
	background-color:	#333366;
	color:				#99CCFF;
}

div#organisationalChart div.titleBGJustGreyTop
{
	float:					left;
	width:					595px;
	background-image:		url(../images/chartGraphics/titleBGjustGreyTop.gif);
	background-position:	center right;
	background-repeat:		no-repeat;	
}

div#organisationalChart div.titleBGJustGrey
{
	float:					left;
	width:					595px;
	background-image:		url(../images/chartGraphics/titleBGjustGrey.gif);
	background-position:	center right;
	background-repeat:		no-repeat;	
}

div#organisationalChart div.titleBGJustGreyBottom
{
	float:					left;
	width:					595px;
	background-image:		url(../images/chartGraphics/titleBGjustGreyBottom.gif);
	background-position:	center right;
	background-repeat:		no-repeat;	
}


div#organisationalChart div.titleBG3left
{
	float:					left;
	width:					289px;
}

div#organisationalChart div.titleBG3rightGreyandBlueTop
{
	float:					left;
	width:					306px;
	background-image:		url(../images/chartGraphics/titleBGGreyAndBlueTop.gif);
	background-position:	center right;
	background-repeat:		no-repeat;	
}

div#organisationalChart div.titleBG3rightGreyandBlue
{
	float:					left;
	width:					306px;
	background-position:	center right;
	background-repeat:		no-repeat;	
}

div#organisationalChart div.titleBG3rightJustGrey
{
	float:					left;
	width:					306px;
	background-image:		url(../images/chartGraphics/titleBGjustGrey.gif);
	background-position:	center right;
	background-repeat:		no-repeat;	
}

div#organisationalChart div.emptyStaffBox
{
	float:					left;
	width:					83px;
	background-color:		#FFFFFF;
	color:					#FFFFFF;
	margin:					11px 13px 0px 0px;
}

div#organisationalChart div.staffBox
{
	float:					left;
	width:					83px;
	background-color:		#999999;
	color:					#FFFFFF;
	margin:					11px 13px 0px 0px;
}

div#organisationalChart div.staffBox p
{
	text-align:				center;
	font-size:				10px;
	font-weight:			bold;
	padding: 	            0px 0px 0px 0px;
	margin:					3px 0px 3px 0px;
}

div#organisationalChart div.staffBox img
{
	padding: 	            0px 0px 0px 0px;
	margin:					0px 0px 0px 0px;
}

div#organisationalChart div.staffBox p a:link, div#organisationalChart div.staffBox p a:visited
{
	text-decoration:		none;
	color:					#FFFFFF;
	padding: 	            0px 0px 0px 0px;
	margin:					0px 0px 0px 0px;

}

div#organisationalChart div.staffBox p a:active, div#organisationalChart div.staffBox p a:hover
{
	text-decoration:		none;
	color:					#000000;
}

div#organisationalChart div.rowFooterSpaceBlank
{
	float:					left;
	height:					30px;
	width:					595px;
}

div#organisationalChart div.rowFooterSpaceSubCatMid
{
	float:					left;
	height:					30px;
	width:					595px;
	background-image:		url(../images/chartGraphics/subCategoriesMid.gif);
	background-repeat:		no-repeat;
}

div#organisationalChart div.rowFooterSpaceSubCatEnd
{
	float:					left;
	height:					30px;
	width:					595px;
	background-image:		url(../images/chartGraphics/subCategoriesEnd.gif);
	background-repeat:		no-repeat;
}

/* ----------------- Video Menu -------------- */
div#rightColumn ol
{
	margin:					15px 10px 0px 0px;
	padding:				0px 0px 0px 30px;
}

div#rightColumn ol li
{
	margin:					0px 0px 20px 0;
	padding:				0px 0px 0px 0px;
}

div#rightColumn ol li p
{
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}

p#videoPlaying
{
	margin:					0px 55px 0px 55px;
	padding:				0px 0px 0px 0px;
}

p#videoPlaying span
{
	color:					#999999;
}

p#videoDescription
{
	margin:					0px 55px 0px 67px;
	padding:				0px 0px 0px 0px;
}

div#rightColumn ol li p a:link, div#rightColumn ol li p a:visited
{
	text-decoration:		none;
	color:					#000000;
}

div#rightColumn ol li p a:active, div#rightColumn ol li p a:hover
{
	color:					#333366;
}

/* ------ BG colour--- */

div#boxColourF0F0F0
{
	background-color:		#F0F0F0;
	float:					left;
	margin:					0px 8px 10px 12px;
	padding:				10px 0px 0px 0px;
}

a:link, a:visited
{
	color:					#333366;
	text-decoration:		none;
}

a:active, a:hover
{
	color:					#333366;
	text-decoration:		underline;
}

#content h2.welcomeBack
{
	color:					#333366;
	margin-top:				0px;
	margin-bottom:			10px;
	padding-top:            0px;
}

div#content h2 a:link, div#content h2 a:visited
{
	color:					#666666;
	text-decoration:		none;
}

div#content h2 a:active, div#content h2 a:hover
{
	color:					#333366;
	text-decoration:		underline;
}

/* ---------------------------- Staff team photo ------------------- */
div#staffProfilePhoto
{
	display:				inline;
	float:					left;
	width:					175px;
	margin-left:			12px;
	margin-top:				297px;
	
}



div#buttonMover
{
	display:				inline;
	float:					left;
	width:					185px;
	height:					33px;
}

p#disclaimer
{
	margin-bottom:			0px;
	padding-bottom:         0px;
	margin-top:				5px;
	margin-left:			0px;
}

p#pressArchive
{
	margin-left:			3px;
}

p.spaceBottom
{
	float:					left;
	height:					1px;
	width:					300px;
	overflow:				hidden;
	padding:0px;
}

p#googleButton
{
	float:					left;
	position:				relative;
	left:					-10px;
}

table.pressarch td { vertical-align: top; }

/* Investors Classes */

div.inv_category
{
	width: 410px;
	height: 345px;
	position: relative;
}

#content div.inv_category h2,
#content div.inv_sub h2
{
	color:					#333366;
	margin-top:				0px;
	margin-bottom:			10px;
	padding-top:            0px;
}

#content div.inv_category h3
{
	color: #999;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 20px;
	font-size: 11px;
}

#content .inv_category ul
{
	list-style-type: none;
	margin: 0;
	padding: 10px;
}

#content .inv_category ul li
{
	margin: 0;
	padding: 0 0 5px 0;
}

#content .inv_category ul li a:link,
#content .inv_category ul li a:visited
{
	color: #333366;
	font-weight: bold;
}

a.inv_logout
{
	position: absolute;
	right: 10px;
	bottom: 10px;
}


div.inv_sub
{
	width: 410px;
	position: relative;
	padding-bottom: 100px;
}

.summarynotice
{
	background-color: #CCC;
	margin-bottom: 20px;
}

.summarynotice td
{
	padding: 10px;
	vertical-align: top;
	font-weight: bold;
	color: #444;
}

#content .summarynotice ul
{
	list-style-type: none;
	margin: 0;
	padding:0;
}

#content .summarynotice ul li
{
	margin: 0;
	padding: 0 0 1px 0;
}

.availreport,
.report {
	width:96%;
}


.availreport th,
.report th
{
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	color: #333366;
	padding-bottom: 10px;
}


.availreport td
{
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	padding-right: 10px;
	color: #555;
	vertical-align: middle;
	padding-bottom: 2px;
	line-height: 11px;
}

.availreport td.button { text-align: right; }

.availreport tr.lastrow td,
.report tr.lastrow td
{
	padding-top:15px;
	font-weight: bold;
}

.report td
{
	text-align: left;
	font-size: 11px;
	padding-right: 5px;
	color: #000;
	vertical-align: middle;
	padding: 4px 0 4px 0 ;
}

.report tr.whitebg td { background-color: #FFF; }

.report .pubdate { width: 75px; }


/* Admin Area */

.adminarea
{
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: all;
}
	
.admincontent
{
	padding-left: 135px;
	display:	block;
}	

.admintitle { margin-left: 125px; }

.adminarea table th { font-size: 12px; }


.Heading {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #32356C;
	margin-right: 40pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
}

.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #32356C;
	margin-right: 15pt;
	margin-bottom: 6pt;
	margin-left: 0pt;
}

.siteCredit
{
	margin-left: 13px;
	font-size: 10px;
	padding-top: 50px;
	display: block;
	color: #999;
}

.siteCredit a:link,
.siteCredit a:visited
{
	color: #AAA;
	text-decoration: none;
}

.siteCredit a:hover,
.siteCredit a:active
{
	color: #333;
}