/*
Please refrain from using single-line "//" commenting as it kills all proceeding styles in Safari.
It is not actually valid form of commenting in CSS anyway:
http://www.w3.org/TR/CSS21/syndata.html#comments
*/

/*/*/
/*
	These 2 lines denote a Netscape 4 comment (Caio Hack)
   Netscape 4 would probably crash upon encountering a backslash
	which will be used primarily for using the high-pass voice-family filter/hack
	(for delivering rules explicitly to Windows IE4-5.x)
	declaration: IE4-5.x value;
	/nn4/hack/
	voice-family: "\"}\"";
	voice-family: inherit;
	declaration: every other browser value;
	/end nn4hack/

	To see Box Model logic/calculation view comments for styles_better.css far below.
*/

/*

Structure of the Style Sheets in this site

style.css -
This contains all of the vanilla styles, with widths set to accomodate the correct div box model.
The file is link rel'ed into the page, appearing before any other style sheet call in the code.

style_better.css -
This contains all the voice-family hacks to send alternate rules to IE 5 / 5.5 PC, then correct rules to compliant browsers.
It is @imported from the page (not from style.css - cascade wouldn't work) since the voice-family hacks prevent CSS-P styles showing up in NN4. 
Using this method NN4 ignores the hacks sheet completely.

	The above files will be combined in a single file to avoid redefinition
	an attempt will be made to cater to W3C CSS validation as
	well as compatibility with previous browsers.
	@import is not supported by Netscape 4.
	@import cannot be used following styles (and would be redundant if styles
	written after an import cancel out the styles within the import).
	So further external stylesheets will not be created/imported
	unless Netscape 4 is completely or specifically ruled out.
	
*/

/* styles.css */

.hidden { display: none; }
.unhidden { display: block; }

.hidden { visibility: hidden; }
.unhidden { visibility: visible; }
	
	
/* BALLOON STYLE HOVER */

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 0px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}


	
	
body
{
	margin: 0;
	color: #303030;
	font: normal normal normal small/120% Verdana, Tahoma, Sans-serif;
	font-size: 85%; /* this rule feeds diff font size to IE 4-5.5 */
	/*/*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/* */
	font-size: 76%;
	/* see rationale for font sizing here: http://www.thenoodleincident.com/tutorials/box_lesson/font/ */
	background-color: #fff;
}


h1
{
	font-size: 1.05em;
	font-weight: bold;
	color: #00aeef;
}

h1.blue
{
	font-size: 1.05em;
	font-weight: bold;
	color: #036;
}

.white
{
	color: #fff;
}

h2
{
	font-size: 1em;
}

h3
{
	font-size: 0.9em;
	margin-bottom: 0;
}

#nav h2, .promo h2
{
	font-size: 1.1em;
	color: #09c;
}

p, #text ul, ol
{
	font-size: 0.90em;
	line-height: 1.20em;
}

a:link, a:visited
{
	color: #6a757c;
	background-color: transparent;
	text-decoration: underline;
}

a:active, a:hover, a:focus
{
	color: #d4110f;
	background-color: transparent;
	text-decoration: underline;
}

strong, .strong
{
	font-weight: bold;
}

li
{
	margin-bottom: 3px;
}

dl p
{
	font-size: 1em;
	margin: 0 0 1em;
}

dt
{
	font-weight: bold;
	margin: 1em 0 0.25em;
}

dd{margin: 0 0 2em 0;}

.smaller
{
	font-size: 0.75em;
}

.right
{
	text-align: right;
}

h6 { /*define legal disclaimer link - create 39 bottom padding between final item on page and links*/
	font-size: 1.05em;
	font-weight: bold;
	padding-bottom: 39px;
}


/* banner ------------------------------------------------------------------------- */

#toplink
{
	position: absolute;
}

/* horizontal navigation ------------------------------------------------------------------------- */

#banner
{
	padding: 12px 20px 14px 22px;
	color: #09c;
	background: #CDD4E0 url(../images/bg-banner.gif) repeat-x;
	font-size: 0.80em;
	height: 106px;
	/*/*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/* */
	height: 80px;
}
#banner
{


}


#logo{
	float: left;
}

#logo img{
	width: 228px;
	height: 75px;
}

#bannav
{
	float: right;
	margin-top: 13px;
	height: 55px;
	width: 220px; /* Width of text links and logo together. */
	/* Please refrain from using "//" commenting as it kills Safari. */
}



#bannavLogo {
	float: right;
	height: 55px;
	width: auto;
	padding: 0px;
	margin: 0px;
}

#bannavLogo img{
	width: 118px;
	height: 55px;
}

/*
	Crazy CSS is so that when font size increases the expansion goes
	from right to left in non-zooming (IE7 and Opera zoom instead of
	increasing font size), non-IE browsers.
	Does not expand right-left in IE, however, IE offers only
	a limited amount of sizes, none of which interfere with the
	graphic logo.
*/
#bannavLinks {
	font-weight: bold;
  float: right;
	margin-left: -100%;
	height: 55px;
	width: auto;
	margin-top: 10px;
	padding-top: 10px;
	position: relative;
	left: -136px;
}

/* IE6 fix */
* html #bannavLinks{
 left: 0;
 margin-left: -235px;
 padding-top: 0;
 margin-top: 0;
 line-height: 55px;
}

