@import url(normalize.css);
@import url(positions.css);
@import url(dropdown.css);
@import url(mainnav.css);
@import url(leftnav.css);
@import url(print.css);


/*-------------------------------------*/
/* general */
/*-------------------------------------*/
* {
  font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
  /*font-size: x-small;*/
  font-size: 11px;
  line-height: 150%;
  color: #000000;
}


/*-------------------------------------*/
/* header */
/* topNav can be found in dropdown.css */
/* mainNav can be found in mainnav.css */
/*-------------------------------------*/
div#logo{
  height: 115px;
  clear: left;
  overflow: hidden;
  z-index: 1;
}

div#headerImage{
  height: 115px;
  overflow: hidden;
  clear: right;
  z-index: 1;
}

.flag {
  height:10px;
  width:15px;
  margin-top:5px;
  margin-bottom:5px;
  margin-left:-10px;
  margin-right:-5px;
}

/* START Mergestatus header */
div.logo{
  height: 85px;
  display:inline;
  float:left;
  _margin-top:19px;
  clear: both;
  overflow: hidden;
  z-index: 1;
}

div.banner {
  float:right;
  overflow: hidden;
  z-index: 1;
  display:inline;
}
/* END Mergestatus header */


/*-------------------------------------*/
/* content */
/* leftNav can be found in leftnav.css */
/*-------------------------------------*/

/*-------------------------------------*/
/* text parts */
/*-------------------------------------*/
h1{
  font-size:12px;
  font-weight:bold;
}



h3{
  margin-top:9px;
  margin-bottom:5px;
  font-size:14px;
  font-weight:bold;
  border-bottom:1px solid #95003f;
}

h4 {
  color:#95003f;
  font-size:14px;
  border-bottom:1px solid #95003f;
}

.italic, em {
  font-style:italic;
}

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

.regular{
  font-style:normal;
}

.nowrap {
  white-space:nowrap;
}

.noUnderline{
  text-decoration:none;
}

.visible {
  display: block !important;
}


/*-------------------------------------*/
/* colors and arrows/buttons */
/*-------------------------------------*/
a {
  color: #0F6190;
}

div.article a {
color:#FF0000;
}

div.article a:hover {
color:#FF4C4C;
}

.importantColor{
  color: #95003F;
}

.fortisMediumGreenColor{
  color: rgb(0,153,102);
}

.regularColor{
  color: #003463;
}

.linkColor{
  color: #83ADC6;
}

.odd, .coloredBackground{
  background-color:#EEEEEE;
}

.tableRowHighlight {
  background-color: #cddfef;
}

span.errorMessage,
span.errorMessage label {
  color: #f50035;
  display: none;
}

span.successMessage,
span.successMessage label {
  color: #003463;
  display: none;
  font-weight: bold;
}

.downArrow{
  background-image:url(../portal_resources/design/Arrowdown.gif);
  background-repeat:no-repeat;
  background-position:10px center;
}

.rightArrow, #leftNav li a{
  background-image:url(../portal_resources/design/left-nav.gif);
  background-repeat:repeat-y;
  background-position:0px center;
  padding-left:10px;
}

.rightArrow, #leftNav li a:hover{
  background-image:none;
  background-repeat:repeat-y;
  background-position:0px center;
  padding-left:10px;
}


.blockButton{
  display: inline;
  background-color: #95003f;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
  padding: 4px;
  text-align: center;
  font-size: 11px;
  line-height: 24px;
}

.arrowButton{
  background-image:url(../portal_resources/design/purpleArrow.gif);
  background-repeat:no-repeat;
  background-position:2px 8.5px;
  color:#0F6190;
  display:inline;
  text-decoration:none;
  padding: 4px 4px 4px 20px;
  margin:0;
  line-height:22px;
}

.pdfButton{
  background-image:url(../portal_resources/design/pdf.gif);
  background-repeat:no-repeat;
  background-position:0px 3px;
  color:#0F6190;
  display:inline;
  text-decoration:none;
  padding: 4px 4px 4px 20px;
  margin:0;
  line-height:22px;
}

