@import url(normalize.css);
@import url(positions.css);
@import url(dropdown.css);
@import url(mainnav.css);
@import url(leftnav.css);
@import url(select-free.css);
@import url(datechooser.css);
@import url(print.css);


/*-------------------------------------*/
/* general                             */
/*-------------------------------------*/
* {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  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: 69px;
  clear: left;
  z-index: 1;
}

img#Logo {
  padding: 3px;
}

.flag {
  height: 10px;
  width: 15px;
  margin: 4px -12px 4px -3px;
}


/*-------------------------------------*/
/* 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:11px;
  font-weight:bold;
}

h4 {
  color:#8EC847;
}

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

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

.regular{
  font-style:normal !important;
  font-weight:normal !important;
}

.nowrap {
  white-space:nowrap;
}

.noUnderline{
  text-decoration:none;
}

.visible {
  display: block !important;
}


/*-------------------------------------*/
/* colors and arrows/buttons           */
/*-------------------------------------*/
a, a:visited {
  color: #2E98BF;
}

a:hover {
  color: #000000;
}

.importantColor{
  color: #2E98BF;
}

.regularColor{
  color: #22618C;
}

.linkColor{
  color: #83ADC6;
}

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

.tableRowHighlight {
  background-color: #cddfef;
}

.darkBackground {
  background-color: #24638E;
}

.warning {
  color: #f50035;
  /*display: none;*/
}

.success {
  color: #003463;
  /*display: none;*/
  font-weight: bold;
}

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

.rightArrow {
  background-image:url(../portal_resources/design/rightArrow.gif);
  background-repeat:no-repeat;
  background-position:20px center;
  padding-left:30px;
}

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

.arrowButton{
  color:#2E98BF;
  display:inline;
  padding: 4px;
  margin:0;
  line-height:22px;
}

.pdfButton{
  background-image:url(../portal_resources/design/pdf.gif);
  background-repeat:no-repeat;
  background-position:0px 3px;
  color:#2E98BF;
  display:inline;
  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:#2E98BF;
  display:inline;
  padding: 4px 4px 4px 20px;
  margin:0;
  line-height:22px;
}

.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:#000000;
  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;
}


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

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

.rightBorder {
  border-right: 1px solid #8B8E90;
}

.dashedLine{
  border-bottom:1px dashed #8B8E90;
}

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

.solidLine{
  border-bottom:1px solid #8B8E90;
}

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;
}

/* Promobox & Related-skin ArticleList */
div.actionbox {
  padding: 0px;
  margin: 0px 0px 20px 0px;
  background-color: #CBCDC6;
  width: 100%;
}

div.actionbox a, div.actionbox a:visited {
  color: #000000;
}

div.actionbox a:hover {
  color: #2E98BF;
}

div.titlebox {
  background-color: #22618C;
  min-height: 24px;
  width: 100%;
}

div.titleboxinner {
  padding: 5px 10px 5px 10px;
  margin: 0px; 
  font-variant: small-caps;
  font-weight: bold;
  color: #FFFFFF;
}

div.bottomtextbox {
  padding: 2px 9px;
  border-top: 1px solid #999;
}


/*-------------------------------------*/
/* alingments                          */
/*-------------------------------------*/
.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;
}


/*-------------------------------------*/
/* 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;
  clear: both;
  width: 100%;
}

#flashGraph{
  margin: 10px 0px;
}

.flashFormTable{
  margin: 10px 12.5px;
}

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

div#view_downloads div div#inner_contentcolumn {
  margin-right: 0px; /* no rightcolumn so no rightmargin necessary (downloadtable is wider) */
}

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


/*-------------------------------------*/
/* 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: 180px;
}

#riskmeter {
  display: inline;
  float: right;
  margin: -175px 0 0 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%;
}

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


/*-------------------------------------*/
/* 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 tbody {
  border-top:1px solid #4D4D4D;
  border-bottom:1px solid #4D4D4D;
}

#resultTable td.fundname {
  color:#2E98BF;
}

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;
}

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

.filterTable {
  height: 100px;
}

#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;
}

#resetlink {
  width: 100%;
  display: block;
}

#resetlink a {
  padding-right: 20px;
}

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

#resultNumbers, #resultNumbers span {
  color: #FFFFFF;
  padding: 3px;
}


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

.quickFinderTable input {
  width: 246px;
}


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

.articleDate{
  display:inline;
}

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


/*-------------------------------------*/
/* articleList                         */
/*-------------------------------------*/
.articleList{
  padding: 10px 7px;
  display: block;
}

.articleList table{
  width: 100%;
}

.articleListDate{
  vertical-align: top;
}


/*-------------------------------------*/
/* mailForm                            */
/*-------------------------------------*/
div#mailForm table td {
  vertical-align: top;
}


/*-------------------------------------*/
/* BuyShares Solo                      */
/*-------------------------------------*/
div#BuySharesSolo table td {
  vertical-align: top;
}

div#BuySharesSolo col.labels {  /* actually this is against the W3C standard                */
  font-weight:bold;             /* on a col you can only set: border, bg, width, visibility */
  white-space:nowrap;           /* only IE6 uses these styles. FF3 & IE7 don't              */
}

div#BuySharesSolo table td:first-child {
  font-weight:bold;
  white-space:nowrap;
}

/*-------------------------------------*/
/* BuyShares Form                      */
/*-------------------------------------*/
div#BuySharesForm table td {
  vertical-align: top;
}

div#BuySharesForm col.labels {  /* actually this is against the W3C standard                */
  font-weight:bold;             /* on a col you can only set: border, bg, width, visibility */
  white-space:nowrap;           /* only IE6 uses these styles. FF3 & IE7 don't              */
}

div#BuySharesForm table td:first-child {
  font-weight:bold;
  white-space:nowrap;
}

/*-------------------------------------*/
/* trade component                     */
/*-------------------------------------*/
div#trade table {
	width:100%;
	border:0;
}

div#trade th {
	background-color: #24638E;
  color: #FFFFFF;
  font-weight: bold;
  text-align:center;
}

div#trade td {
	vertical-align: top;
	text-align:right;
}

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

#footer li{
  display:inline;
}

#footer li a{
  color:#FFF;
  margin:10px;
  line-height:20px;
}


/***************************************/
/* 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;
}