body, html {height:100%; padding:0px; margin:0px; border:0px;}
  
  table p {
    margin:0px;
  }
  
  .mybutton {    
      background-color: white;
      background: linear-gradient( to bottom, white, #E4E6E8);;
      color: #212121;
      padding: 2px 6px;
      border-radius: 2px;
      border: solid 1px #ADADF9;
      font-family: arial;
      font-size: 10pt;
      cursor: pointer;
      }
  .mybutton:hover {
      border-color: #000098;
      }
  
  #page{
    Xposition:absolute; 
    Xtop:97px; 
    Xleft:0px; 
    Xright:0px; 
    Xbottom:0px; 
    XXmargin-top:97px;
    XXborder-top:solid 0px #aab9d1; 
    XXborder-bottom:solid 0px #aab9d1;
  }
  
  #left_pane {
    overflow: hidden;
    vertical-align:top; 
    white-space:nowrap;
    color: #4A4A4A;
  }
  
  #split_pane{
    position:absolute;
    top:0px;
    height:100%;
    width: 4px;
    min-width: 4px;
    cursor: col-resize;
    background-color: white;
    border-left: solid 1px #aab9d1;
    border-right: solid 1px #aab9d1;
  }
  #split_pane:hover{
    
    border-left: solid 1px #aab9d1;
    border-right: solid 1px #aab9d1;
  }
  #split_pane_hover{
    width: 4px;
    min-width: 4px;
    cursor: col-resize;
    background-color: #DCE2EC;
    border-left: solid 1px #cbd4e3;
    border-right: solid 1px #cbd4e3;
  }
  
  #center_pane{
    position:relative; 
    height:100%;
    display:block;
    margin-left:315px; 
    margin-top:101px; 
    background-color:white; 
    overflow:visible ;
  }
    
  #center_pane_content{
    min-height:90%;
  }
  
  
  
  .sideOptionGroup.selected {
      background-color: transparent;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+ADHBUdNEPK2ucAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAK1JREFUOMtjYBgFAw8Y0QXmzJmz+P///+5fv37VKSgoeMXAwMAwdepUcTY2tsuMjIw7U1JSYpHVM6Eb8Pbt20wGBoaP3Nzcc2BibGxssxkYGD5++/Yti6ALGBgYGGbMmGHMwsJy/N+/f1mMEDD19+/f1pmZmaeJMoCBgYFh1qxZxUxMTA0MDAwM//79a05LS+vCpo4JlwHPnj3r+////xEGBobjz5496x5NLjQEACh8ONVwCqO6AAAAAElFTkSuQmCC);
      }
    
  .sideOptionGroup {
      color: #4A4A4A;
      display: block;
      width:100%;
      cursor: pointer;
      border: 0px;
      padding: 3px 3px 3px 20px;
      margin: 2px 0px 2px 0px;
      text-align: left;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      font-family: times;
      font-size: 12pt;
      background-color: white;
      text-decoration: none;
      outline: none;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+ADHBUcNFrR66YAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAJ1JREFUOMtjYBgFOMGcOXMWT5o0iZeQOiZcEv///3fn5OQ8N336dFOyDPj165cuAwPDdVZW1qOzZs0qa2hoYMSmjpGQE2fPnp3KyMjYx8DAcDwlJcWNaBcgeeU/lP6LTZ4Fl8YJEyaIcXNzz2FkZPT49+9f5bNnz/pIMoCbm/sKAwPDxz9//lhmZGScJTkQGRkZd757984Qn+ZRAAEAMpg2SUuc5bEAAAAASUVORK5CYII=);
      background-repeat: no-repeat;
      background-position: 2px 50%;
      }
    
  .sideOptionGroup:focus{ 
      outline: none; 
      }
  
  .sideCollection{
      padding-left: 30px;
      margin-bottom:16px;
      overflow: auto; 
      max-height:350px
      }
  
  
  .sideOption {
      display: block;
      border: 0px;
      padding: 3px 3px 3px 3px;
      text-align: left;
      --text-overflow: ellipsis;
      --overflow: hidden;
      white-space: nowrap;
      font-family: times;
      font-size: 12pt;
      background-color: white;
      
      margin: 0px 0px;
      border-left: solid 5px white;
      }
  
  .sideOption a{
    color: #0000bb;
    text-decoration: none;
    }
    
  .sideOption.selected a{
    text-decoration: underline;
    color: #000054;
    }
  
  a.edit {
    color: #000098;
    }
    
      
  #left_pane hr {
      margin-right:10px;
      border: 0px;
      border-top: solid 1px #A1A1A1;
      }
    
    
    .sideOption a:hover{
      text-decoration: underline;
    }
    
  
  .dailyvalues-rpt-tbl { border-collapse:collapse;  }  
  .dailyvalues-rpt-tbl td {padding:0px 12px; text-align:right;} 
  .dailyvalues-rpt-tbl tr:nth-child(6) td{ padding-top:12px; } 
  .dailyvalues-rpt-tbl tr:nth-child(11) td{ padding-top:12px; } 
  .dailyvalues-rpt-tbl tr:nth-child(16) td{ padding-top:12px; } 
  .dailyvalues-rpt-tbl tr:nth-child(21) td{ padding-top:12px; } 
  .dailyvalues-rpt-tbl tr:nth-child(26) td{ padding-top:12px; } 
  .dailyvalues-rpt-tbl .header-row td {text-align:center;}
  .dailyvalues-rpt-tbl .total-row td {padding-top:12px;}

  
  .viewgrid{
    border-collapse: collapse;
    border-right:solid 2px black;
    border-bottom:solid 1px black;
    min-width: 80%;
    
  }
  
  .viewgrid tr td th{
    padding:0px; margin:0px; margin:0px;
  }
  
  .viewgrid th, .viewgrid td { height:18px; margin:0px; padding:0px; border:solid 0px black;text-align:center;}
  .viewgrid th {background-color: rgb(79,129,189); color:white; font-family: Times, "Times New Roman"; font-size:14px; letter-spacing:2pt; font-weight: normal; padding:0px 3px; border:solid 1px black; }
  .viewgrid tbody {border: solid 1px black; }
  
  .viewgrid tbody th {border-right: solid 2px black;}
  .viewgrid tbody td { font-family: Times, "Times New Roman";font-size:14px;color:rgb(80,80,80); border-left:solid 1px rgb(150,150,150);border-top:solid 1px rgb(230,230,230); background-color:rgb(235,235,235); }
  .viewgrid input {display:block; width:60px; height:13px; font-family: Times, "Times New Roman";font-size:14px; padding:2px; padding-bottom:0px; padding-left:4px; margin:0px; border-style:solid; border-width:2px; border-color:white; overflow:hidden;}
  .viewgrid input-focus {border-color:rgb(204,213,255); }
  
  
  .viewgrid input-hover { border-color: blue; }
  .viewgrid tbody tr:hover th{background-color: black; }
  
  
  
  .viewgrid .copyDownIcon {position:absolute; bottom:0px; right:0px; display:none; font-size:10px; color:gray; cursor:pointer;}
  .viewgrid .lastSelected + .copyDownIcon, .copyDownIcon:hover{display:block; }
  .viewgrid input-focus + .copyDownIcon, .copyDownIcon:hover{display:block; }
    
    
    .viewgrid th{
      background-color:rgb(218, 218, 218);
      color:black;
    }
    .viewgrid tbody tr:hover th{background-color: rgb(187, 187, 187); }
    
    .viewgrid tbody td { background-color:white;}
    
    
  
  .HeadDiv {
    padding:5px 40px; 
    padding-bottom: 0px;
  }
  .HeadDiv h1, .HeadDiv h2 {
    margin:0px;
    text-align: center;
    line-height: 0.8;
  }  
  .BodyDiv{
    padding:0px 40px 20px; 
  }
    
    
  .wrtfooter{
    padding: 5px 2px;
    border-top: solid 1px #E2E2E2;
  }
  

    
  /* Range styles: https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ */
.dateBar button.left, .dateBar button.right{
  width:100%;
  height:14px;
  line-height:14px;
  margin:0px;
  border:solid 1px white;
  cursor:pointer;
  overflow:hidden;
}
.dateBar button.left:focus, .dateBar button.right:focus{
  border:solid 1px #CFE6FD;
  border-radius: 2px;
}
.dateBar button.left{
  background: url('rangeL.png');
  background-repeat: no-repeat;
  background-position: center right;
}
.dateBar button.right{
  background: url('rangeR.png');
  background-repeat: no-repeat;
  background-position: center left;
}

.dateBar input[type=range] {
  margin:0px;
  padding:0px;
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
}

.dateBar input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.dateBar input[type=range]:focus {
  outline: none;
}

.dateBar input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent; /* Hides the slider so custom styles can be added */
  border-color: transparent;
  color: transparent;
}

/* Special styling for WebKit/Blink */
.dateBar input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 0px;
  height: 20px;
  width: 8px;
  border-radius: 0px;
  background: #B2B2B2;
  cursor: pointer;
  margin-top: -4px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}
/* All the same stuff for Firefox */
.dateBar input[type=range]::-moz-range-thumb {
  border: 0px;
  height: 20px;
  width: 8px;
  border-radius: 0px;
  background: #B2B2B2;
  cursor: pointer;
}
/* All the same stuff for IE */
.dateBar input[type=range]::-ms-thumb {
  border: 0px;
  height: 20px;
  width: 8px;
  border-radius: 0px;
  background: #B2B2B2;
  cursor: pointer;
}