.xlsButton {
  background-image:url(../portal_resources/design/excel.gif);
  background-repeat:no-repeat;
  background-position:0px 3px;
  color:#0F6190;
  display:inline;
  text-decoration:none;
  padding: 4px 4px 4px 18px;
  margin:0;
  line-height:22px;
}

/*.rssButton { no large icons anymore!
  background-image: url(../portal_resources/design/rss_orange.gif);
  background-repeat: no-repeat;
  background-position: 2px 4px;
  color: #0F6190;
  display: inline-block;
  text-decoration: none;
  padding: 4px 4px 4px 36px;
  margin: 0;
  line-height: 16px;
  white-space: normal;
  height: 32px;
}*/

.rssButtonSmall, .rssButton, .emailIcon {
  background-image: url(../portal_resources/design/rss_orange_small.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  color: #0F6190;
  display: inline-block;
  text-decoration: none;
  padding: 0px 0px 0px 18px;
  margin-bottom: 5px;
}

div#resultTableDiv .rssButtonSmall {
  padding: 4px 4px 4px 20px;
  line-height: 14px;
  background-position: 0 2px;
}

/*.emailIcon { no large icons anymore!
  background-image: url(../portal_resources/design/fb_mail.gif);
  background-repeat: no-repeat;
  background-position: 2px 4px;
  color: #0F6190;
  display: inline-block;
  text-decoration: none;
  padding: 4px 4px 4px 36px;
  margin: 0;
  line-height: 16px;
  white-space: normal;
  height: 32px;
}*/

.emailIcon {
  background-image: url(../portal_resources/design/fb_mail_small.gif) !important;
}

.sortArrow{
  background-image:url(../portal_resources/design/sortArrow.gif);
  background-repeat:no-repeat;
  background-position:5px center;
}

.sortUpArrow{
  background-image:url(../portal_resources/design/sortArrow_up.gif);
  background-repeat:no-repeat;
  background-position:5px center;
}

.sortDownArrow{
  background-image:url(../portal_resources/design/sortArrow_down.gif);
  background-repeat:no-repeat;
  background-position:5px center;
}

.action{
  color:#0F6190;
  line-height:22px;
  padding:0 5px 5px 20px;
}

.print{
  background-image:url(../portal_resources/design/print.gif);
  background-repeat:no-repeat;
  background-position:2 center;
}

.email{
  background-image:url(../portal_resources/design/email.gif);
  background-repeat:no-repeat;
  background-position:2 center;
}

.pdf{
  background-image:url(../portal_resources/design/pdf.gif);
  background-repeat:no-repeat;
  background-position:2 center;
}

.excel{
  background-image:url(../portal_resources/design/excel.gif);
  background-repeat:no-repeat;
  background-position:2 center;
}

.documents{
  background-image:url(../portal_resources/design/zip.gif);
  background-repeat:no-repeat;
  background-position:2 center;
}

.saveInactive{
  color:#666666;
  background-image:url(../portal_resources/design/savefilter-inactive-icon.gif);
  background-repeat:no-repeat;
  background-position:2 center;
}

.saveActive{
  background-image:url(../portal_resources/design/savefilter-active-icon.gif);
  background-repeat:no-repeat;
  background-position:2 center;
}

.load{
  background-image:url(../portal_resources/design/loadfilter-icon.gif);
  background-repeat:no-repeat;
  background-position:2 center;
}

.reset{
  background-image:url(../portal_resources/design/resetfilter-icon.gif);
  background-repeat:no-repeat;
  background-position:2 center;
}

.blockedTitle{
  border-bottom: 1px solid #95003F;
  background-repeat:no-repeat;
  background-position:2px 2px;
  color:#95003F;
  font-size:14px;
  margin-bottom:15px;
}

.viewTab {
  color:#000000;
  line-height:22px;
  padding:3px 20px 2px 20px;
  text-decoration:none;
  border-bottom: 2px solid #666666;
  border-right: 1px solid #FFFFFF;
  background: #FFFFFF url(../portal_resources/design/filtertab-nothighlighted-fill.gif) repeat-x scroll left top;
}

.viewTab.Active, a.viewTab.Active:hover {
  background: #FFFFFF url(../portal_resources/design/filtertab-highlighted-fill.gif) repeat-x scroll left top;
}

