/* @group Global Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 8pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.5em;
  vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 1em;
  margin-bottom: 1em;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}
a {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

ul {
  list-style: none;
}
ol, ul {
  padding-left: 1em;
  padding-right: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
ol {
  padding-left: 3em;
}
p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
fieldset {
  margin: 0pt;
  padding: 0pt;
  border: none;
}

/* @end */

/* @group Typography */

body {
  text-align: center;        /* for IE lte 6 */
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5em;
  font-weight: bold;
}
h1 {
  font-size: 1.5em;
}
h2 {
  font-size: 1.3em;
}
h3 {
  font-size: 1.1em;
}
dt {
  font-size: 1.1em;
  line-height: 2em;
  font-weight: bold;
}
small, 
.headerBlock a, 
.quickSearch input[type="text"],
.topControl form select, 
.topControl form label, 
.zebra tbody tr td div ul li,
.tableSorter tbody tr td div ul li {
  font-size: 86%;
}

.HomeBox h2 {
  font-weight: bold;
  line-height: 1.5em;
}

#ContentIntroduction h3, 
.boxLinks a {
  font-weight: bold;
}

.RightBox h2 {
  font-weight: bold;
  font-size: 1em;
}

.zebra,
.tableSorter {
  line-height: 1.25em;
}
strong, 
div.moreinfo span.title, 
#Content #metaData .metaName {
  font-weight: bold;
}

#LeftContent #LeftImage {
  line-height: 1em;
}

.LeftNavigation ul li a {
  font-weight: bold;
  line-height: 2em;
}
.LeftNavigation ul.level1 li a {
  font-weight: normal;
  line-height: 1.8em;
  margin-bottom: 1px;
}
.LeftNavigation ul.level2 a {
  line-height: 1.6em;
}
.LeftNavigation ul.level3 a {
  line-height: 1.4em;
}
.LeftNavigation ul.level4 a {
  line-height: 1.3em;
}

/* @end */

/* @group Colours */

*, select, a, #ContentIntroduction h3, .boxText {
	color: #666;

}
select {
  border-color: #809DB9;
  border-style: solid;
  border-width: 1px;
}

body {
  background-color: #EBEBEB;
}
hr {
  border: none;
  border-bottom-color: #DDDDDD;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.quickSearch .btn {
  border-color: #809DB9;
  border-style: solid;
  border-width: 1px;
}

#header .opacity {
  background-color: #ABC1DC;
}

#header .navigation, 
#header .headerBlock {
  background-color: #FFFFFF;
}

.HomeBox {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  border-bottom-width: 1px;
  border-bottom-style: solid; /*?*/
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 10px;
  border-right-style: solid;
}

.HomeBox h2, .RightBox h2 {
  background-color: #FFF3E6;
  border-top-color: #E5D4BF;
  border-top-style: solid;
  border-top-width: 1px;
}


.HomeBox1 {
  background-color: #FFFFFF;
  border-color: #E5D4BF;
  border-bottom-width: 1px;
  border-bottom-style: solid; /*?*/
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
}

.HomeBox1 h2, .RightBox h2 {
  background-color: #FFFFFF;
  border-top-color: #E5D4BF;
  border-top-style: solid;
  border-top-width: 1px;
}
.LeftNavigation {
  background-color: #EFF3F6;
}

#RightContent {
  background-color: #FFE2BF;
  border-color: #FFE2BF;
  border-style: solid;
  border-width: 1px;
}

.HomeBox h2, 
.RightBox h2, 
.RightBox .MoreLink, 
.boxLinks a, 
.moreLink {
  color: #995300;
}

.HomeBox1 h2, 
.RightBox h2, 
.RightBox .MoreLink, 
.boxLinks a, 
.moreLink {
  color: #995300;
}
#ContentIntroduction {
  background-color: #F4F3F1;
  border-bottom-color: #DDDDDD;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-color: #DDDDDD;
  border-right-style: solid;
  border-right-width: 1px;



}

.even {
  background-color: #EEEEEE;
}

.zebra,
.tableSorter {
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
}  

