/* set background and font for the whole page */
body 
{
	background-color:black;
	font-family: Verdana;
	margin-top:0px;
	padding-top:0px;
	margin-left:0px;
	color: White;
}

.h1-heading
{
	display:none;
}

h1.slogan
{
	position:absolute;
	top: 30px;
	left: 772px;
	font-family:Arial;
	font-size:large;
	font-weight:normal;
	color: #ff9004 ;
}

.slogan img
{
	border-width:0px;
}

.logo
{
	border-width:0px;
}

#AgibooLogoLink
{
	position: absolute;
	left: 77px;
	top: 47px;
}

.menu
{
	/* position: absolute;*/
	z-index: -1;
	top: 0px;
	left:0px;
}
.menu img.swirl
{
}


table.toolkit
{
	position: absolute;
	top: 263px;
	left: 119px;
	border-style: none;
	table-layout: fixed;
	z-index:3;
}

.ie7 table.toolkit
{
	width:770px;
}

table.toolkit td
{
	text-align:center;
	border-style:none;
	z-index:399;
}

table.toolkit td.tool
{
	width:10px;
	margin: 0px 0px 0px 0px;
	/* width: 30px; */
	padding-top: 10px;
	padding-bottom:5px;
	padding-left:18px;
	padding-right:18px;
}

.toolIcon
{
	z-index: 400;
	cursor: pointer;
}

table.toolkit td.toolLabel
{
	font-family:Verdana;
	font-size: 7pt;/* 0.55em; */
	font-weight:bold;
	color: #eeeeee;
	padding-left:10px;
	padding-right:10px;
	vertical-align:top;
	cursor: pointer;
}

.rowSeparator
{
	position:absolute;
	top: 400px;
	left:90px; 
}

table.toolkitOverlay
{
	position: absolute;
	top: 240px;
	left: 115px;
	border-style: none;
	table-layout: fixed;
}

.ie7 table.toolkitOverlay
{
	width:860px;
}

table.toolkitOverlay td.tool img
{
	visibility: hidden;
}

table.toolkitOverlay .columnSeparator
{
	margin: 0px 0px 0px 0px;
}

table.toolkitOverlay .columnSeparator img
{
}
table.toolkitOverlay td.tool
{
	font-family:Arial;
	font-size: 0.55em;
	font-weight:bold;
	width:10px;
	margin: 0px 0px 0px 0px;
	/* width: 30px; */
	padding-top: 11px;
	padding-bottom:5px;
	padding-left:13px;
	padding-right:13px;
	border-style:none;
	border-width:0px;
}

table.toolkitOverlay td.toolLabel
{
	visibility:hidden;
	font-family:Arial;
	font-size: 0.55em;
	font-weight:bold;
	color: #dddddd;
	padding-left:10px;
	padding-right:10px;
}

#essentials
{
	position: absolute;
	top: 545px;
	left: 495px;
}

#essentials .arrow
{
	position: absolute;
	top: 20px;
	left: 0px;
	z-index:100;
	cursor:pointer;	
}

#essentials .cube
{
	position: absolute;
	z-index:98;
	top: 0px;
	left: 123px;
	cursor:pointer;	
}

#essentials .black-swan
{
	position: absolute;
	z-index:101;
	top: 30px;
	left: -20px;
	cursor:pointer;	
	text-decoration:none;
}

#essentials .black-swan:visited
{
	text-decoration:none;
}

#essentials .black-swan img
{
	border-width:0px;
}

.tagcloud
{
	font-family:Helvetica;
	position: absolute;
	top: 681px;
	left: 50px;
}