/* IE7 fix */
*+html #bannavLinks{
	left: 0;
}



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

	#bannav a:hover, #basnnav a:active
	{
		text-decoration: underline;
	}

#banshadow{ display: none; } /* if it is still in the HTML it should have no presence on the page */

/* skip nav link ----------------------------------------------------------------- */

a.skip:link, a.skip:visited, a.skip:hover, a.skip:active
{
	text-decoration: none;
	font-size: 1%;
}

/* breadcrumbs ------------------------------------------------------------------------------------ */

#bread
{
	margin: 0px 0px 33px 0px;
	padding-left: 18px;
	color: #fff;
	font-weight: bold;
	font-size: .9em;
	background: #00AEEF url(../images/banner_shadow.gif) top left repeat-x;
	height: 16px;
}

	#bread a:link, #bread a:visited
	{
		color: #fff;
		font-weight: normal;
		text-decoration: none;
	}

	#bread a:hover, #bread a:active
	{
		text-decoration: underline;
		border: 0;
	}

/* home page ------------------------------------------------------------------------------------ */

#homeflashWrapper{
 width: 938px;
}

.mainFlash
{
	padding: 39px 0 13px 18px;
   width: 733px;
   float: left;
}

* html .mainFlash{ height: 1%; }
*+html .mainFlash{ height: 1%; }
.mainFlash h1
{
	color: #036;
	font-size: 150%;
	padding-bottom: 10px;
}

.mainImage
{
	padding: 0 0 13px 18px;
	display: none;
}

#homePI{
 float: right;
 width: 172px;
 
 margin-top: 39px;
 height: 413px;
}

#lowerNav {
	padding: 0 0 0 18px;
	height: 200px;
	float: left;
	max-width: 748px; 
	width: 760px !important; 
}
* html #lowerNav{ margin-top: -200px; }


.lowerNavBox
{
	margin-right: 15px;
	float: left;
	clear: none;
}


#lowestNav {
	padding: 0 0 0 0px;
	width: 733px;
	}
div.lastlowernavbox{ margin-right: 0; }

.lowestNavBox
{
	margin-right: 15px;
	margin-top: 15px;
	float: left;
	clear: none;
}

.lowestNavBoxLeft
{
	margin-right: 15px;
	margin-left: 0px;
	margin-top: 15px;
	float: left;
	width: 359px;
	clear: none;
}

.lowestNavBoxRight
{
	margin-top: 15px;
	padding-bottom: 39px; /*give space from footer per other pages */
	float: left;
	clear: none;
}

.upperNavBox
{
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	clear: none;
}

#homehook
{
	margin-left: 18px;
}

	#homehook td
	{
		vertical-align: top;
	}

div.level
{
	margin-right: 15px;
}

a.promolink:link, a.promolink:visited
{
	color: #122744;
	text-decoration: none;
	font-weight: bold;
	font-size: 80%;
}

a.promolink:hover, a.promolink:active
{
	color: #122744;
	text-decoration: underline;
	border: 0;
}

.chevron
{
	font: normal normal bold 200%/100% verdana, sans-serif;
	position: relative;
	top: 2px;
	left: 2px;
	text-decoration: none !important;
}

	a.promolink:hover .chevron, a.promolink:active .chevron, a.promolink:hover .chevron, a.promolink:visited .chevron
	{
		text-decoration: none !important;
	}

/* sign up popup form ----------------------- */

#signupForm {
	padding: 0;
	margin: 0;
	width: 540px;
	}

table {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

#signupForm td {
	background-color: #fff;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #CBD5DF;
	}

/* home rhs promos ----------------------- */

.promo
{
	color: #036;
	background-color: #fff;
	border: 1px solid #036;
	margin-bottom: 12px;
	padding: 4px 6px;
}

.homepromo
{
	font-size: 1em;
	padding-bottom: 4px;
	width: 178px; /* Not sure why styles_better.css has this set so much higher. */
	/*/*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/* */
	width: 164px;
}