a.viewTab:hover {
  color:#666666;
  border-bottom: 2px solid #0F6190;
}


.mailform-submit {
background-color:#95003F;
color:#FFFFFF;
display:inline;
font-size:11px;
font-weight:bold;
line-height:24px;
margin:0;
padding:4px;
text-align:center;
text-decoration:none;
border:none;
}


/*-------------------------------------*/
/* borders and lines */
/*-------------------------------------*/
.borderBox{
  border:2px solid #ebf0f5;
  margin:0;
  padding:10px 5px 10px 5px;
}

.borderBox p{
  width:auto;
  min-height:auto;
  display:inline;
}

.dashedLine{
  border-bottom:1px solid #95003f;
}

h3.dashedLine, div.dashedLine h3 {
  padding-bottom:1px;
}

table.underline {
  width: 100%;
  margin: 5px 0px;
}

table.underline td {
  border-bottom: 2px solid #ebf0f5;
}

.clearline{
  min-height:5px;
  clear:both;
  display:block;
  margin-bottom:10px;
}

#content p {
  margin-top:10px;
  display:block;
  clear:both;
}

#content p a:hover{
  text-decoration:none;
}


/*-------------------------------------*/
/* alignments */
/*-------------------------------------*/
.alignLeft{
  text-align:left;
}

.alignCenter{
  text-align:center;
}

.alignRight{
  text-align:right;
}

.floatLeft{
  float:left;
}

.floatRight{
  float:right;
}

.leftPadding{
  padding-left: 25px;
}

.rightPadding{
  padding-right: 25px;
}

#documentLinks li{
  float: left;
}

#resultLinks li{
  float: right;
}

#viewTabs li {
  float: left;
}

#documentInfoLink {
  float: left;
}

#documentInfoFilter, #documentInfoFilterLang, #documentInfoFilterDate {
  float: right;
}


/*-------------------------------------*/
/* widths */
/*-------------------------------------*/
.half{
  width:50%;
}

table#downloadtable{
  width: 400px;
  clear: both;
}

#maincontainer{
  width: 955px;   /*Width of main container*/
  margin: 0 auto; /*Center container on page*/
}

#main_contentwrapper{
  float: left;
  width: 100%;
}

#main_contentcolumn{
  margin-left: 230px; /*Set left margin to LeftColumnWidth*/
}

#main_leftcolumn{
  float: left;
  width: 220px;        /*Width of left column*/
  margin-left: -955px; /*Set left margin to -(MainContainerWidth)*/
}

#inner_maincontainer{
  width: 100%;    /*Width of main container*/
  margin: 0 auto; /*Center container on page*/
}

#inner_contentwrapper{
  float: left;
  width: 100%;
}

#inner_bottomcontent{
  float: left;
  width: 460px;
}

#flashGraph{
  margin: 10px 0px;
}

.flashFormTable {
  width: 100%
}

#inner_contentcolumn{
  margin-right: 260px; /*Set left margin to RightColumnWidth: 250px+10px border*/
}

div#view_downloads div div#inner_contentcolumn {
  /*margin-right: 0px;*/
}

#inner_rightcolumn{
  float: left;
  width: 250px; /*Width of right column*/
  margin-left: -250px; /*Set left margin to -(RightColumnWidth) */
}

.fundlistTable {
  width: 100%
}

/*-------------------------------------*/
/* funddetails */
/*-------------------------------------*/
div#detailshead h3, div#detailshead .isin {
  font-size:14px;
}

div#detailshead {
  margin-left: 7px;
}

div#detailshead .isin, div#detailshead .fundclass {
  color:#8c8c90;
}

.inner_bottomcontent_input {
  width: 100px;
}

.inner_bottomcontent_large_input {
  width: 450px;
}

#riskmeter {
  display: block;
  text-align: right;
  margin: -170px 0 10px 0;
  position: relative;
}

.docLangSelect {
  width: 120px;
  height: 22px;
  line-height:22px;
  vertical-align:middle;
  margin: 0px 5px 0px 0px;
}

table.zebra {
  width: 100%;
  /*_width: 94%;*/
}

div#keyfacts td {
  padding-left: 0;
}

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

.flashFormTable td {
  white-space: nowrap;
}

