
/*=TABLES
---------*/
p.download {text-align:right}
p.download i {font-size:1.5em;margin-right:.25em;}
main#container #gutter-frame table {width:100%;font-size:.9em;margin-bottom:1em;font-family: "MTN Brighter Sans light",sans-serif;}
main#container #gutter-frame table table {font-size:100%}
main#container #gutter-frame table td {/*padding:.25em;*/line-height: 1.4;}
table tr.head-bottom td {vertical-align:bottom;}
.fin-tbl tr:hover {background-color:rgba(255,203,5,0.6); color:#000;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
/*.fin-tbl tr:hover th {background-color:rgba(255,203,5,0.6); color:#000;}*/ /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
 tr.no-hover:hover {color:#000!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 6px 3px 3px;} /*EACH CELL IN TABLE TO HAVE A PADDING OF 3 AROUND CONTENT*/
.fin-tbl th {padding: 2px 8px 3px 3px;font-weight:bold;line-height:1.5em!important;font-size: 15px;font-family: "MTN Brighter Sans";text-align: right;}
.fin-tbl td[width="1"] { padding:3px}
.fin-tbl th[width="1"] { padding:3px}
.head-note-bg{background-color: #FFF3D2;}

.fin-tbl2 tr:hover {background:#FFCB08; color:#000;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
.fin-tbl2 tr:hover th {background:#FFCB08; color:#000;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
 tr.no-hover:hover {color:#000!important;} /*TABLE ON HOVER HIGHLIGHTED COLOUMN TEXT COLOUR TO REMAIN STAT*/
.fin-tbl2 {width:100%; margin:0 0 0 0; padding:0 0px;} /*THE COMPLETE TABLE TO BE GIVEN 100% WIDTH; O MARGINS AND O PADDING*/
.fin-tbl2 tr td {padding: 3px 10px 3px 3px;} /*EACH CELL IN TABLE TO HAVE A PADDING OF 3 AROUND CONTENT*/
.fin-tbl2 th {padding: 2px 8px 3px 3px;font-weight:bold;line-height:1.5em!important;font-size: 15px;font-family: "MTN Brighter Sans";text-align: right;}
.fin-tbl2 td[width="1"] { padding:3px}
.fin-tbl2 th[width="1"] { padding:3px}

#acc-expand{font-size: 16px;}

.fin-table-header, .bg-header{background: #FFCB08;font-weight: bold; color:#000;  }
.fin-table-headerNR{background: #FFCB08;font-weight: bold; color:#000;  }
.fin-table-header-grey{background: #E6E7E8;}
.fin-table-header-grey-right{background: #E6E7E8;border-radius:0 15px 0 0}
.fin-table-header-grey-left{background: #E6E7E8;border-radius:15px 0 0 0}
.fin-table-bdrd-right{border-radius:0 15px 0 0}
.fin-table-bdrd-left{ border-radius:15px 0 0 0}
.fin-table-bdrd-lft-rgt{ border-radius:15px 15px 0 0}

.finthin{ border-bottom:1px solid #808284}
.finthick{ border-bottom:2px solid #808284}
.finright{ border-right:1px solid #808284}
.finleft{ border-left:1px solid #808284}
.finbotright{ border-right:1px solid #808284;border-bottom:1px solid #808284}
.finbotleft{ border-left:1px solid #808284;border-bottom:1px solid #808284}
.fintoptright{ border-right:1px solid #808284;border-top:1px solid #808284}
.fintopleft{border-left: 1px solid #808284;border-top:1px solid #808284;}
.fintop{ border-top:1px solid #808284}

.finthingrey{ border-bottom:1px solid #A7A8AC}
.finthickgrey{ border-bottom:2px solid #A7A8AC}
.finrightgrey{ border-right:1px solid #A7A8AC}
.finleftgrey{ border-left:1px solid #A7A8AC}
.finbotrightgrey{ border-right:1px solid #A7A8AC;border-bottom:1px solid #A7A8AC}
.finbotleftgrey{ border-left:1px solid #A7A8AC;border-bottom:1px solid #A7A8AC}
.fintoptrightgrey{ border-right:1px solid #A7A8AC;border-top:1px solid #A7A8AC}
.fintopleftgrey{border-left: 1px solid #A7A8AC;border-top:1px solid #A7A8AC;}
.fintopgrey{ border-top:1px solid #A7A8AC}

.finthinyellow{ border-bottom:1px solid #FFCB08}
.finthickeryellow{ border-bottom:6px solid #FFCB08}
.finthicker{ border-bottom:4px solid #808284}
.finrightyellow{ border-right:1px solid #FFCB08}
.finleftyellow{ border-left:1px solid #FFCB08}
.finbotrightyellow{ border-right:1px solid #FFCB08;border-bottom:1px solid #FFCB08}
.finbotleftyellow{ border-left:1px solid #FFCB08;border-bottom:1px solid #FFCB08}
.fintoptrightyellow{ border-right:1px solid #FFCB08;border-top:1px solid #FFCB08}
.fintopleftyellow{border-left: 1px solid #FFCB08;border-top:1px solid #FFCB08;}
.fintopyellow{ border-top:1px solid #FFCB08}
.fintopyellowthick{ border-top:2px solid #FFCB08}
.finbotrightyellowcurve{ border-right:1px solid #FFCB08;border-bottom:1px solid #FFCB08; border-bottom-right-radius:20px;}
.finbotleftyellowcurve{ border-left:1px solid #FFCB08;border-bottom:1px solid #FFCB08; border-bottom-left-radius:20px;}
.fintoprightyellowcurve{ border-right:1px solid #FFCB08;border-top:1px solid #FFCB08; border-top-right-radius:20px;}
.fintopleftyellowcurve{border-left: 1px solid #FFCB08;border-top:1px solid #FFCB08; border-top-left-radius:20px;}

.finrowtrightgrey{ border-right:1px solid #A7A8AC;border-top:1px solid #A7A8AC;border-bottom:1px solid #A7A8AC}
.finrowleftgrey{ border-left:1px solid #A7A8AC;border-top:1px solid #A7A8AC;border-bottom:1px solid #A7A8AC}
.finrow{ border-left:1px solid #A7A8AC;border-top:1px solid #A7A8AC;}
.finrowtopbot{ border-top:1px solid #A7A8AC;border-bottom:1px solid #A7A8AC;}


.fin-line-block{border-bottom: 7px solid #FFCB08;width: 70px;margin-bottom: 1px; height: 1px;}
.finrightthickyellow { border-right:3px solid #FFCB08;}

.finthickyellow  { border-bottom:2px solid #FFCB08;}

.fintopthickyellow  { border-top:2px solid #FFCB08;}

.finthickline {border-bottom:2px solid #808284;}


.finbotleftrightyellow {    
border-left: 1px solid #FFCB08;
border-right: 1px solid #FFCB08;
border-bottom: 1px solid #FFCB08;
}

.fintopleftrightyellow {    
border-left: 1px solid #FFCB08;
border-right: 1px solid #FFCB08;
border-top: 1px solid #FFCB08;
}

.finleftrightyellow {    
border-left: 1px solid #FFCB08;
border-right: 1px solid #FFCB08;
}

.finyellowblock{
border: 1px solid #FFCB08;
}


.bg-header {
    background: #FFCB05!important;
}
.bg-header-dark {
    background: #808284!important;
}

.headerbg {
    color: #202020;
    font-weight: bold;
    border-bottom: 8px solid #ffcb05;
}

.headerbg-left{background:#202020;color:#FFCB05/*;border-bottom: 2px solid #A7A8AC*/;font-weight:bold;border-radius:15px 0 0 0}

.headerbg-right{background:#202020;color:#FFCB05;/*border-bottom: 2px solid #A7A8AC;*/font-weight:bold;border-radius:0 15px 0 0}

.caption{font-size:12px!important}
.fincaption{font-size:12px!important}


/*SWITCH-COLORS*/
.switch-orange{color:#F6861F;}
.switch-blue{color:#002F75;}


		
/*LIST*/
ul.list-dot {list-style:disc; margin-left:18px; padding:0px;font-size: 15px;}
ul.list-dot li {color:#3b3b3b;position:relative}

ul.list-dot ul.dash { margin-left: 1.5em; list-style:none;}
ul.list-dot ul.dash li:before{content: '';position:absolute;left: -16px;top:12px;width:10px;border-bottom:1px solid #4C4D4F}

ul.list-dash {list-style:none; margin-left: 1.1em; font-weight:normal !important;}
ul.list-dash li {position:relative;}
ul.list-dash li:before {content:''; width:5px; height:5px;  position:absolute; left:-15px; top:7px;width:8px; border-bottom:1px solid #464646}

		



/*=ACCORDION
------------*/
.accordion {margin-bottom:1em;}
h4.expand a {padding:.5em; font-size: 1em!important;}
.expand a {display:block;}
.expand a:link, .expand a:visited {color:#002F75;text-decoration:none;background: #F4F9FD;margin-bottom:0.5em; font-size: 1em!important;}
.expand a:hover, .expand a:active, .expand a:focus {background:#002F75;color:#fff}
.expand a.open:link, .expand a.open:visited {background: #002F75;color: #fff;/* text-transform: uppercase; */}
.expand a:before {content:'\f0fe';font-family:'fontawesome';speak: none;padding-right:.5em}
.expand a.open:before {content:'\f146';font-family:'fontawesome';speak: none;padding-right:.5em}
/*tabbed accordion*/
ul.tabs {float:left;width:100%;padding:1em 0 0 0;background:transparent url(../images/nav-year-bg.png) left bottom repeat-x;margin-bottom:0 !important}
ul.tabs li {float:left;cursor: pointer;margin:0 0 0 .5em;padding:4px 10px;border:1px solid #ccc;border-bottom:none;text-decoration:none;color:#333}
ul.tabs li:first-of-type {margin:0}
ul.tabs li:hover {background:#eee}
ul.tabs li.active {padding-bottom:5px;background:#fff;border-color:#0067a4;color:#0067a4;font-weight:bold}
.tab-container {border:1px solid #0067a4;border-top:none;clear:both;float:left;width:99.796334%;background:#fff;overflow:auto;} /*980 divide 982 = 99.796334%*/
.tab-drawer-heading {display:none;}
.tab-drawer-content {padding:1em;display:none;}




/*=DOWNLOADS PAGE
------------------*/	
.booklet {margin:0 auto; width:100%; max-width:600px; margin-bottom:20px;background: #005596;
    background: -moz-linear-gradient(top, #005596 0%, #003168 60%, #183D68 75%, #034B8A 100%);
    background: -webkit-linear-gradient(top, #005596 0%,#003168 60%,#183D68 75%,#034B8A 100%);
    background: linear-gradient(to bottom, #005596 0%,#003168 60%,#183D68 75%,#034B8A 100%); position:relative; min-height:120px; right: auto; left: auto; padding: 10px;}
.booklet p {color:#fff; font-size:2.5em; text-align:center; line-height:1.2;}
.booklet p span {font-size:.89em; font-style:italic; position:relative;}

ul.downloads-list {list-type:none; margin-bottom:100px;}
ul.downloads-list li {width:45.69%; padding:20px 15px; float:left; margin-right:10px; position:relative; text-align:center; box-shadow: 0 3px 13px rgba(0,0,0,.5); margin-bottom: 1%; font-size: 1.2em; border-radius: 10px;}
ul.downloads-list li:nth-child(4) {margin-right:0px !important; background: red} 
ul.downloads-list li:before {content:''; position:absolute; background:url(images/download-icon.svg) no-repeat; left:8px; top:12px; padding:15px;}

ul.downloads-list a{ text-decoration:none;}
ul.downloads-list li:hover{ background: #005596;
    background: -moz-linear-gradient(top, #005596 0%, #003168 60%, #183D68 75%, #034B8A 100%);
    background: -webkit-linear-gradient(top, #005596 0%,#003168 60%,#183D68 75%,#034B8A 100%);
    background: linear-gradient(to bottom, #005596 0%,#003168 60%,#183D68 75%,#034B8A 100%);; color:#fff;}

ul.excel-list {list-type:none; margin-bottom:100px;}
ul.excel-list li {width:45.69%; padding:25px 15px; float:left; margin-right:10px; position:relative; text-align:center; box-shadow: 0 3px 13px rgba(0,0,0,.5); min-height: 89px; margin-bottom: 1%;font-size: 1.2em;     border-radius: 10px;}
ul.excel-list li p {font-size:.89em; margin:20px 0 0 0; line-height:1.4;}
ul.excel-list li:before {content: ''; position:absolute; left:45%; top:10px; padding:5px; color:#217346; font-size: 1.2em; background: url(../images/excel-downloads-icon.png) no-repeat; height:50px; width:50px;}
.no-marginR {margin-right:0px;}
ul.excel-list a{ text-decoration:none;}
ul.excel-list li:hover{ background: #005596;
    background: -moz-linear-gradient(top, #005596 0%, #003168 60%, #183D68 75%, #034B8A 100%);
    background: -webkit-linear-gradient(top, #005596 0%,#003168 60%,#183D68 75%,#034B8A 100%);
    background: linear-gradient(to bottom, #005596 0%,#003168 60%,#183D68 75%,#034B8A 100%); color:#fff;}
.download-thumbnail {position:absolute; bottom:-50px; right:-100px;}


