/* CSS Document */

body {font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;color:#221E1F;font-size:100%;}
/*=FONTS
--------*/





/*p {font-size:.8825em;margin-bottom:1em;line-height:1.4; }*/
table p {margin-bottom:1em;line-height:1.4!important;font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;color:#221E1F;font-size:100%; margin-top:0px;}
table  {margin-bottom:1em;line-height:1.4!important;font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;color:#221E1F;font-size:100%}
table table p {font-size:.8825em;margin-bottom:1em;line-height:1.4!important;font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;color:#221E1F;font-size:100%}
b, strong {font-weight: bold!important; }


.contentfin table {font-size:14px;line-height:1.3;}
.contentfin table table {font-size:115%;line-height:1.3; }
/*.contentfin table p {font-size:14px;line-height:1.4; margin-top: 5px; }*/


/*=TABLE STYLES
---------------*/

.fin-tbl tr:hover {background:#EBEBEC !important; color:#000;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
 tr.no-hover:hover {color:#EBEBEC!important;} /*TABLE ON HOVER HIGHLIGHTED COLOUMN TEXT COLOUR TO REMAIN STAT*/
.fin-tbl {width:100%; margin:0 0 0 0; padding:0 0px;} /*THE COMPLETE TABLE TO BE GIVEN 100% WIDTH; O MARGINS AND O PADDING*/
.fin-tbl tr td {padding:3px 3px 3px 3px; line-height: 1.4;} /*EACH CELL IN TABLE TO HAVE A PADDING OF 3 AROUND CONTENT*/
.fin-tbl th {background-color:#EBEBEC; color:#000; padding:2px 3px 3px 3px; font-weight:normal!important; font-size:100%} /*THE HIGHLIGHTED COLUMN BACKGROUND COLOUR; TEXT COLOUR; PADDING AND A FONT WEIGHT IF NEEDED*/


.fin-tbl-blk tr:hover {background:#EBEBEC !important; color:#000;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
 tr.no-hover:hover {color:#EBEBEC!important;} /*TABLE ON HOVER HIGHLIGHTED COLOUMN TEXT COLOUR TO REMAIN STAT*/
.fin-tbl-blk {width:100%; margin:0 0 0 0; padding:0 0px;} /*THE COMPLETE TABLE TO BE GIVEN 100% WIDTH; O MARGINS AND O PADDING*/
.fin-tbl-blk tr td {padding:3px 3px 3px 3px; line-height: 1.4;} /*EACH CELL IN TABLE TO HAVE A PADDING OF 3 AROUND CONTENT*/
.fin-tbl-blk th {background-color:#EBEBEC; color:#221E1F; padding:2px 3px 3px 3px; font-weight:normal!important; font-size:100%} /*THE HIGHLIGHTED COLUMN BACKGROUND COLOUR; TEXT COLOUR; PADDING AND A FONT WEIGHT IF NEEDED*/

.finthickerbluetop {border-top: 2px solid #0083C2;}
.finbluetop {border-top: 1px solid #0083C2;}
.finthickerblue {border-bottom: 2px solid #0083C2;}
.finthickergrey {border-bottom: 4px solid #939598;}
.fintop { border-top: 1px solid #939598}
.finthin { border-bottom: 1px solid #939598}
.finthick { border-bottom: 2px solid #939598}
.fintopleft {border-top:1px solid #939598; border-left:1px solid #939598;}
.fintopright {border-top:1px solid #939598; border-right:1px solid #939598;}
.finbotleft {border-bottom:1px solid #939598; border-left:1px solid #939598;}
.finbotright {border-bottom:1px solid #939598; border-right:1px solid #939598;}
.finrightblue {border-right: 1px solid #0083C2;}
.finleftblue {border-left: 1px solid #0083C2;}
.finright {border-right:1px solid #939598;}
.finrowleft {border-left:1px solid #939598; border-top:1px solid #939598; border-bottom:1px solid #939598;}
.finrowright {border-right:1px solid #939598; border-top:1px solid #939598; border-bottom:1px solid #939598;}
.finrow {border-top:1px solid #939598; border-bottom:1px solid #939598;}
.finleft {border-left:1px solid #939598;}
.finthinblue { border-bottom: 1px solid #0083C2}
.finthickblue { border-bottom: 2px solid #0083C2}
.finthickestblue { border-bottom: 4px solid #0083C2}
.finheader-blue{ background: #0083C2; color: #fff; font-weight: bold;border-bottom: 4px solid #0083C2;}
.fingreytext{ color: #6D6E71}
.fingreytextthin{color: #6D6E71;border-bottom: 1px solid #939598}
.fingreytextthick{color: #6D6E71;border-bottom: 2px solid #939598}
.fincaption {font-size:12px;}
.contentfin {background-color:#FFF; padding:20px 20px 20px 20px; border:1px solid #184069;}
.captionfin {font-size:11px;}
.caption {font-size:0.7825em !important; font-style:italic;}



.fintopleftblue {border-top:1px solid #0083C2; border-left:1px solid #0083C2;}
.fintoprightblue {border-top:1px solid #0083C2; border-right:1px solid #0083C2;}
.finbotleftblue {border-bottom:1px solid #0083C2; border-left:1px solid #0083C2;}
.finbotrightblue {border-bottom:1px solid #0083C2; border-right:1px solid #0083C2;}
.finleftblue {border-left:1px solid #0083C2;}
.finrightblue {border-right:1px solid #0083C2;}
.fintopblue {border-top:1px solid #0083C2;}
.finrowleftblue {border-left:1px solid #0083C2; border-top:1px solid #0083C2; border-bottom:1px solid #0083C2;}
.finrowrightblue {border-right:1px solid #0083C2; border-top:1px solid #0083C2; border-bottom:1px solid #0083C2;}
.finrowblue {border-top:1px solid #0083C2; border-bottom:1px solid #0083C2;}
.finleftwhite {border-left:1px solid #fff;}



.fincell-lightbluebkr {background:#96D1F2; color:#fff;}
.fincell-brightbluebkr {background:#48C7ED; color:#fff;}
.fincell-darkbluebkr {background:#0083C2; color:#fff;}
.fincell-greybkr {background:#A9C4CB; color:#fff;}

/*=NOTE HEADER
--------------*/
.noteheader{ font-size:25px; color:#939598;font-family: "Telkom123 Bold",'Calibri',Arial, Helvetica, sans-serif; font-weight:bold} 
.noteheader1{ font-size:23px; color:#939598;font-family: "Telkom123 Bold",'Calibri',Arial, Helvetica, sans-serif;font-weight:bold}
.noteheader2{ font-size:19px; color:#939598;font-family: "Telkom123 Bold",'Calibri',Arial, Helvetica, sans-serif;font-weight:bold}
.noteheader3{ font-size:18px; color:#939598;font-family: "Telkom123 Bold",'Calibri',Arial, Helvetica, sans-serif;font-weight:bold}


/*=NOTE STYLES
--------------*/
#note-frame {width:96%;margin:2em auto 0 auto}
.note-header, .note-footer, ul.note-tools {background-color:#0083C3;}
.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:#999999;}
.clear-lft {clear:left}
.rgt {float:right !important}
.lft {float:left !important;}


/*=LINKS
--------*/
a {outline:none}
a:link {color:#0083C3;}
a:visited {color:#004F9D;}
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:#6D6E71;color:#fff;}
.pagination p a:hover {background:#0083C3;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;}






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

ul.list-dashed {list-style:none; margin:0px; padding:0px;}
ul.list-dashed li {margin-left:18px; position:relative;}
ul.list-dashed li:before {content: ''; position: absolute; top: 10px; left: -17px; display: block; background: #000; width: 8px; height: 1px;}





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-weight:bold; 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:100%;}
ul.list-alpha-alpha li p {font-size:100%;}
ul.list-alpha-alpha li:before {content: counter(list, lower-alpha) ") "; counter-increment: list; position: absolute; left: 0px; font-weight:bold;}


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-greek li ul.list-alpha li {margin-left:0px; font-size:100%;}
ul.list-greek li ul.list-alpha-alpha li {margin-left:0px; font-size:100%;}

ul.dash-list {margin-top: -10px;padding: 0;}
ul.dash-list li {list-style:none; padding: 0 0 0 15px;margin: 0!important;line-height:1.4; position:relative; list-style-type:none !important;font-size:.8825em;}
ul.dash-list li:before {content: ''; position: absolute; top: 11px; left: 0px;border-bottom:2px solid #00B6F0; width: 8px; }

ul.dash-list li ul {list-style:none; padding: 0 0 0 12px;margin: 0!important;line-height:1.4; position:relative; list-style-type:none !important;font-size:.975em;}
ul.dash-list li ul li:before {content: ''; position: absolute; top: 12px; left: 0px;border-bottom:2px solid #00B6F0; width: 8px; }

table ul.dash-list {margin-top: -10px;padding: 0;}
table ul.dash-list li {list-style:none; padding: 0 0 0 15px;margin: 0!important;line-height:1.4; position:relative; list-style-type:none !important;font-size:.975em;}
table ul.dash-list li:before {content: ''; position: absolute; top: 11px; left: 0px;border-bottom:2px solid #00B6F0; width: 8px; }

table ul.dash-list li ul {list-style:none; padding: 0 0 0 0px;margin: 0!important;line-height:1.4; position:relative; list-style-type:none !important;font-size:.975em;}
table ul.dash-list li ul li:before {content: ''; position: absolute; top: 12px; left: 0px;border-bottom:2px solid #00B6F0; width: 8px; }


ul.dash-list-grey {margin-top: -10px;padding: 0;}
ul.dash-list-grey li {list-style:none; padding: 0 0 0 15px;margin: 0!important;line-height:1.4; position:relative; list-style-type:none !important;font-size:.975em;}
ul.dash-list-grey li:before {content: ''; position: absolute; top: 11px; left: 0px;border-bottom:2px solid #00B6F0; width: 8px; }

ul.dash-list-grey li ul {list-style:none; padding: 0 0 0 0px;margin: 0!important;line-height:1.4; position:relative; list-style-type:none !important;font-size:.975em;}
ul.dash-list-grey li ul li:before {content: ''; position: absolute; top: 12px; left: 0px;border-bottom:1px solid #231F20; width: 8px; }


/*
ul.dash-list {margin-top: -10px;padding: 0;}
ul.dash-list li {list-style:none; padding: 0 0 0 12px;margin: 0!important;line-height:1.4; position:relative; list-style-type:none !important; font-size:100%}
ul.dash-list li:before {content: ''; position: absolute; top: 8px; left: 0; width: 8px; height: 4px; border-bottom: 1px solid #48C7ED;}
ul.list-dash li {list-style-type: none; position: relative; margin-left: 20px; line-height: 1.4; display: block; margin-bottom: .5em;margin-top:5px}
ul.list-dash li:before { content: ''; position: absolute; border-bottom: 2px solid #000;  width: 10px; left: -20px; top: 10px;}
ul.list-dash li ul {list-style-type: none; position: relative; margin-left: 20px; line-height: 1.4; display: block; margin-bottom: .5em;margin-top:5px;}
ul.list-dash li ul li:before { content: ''; position: absolute; border-bottom: 2px solid #000;  width: 10px; left: -20px; top: 10px;}
ul.list-blue li:before { border-color: #004F9E;}
ul.list-lightblue li:before { border-color: #48C7ED;}
*/



/*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-marginTB{margin-bottom: 0!important; margin-top: 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-10{padding: 10px!important;}
.padding-10L{padding-left: 10px!important;}
.padding-10R{padding-right: 10px!important;}
.padding-10T{padding-top: 10px!important;}
.padding-10B{padding-bottom: 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;}


/*SWITCH COLOURS*/
.switch-blue { color:#0083C3!important}
.switch-medblue {color:#003E6A!important;}	
.switch-darkblue {color:#005B94!important;}
.switch-lightgrey{color:#939598!important;}
.switch-darkgrey{color:#58595B!important;}