.tagrow
{
	position:relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.tagrow#tagrow1
{
	left: 83px;
}

ul.tagrow#tagrow2
{
	top: -8px;
	left: 41px;
}

ul.tagrow#tagrow3
{
	top: -14px;
	left: 12px;
}

.tagrow li
{
	list-style-type:none;
	display: inline;
}

.tagtype-or
{
	color: #cb7401;
}
.tagtype-gr
{
	color: #bbbbbb;
}

.tagrow #IAS39 
{
	font-size: 1.2EM;
	font-weight:bold;
	vertical-align: -4px;
	margin-left: 2px;
}
.tagrow #FOREX 
{
	font-size: 1em;
	color: #aaaaaa;
	vertical-align: 0px;
}
.tagrow #markingtomarket 
{
	font-size: 0.75em;
	vertical-align: +2px;
	margin-left:4px;
}
.tagrow #commodity 
{
	font-size: 1.2em;
	vertical-align: -2px;
	margin-left:4px;
}
.tagrow #swaps 
{
	font-size: 1em;
	font-weight:bold;
	color:#aaaaaa; /* takes down the bold a bit */
	vertical-align: 0px;
	margin-left:5px;
}
.tagrow #itoslemma 
{
	font-size: 0.70em;
	font-weight:bold;
	color:#aaaaaa; /* takes down the bold a bit */
	vertical-align: +3px;
	margin-left:5px;
}

.tagrow #futures 
{
	font-size: 1em;
	font-weight:bold;
	color:#aaaaaa; /* takes down the bold a bit */
	vertical-align: 0px;
	margin-left:4px;
}
.tagrow #cocoa 
{
	font-size: 0.70em;
	font-weight:bold;
	color:#aaaaaa; /* takes down the bold a bit */
	vertical-align: -3px;
	margin-left:2px;
}
.tagrow #position 
{
	font-size: 0.75em;
	font-weight:bold;
	color:#aaaaaa; /* takes down the bold a bit */
	vertical-align: +3px;
}
.tagrow #aluminium 
{
	font-size: 0.55em;
	font-weight:normal;
	vertical-align: +3px;
	margin-left: 3px;
}
.tagrow #LME 
{
	font-size: 0.70em;
	vertical-align: +4px;
	margin-left: 3px;
}
.tagrow #copper 
{
	font-size: 1.2em;
	color:#aaaaaa; /* takes down the bold a bit */
	vertical-align: 0px;
	margin-left: 3px;
}
.tagrow #options 
{
	font-size: 0.85em;
	vertical-align: +2px;
	margin-left: 4px;
}
.tagrow #caps 
{
	font-size: 1.1em;
	font-weight: bold;
	vertical-align: +3px;
	margin-left: 4px;
}
.tagrow #blackscholes 
{
	font-size: 0.70em;
	font-weight:bold;
	vertical-align: +4px;
	margin-left: 0px;
}
.tagrow #montecarlo 
{
	font-size: 0.65em;
	font-weight:bold;
	vertical-align: +6px;
	margin-left: 3px;
}
.tagrow #wheat 
{
	font-size: 1.1em;
	font-weight: bold;
	vertical-align: +2px;
	margin-left: 3px;
}
.tagrow #risk 
{
	font-size: 1.25em;
	color:#bbbbbb; /* takes down the font a bit */
	vertical-align: 0px;
	margin-left: 4px;
}
.tagrow #cotton 
{
	font-size: 0.85em;
	font-weight: bold;
	vertical-align: 1px;
	margin-left: 2px;
}
.tagrow #margin 
{
	font-size: 0.70em;
	vertical-align: 2px;
}
.tagrow #backtoback 
{
	font-size: 0.85em;
	font-weight: bold;
	vertical-align: +5px;
}
.tagrow #energy 
{
	font-size: 1.2em;
	font-weight: normal;
	vertical-align: 2px;
}
.tagrow #floors 
{
	font-size: 0.75em;
	font-weight: bold;
	vertical-align: 0px;
	margin-left: 2px;
}
.tagrow #OTC 
{
	font-size: 0.90em;
	font-weight: bold;
	vertical-align: -1px;
}
.tagrow #hedgeaccounting 
{
	font-size: 0.80em;
	font-weight: bold;
	vertical-align: -1px;
}
.tagrow #CBOT 
{
	font-size: 1.2em;
	vertical-align: 0px;
}
.tagrow #FAS133 
{
	font-size: 1.2em;
	vertical-align: 3px;
	margin-left: 3px;
}
.tagrow #hedging 
{
	font-size: 0.6em;
	vertical-align: +3px;
	margin-left: +6px;
}
.tagrow #logistics 
{
	font-size: 1em;
	vertical-align: 0px;
	margin-left: 3px;
}
.tagrow #coffee 
{
	font-size: 0.7em;
	vertical-align: +2px;
}
.tagrow #collars 
{
	font-size: 0.95em;
	font-weight: bold;
	vertical-align: +2px;
}

.footer
{
	position:absolute;
	top: 755px;
	left: 0px;
	width:100%;
}

.footer td
{
	color: #cccccc;
	font-family: Helvetica;
	font-size: 0.6em;
}

.footer .downloadBrochure a
{
	color: #cccccc;
	padding-left: 60px;
	text-decoration:none;
}

.footer .downloadBrochure img
{
	width: 50px;
	border-style:none;
	vertical-align:middle;
}

.footer .copyright
{
	padding-left: 400px;	
}

.footer td .sitemap li
{
	display: inline;
}

.footer td .sitemap
{
	display:none;
}

.sOption {
	position: absolute;
	color: #ffffff;
	font-family:Helvetica;
	font-size: 0.7em;
	font-weight: bold;
	cursor:pointer;
}

.sOption .label 
{
	position:absolute;
	top:4px;
	left:25px;
	vertical-align: text-bottom;
	white-space: nowrap; 
}

.sOption .circle 
{
	width:24px;
	height:24px;
	background-image: url(/images/rondje_klein2.png);
	border-style:none;
	position:static;
	top:3px;
	left:3px;
	z-index: 3000;
}

.sOption:hover .circle
{
	background-image: url(/images/rondje_groot.png);
}

.sOption#swirlAboutUs {
	top: 113px;
	left: 280px;
}	