.zebra tr td, 
.tableSorter tr td,
.zebra tr th,
.tableSorter tr th {
  border-left-style: solid;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.zebra tbody tr.selected td, 
.tableSorter tbody tr.selected td,
.zebra tbody tr.selected th,
.tableSorter tbody tr.selected td {
  background-color: #3d80df;
  border-bottom-color: #1a57a3;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #1a57a3;
  border-left-style: solid;
  border-left-width: 1px;
  color: #ffffff;
}

.zebra thead tr td, 
.tableSorter thead tr td,
.zebra thead tr th,
.tableSorter thead tr th,
.zebra tfoot tr td, 
.tableSorter tfoot tr td,
.zebra tfoot tr th,
.tableSorter tfoot tr th {
  background-color: #EEEEEE;
  border-bottom-color: #CCCCCC;
  border-left-color: #CCCCCC;
}

.zebra tbody tr td, 
.tableSorter tbody tr td,
.zebra tbody tr th,
.tableSorter tbody tr th {
  background-color: #F8F8F8;
  border-bottom-color: #DDDDDD;
  border-right-color: #DDDDDD;
  border-left-color: #DDDDDD;
}

.zebra tbody tr td a,
.tableSorter tbody tr td a {
  border-bottom-color: #F0F0F0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.zebra tbody tr.even td, 
.tableSorter tbody tr.even td,
.zebra tbody tr.even th,
.tableSorter tbody tr.even th {
  background-color: #FFFFFF;
  border-bottom-color: #DDDDDD;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-color: #FFFFFF;
  border-right-style: solid;
  border-right-width: 1px;
}

.quickSearch .btn {
  border-color: #809DB9;
}

div.moreinfo {
  border-color: #DDDDDD;
  border-width: 1px;
  border-style: solid;
}
div.moreinfo span.title {
  border-left-color: #DDDDDD;
  background-color: #FFFFFF;
  border-left-width: 1px;
  border-left-style: solid;
}

#disclaimer {
  background-color: #BBBBBB; 
  border-color: #000000;  
  border-width: 1px;
  border-style: solid;  
}

.LeftNavigation ul li {
  border-width: 1px;
  border-style: solid;
  border-color: #F0F3F5;  /* IE hack : without that the space between each lines is too height */
  border-width: 0px; /* IE hack : without that the space between each lines is too height */
  background-image: none;
}
.LeftNavigation ul li a {
  color: #16519D;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #D3DEED;
  background: url(../img/leftnav_arrow1.gif) no-repeat scroll 0% 0%;
}
.LeftNavigation ul li a.leaf {
  background: url(../img/eib.org/dot.gif) no-repeat scroll 0% 0%;
}

.LeftNavigation ul li a:hover {
  color: #FFFFFF;
  background: #16519D url(../img/leftnav_arrow2.gif) no-repeat scroll 0% 0%;
}

.LeftNavigation ul li a:active {
  color: #FFFFFF;
  background: #16519D url(../img/dot2.gif) no-repeat scroll 0% 0%;
}

.LeftNavigation ul li ul {
  color: #16519D;
  border-width: 1px;
  border-style: solid;
  border-color: #D3DEED;
  border-right: none;
  border-top: none;
  /* IE hack : without that the space between each lines is too height */
}

.LeftNavigation ul li ul.level1 a {
  border: none;
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

.LeftNavigation ul li.node a {
  background-image: url(../img/leftnav_arrow1.gif);
}
.LeftNavigation ul li.node a:hover {
  background-image: url(../img/leftnav_arrow2.gif);
}

.LeftNavigation ul li.leaf a {
  background-image: url(../img/dot.gif);
}
.LeftNavigation ul li.leaf a:hover {
  background-image: url(../img/dot2.gif);
}

.LeftNavigation ul li ul.level1 a:hover {
  color: #FFFFFF;
  background-color: #7397C4;
}

.LeftNavigation ul li ul.level1 ul.level2 a:hover {
  color: #FFFFFF;
  background-color: #ABC0DC;
}

.LeftNavigation ul li ul.level1 ul.level2 ul.level3 a:hover {
  color: #16519D;
  background-color: #CDDAEA;
}

.LeftNavigation ul li ul.level1 ul.level2 ul.level3 ul.level4 a:hover {
  color: #16519D;
  background-color: #E1E8F2;
}


/* @end */

/* @group Layout */

  /* @group Header */
  
  #header {
    max-width: 750px;
    height: 80px;
    display: block;
    margin-left: 100pt;
  }
  
  #header .logo {
    float: left;
    width: 139px;
    height: 105px;
    
  }
  
  #header form {
    float: left;
  }
  
  #header .headerBlock {
    padding: 2px 2px 0pt 0pt;
    float: left;
    text-align: right;
  }
  #header #topControlWrapper {
	display: block;
	position: absolute;
	height: 110px;
	width: 610px;
	margin-left: 0pt;
	overflow: hidden;
	top: 32px;
  }
  html>body #header #topControlWrapper {
    margin-left: 140px;
  }
  
  #header #topControlWrapper fieldset {
    display: inline;
  }
  
  #header .topControl {
    height: 30px;
    overflow: hidden;  
    float: right;
  }
  
  #header .topControl form label,
  #header .topControl form select {
    margin-left: 0.5em;
    vertical-align: bottom;
  }
  
  #header .topControl table tr {
    vertical-align: top;
  }
  
  #header .en .about a {
    background: url(../img/about_en.jpg) no-repeat;
    display: block;
    height: 19px;
    width: 102px;
  }
  
  #header .fr .about a {
    background: url(../img/about_fr.jpg) no-repeat;
    display: block;
    height: 19px;
    width: 99px;
  }
  
  #header .de .about a {
    background: url(../img/about_de.jpg) no-repeat scroll 0% 0%;
    display: block;
    height: 19px;
    width: 102px;
  }
  
  #header .en .products a {
    background: url(../img/products_en.jpg) no-repeat;
    display: block;
    height: 19px;
    width: 119px;
  }
  
  #header .fr .products a {
    background: url(../img/products_fr.jpg) no-repeat;
    display: block;
    height: 19px;
    width: 120px;
  }
  
  #header .de .products a {
    background: url(../img/products_de.jpg) no-repeat scroll 0% 0%;
    display: block;
    height: 19px;
    width: 119px;
  }
  
  #header .en .projects a {
    background: url(../img/projects_en.jpg) no-repeat;
    display: block;
    height: 19px;
    width: 118px;
  }
  
  #header .fr .projects a {
    background: url(../img/projects_fr.jpg) no-repeat;
    display: block;
    height: 19px;
    width: 115px;
  }
  
  #header .de .projects a {
    background: url(../img/projects_de.jpg) no-repeat scroll 0% 0%;
    display: block;
    height: 19px;
    width: 118px;
  }
  
  #header .en .investor_info a {
    background: url(../img/capital_markets_en.jpg) no-repeat;
    display: block;
    height: 19px;
    width: 141px;
  }
  
  #header .fr .investor_info a {
    background: url(../img/capital_markets_fr.jpg) no-repeat;
    display: block;
    height: 19px;
    width: 156px;
  }
  
  #header .de .investor_info a {
    background: url(../img/capital_markets_de.jpg) no-repeat scroll 0% 0%;
    display: block;
    height: 19px;
    width: 141px;
  }
  
  #header .en .infocentre a {
    background: url(../img/mediatheque_en.jpg) no-repeat;
    display: block;
    height: 19px;
    width: 130px;
  }
  
  #header .fr .infocentre a {
    background: url(../img/mediatheque_fr.jpg) no-repeat;
    display: block;
    height: 19px;
    width: 120px;
  }
  
  #header .de .infocentre a {
    background: url(../img/mediatheque_de.jpg) no-repeat scroll 0% 0%;
    display: block;
    height: 19px;
    width: 130px;
  }
  
    /* @group Language */
    
    #header .language form select {
      width: 10em;
    }
    
    /* @end */
  
  /* @end */

  /* @group Quick Search */
  
  .quickSearch {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
  .quickSearch input[type="text"] {
    height: 1.3em;
  }
  
  .quickSearch .btn {
    width: 2em;
    height: 1.5em;
    margin-bottom: 0pt;
  }
  html>body .quickSearch .btn {
    margin-bottom: -3px;
  }
  /* @end */
  
#header .image {
  float: left;
  height: 58px;
  width: 610px; /*638*/
}
  