.dateBar input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;*/
  background: url('rangebg.png');
  background-repeat:repeat-x;
  background-position:center;
}

.dateBar input[type=range]:focus::-webkit-slider-runnable-track {
  background: url('rangebgs.png');
  background-repeat:repeat-x;
  background-position:center;
}

.dateBar input[type=range]::-moz-range-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;*/
  background: url('rangebg.png');
  background-repeat:repeat-x;
  background-position:center;
}
.dateBar input[type=range]:focus::-moz-range-track  {
  background: url('rangebgs.png');
  background-repeat:repeat-x;
  background-position:center;
}

.dateBar input[type=range]::-ms-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 8px 0 6px 0px;
  color: transparent;
}
.dateBar input[type=range]::-ms-fill-lower {
  /*background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  background: url('rangebg.png');
  background-repeat:repeat-x;
  background-position:center;
}
.dateBar input[type=range]:focus::-ms-fill-lower {
  background: url('rangebgs.png');
  background-repeat:repeat-x;
  background-position:center;
}
.dateBar input[type=range]::-ms-fill-upper {
  /*background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  background: url('rangebg.png');
  background-repeat:repeat-x;
  background-position:center;
}
.dateBar input[type=range]:focus::-ms-fill-upper {
  background: url('rangebgs.png');
  background-repeat:repeat-x;
  background-position:center;
}


.formulas_table               { width:100%; max-width:100%; font-size:15px; line-height: 25px; border-collapse:collapse; }
.formulas_table td            { border: solid 1px rgb(160,160,160);  padding:0px 3px; }
.formulas_table thead th      { text-align:left; padding:10px 0px; padding-left:3px; border:solid 1px rgb(100,100,100); white-space: nowrap;}

.formulas_table thead tr           {background-color: #2D2D4E; color:white;}
.formulas_table tbody tr           {background-color: #FDFADB;   }
.formulas_table tr:nth-child(even) {background-color: #E4E6E8;}


.trans_table               { width:100%; font-size:15px; line-height: 25px; border-collapse:collapse; }
.trans_table td            { border: solid 1px rgb(160,160,160);  padding:0px 3px; }
.trans_table thead th      { text-align:left; padding:10px 0px; padding-left:3px; border:solid 1px rgb(100,100,100); white-space: nowrap;}

.trans_table thead tr           {background-color: #2D2D4E; color:white;}
.trans_table tbody tr           {background-color: #FDFADB;   }
.trans_table tr:nth-child(even) {background-color: #E4E6E8;}
  
/* Remove margin inside of alloy-editor */
.ae-editable p {
  margin:0px;
}
  
  
/* For firefox... See https://css-tricks.com/forums/topic/button-padding-issue/ */
button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
  padding: 0 !important;
  border: 0 none !important;
}
button, input[type="button"], input[type="submit"], input[type="reset"] {
  line-height: 13px;
  padding: 1px 6px;
  font-family: Arial;
  font-size: 13.3333px;
}
  
.yearlyValueInput{
  border-top:2px solid white;
  border-bottom:2px solid white;
  border-left:2px solid white;
  border-right:2px solid white;
  background-color:white;
  margin:0px; 
  padding:4px; 
  height:100%; 
  width:100px; 
  text-align:center; 
} 
.unsaved{
  border-right:2px solid red;
  color:red;
} 
.yearlyValueInput:hover{
  border-top:2px solid blue;
  border-bottom:2px solid blue;
}
.yearlyValueInput:focus{
  background-color:#b0c8e7;
}
  
  
  @media print{
  
    /* Don't show the header (and severa other components) when printing */
    
    .dont-print, #left_pane, #split_pane{
      display: none;
    }
    
    .HeadDiv {
      /*border-bottom:solid 1px black;*/
    }
    
    #page{
      position:relative; 
      top:0px; 
      left:0px; 
      right:0px; 
      bottom:0px; 
      /*border-top:solid 1px black; 
      border-bottom:double 3px black;*/
    }
    
    #center_pane{
      display:block;
      overflow: visible!important;
      margin-left:0px; 
      margin-top:0px; 
    }
    
    
    #center_pane_content{
      min-height:auto;
    }
    
    .formulas_table thead tr, 
    .trans_table thead tr     {background-color: white; color:black;}
    
    .formulas_table tbody tr, 
    .trans_table tbody tr     {background-color: white;}
    .formulas_table tr:nth-child(even), 
    .trans_table tr:nth-child(even)     {background-color: white;}
    
    
  }