.promo h2
{
	color: #09c;
	background-color: #fff;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}

.promo p
{
	margin: 0;
}

.promo a:hover, .promo a:active
{
	background-image: none !important;
}

.textpromo
{
	font-size: .9em;
}

	.textpromo a:link, .textpromo a:visited
	{
		color: #f26531;
		text-decoration: underline;
		font-weight: bold;
		border: 0;
	}
	.textpromo a:hover, .textpromo a:active
	{
		color: #09c;
		border: 0;
	}

.promosep
{
	font-size: 1%;
	border-top: 1px solid #ccc;
	margin: 6px 0;
}

.promoimage
{
	color: #036;
	background-color: #d0d4da;
	width: 171px;
}
	.promoimage p
	{
		font-size: 110%;
		padding: 4px;
		margin: 0;
		width: 160px;
	}

/* countries list table ---------------------------------------------------------------------------------------------------- */

table.countries {
font-size: 0.90em;
/* width: 500px; */
width: 257px;
vertical-align: top;
}

table.countries th{
 text-align: left;
 font-weight: bold;
 padding: 0;
 background: none;
}

table.countries td {
text-align: left;
vertical-align: top;
background: url("../images/equities/bullet.gif") no-repeat 0 3px;
padding-left: 16px;
}

table.countries td p {
width: 100px;
text-align: left;
vertical-align: top;
}

/* countries list wide table - 500px ---------------------------------------------------------------------------------------------------- */

table.countriesWide {
font-size: 0.90em;
width: 500px;
vertical-align: top;
}

table.countriesWide th{
 text-align: left;
 font-weight: bold;
 padding: 0;
 background: none;
}

table.countriesWide td {
text-align: left;
vertical-align: top;
background: url("../images/equities/bullet.gif") no-repeat 0 3px;
padding-left: 16px;
}

table.countriesWide td p {
width: 100px;
text-align: left;
vertical-align: top;
}

/* demos list table ---------------------------------------------------------------------------------------------------- */

table.demos {
font-size: 0.90em;
width: 540px;
vertical-align: top;
background-color:#00CCCC;
padding: 0;
margin: 0;
border-collapse: collapse;
}

table.demos td {
text-align: left;
vertical-align: top;
width: 260px;
padding-bottom: 10px;
margin: 0;
}

.screen {
text-align: right;
vertical-align: top;
width: 260px;
padding: 0;
background-color:#CC3300;
margin: 0;
}


/* footer ---------------------------------------------------------------------------------------------------- */

#footer
{
	border-top: 1px solid #00aeef;
	padding: 2px 1px 10px 0;
	color: #09c;
	text-align: right;
	margin: 39px 18px 0;
	font-weight: bold;
	font-size: 0.80em;
	clear: both;
}

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

#footer a:hover, #footer a:active
{
	text-decoration: underline;
	border: 0;
}



#mainouter
{
	width: 770px;
}


/* SIDE NAVIGATION */
/* SIDE NAVIGATION */
/* SIDE NAVIGATION */

#nav
{
	float: left;
	margin: 0;
	padding: 0 0 0 1px;
	width: 182px;
	/*/*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 181px;
}

#nav ul{
   margin-left: 0;
   padding-left: 0;
   background: visible url(../images/nav_dashRule.gif) bottom left;
}

#nav h2 {margin: 0 0 6px 0;}

#nav a:link, #nav a:visited
{color: #303030;
background-color: transparent;
text-decoration: none;
font-size: .9em;
line-height: 120%;
padding-left: 17px;
display: block;
overflow: visible;
}

#nav a:hover, #nav a:active
{color: #d4110f;
border: 0;
background: transparent url(../images/bullet_nav.gif) top left no-repeat;
}


#nav ul ul, #nav ul ul ul{
	margin: 0 0 0 12px;
	padding: 0;
}

#nav ul a:link, #nav ul a:visited, #nav ul a:hover, #nav ul a:active
{width: 150px !important;}

#nav ul ul a:link, #nav ul ul a:visited, #nav ul ul a:hover, #nav ul ul a:active
{width: 138px !important;}

#nav ul ul a
{color: #00aeef;font-weight: bold;}

#nav ul ul ul a:link, #nav ul ul ul a:visited, #nav ul ul ul a:hover, #nav ul ul ul a:active
{
	width: 126px !important;
}

#nav li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.navlevel_01
{color: #d4110f;border: 0;background: transparent url(../images/bullet_nav.gif) top left no-repeat;}



.navNoLink{
color: #303030;
background-color: transparent;
margin: 0 0 0 12px;
text-decoration: none;
font-size: .9em;
line-height: 120%;
padding-left: 5px;
display: block;
overflow: visible;
font-weight: bold;
}




/* following rule switches off all three Level sections and all subnav by default. These sections are switched on using an inline style in the relevant page */

#equitiesSub, #commoditiesSub, #futureSub, #fxSub, #fixedincome, #fixedincomeSub, #fixedincomeSubRates, #servicesSub, #AboutSub, #structuredproductsSub, #AboutSubExpertise, #AnalystsSub, #AnalystsSubRoles, #AnalystsSubProfiles, #AssociatesSub, #AssociatesSubRoles, #AssociatesSubProfiles, #QuantsSub, #QuantsSubRoles, #QuantsSubProfiles, #ApplySub
{
	display: none;
}

#nav .promo
{
	margin-top: 30px;
	width: 154px;
}

	#nav .regbutton a:link, #nav .regbutton a:visited
	{
		width: auto;
	}

	#nav .regbutton a:hover, #nav .regbutton a:active
	{
		background: none;
	}

/* MAIN CONTENT AREA */
/* MAIN CONTENT AREA */
/* MAIN CONTENT AREA */

#main
{
	width: 540px;
	margin: 0 0 0 211px;
}

#popup
{
	width: 540px;
	margin: 0 0 0 39px;
}

/* subpage with narrow center column ---------------------------------------------------------------- */
#copyNarrow
{
	float: left;
	padding-right: 15px;
	margin-bottom: 5px;
	width: 275px;
	/*/*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/* */
	width: 260px;
}



/* subpage with wider center column ---------------------------------------------------------------- */
#copyWide
{
	float: left;
	padding-right: 15px;
	margin-bottom: 39px;
	/*/*/
	width: 371px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 356px;
	/* */
}
/* subpage with tip wider center column 840px instead of 540px ------------------------------------------------ */

#mainouterTip
{
	width: 1070px;
}


#mainTip
{
	width: 840px;
	margin: 0 0 0 211px;
}

#copyTip
{
	float: left;
	width: 840px;
	padding: 0px;
	margin-bottom: 0px;
	/* background-color: #CCFF66; */
}


/* subpage with full width column ---------------------------------------------------------------- */
#copyFull
{
	float: left;
	width: 540px;
	padding: 0px;
	margin-bottom: 0px;
	/* background-color: #CCFF66; */
}

#copyFullbottom
{
	float: left;
	width: 540px;
	padding: 0px;
	margin-bottom: 39px;
	/* background-color: #CCFF66; */
}

.lineBox {
	border: 1px solid #009ce0;
	margin-bottom: 15px;
}

.lineBox p {
	margin: 5px 0 5px 5px;
	padding: 5px 0 5px 0;
}

/* research box on the about page */

.researchBox p {
	margin-top: 3px !important;
	margin-bottom: 5px !important;
	padding: 0px 5px 0px 5px;
}

.researchBox h2 {
	margin-top: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid #009ce0;
	border-top: 1px solid #009ce0;
	background-color:#009ce0;
	color:#FFF;
	padding: 5px 5px 5px 5px;
}

.researchBox span.headline_date{
 font-weight: bold;
}

.researchBox span.headline_title{
}

.researchBox {
	border: 1px solid #303030;
	margin-bottom: 15px;
}

/* --- news box on the home page */

.NewsheaderBox {
	width: 100%;
	background-color: #e28c05;
	height: 16px;
	}

.NewsheaderBox h3 {
	margin: 0 0 0 5px;
	color: #fff !important;
	}

.newsBox {
	border: 1px solid #e28c05;
	margin-bottom: 15px;
}

.newsBox hr {
	width: 96%;
	margin-bottom: 6px;
	margin-top: 6px;

	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	border: none 0;
	border-top: 1px dotted #000; /*the border*/
}

.newsBox p {
	margin-top: 3px !important;
	margin-bottom: 5px !important;
	padding: 0px 5px 3px 5px;
}

.newsBox h2 {
	margin-top: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid #e28c05;
	border-top: 1px solid #e28c05;
	background-color: #e28c05;
	color:#FFF;
	padding: 5px 5px 5px 5px;
}

.newsBox span.headline_date{
 font-weight: bold;
}

.newsBox span.headline_title{
}


/* ---- */

.focusBox {
	width: 260px;
	margin-bottom: 10px;
	margin-left: 15px;
	float: right;
}

.demo {
	width: 540px;
	margin-bottom: 15px;
	margin-left: 0;
	float: left;
	border-bottom: 1px solid #009ce0;
}

.researchBoxnoline {
	/* border: 1px solid #009ce0; */
	margin-bottom: 15px;
}

.researchBoxnoline p {
	margin: 0px 5px 0px 5px;
	padding: 5px 5px 0px 5px;
}

.imgRight {
 float: right;
 padding-left: 20px;
 padding-right: 0;
 margin: 0;
 }


.headerBox {
	width: 100%;
	background-color: #303030;
	min-height: 16px;
	_height: 16px;
	}

.headerBox h3 {
	margin: 0 0 0 5px;
	color: #fff !important;
	}

#demoscreen {
	margin: 0 0 20px 0;
	border: 1px solid #009ce0;
	color: #fff !important;
	}

#demoscreen h3 {
	width: 100%;
	background-image: url(../images/header_bg.gif);
	height: 16px;
	margin: 0 0 0px 0;
	}