#header .imageLeft {
  background: transparent url(../img/about_left.jpg) no-repeat scroll 0% 50%;
  width: 300px;
  height: 58px;
  float: left;
}
#header .imageRight {
  background: transparent url(../img/about_right.jpg) no-repeat scroll 0% 50%;
  width: 310px;
  height: 58px;
  float: right;
}
#header .opacity {
  width: 15px;
  height: 100%;
  z-index: 100;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
#header .opacityLeft {
  float: left;
}
#header .opacityRight {
  float: right;
}
  
  /* @group Site Navigation */
    
  #header .navigation {
    display: block;
    position: relative;
    width: 610px;
    padding-left: 0pt;
	margin-top: 0pt;
  }
    
  #header .navigation li {
    text-indent: -9000px;
    list-style-type: none;
    float: left;
    margin-top: 1px;
    margin-right: 0pt;
  }
    
  #header .navigation li a {
    text-decoration: none;
    outline: none;
  }
  
  /* For IE, this rule must be splitted and before "a:hover" rule */
    
  #header .navigation li a:hover {
    background-position: 0pt -19px;
    outline: none;
    
  #header .navigation li li a:visited {
    background-position: 0pt -0px;
    outline: none;
  }
    
  #header .navigation li li a.active {
    background-position: 0pt -0px;
    outline: none;
  }
    

  }
    
  #header .navigation li a.selected {
    background-position: 0pt -19px;
    outline: none;
  }
    
  /* @end */