div#fundGraphExportLinkDiv {
  text-align: right;
}

#inner_rightcolumn table.zebra {
  width: 100%;
  margin: 5px 0px;
}

#inner_rightcolumn .borderBox {
  margin: 0 0 10px 0;
}

div#keyfactssubdocuments a.arrowButton {
  background-position:2px center;
}

/*-------------------------------------*/
/* fundfinder */
/*-------------------------------------*/
table#resultTable{
  width:100%;
  cursor: pointer;
}

#resultTable td {
  padding-top:2px;
  padding-right:5px;
  padding-bottom:2px;
  padding-left:5px;
}

#resultTable th {
  white-space: nowrap;
  padding-right: 5px;
  padding-left: 15px;
  color:#4D4D4D;
  text-decoration:none;
  margin:0;
  line-height:22px;
  font-weight: bold;
}

#resultTable span {
  color:#4D4D4D;
}

#resultTable tbody {
  border-top:1px solid #4D4D4D;
  border-bottom:1px solid #4D4D4D;
}

#resultTable td.fundname {
  color:#0F6190;
}

#resultTable td.document, #resultTable td.export {
  text-align: center;
  vertical-align: middle;
}

#resultTable td.export a {
  text-decoration:none;
  color: #000000;
}

#resultTable td a.arrowButton {
  display: block;
  line-height: 150%;
  background-position: 2px center;
}

div#resultFooter {
  text-align: center;
}

div#resultFooter a, div#resultFooter span.disabled{
  padding-left: 5px;
  padding-right: 5px;
}

.viewSelectForm {
  float: left;
  margin-right: 40px;
}

.viewSelectForm select {
  width: 150px;
}

#currencyField {
  width: 70px;
}

.viewSelectForm label {
  margin-left: 5px;
  margin-right: 10px;
  font-weight: bold;
  line-height: 22px;
}

.filterTable {
  height: 100px;
}

.filterFormTable {
  width: 100%;
}

#filter table, #filter tr, #filter td {
  padding: 0;
}

#filter th {
  font-weight: bold;
  padding-right: 5px;
}

.field table {
  width: 100%;
}

.field td {
  text-align:center;
}

#formcol1 select {
  width: 250px;
}

#formcol1 input {
  width: 250px;
  height: 15px;
}

#formcol1 tr, #formcol3 tr {
  height: 30px;
}

#formcol2 tr {
  height: 20px;
}

#formcol2 input {
  margin-right: 10px;
}

#formcol3 select {
  width: 180px;
}

#filterlinks {
  display: block;
  text-align: right;
  float:right;
  height:24px;
}

#filterlinks select {
  margin-right: 5px;
}

#filterlinks label {
  padding-right: 4px;
}

#companyProfile {
  display: block;
  text-align: left;
  float: left;
}

#companyProfile label {
  padding-left: 4px;
}

.star {
  color: rgb(251,207,14);
}

#filter {
  background: #FFF url(../portal_resources/design/fund_gradient.jpg) top left repeat-x; 
}

#resultNumbers, #resultNumbers span {
  background-color:#7FB4BA;
  color: #FFFFFF;
  padding: 3px;
}

#documentInfoFilterLang {
  margin-right: 20px;
}

#documentInfo label {
  padding-right: 5px;
}

div#resultTableDiv p img {
  margin-top: 150px;
  margin-bottom: 150px;
}

/*-------------------------------------*/
/* quickFinder */
/*-------------------------------------*/
.quickFinderTable select {
  width: 250px;
}

.quickFinderTable input {
  width: 246px;
}


/*-------------------------------------*/
/* article */
/*-------------------------------------*/
.articleImage{
  display:inline;
  float:left;
  margin:0 10px 0 0;
}

.articleDate{
  display:inline;
}

.article ul {
  list-style-type: disc;
  list-style-position: inside;
}


/*-------------------------------------*/
/* footer */
/*-------------------------------------*/
#footer ul{
  margin:auto;
  text-align:center;
}

#footer li{
  display:inline;
}

#footer li a{
  color:#004878;
  margin:10px;
  line-height:20px;
  text-decoration:none;
}

#footer li a:hover{
  text-decoration:underline;
}



/***************************************/
/* RELEASE 1 */
/***************************************/