#demoscreen h3 p {

	margin: 0 0 0 3px;
	}

#demoscreen p {
	margin-top: 6px;
	margin-left: 3px;
	margin-bottom: 6px;
	margin: 6px 0 6px 3px;
	}

#copy
{
	float: left;
	padding-right: 12px;
	width: 276px;
	/*/*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/* */
	width: 264px;

}

.copybanner
{
	margin-bottom: 19px;
}

	#text h1
	{
		margin: 0 0 10px 0;
	}


	#text p
	{
		margin: 0 0 14px 0;
		display: block;
	}

#text ul li
	{
		list-style-type: square;
	}


#text ul li ul li
	{
		list-style-type: none;
		margin-left: -4em;
	}

  #fxSolution, #rhfxSolution{
   list-style-type: none;
   margin: 0 0 1em 0;
   padding: 0;
  }
  #fxSolution li, #rhfxSolution li{
   list-style-type: none;
   margin: 0;
   padding: 0;
  }

#lhColumn, div.lhColumn {
	width: 280px !important;
	float: left;
	padding: 0;
	margin-bottom: 5px;
	margin-top: 0px;
	/* background-color:#00FFFF; */
}

#lhColumn ul, div.lhColumn ul{
 margin-bottom: 0;
 margin-top: 0;
}

/* additional DIV for narrower li's  -------------------------------------   */

#lhColumnSmall {
	width: 120px !important;
	float: left;
	padding: 0;
	margin-top: 0;
	margin-bottom: 5px;
	/* background-color: red; */
}

#rhColumnSmall {
	width: 110px !important;
	margin-left: 140px;
	padding: 0;
	margin-top: 0;
	margin-bottom: 5px;
	/* background-color: green; */
}

#lhColumnSmall ul li, #rhColumnSmall ul li {
margin: 0 0 2px -15px;
/* background-color:#00ccdd; */
}

/* right hand side column ---------------------------------------------------------------------------- */

#rhColumn, div.rhColumn, #rhfxSolution
{
	width: 260px !important;
	float: right;
	padding: 0;
	margin-bottom: 5px;
}

.rhColumnDemos
{
	width: 260px !important;
	float: right;
	padding: 0;
	margin-bottom: 5px;
	text-align: right;
}