/* @end */

/* @group Home Page */
  
#globalHome {
  margin-right: auto;
  margin-left: auto;
  padding-left: 7px;
  width: 750px;        /*warning: this value is due to the M$ office toolbar*/
  text-align: left;
}
html>body #globalHome {
  padding-left: 0pt;
}
#headerHome {
  max-width: 750px;
  height: 135px;
}
  
#headerHome #topControlWrapper {
  display: block;
  overflow: hidden;  
}
#headerHome .topControl {
  margin-top: 15px;
  overflow: hidden;  
  float: right;
}
  
#headerHome .topControl form label,
#headerHome .topControl form select {
  margin-left: 0.5em;
}

#LogoHome {
  margin-left: 1px;
  float: left;
  width: 185px;
  height: 122px;
}

#ShortMenuHome {
  padding-top: 20px;
  padding-left: 2px;
  float: left;
  width: 305px;
  height: 27px;
  text-align: right;
}

#QuickSearchHome {
  padding: 20px 2px 0pt 2px;
  float: left;
  width: 220px;
  height: 27px;
}

#headerHome .image {
  float: left;
  width: 750px;
}

  /* @group Horizontal Navigation */
  
  #headerHome .navigation {
    clear: left;
    margin-left: 2px;
    width: 750px;
    padding-left: 0em;
  }
  html>body #headerHome .navigation {
    margin-left: 0pt;
  }
  
  #headerHome .navigation li {
    text-indent: -9000px;
    list-style-type: none;
    float: left;
    margin-left: 0pt;
  }
  
  #headerHome .navigation li a {
    text-decoration: none;
    outline: none;
  }
  
  /* For IE, this rule must be splitted and before "a:hover" rule */
  
  #headerHome .navigation li a:visited, li a.active {
    background-position: 0pt -0px;
    outline: none;
  }
  
  #headerHome .navigation li a:hover {
    background-position: 0pt -24px;
    outline: none;
  }
  
  #headerHome .en .about a {
    background: url(../img/aboutHome_en.jpg) no-repeat;
    display: block;
    height: 22px;
    width: 125px;
  }
  
  #headerHome .fr .about a {
    background: url(../img/aboutHome_fr.jpg) no-repeat;
    display: block;
    height: 22px;
    width: 122px;
  }
  
  #headerHome .de .about a {
    background: url(../img/aboutHome_de.jpg) no-repeat;
    display: block;
    height: 22px;
    width: 125px;
  }
  
  #headerHome .en .products a {
    background: url(../img/productsHome_en.jpg) no-repeat;
    display: block;
    height: 22px;
    width: 146px;
  }
  
  #headerHome .fr .products a {
    background: url(../img/productsHome_fr.jpg) no-repeat;
    display: block;
    height: 22px;
    width: 146px;
  }
  
  #headerHome .de .products a {
    background: url(../img/productsHome_de.jpg) no-repeat;
    display: block;
    height: 22px;
    width: 146px;
  }
  
  #headerHome .en .projects a {
    background: url(../img/projectsHome_en.jpg) no-repeat;
    display: block;
    height: 22px;
    width: 144px;
  }
  
  #headerHome .fr .projects a {
    background: url(../img/projectsHome_fr.jpg) no-repeat;
    display: block;
    height: 22px;
    width: 142px;
  }
  
  #headerHome .de .projects a {
    background: url(../img/projectsHome_de.jpg) no-repeat;
    display: block;
    height: 22px;
    width: 144px;
  }
  
  #headerHome .en .investor_info a {
    background: url(../img/capital_marketsHome_en.jpg) no-repeat;
    display: block;
    height: 22px;
    width: 174px;
  }
  
  #headerHome .fr .investor_info a {
    background: url(../img/capital_marketsHome_fr.jpg) no-repeat;
    display: block;
    height: 22px;
    width: 191px;
  }
  
  #headerHome .de .investor_info a {
    background: url(../img/capital_marketsHome_de.jpg) no-repeat;
    display: block;
    height: 22px;
    width: 174px;
  }
  
  #headerHome .en .infocentre a {
    background: url(../img/mediathequeHome_en.jpg) no-repeat;
    display: block;
    height: 22px;
    width: 160px;
  }
  
  #headerHome .fr .infocentre a {
    background: url(../img/mediathequeHome_fr.jpg) no-repeat;
    display: block;
    height: 22px;
    width: 148px;
  }
  
  #headerHome .de .infocentre a {
    background: url(../img/mediathequeHome_de.jpg) no-repeat;
    display: block;
    height: 22px;
    width: 160px;
  }
  
  /* @end */

  /* @group Home Page boxes */
  
  .HomeBox {
    height: 100%;
    width: 400px;
    float: left;
    margin-right: 3px;
    text-align: left;
    padding-bottom: 32767px;
    margin-bottom: -32766px;
  }
  
  .HomeBox h2 {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0em;
    margin-bottom: 0em;
  }
  .HomeBox a {
    text-decoration: underline;
  }
  .HomeBox a:hover {
    text-decoration: none;
  }
  .HomeBox1 {
    height: 100%;
    width: 320px;
    float: left;
    margin-right: 3px;
    text-align: left;
    padding-bottom: 32767px;
    margin-bottom: -32766px;
  }
  
  .HomeBox1 h2 {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0em;
    margin-bottom: 0em;
  }
  .HomeBox1 a {
    text-decoration: underline;
  }
  .HomeBox1 a:hover {
    text-decoration: none;
  }  
  #centreImage {
    text-align: left;
  }
  #centreImage ul {
    margin-left: 2px;
    list-style: none;
    padding-left: 0em;
  }
  #centreImage ul li {
    width: 750px;
    text-align: right;
    overflow: hidden;
  }
  html>body #centreImage ul {
    margin-left: 0pt;
  }
  #centreImage ul li.hide {
    display: none;
  }
  
  #HomeImage {
    margin-left: 1px;
    width: 748px;
    height: 216px;
    background: url(../img/img-main1.jpg);
  }
  
  #Box {
    display: block;
    margin-top: 5px;
    margin-left: 3px;
    overflow: hidden;
  }
  
  #HomeBoxBorder {
    clear: left;
    height: 1px;
    width: 777px;
    display: block;
    background: url(../img/HomeBorderBottom.gif) no-repeat;
  }
  
  /* @end */

