@font-face {
   font-family: 'Open Sans';
   src: url('../fonts/OpenSans-Light-webfont.eot?') format('eot'), url('../fonts/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Light-webfont.svg#Open Sans') format('svg');
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: 'Open Sans';
   src: url('../fonts/OpenSans-Regular-webfont.eot?') format('eot'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#Open Sans') format('svg');
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: 'Open Sans';
   src: url('../fonts/OpenSans-Semibold-webfont.eot?') format('eot'), url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Semibold-webfont.svg#Open Sans') format('svg');
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: 'Open Sans';
   src: url('../fonts/OpenSans-Bold-webfont.eot?') format('eot'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg#Open Sans') format('svg');
   font-weight: 700;
   font-style: normal;
}


html, body {
   margin: 0px;
   width: 100%;
   height: 100%;
   color: #333333;
   font-family: 'Open Sans',sans-serif !important;
}

#content {
   margin: 0px;
   width: calc(100%);
   height: calc(100% - 3.0rem);
   padding: 0px;
}

   #content section header {
      display: none;
   }

   #content a, #content a:visited, #content a:active {
      color: #ff6e00;
   }

   #content #main {
      padding: 1.0rem;
      width: calc(70% - 2.0rem);
      height: calc(100% - 2.0rem);
      overflow: auto;
   }

   #content nav {
      height: 100%;
      overflow: auto;
   }

      #content nav li.cm-method {
         position: relative;
         padding-left: 1.0rem;
         font-size: 0.9rem;
         list-style: inside;
      }

      #content nav a {
         color: #333333;
      }

         #content nav a:hover, #content nav a:active, #content nav a.cm-active {
            color: #ff6e00;
         }

   #content table thead tr, #content div.cm-dateTable + table tbody tr:first-child td, #content div.cm-dateTable + table tbody tr td:first-child {
      font-weight: 500;
      background-color: rgba(255,110,0,0.1);
   }

   #content article h4 {
      margin-top: 3.0rem;
      font-weight: 700;
   }

   #content article > h4:first-child {
      margin: 1.0rem 0.0rem;
   }

   #content article h5 {
      font-size: 1.0rem;
   }

   #content article dl {
      margin: 1.0rem 0.0rem;
   }

   #content h4#chartmePage:before, #content h4#chartmeChart:before {
      content: "$.";
   }

   #content .cm-option {
      font-weight: 600;
      color: rgba(33,33,33,0.5);
      padding-right: 1.0rem;
   }

   #content .cm-default {
      font-weight: 500;
      color: rgba(33,33,33,0.5);
      padding-right: 1.0rem;
   }

footer {
   position: absolute;
   bottom: 0px;
   width: calc(100% - 1.0rem);
   height: 2.0rem;
   line-height: 2.0rem;
   background: #333333;
   color: #ffffff;
   text-align: right;
   padding: 0.5rem;
   font-style: normal;
}

footer a {
   color: #ffffff;
}