/* define the style for all options in the swirl */
.swirlOption {
	list-style-type:none;
	position: absolute;
	color: #ffffff;
	font-family:Helvetica;
	font-size: 0.7em;
	font-weight: bold;
	cursor:pointer;
}

.swirlOption .label 
{
	position:absolute;
	top:4px;
	left:25px;
	vertical-align: text-bottom;
	white-space: nowrap; 
}

.swirlOption .circle {
	
	border-style:none;
	position:static;
	top:3px;
	left:3px;
	z-index: 3;
}

/* define the style of all menu options */
.menuOption {
	border: none;
	position: absolute;
	top: 1025px;
	font-family: Arial;
	font-size: x-small;
	font-weight: bold;
	color: #F8B252;
}

.menuOption A:link {
	color: #F8B252;
	text-decoration: none;
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
}
.menuOption A:visited {
	text-decoration: none;
}

.menuOption A:hover {
	text-decoration: underline;
	color:#AAAAAA;
}

.ff3 .menuOption
{
	top: 1028px;
}
.ff3 .menuOption A:after
{
	font-family: Courier;
	left: 360px;
	content: attr(ff3);
}

/* define the style of all lightboxes */

.lightBox
{
	position:absolute;
	/* visibility:hidden; */
	padding-top:0px;
	padding-left:0px;
	margin-left:0px;
	z-index:199;
	width:400px;
	display:none;
}

.lightBox .background
{
	position:absolute;
	z-index:200;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-spacing:0px;
	border-collapse:collapse;	
	/* needed for firefox; 
     * otherwise it will position "kruisje" as a child 
     * of lightBox rather than background 
	 */
	display:inline; 
}

.lightBox .background td, .lightBox .background th /* all parts of the background of the lightbox */
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-spacing:0px;
}

.lightBox .background th
{
	height: 0px;
}
.lightBox .background th img
{
	border-width:0px;
	position:absolute;
}
/* The background is a table with 9 cells, allowing the center area of
   the background image to be stretched without changing the design of the edges

	the edges of the lightboxes are always the same size 
	- the left and right edges have a width of 16
	- the top and bottom edges have a height of 12
*/
.lightBox .background td.wEdge img
{
	width: 24px;
}
.lightBox .background td.hEdge img
{
	height: 20px;
}

/* the center area of the lightboxes is resized as needed
   standard size of the background is 390 x 180
   390 x 180  = (16+358+16) x (12+156+12)
   So the center area is 358 x 156
*/
.lightBox .background td.wMid img
{
	width: 329px;
}
.lightBox .background td.hMid img
{
	height: 140px;
}

.lightBox .background .kruisje
{
	position:absolute;
	right:9px;
	top: 12px;
	z-index:400;
	cursor: pointer;
}

.lightBox .content
{
	position:relative;
	top:32px;
	left:24px;
	font-size:xx-small;
	width:320px;
	z-index:300;
}

.ie7 .lightBox .content .title
{
	font-size:small;
}

.toolkitBox .background .kruisje
{
	position:absolute;
	right:6px;
	top: 8px;
}

/* we have 3 different box styles: 
	- menuBox (orange, black text)
	- toolkitBox (black, white text)
	- productBox (orange, black text)
*/
.menuBox
{
	color:black;	
}

.menuBox .background
{
	/* background has a transparent edge that should be outside the box area */
	top: -11px;
	left: -11px;
}

.toolkitBox
{
	color:White;
}
.toolkitBox .background
{
	/* background has a transparent edge that should be outside the box area */
	top: -1px;
	left: -8px;
}

.productBox
{
	color:black;	
}
.productBox .background
{
	/* background has a transparent edge that should be outside the box area */
	top: -11px;
	left: -11px;
}