/* @end */
  
/* @group Background Images */

#bodyBackground {
  margin: 20px auto 0pt auto;
  text-align: center;
  width: 768px;
  background: url(../img/v2bg.jpg) repeat-y 0% 0%;
}

#bodyBackgroundWrapper {
  padding-top: 1em;
  padding-bottom: 1em;
  background: url(../img/v2hbg.jpg) no-repeat 0% 0%;
}

#contentWidth {
  margin-right: auto;
  margin-left: auto;
  width: 750px;        /*warning: this value is due to the M$ office toolbar*/
  text-align: left;
  
}

#bodyContent {
  background: transparent url(../img/background.jpg) repeat scroll 0% 50%;
  max-width: 750px;
  padding-top: 0.5em;
  text-align: left;
  margin-left: 0pt;
}
html>body #bodyContent {
  /* display: table-cell; */
}

/* @end */

/* @group Left Side Column */

#LeftContent {
  float: left;
  width: 138px;
  clear: left;
  overflow: hidden;
}

#LeftContent #LeftImage {
  width: 137px;
  height: 30px;
  display: block;
  margin-bottom: 0px;
  margin-left: 1px;
}

.LeftNavigation {
  display: block;
  padding-left: 2px;
}

.LeftNavigation ul {
  list-style: none;
  padding-left: 0pt;
  padding-right: 0pt;
}

