/* CSS Document */

@font-face {
    font-family: 'frutigerlight';
    src: url('../fonts/frutiger_45_light-webfont.eot');
    src: url('../fonts/frutiger_45_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frutiger_45_light-webfont.woff2') format('woff2'),
         url('../fonts/frutiger_45_light-webfont.woff') format('woff'),
         url('../fonts/frutiger_45_light-webfont.ttf') format('truetype'),
         url('../fonts/frutiger_45_light-webfont.svg#frutigerlight') format('svg');
    font-weight: normal;
    font-style: normal;
}/**/



/*BODY*/
sup {vertical-align: super;font-size: 65%;}
body {font-family:'frutigerlight', Arial, Helvetica, sans-serif; color:#4D4D4F;font-size:100%; font-weight:400;font-size: 1em!important;    background: #fff;}
p {line-height: 1.4; margin-top: 0; font-size: 1em!important; margin-bottom: 10px;}
h3 {font-size:2.2em;margin-bottom:1em;color: #004899;display:block;clear:both;padding-top:1em; font-family:'eurostile',sans-serif;font-weight: normal;}
h4 {margin-top: 1em !important;line-height: 1.4; margin-top: 0;font-size: 1.2em;}
table {line-height: 1.4; margin-top: 0; font-size: 1em!important;}

/*FINANCIALS*/
.fin-tbl tr:hover {background:#F3F3F3; color:#000;}
 tr.no-hover:hover {color:#203263!important;}
.fin-tbl {width:100%; margin:0 0 0 0; padding:0 0px;}
.fin-tbl tr td {padding:3px 3px 3px 3px; line-height:1.3; font-size:1em!important}
.fin-tbl th {background-color:#F0F0F0; color:#004899!important; padding:3px 3px 3px 3px;  font-weight:bold!important; line-height:1.3;font-size:1em!important} 

.fintopblue {border-top:1px solid #00A6E2;}
.fintopblue-thick {border-top:2px solid #00A6E2;}
.finrowblue {border-top:2px solid #00A6E2;border-bottom:2px solid #00A6E2;}
.finleftblue {border-left:1px solid #00A6E2;}
.finrightblue {border-right:1px solid #00A6E2;}
.fintopleftblue {border-top:1px solid #00A6E2; border-left:1px solid #00A6E2;}
.fintoprightblue {border-top:1px solid #00A6E2; border-right:1px solid #00A6E2;}
.finbottomleftblue {border-bottom:1px solid #00A6E2; border-left:1px solid #00A6E2;}
.finbottomrightblue {border-bottom:1px solid #00A6E2; border-right:1px solid #00A6E2;}
.finthinlineblue {border-bottom:1px solid #00A6E2;}
.finthinlinewhite {border-bottom:1px solid #fff;}
.finthicklineblue {border-bottom:2px solid #00A6E2;}
.finrowrightblue{border-right:1px solid #00A6E2; border-top:1px solid #00A6E2; border-bottom:1px solid #00A6E2;}
.finrowleftblue {border-left:1px solid #00A6E2; border-top:1px solid #00A6E2; border-bottom:1px solid #00A6E2;}
.finrowblue {border-top:1px solid #00A6E2; border-bottom:1px solid #00A6E2;} 
.fincaption { font-size:13px!important;}
.finblueheader{ background:#001A70; color:#FFFFFF;border-bottom:2px solid #00A6E2; font-weight:bold;border-top-left-radius: 10px;}
.finblueheaderNB{ background:#001A70; color:#FFFFFF; font-weight:bold;}
.finblueheader2{ background:#001A70; color:#FFFFFF;border-bottom:2px solid #00A6E2; border-top-right-radius: 10px;}
.finthicklineblue-bluehead {border-bottom:2px solid #00A6E2;color:#212B67;}
.noteheader {font-size: 1.32em;color: #00A6E2; margin-top: .2em;font-weight: 600; text-transform:uppercase}

.finthicklineblue-switch-blue {border-bottom:2px solid #00A6E2;color:#212B67;font-weight: 600; }
.finrightwhite {border-right:2px solid #fff}
/*.font-600{ font-weight:600}*/

.clear {clear:both !important;}
.rgt {float:right; padding-left:10px; padding-bottom:15px;}
.lft {float:left;padding-right:10px; padding-bottom:15px;}
.cntr { margin:0 auto; text-align:center}
.obj-c {margin-left:auto;margin-right:auto;display:block;text-align:center}



/*=NOTE STYLES
--------------*/
#note-frame {width:96%;margin:2em auto 0 auto}
.note-header, .note-footer, ul.note-tools {background-color:#203266;}
.note-header {margin-bottom:1em}
.note-footer {margin-top:2em}
.note-header h1 {float:left;color:#fff;font-size:1.2em;padding:.75em;margin:0; font-weight: 500;}
.note-header ul.note-tools {margin-top:.5em}
ul.note-tools {float:right;margin-right:.75em}
ul.note-tools li {display:inline}
ul.note-tools i {font-size:1em;padding:.5em}
ul.note-tools a:link i {color:#fff;}
ul.note-tools a:hover i {color:#82C341;}
.clear-lft {clear:left}
.rgt {float:right !important}
.lft {float:left !important;}


/*=LINKS
--------*/
a {outline:none}
a:link {color:#005BAB;}
a:visited {color:#005BAB;}
a:hover {color:#000;text-decoration:none;}
/*pagination*/
.pagination {margin-top:2em;}
.pagination p i {position:absolute;left:-9999px;}
.pagination p a {display:block;padding:0 .5em;border:none;border-radius:2px}
.pagination p a:link, .pagination p a:visited {background:#0092C7;color:#fff;}
.pagination p a:hover {background:#0083C2;color:#fff;}
a#go-lft, a#go-rgt {font-size:1.5em;text-decoration:none; padding-bottom: 6px;}
a#go-lft:after {content:'\f060';font-family:'fontawesome';speak: none;}
a#go-rgt:after {content:'\f061';font-family:'fontawesome';speak: none;}

ul.list {margin-left:-1.5em;list-style:disc; margin-top:0em; margin-bottom:1em;}
ul.dash {margin-left:1.5em;}
ul.list2 {margin-left:0em;  }

ol, ul {list-style:none;}
ul.grid-list, ol.grid-list {margin-bottom:0}
ul.highlight { padding:.5em; }
ul.highlight li {float:left;width:33.33%;margin-top:2em;min-height: 96px;vertical-align: bottom;}
ul.highlight li:last-of-type {/*margin-top:0*/ width:50%;}
ul.highlight h3, ul.highlight p {padding-left:50px}
ul.highlight h3 {color:#000;font-style:italic;padding-bottom:0}
ul.highlight li p {font-family:MyriadProLight, Arial,Helvetica,sans-serif;margin-bottom:0;font-size:120% !important; margin-top:0px;}
ul.highlight li b {font-family:MyriadProSemibold, Arial,Helvetica,sans-serif;color:#000;font-size:200%;vertical-align: baseline;}
.group:after {visibility:hidden;display:block;content:"";clear:both;height:0;}



ul.list-alpha {list-style:lower-alpha; margin:0px; padding:0px;}
ul.list-alpha li {margin-left:15px;font-size:.8825em;}
ul.list-alpha li p {font-weight:normal!important; font-size:100%;}

ul.list-greek {list-style-type: decimal; margin:0px; padding:0px;}
ul.list-greek li {margin-left:20px; font-weight:bold;font-size:.8825em;}
ul.list-greek li p {font-weight:normal!important; font-size:100%;}

ul.list-alpha-unbold {list-style:lower-alpha; margin:0px; padding:0px;}
ul.list-alpha-unbold li {margin-left:15px; font-weight:normal;font-size:100%;}

ul.list-alpha-alpha {margin: 0; padding-left: 0px; counter-reset: list; font-size:.8825em;}
ul.list-alpha-alpha li  {list-style: none; padding: 0 0 5px 20px; margin: 0!important; position: relative;font-size:15px;    line-height: 1.4;}
ul.list-alpha-alpha li p {font-size:15px; }
ul.list-alpha-alpha li:before {content:" (" counter(list, lower-alpha) ") "; counter-increment: list; position: absolute; left: 0px;}


ul.list-alpha-alpha li ul li:before {content:''; position:absolute;left:0px;top: 6px;font-size: 16px;font-weight: 600;background-image:url(../images/grey-arrow.jpg) ; background-repeat:no-repeat; width:15px; height:15px}
ul.list-alpha-alpha li ul {padding-left:7px;content: "" !important;counter-increment: none;}
ul.list-alpha-alpha li ul li:before{content: "" !important;counter-increment: none;}
    

ul.list-arrow-blue {position:relative;font-family: 'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;}
ul.list-arrow-blue li {list-style-type:none; position:relative; margin-left:-22px; line-height:1.4; display: block; font-size: .8825em;  margin-bottom: .5em;}
ul.list-arrow-blue li:before{ content:''; position:absolute; border-top:3px solid #0083C2; border-right:3px solid #0083C2; width:5px; height:5px; left:-20px; top:8px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}


ul.list-diamond {font-family:'frutigerlight', Arial, Helvetica, sans-serif;padding:0px; margin:0; list-style-type:none;font-size: 1em; line-height:1.4; margin-bottom: 15px;}
ul.list-diamond li {position:relative;padding-left:15px !important;margin-bottom:0em;margin-top: 0em;}
ul.list-diamond li:before{     content: '';position: absolute;left: 0px;top: 8px;background: #4A4A49;height: 5px;width: 5px;transform: rotate(135deg);}

ul.financial-bullet {list-style: none; padding:0; margin:0; position: relative;}
ul.financial-bullet li {padding: 3px 3px 3px 3px; margin-left: 20px; position: relative; line-height: 1.3;}
ul.financial-bullet li::before {display:inline-block; content: ''; -webkit-border-radius:10px; border-radius:10px; height:5px; width:5px; position:absolute; left:-20px; top:10px; background-color:#203266;}

ul.arrow-list{font-family:'frutigerlight', Arial, Helvetica, sans-serif; padding:0px; margin:0; list-style-type:none;font-size: 1em; line-height:1.2; margin-bottom: 15px; }
ul.arrow-list li{position:relative;padding-left:15px !important;margin-bottom:0em;    line-height: 1.4;}
ul.arrow-list li:before{ content:''; position:absolute;left:0.3em;top:-1px;font-size:15px;font-weight:600;color:#fff;z-index: 1;t}
ul.arrow-list li:after{ content:''; position:absolute;left:0px;top: 6px;font-size: 16px;font-weight: 600;background-image:url(../images/grey-arrow.jpg) ; background-repeat:no-repeat; width:15px; height:15px  }

ol.number{font-family:'frutigerlight', Arial, Helvetica, sans-serif; padding-left:15px !important; margin:0; list-style-type:decimal;font-size: 1em; line-height:1.2; margin-bottom: 15px; }
ol.number li{position:relative;padding-left:7px !important;margin-bottom:0em;margin-top: .4em;    line-height: 1;}


/*RESETS*/
.no-margin{margin: 0!important;}
.no-marginT{margin-top: 0!important;}
.no-marginB{margin-bottom: 0!important;}
.no-marginL{margin-left: 0!important;}
.no-marginR{margin-right: 0!important;}

.no-padding{padding: 0!important;}
.no-paddingT{padding-top: 0!important;}
.no-paddingB{padding-bottom: 0!important;}
.no-paddingL{padding-left: 0!important;}
.no-paddingR{padding-right: 0!important;}

.padding-30{padding: 30px;}
.padding-40{padding: 40px 20px;}
.padding-50{padding: 50px 0px;}
.padding-30L{padding-left: 30px!important;}
.padding-30R{padding-right: 30px!important;}
.padding-30T{padding-top: 30px!important;}
.padding-30B{padding-bottom: 30px!important;}

.padding-20{padding: 20px!important;}
.padding-20L{padding-left: 20px!important;}
.padding-20R{padding-right: 20px!important;}
.padding-20T{padding-top: 20px!important;}
.padding-5T{padding-top: 5px!important;}
.padding-20B{padding-bottom: 20px!important;}

.padding-10T{padding-top: 10px!important;}
	
.padding-15{padding: 15px!important;}
.padding-15L{padding-left: 15px!important;}
.padding-15R{padding-right: 15px!important;}
.padding-15T{padding-top: 15px!important;}
.padding-15B{padding-bottom: 15px!important;}

.margin-2{margin: 2px!important;}
.margin-2L{margin-left: 2px!important;}
.margin-2R{margin-right: 2px!important;}
.margin-2T{margin-top: 2px!important;}
.margin-2B{margin-bottom: 2px!important;}		

.margin-5B{margin-bottom: 5px!important;}
.margin-5{margin: 5px!important;}
.margin-5L{margin-left: 5px!important;}
.margin-5R{margin-right: 5px!important;}
.margin-5T{margin-top: 5px!important;}

.padding-5B{padding-bottom: 5px!important;}
.padding-5{padding: 5px!important;}
.padding-5L{padding-left: 5px!important;}
.padding-5R{padding-right: 5px!important;}
.padding-5T{padding-top: 5px!important;}

.margin-10{margin: 10px!important;}
.margin-10L{margin-left: 10px!important;}
.margin-10R{margin-right: 10px!important;}
.margin-10T{margin-top: 10px!important;}
.margin-10B{margin-bottom: 10px!important;}		
	
.margin-15{margin: 15px!important;}
.margin-15L{margin-left: 15px!important;}
.margin-15R{margin-right: 15px!important;}
.margin-15T{margin-top: 15px!important;}
.margin-15TB{margin-top: 15px!important; margin-bottom: 15px!important;}
.margin-15B{margin-bottom: 15px!important;}	

.margin-26T{margin-top: 26px!important;}	
	
.margin-30{margin: 30px!important;}
.margin-30L{margin-left: 30px!important;}
.margin-30R{margin-right: 30px!important;}
.margin-30T{margin-top: 30px!important;}
.margin-30B{margin-bottom: 30px!important;}

.margin-40{margin: 40px!important;}
.margin-40L{margin-left: 40px!important;}
.margin-40R{margin-right: 40px!important;}
.margin-40T{margin-top: 40px!important;}
.margin-40B{margin-bottom: 40px!important;}

.margin-63T{margin-top: 63px!important;}

.margin-20{margin: 20px!important;}
.margin-20L{margin-left: 20px!important;}
.margin-20R{margin-right: 20px!important;}
.margin-10TB{margin: 7px 0px!important;}
.margin-20T{margin-top: 20px!important;}
.margin-20B{margin-bottom: 20px!important;}

.margin-75L{margin-left: 75px!important;}
.margin-left-negative-15 {margin-left: -15px!important;}
.noMarginB{margin-bottom:.5em !important}

.margin-bottom-tag {margin-bottom: -.5em!important;}

.margin-2T{margin-top: 2px!important;}


/*COLOURS*/
.switch-blue { color:#004899;}
.switch-darkblue {color:#212B67;}
.switch-lightblue {color:#00A6E2;}