/* position the individual options and lighboxes */

/* AboutUs */
.swirlOption#swirlAboutUs {
	top: 113px;
	left: 280px;
}	

.lightBox#boxAboutUs
{
	top: 116px;
	left:283px;

}

.lightBox#boxAboutUs .background td.hMid img
{
	height: 150px;
}

.menuOption#menuAboutUs
{	
	left: 360px;	
}

/* Trade */
.swirlOption#swirlTrade {
	top: 167px;
	left: 404px;
}	

.lightBox#boxTrade
{
	top: 170px;
	left:407px;
}

.menuOption#menuTrade
{	
		left: 412px;	
}

/* Agile */
.swirlOption#swirlAgile {
	top: 132px;
	left: 536px;
}	

.lightBox#boxAgile
{
	top: 135px;
	left:539px;
}

.lightBox#boxAgile .background td.hMid img
{
	height: 159px;
}

.menuOption#menuAgile
{	
	left: 445px;	
}

.swirlOption#swirlOffshoring 
{
	display: none;
}
/* Offshoring
.swirlOption#swirlOffshoring {
	top: 132px;
	left: 536px;
}	

.lightBox#boxOffshoring
{
	top: 135px;
	left:539px;
}

.menuOption#menuOffshoring
{	
	left: 445px;	
}
 */
 
/* Cases */
/* for new page
.swirlOption#swirlCases {
	top: 196px;
	left: 615px;
}	

.lightBox#boxCases
{
	top: 191px;
	left:602px;
}

.lightBox#boxCases .background td.hMid img
{
	height: 165px;
}

.menuOption#menuCases
{	
	left: 505px;	
}
*/

.swirlOption#swirlSelection {
	top: 196px;
	left: 615px;
}	

.lightBox#boxSelectionSwirl
{
	top: 199px;
	left:618px;
}

.lightBox#boxSelectionSwirl .background td.hMid img
{
	height: 165px;
}

/* not impl yet... instead still menu for technology
.menuOption#menuSelectionSwirl
{	
	left: 505px;	
}
*/
/* Technology
REPLACED BY boxSelectionSwirl - a copy of boxSelection
.swirlOption#swirlTechnology {
	top: 196px;
	left: 615px;
}	

.lightBox#boxTechnology
{
	top: 199px;
	left:618px;
}

.lightBox#boxTechnology .background td.hMid img
{
	height: 165px;
}
 */
.menuOption#menuTechnology
{	
	left: 505px;	
}

/* Associates */
.swirlOption#swirlAssociates {
	top: 150px;
	left: 728px;
}	

.lightBox#boxAssociates
{
	top: 153px;
	left:450px;
}

.lightBox#boxAssociates .content
{
	width: 530px;
}

.lightBox#boxAssociates .background td.hMid img
{
	height: 393px;
}

ie7 .lightBox#boxAssociates .background td.hMid img
{
	height: 390px;
}

.lightBox#boxAssociates .background td.wMid img
{
	width: 555px;
}

.lightBox#boxAssociates .content#partnerBox
{
	background-color: Transparent;
	top: 57px;
	height: 265px;
	border-style: solid;
	border-width:0px;
	border-top-color: #ff9004;
	border-left-color: #ffc275;
	border-right-color: #ffc275;
	border-bottom-color: #FFE4C3;
}

.lightBox#boxAssociates .content#partnerBox #partnerCloud
{
	display:inline;
	position:relative;
	top: 10px;
	left: 12px;
	z-index:300;	
}

.ie7 .lightBox#boxAssociates .content#partnerBox #partnerCloud
{
	top: 10px;
	left: -28px;
}

.lightBox#boxAssociates #partnerCloud .partnerSlot
{
	position:absolute;
	list-style-type:none;
}

.lightBox#boxAssociates #partnerCloud a.logoLink .logo
{
	border-width:1px;
	border-style:solid;
	border-color: #ffdcb0;
}

.lightBox#boxAssociates #partnerCloud a.logoLink:hover .logo
{
	border-color: #ff9004; /* #ffae49;*/
}

/* the partner logo's are resized to have a similar presence */

.CentreLogo
{
	border-width:0px;
	width: 160px;
	height:160px;
}

/*
#BradyLogo
{
	width:149px;
	height:38px;
}
#EKALogo
{
	width:96px;
	height:59px;
}
#iRelyLogo
{
	width:82px;
	height:69px;
}
#tegosLogo
{
	width:120px;
	height:48px;
}
#TradepaqTRMLogo
{
	width:200px;
	height:28px;
}
#CommoditiesGlobalLogo
{
	width:122px;
	height:46px;
}

#AllegroLogo
{
	width:129px;
	height:44px;
}

#CommodityPointLogo
{
	width:180px;
	height:32px;
}
*/
.menuOption#menuAssociates
{	
		left: 569px;	
}