.LeftNavigation li {
  margin-bottom: 1px;
}

.LeftNavigation li a {
  display: block;
  padding: 0px 0px 0px 10px;
  text-decoration: none;
  outline: none;
  width: auto;
  height: auto;
}
.LeftNavigation li a:hover {
  text-decoration: none;
}
.LeftNavigation li ul {
  padding: 0pt 0pt 0pt 5px;
  list-style: none;
  margin: 0;
}

.LeftNavigation li ul a:hover {
  text-decoration: none;
}

/* @end */

/* @group Centre Column */

#ContentHome {
	padding-top: 20px;
	padding-bottom: 15px;
	width: 750px;
	text-align: center;

}

#Content {
  width: auto;
  padding: 0pt 160px 10px 155px;
}
html>body #Content {
	width: 435px;
	background-color: #F4F3F1;
}

#Content img {
  float: none;
}

#ContentIntroduction ul,
#Content ul,
#util ul,
.bottomContent ul,
#bottomContent ul {
  list-style: none;
}
#ContentIntroduction ul li,
#Content ul li,
#util ul li,
.bottomContent ul li,
#bottomContent ul li {
  background: transparent url(../img/ArrowGrey.gif) no-repeat scroll left 0.3em;
  padding-left: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
#Content ul li.photo,
.bottomContent ul li.photo,
#bottomContent ul li.photo {
  float: none;
}
#ContentLanguage {
  float: none;
}

#ContentIntroduction {
  padding: 5px;
  margin-bottom: 20px;
  height: 1%;
  display: block;
  font-family: "\"}\"";
  font-family: inherit;
  display: block;
}
html>body #ContentIntroduction {
  display: table-cell;
}

#ContentIntroduction h3 {
  padding-top: 5px;
  padding-bottom: 10px;
}

#Spacer {
  display: block;
  float: left;
  width: 7px;
}

.boxText {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.boxText ul {
  list-style: none;
}
.boxText ul li {
  background: transparent url(../img/ArrowGrey.gif) no-repeat scroll left 0.3em;
  padding-left: 8px;
}
.agenda ul li {
  padding-left: 20px;
  text-indent: -1.5em;
}


.boxLinks {
  display: block;
  clear: left;
  height: 16px;
  padding-right: 5px;
  padding-left: 5px;
  text-align: right;
}

.boxLinks a {
  outline: none;
  text-decoration: none;
}

.bottomContent,
#bottomContent {
  margin-top: 0.5em;
  /* replace by padding-left/right? */
  padding: 0pt 170px 10px 160px;
  width: auto;
}

.tableContent {
  margin-top: 0.5em;  
  padding: 0pt 20px 10px 160px;
  width: auto;
  clear:right;
}

ul.sitemap {
  margin-bottom: 0pt;
  padding-bottom: 10px;
}

.ImageInsert {
  border: none;
  float: left;
  padding-right: 10px;
  padding-left: 2px;
}

#Content .imageLeft {
  float:left;
  text-align:left;
  padding: 5px 1em 1em 5px;
}
#Content .imageRight {
  float:right;
  text-align:right;
  padding: 5px 5px 1em 1em;
}

#Content .imageLeft img,
#Content .imageRight img {
  float: none;
}

#ManagerContent #ContentIntroduction {
  display: block;
  min-height: 150px;
}

.Arrow {
  display: block;
  float: left;
  text-align: left;
  width: auto;
  height: auto;
  padding-right: 2px;
  padding-left: 2px;
}

/* A virer */

.BoxLink {
  text-align: right;
  width: auto;
}

/* A virer */

.MoreLink {
  background: url(../img/ArrowGrey.gif) no-repeat center left;
  padding-left: 8px;
}

.boxLink {
  /*clear:both;/* IE6 this rule seems to disturb IE6 */

  text-align: right;
  width: auto;

}

.moreLink {
  background: url(../img/ArrowGrey.gif) no-repeat center left;
  padding-left: 8px;
}

