/* This file contains all size and layout information */
body { margin: 0px }
a { text-decoration: none; }
h3 a:hover { text-decoration: underline; }
h1 {
font-size: 2em;
line-height: 1;
margin: 0.25em 0pt;
}
#endCC { clear: both; }

.container { position: relative; left: -1px; }
.turing { display: none; }
/* Set up the grid */
#contentCtnr { margin-right:  0px; width: 950px; } /* 24. cols */
#headCtnr    { margin-right:  0px; width: 950px; } /* 24. cols */
#footCtnr    { margin-right:  0px; width: 950px; } /* 24. cols */
#mainCtnr    { margin-right: 10px; width: 790px; float: left; } /* 20L cols */
#hfMainArea, #articleListCtnr, #articleCtnr, #showcaseCtnr, #archiveCtnr, #spageCtnr, #searchListCtnr, #errorCtnr, #quicklinksCtnr, #regCtnr
{ margin-right:  0px; width: 550px; float: right;} /* 14.R cols */
  .hfBigChildHeadline
  { margin-right:  0px; width: 190px; } /*  5. cols */
  .hfBigChildImage
  { margin-right:  0px; width: 360px; } /*  9. cols */
  .hfFullCtnrOut, .hfBigCtnrOut 
  { margin-right:  0px; width: 550px; float: left; clear: both; } /* 14. cols */
    .hfFullImage, .hfFullChildImage
    { margin-right:  0px; width: 190px; float: right; } /*  5R cols */
    .hfFullTextElementsCtnr, .hfFullChildTextElementsCtnr
    { margin-right:  0px; width: 350px; float: left; } /*  9.L cols */
  .hfFullIOCtnrOut
  { margin-right:  0px; width: 550px; float: left; clear: both; } /* 14. cols */
    .hfFullIOImage, .hfFullIOChildImage
    { margin-right:  0px; width: 550px; float: left; } /*  5R cols */
    .hfFullIOTextElementsCtnr, .hfFullIOChildTextElementsCtnr
    { margin-right:  0px; width: 350px; display: none; } /*  9.L cols */
  .hfHalfCtnrOut1
  { margin-right: 10px; width: 270px; float: left; } /*  7L cols */
  .hfHalfCtnrOut2
  { margin-right:  0px; width: 270px; float: left; } /*  7.L cols */
    .hfHalfImage, .hfHalfChildImage
    { margin-right: 10px; width: 110px; float: left; } /*  3L cols */
    .hfHalfTextElementsCtnr, .hfHalfChildTextElementsCtnr
    { margin-right:  0px; width: 150px; float: left; } /*  4.L cols */
  .aliTextElementsCtnr, .sfliTextElementsCtnr
  { margin-right: 10px; width: 430px; float: left; } /* 11L cols */
  .aliImage, .sfliImage
  { margin-right:  0px; width: 110px; float: left; } /*  3L cols */
  .aBox
  { margin-right:  0px; width: 190px; } /*  5. cols */
#showcaseListCtnr
{  } /*  (full width, same as mainCtnr) */
  .showcaseListItem, .showcaseListItemLast
  { margin-right: 10px; width: 188px; float: left; border: 1px solid #ddeedd; } /*  5RB cols */
  .showcaseListItemLast
  { margin-right:  0px; }
#hfSideArea
{ margin-right:  0px; width: 230px; float: left; } /*  6.L cols */
  .hfSideCtnrOut 
  { margin-right:  0px; width: 230px; float: left; } /*  6.L cols */
#contentExtras
{ margin-right: 10px; width: 190px; float: left; } /*  5L cols */

#minorCtnr     { margin-right:  0px; width: 150px; float: left; } /*  4.L cols */
#sidebar
{ margin-right:  0px; width: 150px; } /*  4. cols */

/* End  grid */

#headCtnr {
position: absolute;
top: 0;
left: 0;
height: 105px;
}
#contentCtnr {
position: relative;
top: 105px;
}
#footCtnr {
position: relative;
top: 105px;
height: 72px;
padding: 1em 0 0;
text-align: right;
}
/* Start header contents */
#headLogo {
position: absolute;
top: 0;
left: 0;
}
#headNav {
position: relative;
top: 65px;
left: 244px;
width: 700px;
}
#headNav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#headNav li {
display: inline;
}
#headNav li a {
padding: 0px 4px;
font-size: 1.5em;
}
/* End header contents */
#footContent {
padding: 0 1em;
}
/* Start hfImageMarquee */
.hfBigCtnrOut { position: relative; height: 216px; margin-bottom: 18px; float: left; clear: both; }
.hfBigChildCtnr1, .hfBigChildCtnr2, .hfBigChildCtnr3, .hfBigChildCtnr4 { position: absolute; left: 0; top: 0px;  }
.hfBigChildCtnr4 .hfBigChildHeadline, .hfBigChildCtnr3 .hfBigChildHeadline, .hfBigChildCtnr2 .hfBigChildHeadline, .hfBigChildCtnr1 .hfBigChildHeadline { 
position: absolute; 
left: 360px;
height: 54px;
}
.hfBigChildCtnr4 .hfBigChildHeadline { top: 0;     }
.hfBigChildCtnr3 .hfBigChildHeadline { top: 54px;  }
.hfBigChildCtnr2 .hfBigChildHeadline { top: 108px; }
.hfBigChildCtnr1 .hfBigChildHeadline { top: 162px; }