#rhColumn ul, div.rhColumn ul{
 margin-bottom: 0;
 margin-top: 0;
}

body.demos #copyFullbottom{
 clear: both;
}

body.demos div.rhColumn{
 margin-bottom: 15px;
 clear: right;
}

/* right hand side column narrower ---------------------------------------------------------------------------- */

#rhColumn_narrow
{
	width: 169px !important;
	float: right;
	padding: 0;
	margin-bottom: 39px;
}


/* right and left hand side column - dogs page ---------------------------------------------------------------------------- */

#rhColumnDogs, div.rhColumnDogs {
	width: 200px !important;
	float: right;
	padding: 0;
	margin-bottom: 5px;
}

#lhColumnDogs, div.lhColumnDogs {
	width: 320px !important;
	float: left;
	padding: 0;
	margin-bottom: 5px;
	margin-top: 0px;
}

#rhColumnDogs, div.rhColumnDogs p {
	color: #ffffff;
	padding: 0;
	margin-bottom: 5px;
	margin-top: 0px;
}

#rhColumnDogs a {
	color: #ffffff;
}

#rhColumnDogs a:hover {
	color: #122744;
	background-color: #fff;
	text-decoration: none;
}


#promos
{
	width: 171px !important;
	float: right;
	padding: 0;
}

.profpic, .profpicleft
{
	position: relative;
	font-size: 125%;
	color: #fff;
	background: #122744 top left no-repeat;
	padding: 89px 8px 14px 63px;
	text-align: right;
	min-height: 27px;
	/*height: expression(this.scrollHeight < 27? "27px" : "auto" );  IE does not read min-height */
}

.profpicleft
{
	text-align: left;
	padding-left: 8px;
}

#profquote
{
	color: #fff;
	background-color: #122744;
	padding: 11px 6px;
	text-align: right;
	font-size: .9em;
	width: 171px;
	/*/*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/* */
	width: 159px;
}

#profquote blockquote
	{
		margin: 0;
		font-style: normal;
		font-weight: bold;
		text-align: left;
		width: 100%;
	}

#profquote a:link, #profquote a:visited, #profquotetwo a:link, #profquotetwo a:visited
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: x-small;
}

#profquote a:hover, #profquote a:active, #profquotetwo a:hover, #profquotetwo a:active
{
	color: #fff;
	text-decoration: underline;
	border: 0;
}

#promosII /* promos under rh image area */
{
	margin-top: 15px;
}

/*#promosII .navpromo
{
	margin: 6px 0 0 0;
}*/

#profquotetwo /* second style for smaller profile quote, tertiary level pages */
{
	color: #036;
	background-color: #d0d4da;
}

#profquotetwo #profquotetwoHead
	{
		color: #fff;
		background-color: #122742;
		background-position: top right;
		background-repeat: no-repeat;
		margin: 15px 0 0 0;
		padding: 0;
		height: 49px;
		min-height: 49px;
		/*height: expression(this.scrollHeight < 49? "49px" : "auto" );*/
	}

	#profquotetwo h2
	{
		font-size: 0.85em;
		line-height: 1.1em;
		padding: 8px 64px 0 7px;
	}



	#profquotetwo blockquote, #profquotetwo p
	{
		padding: 5px 10px 0 10px;
		margin: 0;
		font-style: normal;
		line-height: 1.1em;
	}

	#profquotetwo p
	{
		margin: 0;
		padding-top: 0;
		padding-bottom: 5px;
		text-align: right;
	}

	#profquotetwo a:link, #profquotetwo a:visited, #profquotetwo a:hover, #profquotetwo a:active
	{
		color: #036;
	}

	#profquotetwoHead .smaller
	{
		font-size: 0.85em;
	}

.promo h2 a:link, .promo h2 a:visited
{
	color: #09c;
	background-color: #fff;
	text-decoration: underline;
	text-align: left;
}

.promo h2 a:hover, .promo h2 a:active
{
	color: #036;
}


/* accessibility page ------------------------------------------------------ */

table.copytab
{
	width: 95%;
	margin: 10px 7px 30px;
	border-left: 1px solid #09c;
	border-bottom: 1px solid #09c;
}

table.copytab td
{
	vertical-align: top;
	padding: 5px 7px;
	color: #000;
	background-color: #e5f5fa;
	border-right: 1px solid #09c;
	border-top: 1px solid #09c;
}

.copytab caption
{
	font-weight: bold;
	text-align: center;
	padding: 0 0 5px 0;
}

kbd
{
	font-size: 1.3em;
	font-weight: normal;
}

.copytab th
{
	color: #fff;
	background-color: #09c;
	padding: 4px;
	border-right: 1px solid #fff;
	width: 50%;
}

img.access
{
	float: right;
	margin-left: 15px;
	border: 1px solid #09c;
}

.copytab p
{
	margin-bottom: 5px;
}

/* glossary links ------------------------------------------------------------------------------------ */

a.glossary, a.glossary:visited, a.glossary:active
{
	color : #09c !important;
	text-decoration: none !important;
	border-bottom: 1px dashed #09c  !important;
	cursor: help;
}

a.glossary:hover, a.glossary:focus
{
	background-color: #f0f0f0;
	border-bottom: 1px dashed #09c;
}

.invisible /* this style visually hides seperators in glossNav - required for accessibility */
{
	font-size: 0em;
	color: #09c;
	background-color: #09c;
	display: none;
}