#Listing {
  padding-left: 150px;
  padding-right: 160px;
  width: auto;
  padding-top: 10px;
}

  /* @group Phototheque */

  .photo {
    float:left;
  }

  /* @end */

  /* @group Google Maps */

  #gmaps_container { height: 326px; }

  /* @end */

  /* @group Zebra Tables */
  
  .zebraWrapper {
    overflow: auto;
    width: 97%;
  }
  html>body .zebraWrapper {
    width: 100%;
  }
  
  .zebra,
  .tableSorter {
    float: none;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  table.zebra,
  table.tableSorter {
    width: 100%;
  }
  
  .zebra tr td, 
  .tableSorter tr td,
  .zebra tr th,
  .tableSorter tr th {
    padding: 3px 8px;
    vertical-align: top;
  }
  .zebra tbody tr td a:hover, 
  .tableSorter tbody tr td a:hover,
  .zebra tbody tr th a:hover,
  .tableSorter tbody tr th a:hover {
    text-decoration: underline;
  }
  
  .zebra tbody tr td div,
  .tableSorter tbody tr td div {
    width: 100%;
  }
  .zebra tbody tr td div ul,
  .tableSorter tbody tr td div ul {
    float: left;
    margin-top: 0pt;
    margin-bottom: 0pt;
  }
  .zebra tbody tr td div ul li,
  .tableSorter tbody tr td div ul li {
    margin-top: 0pt;
    margin-bottom: 0pt;
  }
  .zebra tbody tr td div ul.pct20,
  .tableSorter tbody tr td div ul.pct20 {
    width: 19%;
  }
  html>body .zebra tbody tr td div ul.pct20,
  html>body .tableSorter tbody tr td div ul.pct20 {
    width: 20%;
  }
  .zebra tbody tr td div ul.pct25,
  .tableSorter tbody tr td div ul.pct25 {
    width: 24%;
  }
  html>body .zebra tbody tr td div ul.pct25,
  html>body .tableSorter tbody tr td div ul.pct25 {
    width: 25%;
  }
  .zebra tbody tr td div ul.pct33,
  .tableSorter tbody tr td div ul.pct33 {
    width: 32%;
  }
  html>body .zebra tbody tr td div ul.pct33,
  html>body .tableSorter tbody tr td div ul.pct33 {
    width: 33%;
  }
    /* @group tableSorter Tables */
    table.tableSorter thead tr .header {
      background-image: url(../img/technical/img/bg.gif);
      background-repeat: no-repeat;
      background-position: center right;
      cursor: pointer;
    }
    table.tableSorter tbody td {
      padding: 4px;
      vertical-align: top;
    }
    table.tableSorter thead tr .headerSortUp {
      background-image: url(../img/technical/img/asc.gif);
    }
    table.tableSorter thead tr .headerSortDown {
      background-image: url(../img/technical/img/desc.gif);
    }
    table.tableSorter thead tr .headerSortDown, 
    table.tableSorter thead tr .headerSortUp {
      background-color: #7397C4;
      color: #FFFFFF;
    }

    #pager {
      /* position: relative; */
    }
    #pager.wForm label.pagedisplay {
      border: medium none;
      text-align: center; 
	  margin: 0 auto;
	  width: 10em;
	  float: left;
    }
	#pager.wForm select.pagesize {
	  margin-bottom: 12px;
	}
    #pager.wForm fieldset {
      margin: 0pt;
      padding: 5px 10px;
    }
    #pager.wForm input.first,
    #pager.wForm input.prev,
    #pager.wForm input.next,
    #pager.wForm input.last {
      border: medium none;
	  float: left;
    }

    /* @end */

  /* @end */

#ManagerList .zebra1 {
  width: 30%;
}
#ManagerList .zebra2 {
  width: 60%;
}

.highlight {
  border: 1px solid red;
}

#util {
  text-align: left;
  width: 145px;
  margin: 0pt 1px 5px 5px;
  float: right;
  clear: right;
}
#applyJob {
  text-align: left;
  width: 145px;
  margin: 0.5em 5px 5px 5px;
  float: right;
  clear: right;
}

.functionBlock {
  
}

.managerBlock {
  vertical-align:top;  
}

