.tab {
            float: left;
            background-color: #f1f1f1;
            width: 50px;;
            border-left: 1px solid #CCCCCC;
            border-bottom: 1px solid #CCCCCC;
        }

        /* Style the buttons inside the tab */
        .tab button {
            display: block;
            background-color: #C3C3C3;
            color: black;
            padding: 22px 16px;
            width: 50px;;
            border: none;
            outline: none;
            text-align: left;
            cursor: pointer;
            transition: 0.3s;
            font-size: 18px;
            font-weight: bold;
        }

        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #ddd;
        }

        /* Create an active/current "tab button" class */
        .tab button.active {
            background-color: #FFFFFF;
            border-right: none;
        }

        /* Style the tab content */
        .tabcontent {
            float: left;
            padding: 15px;
            margin: 0;
            width: 80%;
            margin-bottom: 50px;
           }
        .vertical-text {
            writing-mode: vertical-rl;
        }
        .TopBanners {
            padding: 30px;
            background-image: url("../../../../../images/bg2.png");
            background-repeat: repeat;
            min-width: 100%;
        }
.DivFront{
    background-color: #1B5CA8;width: 100%;
    top:0;  right:0;  left:0;
    background-image: linear-gradient(to right, #1B5CA8, #808080); /* Standard syntax (must be last) */
    min-width: 100%;

}
        .LogoHeader {
            padding: 10px;
            background: #0C5DC5;
            color: #f1f1f1;
            z-index: 10;
            border-bottom: 2px solid #CCCCCC;
         }

        .PageContainer {
            padding: 16px;
        }

        .sticky {
            position: fixed;
            top: 0;
            width: 100%;
        }

        .sticky + .content {
            padding-top: 102px;
        }
        .ArticleHeadDiv{
            margin: auto;
            color: #FFFFFF;
            width: 100%;
            padding: 20px;
            background-color: #1B5CA8;
            background-image: linear-gradient(to right, #0C5DC5, #759cc7); /* Standard syntax (must be last) */
        }
        .ArticleHeadDiv a:link{
            color: #F5F5F5;
        }
        .ArticleHeadDiv a:active{
            color: #F5F5F5;
        }
        .ArticleHeadDiv a:visited{
            color: #F5F5F5;
        }
        .ArticleHeadDiv a:hover{
            color: #D6E5EF;
            text-decoration: none;
        }
        .Footer{
            padding: 20px;
            background-color: #000000;
            color: #FFFFFF;
            font-size: 110%;
            min-width: 100%;
        }
        .Footer a:link{
color: #F5F5F5;
        }
        .Footer a:active{
            color: #F5F5F5;
        }
        .Footer a:visited{
            color: #F5F5F5;
        }

        .FigureBox{
            padding: 5px;
            border: 1px solid #999999;
            margin-bottom: 20px;
            width: auto;
            position: relative;
			float:left;
        }
        .FigureBox img{
            max-width: 100%;
            position: relative;
        }
        .FigureBoxLgd{
            background-color: #FAFAFA;
            color: #000000;
            padding: 5px;
            width: 100%;
			position:relative;
			float:left;
        }
        .DivCrossMarkBox{
            float: left;
            width: 100%;
            margin-bottom: 10px;
        }
        .FigContent{
			float:left;
			width:100%;
        }
        .FigContent h2{
            margin-bottom: 30px;
        }

        .TableContent{
            padding: 10px;
            height: 500px;
            overflow-y: auto;
            overflow-x: auto;
        }
        .TabFigIndex{
            margin-top: 20px;
            text-align: left;
            width: 100%;
            font-size: 80%;
        }
		.TabFigIndex div{
			width:100%;
		}
        .TabFigIndex img{
            width: 60px;
            height: 60px;
            margin-right: 5px;
            margin-bottom: 2px;
            border: 1px solid #CCCCCC;
            background-color: #F0F0F0;
            padding: 2px;
            border-radius: 4px;
            float: left;
        }
        #AbstractContent h5{
            color: #999999;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        #AbstractContent a{
            color: #333333;
            text-decoration: none;
        }
        #AbstractContent a:hover{
            color: #000000;
            text-decoration: none;
            font-weight: bold;
        }
        .NumberBar{
            padding: 5px;
            color: #8d8d8d;
            margin-bottom: 20px;
        }

        a{
            color: #0C5DC5;
        }
.ArticleTitleHeader{
    margin-bottom: 10px;
    height: auto;
    float: left;
    border-bottom: 1px solid #CCCCCC;
	width:100%;
}


        .ArticleTitleHeader h4{
            font-weight: bold;
        }
        .IndexPageSectionHeads{
            margin-bottom:10px;padding: 10px;
        }

        .IndexPageSectionHeads h4{
            color: #0C6592;
            margin-bottom: 20px;
        }
        .CoverImageDiv img{
            width: 120px;
            height: 160px;
            float: right;
            margin-left: 5px;
            margin-right: 5px;
            margin-bottom: 10px;
            border: 1px solid #CCCCCC;
            box-shadow: 5px 5px 2px #CCCCCC;
        }
.CollapseLink{
    padding: 10px;
}
.HutBanner{
    height: 60px;
    margin-bottom: 10px;
    background-image: url("https://www.systems.panafrican-med-journal.com/ext.resources/images/hut_button_inside.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-size: cover;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}
        .ArtSection ul li{
            list-style: none;
        }

        .ArtSection ul li::before {
            content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
            color: #24608C; /* Change the color */
            font-weight: bold; /* If you want it to be bold */
            display: inline-block; /* Needed to add space between the bullet and the text */
            width: 1em; /* Also needed for space (tweak if needed) */
            margin-left: -1em; /* Also needed for space (tweak if needed) */
        }
.BottomLine{
    border-top: 1px dashed #CCCCCC;font-size: 80%;
}
        .BottomLine a{
            color: #8d8d8d;
        }
        .BottomLine a:hover{
            color: #8d8d8d;
            font-weight: bold;
            text-decoration: none;
        }
        .ProductLine{
            padding: 5px;text-align: center;
        }