.hfBigChildHeadline h3 { padding: 6px 6px 0; }

.hfBigChildImage {display: none; width: 360px; height: 216px; font-size: 1.5em; line-height: 2; }
.hfbciVisible     { display: block;}
/* End hfImageMarquee */                            
#hfSideArea {
float: left;
}
#hfMainArea {
float: right;
}
.hfFullIOCtnrOut ,
.hfFullChildCtnr ,
.hfHalfChildCtnr,
.hfSideChildCtnr {
margin-top: 9px;
}
.hfFullBar {
padding-top: 0px;
}
.hfFullChildBar,
.hfHalfChildBar,
.hfSideChildBar {
padding-top: 9px;
}
.hfFullBar h2, .hfFullBar h2 a, .hfFullChildBar h2, .hfFullChildBar h2 a ,
.hfHalfBar h2, .hfHalfBar h2 a, .hfHalfChildBar h2, .hfHalfChildBar h2 a ,
.hfSideBar h2, .hfSideBar h2 a, .hfSideChildBar h2, .hfSideChildBar h2 a 
{
font-size: 1em;
font-weight: bold;
margin-bottom: 0px;
}
.hfFullBar h2 span, .hfFullBar h2 a, .hfFullChildBar h2 span, .hfFullChildBar h2 a,
.hfHalfBar h2 span, .hfHalfBar h2 a, .hfHalfChildBar h2 span, .hfHalfChildBar h2 a,
.hfSideBar h2 span, .hfSideBar h2 a, .hfSideChildBar h2 span, .hfSideChildBar h2 a
{
margin-left: 4px;
margin-right: 4px;
}
.hfFullImage, .hfFullChildImage {
float: right !important;
}
/* Start side menus */
#sidebar dl { width: 150px; }
#sidebar dl, #sidebar dt, #sidebar dd { margin: 0; padding: 0; }
#sidebar dt { border-bottom: 1px #fff solid;}
#sidebar .bmParent { text-decoration: none; padding: 6px 6px 11px; display: block; }
/* #sidebar dt a:link, dt a:visited { color: #ffffff; text-decoration: none; padding: 6px 6px 11px; display: block; } */
#sidebar a.bmParent:hover { background-color: #99CC66; color: #006633; }
#sidebar dd { background-color: #669933; border-bottom: 1px #fff solid; }
/* #sidebar dd a:link, dd a:visited { color: #ffffff; text-decoration: none; } */
#sidebar .bmChild { color: #ffffff; text-decoration: none; }
.bmExpandable { position: relative; }