div.moreinfo {
  display: block;
  padding: 0pt 0.5em 1em;
  margin-top: 2em;
  margin-bottom: 1em;
}

div.moreinfo span.title {
  position: relative;
  top: -1em;
  margin-right: 1em;
  margin-left: 1em;
  padding-right: 0.5em;
  padding-left: 0.5em;
}

#listOfProjects .country,
#listOfProjects .status,
#listOfLoans .fromYear,
#listOfLoans .toYear,
#listOfLoans .country,
#listOfLoans .region,
#listOfLoans .sector {
  width: 6em;
}
#listOfProjects ul, #listOfLoans ul {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

#Content #metaData {
  margin-bottom: 1em;
}

#disclaimer {
  position: absolute;
  top:25%;
  left:25%;
  width:500px;
  height:250px;
  z-index:100;        
  padding:10px;
  vertical-align:middle;      
}

.internal {
display:none;
}

.error {
border:2px solid red;
margin-bottom:1em;
}

#pubinfo {
  display: block;
  min-height: 160px;
  height: 160px;
}
html>body #pubinfo {
  height: auto;
}

.article #metaData {
display:none;
}

.publication .moreinfo {
  clear: right;
}

dd {
  margin-left: 5em;
  margin-bottom: 1em;
}

/* @end */

/* @group Right Side Column */

#RightContent {
  width: 145px;
  margin: 0.5em 1px 5px 5px;
  float: right;
  clear: right;
  overflow: hidden;
}

.RightBox h2 {
  padding-left: 2px;
  padding-right: 2px;
  width: auto;
  margin-top: 0pt;
}

.RightBox ul {
  padding: 2px;
  list-style: none;
}

.RightBox li {
  background: transparent url(../img/ArrowGrey.gif) no-repeat scroll left 0.5em;
  padding-bottom: 0.5em;
  padding-left: 6px;
  white-space: normal;
}

#RightContent .contact li {
  background: transparent url(../img/ArrowGrey.gif) no-repeat scroll left 0.5em;
  padding-left: 6px;
}

.RightBox {
  padding-bottom: 5px;
}

.RightBoxText {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.RightBox a {
  text-decoration: underline;
}
.RightBox a:hover {
  text-decoration: none;
}

/* @end */

/* @group Page Footer */

#Footer {
  background: transparent url(../img/v2frbg.jpg) no-repeat scroll 50% 0%;
  height: 30px;
  margin-left: -1px;
}
html>body #Footer {
  margin-left: 0pt;
}

#contentFooter {
  clear: both;
}

.printerOnly {
  display: none;
}
/* @end */

form.wForm fieldset.collapsible legend {
  background: transparent url(../img/minus.gif) no-repeat scroll 0% 50%;
  padding-left: 15px;
}
form.wForm fieldset.collapsible.collapsed legend {
  background: transparent url(../img/plus.gif) no-repeat scroll 0% 50%;
}
form.wForm fieldset.collapsible.collapsed {
  padding-top: 0pt;
  padding-bottom: 0pt;
  border-left: none;
  border-right: none;
  border-bottom: none;
}


ul.loanParts {
	float:left;
}

ul.loanParts li{
	float:left;
	margin-right:20px;
}

ul.inCountryList li.country {
	display:none;
}

ul.inCountryList li.region {
	display:none;
}

ul.inSectorList li.sector {
	display:none;
}

li a.showHide { font-weight: bold; }
#Content ul li.expand {
  background: transparent url(../img/plus.gif) no-repeat scroll 0% 50%;
}
#Content ul li.collapse {
  background: transparent url(../img/minus.gif) no-repeat scroll 0% 50%;
}

.LeftNavigation ul li ul { display: none; }

/* tables */
table.zebra thead tr .header {
	background-image: url(../img/technical/img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.zebra tbody td {
	/* color: #3D3D3D; */
	padding: 4px;
	/* background-color: #FFF; */
	vertical-align: top;
}
table.zebra tbody tr.odd td {
	/* background-color:#F0F0F6; */
}
table.zebra thead tr .headerSortUp {
	background-image: url(../img/technical/img/asc.gif);
}
table.zebra thead tr .headerSortDown {
	background-image: url(../img/technical/img/desc.gif);
}
table.zebra thead tr .headerSortDown, table.zebra thead tr .headerSortUp {
	background-color: #8dbdd8;
}