body {

    color:black
}

#boxstyle h1 .boxheader{
    color:green
}

 #boxstyle div .tablerow-format {
    display:table-row;

    background:yellow;
}

#boxstyle div .table-format {
    display: block;
        width:100%;
        background:green;
}


#boxstyle .tablerow-format > div {
    display:table-cell;
    background:red;
    margin:0px;
    padding:0px
    }


#boxstyle .flex {
    display:inline-flex;
    background: red;
    margin: 0px;
    padding: 0px;
    width:50%;
}

#boxstyle .flex-container {
    display: flex;
    background-color: DodgerBlue;
    flex-direction:column
}

 #boxstyle   .flex-container > div {
        background-color: #ffffff;
        margin: 0px;
        padding: 0px;
        font-size: 30px;
        text-align: left;
        line-height: 75px;

    }



#boxstyle .flex-container-row {
    display: flex;
    background-color: DodgerBlue;
    flex-direction: row
}

 #boxstyle   .flex-container-row > div {
        background-color: #a1a1a1;
        margin: 0px;
        padding: 0px;
        font-size: 15px;
        text-align: center;
        line-height: 75px;
    }

#boxstyle .flex-container-wrap {
    display: flex;
    flex-wrap: wrap;
    background-color: DodgerBlue;
}

 #boxstyle   .flex-container-wrap > div {
        background-color: #ffffff;
        width: 100px;
        margin: 10px;
        text-align: left;
        line-height: 75px;
        font-size: 30px;
    }


#boxstyle .flex-container-centered-text {
    display: flex;
    flex-wrap:wrap;
    width:100%;
    background-color: #ffffff;
}

 #boxstyle   .flex-container-centered-text > div {
        background-color: DodgerBlue;
        background-color: transparent;
        color: white;
        align-self: center;
        margin: 0px;
        margin-left: 10px;
        margin-top: 0px;
        margin-bottom: 10px;
        padding: 0px;
        text-align: left;

    }


  #boxstyle      .flex-container-centered-text > div > * {
            /* The flex property is shorthand for :
                flex-grow A number specifying how much the item will grow relative to the rest of the flexible items
                flex-shrink A number specifying how much the item will shrink relative to the rest of the flexible items
                flex-basis The length of the item. Legal values: "auto", "inherit", or a number followed by "%", "px", "em" or any other length unit

            */
            flex: 1 1 10px;
            margin: 1px;
        }

#boxstyle a.newsitem_tooltip {
    outline: none;
    color: #2c46c7
}

 #boxstyle    a.newsitem_tooltip .strong {
        line-height: 30px;
    }

 #boxstyle   a.newsitem_tooltip:hover {
        text-decoration: n;
    }

 #boxstyle   a.newsitem_tooltip span {
        z-index: 10;
        display: none;
        padding: 7px 10px;
        margin-top: -1em;
        margin-left: 1em;
        width: 200px;
        line-height: 1.2em;
    }

 #boxstyle   a.newsitem_tooltip:hover span {
        display: inline;
        position: absolute;
        color: #111;
        border: 1px solid #DCA;
        background-color: #fffAF0
    }




#boxstyle a.underneathrightalign_tooltip span {
    z-index: 10;
    display: none;
    padding: 0;
    margin: 0;
    margin-right: 100%;
    margin-top: 0%;
    /* padding:.625em .625em; */
    /*   margin-top:1.25em; margin-left:-17.5em;  */
    width: 12.5em;
    line-height: 1.5em;
}