#glossNav a:link, #glossNav a:visited
{
	padding: 1px 1px 1px 2px;
	color: #fff;
	background-color: #09c;
	text-decoration: none;
	border-top: 1px solid #09c;
	border-bottom: 1px solid #09c;
}

#glossNav a:hover, #glossNav a:active, #glossNav a:focus
{
	color: #09c;
	background-color: #fff;
}

.glossNavA
{
	border-left: 1px solid #09c;
}

.glossNavZ
{
	border-right: 1px solid #09c;
}

/* faq styles ------------------------------------------------------------------------------------ */

#faqOuter h2
{
	color: #fff;
	background-color: #09c;
	padding: 4px 25px;
}

#faqOuter ul
{
	margin: 0;
}

#faqOuter li
{
	list-style-type: disc;
}

ul.faqlist, ul.faqlist li
{
	list-style-type: none !important;
	margin: 0;
	padding: 0;
}

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

a.toplink:link, a.toplink:visited /*also apply to the glossary page */
{
	color: #6a757c;
	background-color: #fff;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
}

a.toplink:hover, a.toplink:active
{
	color: 	#d4110f;
	text-decoration: none;
}

.toplink img
{
	margin-right: 3px;
	position: relative;
	top: 5px;
}

/* profile styles ------------------------------------------------------------------------------------ */

#profileHeader
{
	color: #036;
	background-color: #D0D4DA;
	margin: 0 -11px 0 0;
	padding: 0 0 10px 0;
	z-index: -10;
}

#text #profileHeader h2
{
	color: #fff;
	background-color: #122744;
	margin: 0;
	padding: 3px 25px;
}

#profileHeader p
{
	padding: 0 30px 0 25px;
	margin: 6px 0 0 0;
}

p.question
{
	font-weight: bold;
	margin-bottom: -8px;
	color: #036;
}

#vidtext
{
	color: #036;
	background-color: #D0D4DA;
	margin: 0;
}

#vidtext p
{
	padding: 0 2px 2px 2px;
	margin: 0;
	font-size: 75%;
	line-height: 100%;
}

#vidtext a.promolink:link, #vidtext a.promolink:visited, #vidtext a.promolink:hover, #vidtext a.promolink:active
{
	font-size: 100%;
}

li.AnalystsHide, li.AssociatesHide, li.QuantsHide
{
	list-style-type: square !important;
}

blockquote.transcript
{
	font-style: italic;
	margin: 0;
	width: 95%;
}

/* awards page ----------------------------------------------------------------------------------- */

.award
{
	border: 1px solid #09c;
	color: #036;
	background-color: #e6f5fa;
	padding-bottom: 10px;
	margin: 2px 0 15px;
}

.award h3
{
	font-size: 0.9em;
	margin: 15px 5px 5px;
}

.awardImage
{
	text-align: center;
	background-color: #fff;
	padding: 5px;
}

.award ul,.award p
{
	margin: 0 10px;
	padding: 0;
	font-size: 0.85em;
}

.award li
{
	padding: 0;
	margin: 0 0 5px 0;
	list-style-type: none;
}

.clearer
{
	clear: left;
}

/* roles index styles -------------------------------------------------------------- */

.profileIndex
{
	background-color: #09c;
}

.profileIndex img
{
	float: left;
}

.profileIndexText
{
	padding: 2px 5px;
	float: right;
	width: 280px;
	/*/*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/* */
	width: 270px;
	background-color: #e6f5fa;
	color: #036;
}

.profileIndexText h2
{
	margin: 0;
}

.profileIndexText p
{
	margin: 0;
	font-size: 0.85em;
}

.clearbot
{
	clear: both;
	height: 15px;
}

.profileIndexText blockquote
{
	margin: 0.5em 0;
	line-height: 1.25em;
	padding: 0;
	font-size: 0.85em;
}

/* calendar of events ------------------------------------------------------ */

#calendarOuter, #busmodOuter
{
	float: left;
	margin: 10px -186px 15px 0;
	position: relative;
	z-index: 10;
	background-color: transparent;
}


.calendar
{
	border: 1px solid #09c;
	border-top-width: 0;
	font-size: 0.9em;
	margin-bottom: 12px;
	width: 540px;
}

.calendar caption
{
	color: #fff;
	background-color: #122744;
	text-align: left;
	padding: 4px;
	clear: both;
	border-bottom: 2px solid #fff;
}

.calendar th
{
	color: #fff;
	background-color: #09c;
	border-right: 2px solid #fff;
	padding: 4px;
	font-weight: normal;
	text-align: left;

}

.rightcell
{
	border-right-width: 0 !important;
}

.calendar td
{
	padding: 4px;
	width: 20%;
	background-color: #ccebf5;
	border-right: 2px solid #fff;
	border-top:  2px solid #fff;
	vertical-align: top;
	font-size: 0.95em;
}

td.botrow
{
	border-bottom: 2px solid #fff;
}

td.leftrow
{
	border-left: 2px solid #fff;
}

.calendar tr.highlight td
{
	background-color: #a3daed !important;
}

#calendarOuter ul
{
	margin: 15px 0 15px 0;
	padding: 0;
}

#calendarOuter li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#calendarOuter li a:link, #calendarOuter li a:visited
{
	display: block;
	font-size: 1.10em;
	text-decoration:none;
	color: #fff;
	background-color: #122744;
	padding: 1px 4px 1px 15px;
	margin-bottom: 2px;
	width: 239px;
	/*/*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/* */
	width: 220px;
}
#calendarOuter li a:link, #calendarOuter li a:visited
{

}