/* Contact */
.swirlOption#swirlContact {
	top: 152px;
	left: 875px;
}	

.lightBox#boxContact, .lightBox#boxThanks
{
	top: 156px;
	left:656px;
}

.lightBox#boxContact .background td.hMid img
{
	height: 320px;
}

.lightBox#boxThanks .background td.hMid img
{
	height: 220px;
}

.lightBox#boxContact .background td.wMid img, .lightBox#boxThanks .background td.wMid img
{
	width: 264px;
}

.lightBox#boxContact .content, .lightBox#boxThanks .content
{
	width: 240px;
}

.lightBox#boxContact .content#contactForm
{
	border-spacing: 0px;
	border-collapse:collapse;
	border-width: 0px;
}

.ie7 .lightBox#boxContact .content#contactForm
{
	margin-top:11px;
}

.lightBox#boxContact .content#contactForm td .required
{
	color: Red;
	visibility:visible;
}

.lightBox#boxContact .content#contactForm td
{
	font-size: 	xx-small;
	border-width: 0px;
	padding: 0px 0px 0px 0px;
}

.lightBox#boxContact .content#contactForm td input
{
	float:right;
}


.menuOption#menuContact
{	
	left: 608px;	
}

.lightBox#boxVaR
{
	top: 318px;
	left:187px;
}

.lightBox#boxVaR .background td.hMid img
{
	height: 190px;
}

.lightBox#boxGreeks
{
	top: 318px;
	left:315px;
}

.lightBox#boxGreeks .background td.hMid img
{
	height: 190px;
}

.lightBox#boxIntegration
{
	top: 318px;
	left:443px;
}

.lightBox#boxIntegration .background td.hMid img
{
	height: 170px;
}

.lightBox#boxHedging
{
	top: 318px;
	left:507px;
}

.lightBox#boxHedging .background td.hMid img
{
	height: 215px;
}

.lightBox#boxSimulation
{
	top: 318px;
	left:532px;
}

.lightBox#boxSimulation .background td.hMid img
{
	height: 165px;
}

.lightBox#boxOptions
{
	top: 318px;
	left:567px;
}

.lightBox#boxOptions .background td.hMid img
{
	height: 190px;
}

.lightBox#boxSelection
{
	top: 455px;
	left:187px;
	/* width:415px; */
}

.lightBox#boxSelection .background td.hMid img
{
	height: 142px;
}
.lightBox#boxSelection .background td.wMid img
{
	width: 345px;
}

.lightBox#boxSelection .content
{
	width: 335px;
}

.lightBox#boxVolatility
{
	top: 455px;
	left:315px;
}

.lightBox#boxVolatility .background td.hMid img
{
	height: 182px;
}

.lightBox#boxForecasting
{
	top: 455px;
	left:443px;
}

.lightBox#boxForecasting .background td.hMid img
{
	height: 182px;
}

.lightBox#boxMark
{
	top: 455px;
	left:507px;
}

.lightBox#boxMark .background td.hMid img
{
	height: 182px;
}

.lightBox#boxPandL 
{
	top: 455px;
	left:532px;
}

.lightBox#boxPandL .background td.hMid img
{
	height: 171px;
}
.lightBox#boxPandL .background td.wMid img
{
	width: 350px;
}


.lightBox#boxKnowledge
{
	top: 455px;
	left:567px;
}

.lightBox#boxKnowledge .background td.hMid img
{
	height: 162px;
}
.lightBox#boxKnowledge .background td.wMid img
{
}



.lightBox#boxProduct
{
	top: 533px;
	left:236px;
}


.lightBox#boxProduct .background td.wMid img
{
	width: 510px;
}
.lightBox#boxProduct .background td.hMid img
{
}

.lightBox#boxProduct .content
{
	width: 475px;
}

.lightBox#boxGame
{
	top: 230px;
	left:150px;
	border-width:2px;
}

.lightBox#boxGame .content
{
	width: 790px;
}

.lightBox#boxGame .background td.hMid img
{
	height: 520px;
}

.lightBox#boxGame .background td.wMid img
{
	width: 815px;
}

.find-the-black-swan
{
	position:absolute;
	top: 110px;
	left: 10px;
	width: 820px;
	height: 440px;
}