/*-------------------------------------*/
/* User registration form */
/*-------------------------------------*/
div#userRegistration {
  float: left;
  width: 630px;
  padding: 10px;
}

div#userRegistration table td {
  padding-bottom: 5px;
  vertical-align: top;
}

col#userRegistrationFormCol1 {
  width: 162px;
}

col#userRegistrationFormCol2 {
  width: 223px;
}

#userLanguage,
#userProfile,
#userDefaultCurrency,
#userCountry {
  width: 223px;
  padding: 1px 2px 0px 2px;
  /*height: 1.5em;*/
}

#forgotemail,
#username,
#password,
#userPassword,
#userConfirmPassword,
#userFirstName,
#userLastName,
#userParentCompany,
#userDepartmentBranch,
#userEmailAddress,
#userConfirmEmailAddress {
  height:15px;
  width: 217px;
  padding: 1px 2px 0px 2px;
  /*height: 1.5em;*/
}


/*-------------------------------------*/
/* Login form */
/*-------------------------------------*/
div#login {
  width: 350px;
  float: left;
  margin-right: 21px;
  padding: 10px;
}

div#login table td {
  padding-bottom: 5px;
  vertical-align: top;
}

col#loginFormCol1 {
  width: 100px;
}

col#loginFormCol2 {
  width: 200px;
}

#loginEmail,
#loginPassword {
  width: 194px;
  padding: 1px 2px 0px 2px;
  /*height: 1.5em;*/
}


/*-------------------------------------*/
/* Forgot password form */
/*-------------------------------------*/
div#forgotPassword {
  width: 300px;
  float: left;
  padding: 10px;
}

div#forgotPassword table td {
  padding-bottom: 5px;
  vertical-align: top;
}

col#forgotPasswordFormCol1 {
  width: 100px;
}

col#forgotPasswordFormCol2 {
  width: 200px;
}

#forgotPasswordEmail {
  width: 194px;
  padding: 1px 2px 0px 2px;
  /*height: 1.5em;*/
}


/*-------------------------------------*/
/* Change password form */
/*-------------------------------------*/
div#changePassword {
  width: 467px;
  float: left;
  padding: 10px;
}

div#changePassword table td {
  padding-bottom: 5px;
  vertical-align: top;
}

col#changePasswordFormCol1 {
  width: 200px;
}

col#changePasswordFormCol2 {
  width: 245px;
}

#changePasswordOldPassword,
#changePasswordNewPassword,
#changePasswordNewPasswordConfirm {
  width: 194px;
  padding: 1px 2px 0px 2px;
  /*height: 1.5em;*/
}


/*-------------------------------------*/
/* User profile*/
/*-------------------------------------*/
div#viewUserProfile {
  float: left;
  width: 630px;
  padding: 10px;
}

div#viewUserProfile table td {
  padding-bottom: 5px;
  vertical-align: top;
}

col#viewUserProfileCol1 {
  width: 162px;
}

col#viewUserProfileCol2 {
  width: 465px;
}


/*-------------------------------------*/
/* Edit user profile */
/*-------------------------------------*/
div#editUserProfile {
  float: left;
  width: 630px;
  padding: 10px;
}

div#editUserProfile table td {
  padding-bottom: 5px;
  vertical-align: top;
}

col#editUserProfileFormCol1 {
  width: 162px;
}

col#editUserProfileFormCol2 {
  width: 223px;
}


/*-------------------------------------*/
/* Logged out */
/*-------------------------------------*/
div#loggedOut {
  float: left;
  width: 223px;
  padding: 10px;
  border: 2px solid #ebf0f5;
}

div#loggedOut strong {
  font-weight: bold;
}

.articlelist_default a {
  text-decoration: none;
}


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

div#sitemap a {
  text-decoration:none;
  margin-bottom:3px;
}

div#sitemap li.category a {
  color: #F50035;
  font-weight:bold;
}

div#sitemap li.subcategory a {
  font-weight: bold;
  padding-left: 20px;
}


/*-------------------------------------*/
/* BNP funddetail */
/*-------------------------------------*/

div#funddetailBNP img {
  position: absolute;
  vertical-align: top;
  margin-left: 10px;
  float: right;
}