#calendarOuter li a:hover, #calendarOuter li a:active
{
	background: #122744 url(../../shared/images/calendar_bullet.gif) top left no-repeat;
}

/* sitemap ----------------------------------------------------------------- */

#sitemapOuter ul
{
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
	font-size: 1em;
}

#sitemapOuter ul ul
{
	border: 1px solid #6a757c;
	padding-left: 20px;
}


#sitemapOuter li
{
	margin: 0;
	display: inline;
	padding: 0;
	list-style-type: none !important;
}

#sitemapOuter a:link, #sitemapOuter a:visited, #sitemapOuter a:hover, #sitemapOuter a:active
{
	font-size: 1em;
	text-decoration: none;
	padding: 0 4px;
	display: block;
	margin-top: 1px;
}

#sitemapOuter ul ul a:link, #sitemapOuter ul ul a:visited
{
	color: #303030;
	background-color: transparent;
}

#sitemapOuter ul ul a:hover, #sitemapOuter ul ul a:active
{
	color: #303030;
	text-decoration: underline;
}

li.sitemapHeader a:link, li.sitemapHeader a:visited
{
	color: #fff;
	background-color: #6a757c;
	display: block;
}

li.sitemapHeader, li.sitemapHome
{
	margin-bottom: 2px !important;
}

.sitemapHeader ul, .sitemapHeader ul a:link, .sitemapHeader ul a:visited
{
	background-color: #fff;
	color: #09c;
}

.sitemapHeader ul ul, .sitemapHeader ul ul ul
{
	border: 0 !important;
}

.sitemapHome, .sitemapHome a:link, .sitemapHome a:visited
{
	background-color: #303030 !important;
	display: block;
}

/* signup page -------------------------------------------------------------- */
#signupForm label{
 font-size: .9em;
}

#signupForm input, #signupForm select, #signupForm textarea, #investortypetext0, #signupForm span{
 font-family: verdana, tahoma, sans-serif;
 font-size: .9em;
}

#signupForm table table td{
 padding: 2px 0;
 font-size: .9em;
}

#signupForm .select{
 width: 202px !important;
 width: 208px;
 -moz-box-sizing: content-box;
}



#signupForm .text{
 width: 202px;
}

#signupForm textarea{
 width: 202px;
 margin-left: 4px;
}

/* privacy page ------------------------------------------------------------- */
address.privacy{
	font-style: normal;
	font-size: .9em;
}


/* test styles -------------------------------------------------------------- */

.red #red
{
	border: 1px solid red !important;
}

.bgred #bgred
{
	background-color: #fcc !important;
}

/* end styles.css */

/* styles_better.css */

/*
	<s>In the process of being</s>
   merged with styles.css (above)
*/

/* this style sheet contains all of the voice-family hack terms for the #'s in 'style.css'
width below (W), or height below (H) should be the following:

W = Ws-Ps-Bs
where Ws is stated width in style.css; Ps is left+right padding in style.css; Bs is border-width left+right in style.css.

H = Hs-Ps-Bs
where Hs is stated height in style.css; Ps is top+bottom padding in style.css; Bs is border-width top+bottom in style.css.

More details: http://tantek.com/CSS/Examples/boxmodelhack.html

The 'html>body #example' rule is a 'be nice to opera 6' addendum to each rule.

*/

/*
2007-08-21:
The document "styles_better.css" originally used the following logic:
http://www.ericmeyeroncss.com/bonus/trick-hide.html

The above logic is flawed in that the initial W and H are values for IE4-5.x
that are inclusive of the padding and border (but NOT margin) dimensions. Hence they would be:
W = Ws+Ps+Bs
H = Hs+Ps+Bs
not *s-Ps-Bs.

The "be nice to Opera 5 (or 6 in their case)" rules were not written written properly.
e.g.
html>#banner{ ... }
The above would look for #banner directly within the html tag, as in on a level parallel with
the body and head tags. Further, Opera is now at passed version 9, currently 9.23.
It has long since not fallen victim to the high-pass filter.
*/

/*
	styles_better.css has been merged with styles.css, presumably successfully.
	These comments are here as reference, e.g. changelog, proof of outstanding history of web, etc.
*/


/* end styles_better.css */

/* standard.css */
#NavAnalysts, #NavAssociates, #NavQuants, .ShowWhenAllHid, .AnalystsHide, .AssociatesHide, .QuantsHide
{
	display: block;
}

span.ShowWhenAllHid
{
	display: inline;
}

#NavApplyAnalysts, #NavApplyAssociates, #NavApplyQuants, .HideWhenHid
{
	display: none;
}
/* end standard.css */


/* navigation.css */

/*
	It is important to precede the class with the corresponding element
	esp. in the case we know which elements the class belongs to.
	Nabs and applies 'marginally faster'. (Though with the machines we
	use it may be hard to tell.)
*/

