html { -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        box-sizing: border-box; /* to make every cell box inline with width property unconstrained by padding/margin */
     }

*, *:before, *:after { -webkit-box-sizing: inherit;
                       -moz-box-sizing: inherit;
                        box-sizing: inherit;
                     }
  
.div_table { display: table;
             font: bold 15px arial;
             color: blue;
             line-height: 1.5;
             /*background-color: #eee;
             border: 1px solid #E9E9E9;*/
           }

.div_row { display: table-row;
           width: 100%;
           white-space: nowrap;
           clear: both;
         }

.div_col { display: table-column;
           float: left; /* fix for  buggy browsers */
           padding: 3px 7px;
           /*background-color: #ccc;*/
         }

.div_cell { display: table-cell;
            padding: 3px 7px;
            width: 120px;
          }

.col_space_bdr { width: 100%; border: snow 1px solid; }
.col_align     { text-align: right; overflow: hidden }
.col_border    { border-top: black 1px solid; border-bottom: black 1px solid; }

/* WORLD INDICES */
.indices_bg { width: 110px; border-right: white 0px solid }

.arrowdown  { border-top:    12px solid #FFFFFF; }
.arrowup    { border-bottom: 12px solid #FFFFFF; }
.arrowequal { border-top:    12px solid transparent; }

.arrow { float: left;
         width:  0;
         height: 0;
         border-left:  7px solid transparent;
         border-right: 7px solid transparent;
       }
/* end of WORLD INDICES */