#sidebar dd ul , #contentExtras div ul{
list-style-type: none;
margin: 0;
padding: 0;
}
#sidebar .bmParent, #sidebar .bmChild, #contentExtras div .ceTitle {
display: block;
padding: 6px 6px 11px 6px;
border-bottom: 1px solid #fff;
}
#sidebar .bmExpandable {
width: 150px; /* Width needed for IE7 hover bug, value = container width - element padding */
}
#sidebar .bmParent, #sidebar .bmChild {
width: 138px; /* Width needed for IE7 hover bug, value = container width - element padding */
}
#contentExtras div ul li a {
width: 178px; /* Width needed for IE7 hover bug */
}
#sidebar .bmChild {
display: block;
padding: 3px 6px 2px 6px;
border-bottom: 1px solid #fff;
}
#contentExtras div li a {
display: block;
padding: 4px 6px 4px 6px;
border-bottom: 1px solid #fff;
}
.bmShrinker , .bmExpander {
position:absolute;
bottom: 1px;
left: 0px;
padding-left: 0;
padding-right: 0;
width: 150px;
height: 11px;
overflow: hidden;
}
.bmShrinker { display: none; }
/* End side menus */
/* Start showcase list */
.showcaseIntro h2 {
font-size: 1.3em;
margin: 0.7em 0;
}
.showcaseSponsor{
text-align: center;
border:1px solid #ddeedd;
float: right;
width: 188px;
margin-left: 10px;
}
.showcaseListItemCtnr {
width: 190px;
margin: 0px 10px 0 0;
padding: 0px;
float: left;
height: 180px;
}
.showcaseListItemCtnr {
float: left;
height: 18em;
}
.showcaseListItem , .showcaseListItemLast {
margin-bottom: 18px;
height: 178px;
position: relative;
left: 4px;
overflow: hidden;
}
.sliImage {
height: 126px;
position: relative;
}
.sliImage img {
position: absolute;
bottom: 0px;
}
.sliWebname{
font-weight: bold;
margin: 0 4px;
}
.sliCat{
margin: 0 4px;
}
.sImage1 , .sImage2 {
float: right;
clear: right;
}
/* End showcase list */
/* Start hinting */
.showcaseTitle h1, .showcaseIntro h2, .hinted, 
.aliLink, .aliText, .sfliLink, .sfliText, #articleListCtnr h1, #quicklinksCtnr h1, #quicklinksCtnr p, #searchListCtnr h1 {
margin-left: 4px;
margin-right: 4px;
}
/* End hinting */
.aHeadline h1, .spHeadline h1 {
font-size: 2em;
margin-top: 18px;
}
.aIntro h2, .spIntro h2 {
font-size: 1em;
font-weight: bold;
margin-bottom: 18px;
}
.aImage1, .aImage2, .aImage3, .aImage4, 
.spImage1, .spImage2, .spImage3, .spImage4 {
float: right;
clear: right;
margin-left: 40px;
}
.aImage2, .aImage3, .aImage4,
.spImage2, .spImage3, .spImage4 {
margin-top: 18px;
}
.aBox1, .aBox2, .aBox3,
.spBox1, .spBox2, .spBox3 {
float: right !important;
clear: right;
padding: 9px 9px 18px 9px;
margin: 9px 0 18px 30px;
}
.aContent h3, .spContent h3 {
margin-top: 1em;
}
.aContentEnd {
clear: both;
}
.pageNumbersCtnr {
margin-bottom: 9px;
margin-left: 4px;
}
.obCtnr {
margin-left: 5px;
}
#articleListCtnr h1, #quicklinksCtnr h1, #searchListCtnr h1 { font-size:2em; margin-bottom:5px; }
.articleListItemCtnr {
padding: 9px 0 9px 0;
display: block;
}
.aliImage, .sfliImage { text-align: center; }
.sfliLinkText { font-weight: bold }
#searchCompaniesCtnr, #searchCategoriesCtnr, #searchArticlesCtnr { margin-top: 18px; }
#aBRMI {
font-size:1.5em;
font-weight:bold;
margin-bottom:36px;
padding:9px;
text-align:center;
}

/* Start ETF Form */
.etfPortrait{
margin: 18px 10px 0pt 0pt;
width: 110px;
height: 90px;
float: left;
}
#etfIntro{
font-size: 1.5em;
line-height: 18px;
}
#etfTextAction { font-weight: bold; }
#etfFormCtnr {

}
#etf_message{
height: 72px;
margin-top: 12px;
padding: 9px;
}
textarea#etf_message { width: 300px; }
#etfNotice  { margin-bottom: 1em; }
/* End ETF Form */

.reg1Tbl th {
width: 15em;
}

/* Start personaliser */
#personaliser { margin-left: 4px; }
/* End personaliser */

/* Underline certain links */
#headNav a:hover, #footCtnr a:hover,
#personaliser a:hover, .pageNumbersCtnr a:hover, .aliTextElementsCtnr a:hover {
text-decoration: underline;
}

.aHeadline, .aIntro, .aContent,
.hint { margin-left: 4px; }
label span.minor {
font-weight: normal;
}
.error_list {
margin: 0;
list-style: none inside url('/css/images/error-list-marker.gif');
}
.catFormTable td {
text-align: right;
vertical-align: top;
}
.catFormTable td label {
font-weight: normal;
}
.catFormTable .catFormCatName {
text-align: left;
font-weight: bold;
}
.formMessage {
text-align: left;
font-weight: bold;
}
.pager {
margin: 0 4px;
}
.error {
margin-bottom: 0px;
padding: 0.25em;
}
.quotation { width: 500px; margin: 0 auto 1em; }
.quoteText { text-align: center; color: #036733; }
.quoteName { text-align: right; margin-right: 10px; font-weight: bold; }
.quoteContext { text-align: right; margin-right: 10px; }
.flashNotice { border: 1px solid #000000; margin: 9px auto; padding: 1em; width: 500px; font-weight: bold; }