/*
	For every individual page:
	body.a_id #a_id
	e.g. About page
	body.about #about

	For individual ID's (links) that contain [sub-]sections:
	body.[[sub-]section's parent a_id]Sub[sub-section's parent a_id] #[[sub-]section's parent a_id]
	e.g. Fixed Income page
	body.fixedincomeSub #fixedincome
	e.g. Fixed Income >> Rates
	body.fixedincomeSubRates #rates

	For the [sub-]section (group of links) ID itself:
	body.[[sub-]section's parent a_id] #[[sub-]section's a_id]Sub[sub-section's parent a_id]
	e.g. Fixed Income section
	body.fixedincome #fixedincomeSub
	e.g. Fixed Income >> Rates sub-section
	body.rates #fixedincomeSubRates

	Exceptions being shorthand/abbreviations and complete omissions
       	(e.g. "futures" written as "fu" or "baseMetals" in the "commodities" section)
*/

/* Correspond aesthetic of navigation with current section, sub-section, etc. */
body.about #about,
body.fixedincome #fixedincome, body.rates #rates,
body.demos #demos,
body.contacts #contacts,
body.fx #fx,
body.futures #futures,
body.commodities #commodities,
body.emerging #emerging,
body.equities #equities,
body.mm #mm,
body.structured_products #structured_products,
body.services #services,
body.connectivity #connectivity,
body.technology #technology,
body.news #news,
body.documents #documents
{
	font-weight: bold;
}

/* Correspond aesthetic of navigation with current page */

body.about #about,
body.fixedincomeSub #fixedincome,
body.fixedincomeSubRates #rates, body.fixedincomeSubRates #rates a:hover,
body.rmbs #rmbs, body.swaps #swaps, body.exotics #exotics,
body.credit #credit, body.barx_fi #barx_fi, body.bloomberg #bloomberg, body.ecn #ecn,
body.rviResearch #rviResearch, body.fiResearch #fiResearch, body.fiDemo #fiDemo,
body.fiContacts #fiContacts,
body.demos #demos,
body.contacts #contacts,
body.fxSub #fx,
body.fxOptions #fxOptions, body.fxPricing #fxPricing, body.fxPowerfill #fxPowerfill, body.fxEmergingMarkets #fxEmergingMarkets, 
body.fxFix #fxFix, body.fxEcns #fxEcns, body.fxResearch #fxResearch, body.fxDemo #fxDemo,
body.fxContacts #fxContacts,
body.fxDCI #fxDCI,
body.futuresSub #futures,
body.fuFix #fuFix, body.fuOrder #fuOrder, body.fuAlgo #fuAlgo, body.fuReporting #fuReporting,
body.fuDemo #fuDemo, body.fuContacts #fuContacts,
body.contactsSub #contacts,
body.commoditiesSub #commodities,
body.baseMetals #baseMetals, body.preciousMetals #preciousMetals, body.comFutures #comFutures,
body.comFIX #comFIX, body.comReporting #comReporting, body.comResearch #comResearch,
body.comContacts #comContacts,
body.emergingSub #emerging,
body.emHard #emHard, body.emLocal #emLocal, body.emBloomberg #emBloomberg, body.emResearch #emResearch,
body.emEEMEA #emEEMEA, body.emAsiaPacific #emAsiaPacific, body.emLatam #emLatam, body.emPostTrade #emPostTrade,
body.emContacts #emContacts,
body.equitiesSub #equities,
body.equitiesPreTrade #equitiesPreTrade,
body.equitiesPreWebBench #equitiesPreWebBench,
body.equitiesSSE #equitiesSSE,
body.equitiesPRISE #equitiesPRISE,
body.equitiesTrade #equitiesTrade,
body.equitiesRealtick #equitiesRealtick,
body.equitiesSmartorderrouting #equitiesSmartorderrouting,
body.equitiesTradingstrategies #equitiesTradingstrategies,
body.equitiesLiquiditycrossing #equitiesLiquiditycrossing,
body.equitiesTradealerts #equitiesTradealerts,
body.equitiesHighfrequency #equitiesHighfrequency,
body.equitiesVarianceswaps #equitiesVarianceswaps,
body.equitiesPostwebbench #equitiesPostwebbench,
body.equitiesTradeguage #equitiesTradeguage,
body.equitiesCommissionlink #equitiesCommissionlink,
body.equitiesSecuritylending #equitiesSecuritylending,
body.equitiesPostTrade #equitiesPostTrade,
body.equitiesContacts #equitiesContacts,
body.eqSec #eqSec, body.eqFix #eqFix, body.eqOep #eqOep, body.eqAlgo #eqAlgo, 
body.eqReporting #eqReporting, body.eqVarianceSwaps #eqVarianceSwaps, body.eqContacts #eqContacts,
body.mm #mm,
body.structuredproductsSub #structured_products,
body.spIS #spIS, body.spECN #spECN, body.spContacts #spContacts,
body.servicesSub #services,
body.connectivitySubFix #connectivity,
body.connectivityFix #connectivityFix, body.primeservices #primeservices, body.research #research,
body.technology #technology,
body.news #news, 
body.documents #documents
{
	color: #00aeef !important;
	font-weight: bold;
	background:      url(../images/bullet_nav.gif) top left no-repeat;
}


/* Correspond display of subnavigation group with current section */
body.fixedincome #fixedincomeSub,
body.rates #fixedincomeSubRates,
body.fx #fxSub,
body.futures #futuresSub,
body.commodities #commoditiesSub,
body.emerging #emergingSub,
body.equities #equitiesSub,
body.structured_products #structuredproductsSub,
body.services #servicesSub,
body.connectivity #connectivitySubFix
{
	display: block;
}

/* end navigation.css */