#body {
      margin: 1em;
   }
   img {
    float: left;
    margin: 0 0 10px 10px;
   }
   img.blackbordersides {
      float:none;
      margin: 0 0 0px 0px;
   }
   .sectionicon {
    float: left;
    margin: 0 10px 0px 0px;
   }
   .sectionmiddle {
    float: left;
    margin: 0 10px 0px 22px;
   }
   #minwidth33 {
      min-width:33em;
      position:relative;
      margin:0;
      padding:0;
   }
   a {
      color: #003399;
      background-color: transparent;
      font-weight: normal;
   }

   h1 {
      color: #444;
      background-color: #fff;
      border-bottom: 1px solid #D0D0D0;
      font-size: 19px;
      font-weight: normal;
      margin: 0 0 14px 0;
      padding: 14px 15px 10px 15px;
   }
   h2 {
      color: #444;
      background-color: #fff;
      font-size: 1.7em;
   }
   h3 {
      margin-bottom:.5em;
   }
   h3 a {
      text-decoration: none;
      margin-bottom:.5em;
      font-size:17px;
      font-weight:bold;
      color: #444;
   }

   code {
      font-family: Consolas, Monaco, Courier New, Courier, monospace;
      font-size: 12px;
      background-color: #f9f9f9;
      border: 1px solid #D0D0D0;
      color: #002166;
      display: block;
      margin: 14px 0 14px 0;
      padding: 12px 10px 12px 10px;
   }

   #bodycontent {
      margin: 0 15px 0 15px;
      /**min-height:700px;**/
      vertical-align:top;
   }
   #bodycontenttall {
      margin: 0 15px 0 15px;
      min-height:700px;
   }
   #home {
      position:fixed;
      padding:0;
      margin:-20px;
      font-weight: bold;
      color:white;
      text-decoration: none;
   }
   #home a{

   }
   #topheader {

      margin:0;
      padding:0;
      position:relative;
      margin-bottom:-1.3em;
   }
   #topheader a{
      font-weight: bold;
      color:white;
      text-decoration: none;
   }
   p.footer {
      text-align: right;
      font-size: 11px;
      border-top: 1px solid #D0D0D0;
      line-height: 32px;
      padding: 0 10px 0 10px;
      margin: 20px 0 0 0;
   }

   #container {
      margin: 0 auto;
      margin-bottom: 20px;
      margin-top:2em;
      border: 1px solid #D0D0D0;
      box-shadow: 0 0 8px #D0D0D0;
      background-color: #fff;
      opacity: 0.9;
      width:40em;
      max-width:100%;
   }
   #containerhome {
      margin: 0 auto;
      margin-bottom: 20px;
      margin-top:2em;
      border: 1px solid #D0D0D0;
      box-shadow: 0 0 8px #D0D0D0;
      background-color: #fff;
      opacity: 0.9;
      width:40em;
      max-width:100%;
   }
   #containerhome h1 {
      border-bottom: 0px solid #D0D0D0;
   }
   #containerbutton {
      text-align:center;
      display:inline-block;
      width:100%;
   }
   #button {
      margin: 0 auto;
      margin-bottom: 20px;
      margin-right:1.5%;
      margin-left:1.5%;
      padding:.15em;
      border: 1px solid #D0D0D0;
      box-shadow: 0 0 8px #D0D0D0;
      background-color: #fff;
      opacity: 0.9;
      width:13em;
      text-align: center;
      float:left;
   }
   #button p {
      color:#4F5155;
   }
   #section {
      width:32.5em;
      margin-left:.5%;
      margin-right:.5%;
      margin-top:1em;
      position:relative;
      display:inline-block;
      vertical-align:top;
      max-width:100%;
   }
   #sectiondouble {
      width:66.5em;
      margin-left:.5%;
      margin-right:.75%;
      margin-top:1em;
      position:relative;
      display:inline-block;
      vertical-align:top;
      max-width:100%;
   }
   #sectiontwo {
      width:68.25em;
      margin-left:.5%;
      margin-top:1em;
      position:relative;
      display:inline-block;
      vertical-align:top;
      max-width:100%;
   }

   #sectiononoff {
      width:14em;
      margin-left:1%;
      margin-right:1%;
      position:relative;
      display:inline-block;
   }
   #circuits {
      position:relative;
      display:inline-block;
   }
   #sectionfull {
      width:80em;
      margin: 0 auto;
      position:relative;
      margin-top:2em;
   }
   #sectionover {
      width:41em;
      margin-left:.5%;
      margin-right:.5%;
      margin-top:1em;
      position:relative;
      display:inline-block;
      vertical-align:top;
      max-width:100%;
   }
   #editcfield {
      width:8%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #editcfieldlarge {
      width:16%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #seccontainer {
      margin: 0 auto;
      /**margin-top: 20px;**/
      border: 1px solid #D0D0D0;
      box-shadow: 0 0 8px #D0D0D0;
      background-color: #fff;
      opacity: 0.9;
      width:100%;
   }
   @media screen and (max-width: 650px) {
      #section {
         width:26em;
      }
      body {
         font: 16px/20px normal Helvetica, Arial, sans-serif;
      }
      #seccontainer {
      margin-bottom:20px;
      }
   }
   @media screen and (max-width: 600px) {
      body {
         margin: 0;
         font: 15px/20px normal Helvetica, Arial, sans-serif;
      }
      #section {
         width:23em;
      }
      #seccontainer {
      margin-bottom:20px;
      }
   }
   #sectionthird {
      width: 9.6em;
      position:relative;
      display: inline-block;
      vertical-align:top;
      min-height:2em;
      text-align:center;
   }
   #formfield {
      width: 15em;
      position:relative;
      display: inline-block;
      vertical-align:top;
      min-height:2em;
   }
   #formfieldwrap {
      margin-top:.3em;
      width: 16em;
      position:relative;
      display: inline-block;
      vertical-align:top;
      min-height:2em;
   }
   #formfieldquarter {
      width: 7em;
      position:relative;
      display:inline-block;
      height:1.8em;
   }
   #formfieldsixth {
      width: 4.5em;
      position:relative;
      display:inline-block;
      height:1.8em;
   }
   #formfieldsmall {
      width: 4.5em;
      position:relative;
      display:inline-block;
      height:1.8em;
   }
   #formfieldthird {
      width: 11em;
      position:relative;
      display:inline-block;
      height:1.8em;
   }
   #formfieldfull {
      width: 32em;
      position:relative;
      min-height:2em;
   }
   #formfieldwrap {
      width: 20em;
      position:relative;
      display: inline-block;
      min-height:2em;
   }
   #formfieldfullwrap {
      width: 29em;
      position:relative;
      display: inline-block;
      min-height:2em;
   }
   #formfieldonoff {
      width: 16em;
      position:relative;
      display: inline-block;
      vertical-align:top;
      min-height:2em;
   }
   /**Seq view specific**/
   #songtitle {
      text-align:center;
      font-size: 36px;
      font-weight: normal;
      position: absolute;

   }
   #bodyspecial {
      margin: 0 15px 0 15px;
      font-size:17px;
   }
   #bodyspecial h1 {
      font-size:1.5em;
      margin-bottom:0em;
   }
   #bodyspecial h2 {
      font-size:1.28em;
      color: blue;
      margin-top:2em;
      margin-bottom:-1.5em;
   }
   #bodyspecial h3 {
      color:orange;
      border-bottom: 1px solid #D0D0D0;
      font-size:18px;
      margin-top:40px;
      margin-bottom:0px;
   }
   #bodyspecial2 {
      margin: 0 15px 0 15px;
      font-size:17px;
   }
   #bodyspecial2 h1 {
      font-size:1.5em;
      margin-bottom:-1em;
   }
   #bodyspecial2 h2 {
      font-size:1.28em;
      color: blue;
      margin-top:2em;
      margin-bottom:0em;
   }
   #bodyspecial2 h3 {
      color:orange;
      border-bottom: 1px solid #D0D0D0;
      font-size:18px;
      margin-top:.5em;
      margin-bottom:0px;
   }
   #timerange {
      width:15%;
      float:left;
      margin-bottom:5px;
   }
   #timerangepart {
      width:9.5%;
      float:left;
      margin-bottom:5px;
   }
   #onoff {
      width:5%;
      float:left;
      margin-bottom:5px;
   }
   #timems {
      width:13%;
      position:relative;
      display: inline-block;
      font-size:14px;
      margin-bottom:5px;
      text-align:right;
   }
   #groupname {
      width:17%;
      float:left;
      margin-bottom:5px;
   }
   #circuitname {
      width:35%;
      position:relative;
      display: inline-block;
      margin-bottom:5px;
   }
   #effectname {
      width:20%;
      position:relative;
      display: inline-block;
      margin-bottom:5px;
   }
   #batchsetting {
      width:25%;
      position:relative;
      display: inline-block;
      margin-bottom:5px;
   }
   #modify {
      width:10%;
      position:relative;
      display: inline-block;
      margin-bottom:5px;
   }
   #sectime {
      float:right;
   }
   #sectime2 {
      float:left;
   }
   /**END Seq view specific**/

   /**Setup specific settings**/
   #songsectionsfield {
      width:18%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #songsectionsfielddbl {
      width:40%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #songsectionsfielddb2 {
      width:53%;
      position:relative;
      display:inline-block;
      text-align:left;
      margin-bottom:.5em;
      margin-top:.5em;
      padding-left:1.3em;
   }
   /**END Setup specific settings**/

   /**Face specific formatting**/
   #facefield {
      width:10.5%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #facefieldlarge {
      width:20%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #faceline {
      border:0px;
      border-bottom:1px;
      border-color:black;
      border-style:solid;
   }
   #facelineopp {
      border:0px;
      border-bottom:1px;
      border-color:black;
      border-style:solid;
      background-color:gray;

   }
   #facelineopp .fontwhite {
     color:white;
   }
   #facesectionfull {
      width:71em;
      margin: 0 auto;
      position:relative;
      margin-top:2em;
   }
   #patternsection {
      width:71em;
      margin: 0 auto;
      position:relative;
      margin-top:2em;
   }
   #patternsection input[type="text"]
   {
      font-size:1.3em;
      text-align:center;
   }
   #patternfield45 select
   {
      font-size:1.02em;
   }
   #patternfield3 {
      width:3%;
      position:relative;
      display:inline-block;
      text-align:left;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #patternvertline {
     position:relative;
     display:inline-block;
     width:2px;
     padding-top:.5em;
     padding-bottom:.5em;
     border-width:0;
     border-right-width:2px;
     border-color:#00000;
     border-style:solid;
     margin:0px;
   }
   #patternfield6 {
      width:6%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
      margin-left:.5em;
   }
   #patternfield10 {
      width:9%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #patternfield15 {
      width:15%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #patternfield20 {
      width:18%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #patternfield33 {
      width:32%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #patternfield35 {
      width:33.5%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #patternfield45 {
      width:45%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #patternfield60 {
      width:60%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #patternfield80 {
      width:80%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #patternfield80 img {
      margin:0;
      padding:0;
      margin-bottom:-1em;
   }
   #patternfield10 {
      width:11%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #patternfield40 {
      width:38%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #patternfield45 {
      width:41%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
   }
   #patternfield45 img {
      margin:0;
      padding:0;
      margin-bottom:-1em;
   }

   input[type=checkbox] {
      /* All browsers except webkit*/
      transform: scale(2);

      /* Webkit browsers*/
      -webkit-transform: scale(2);
   }
   #topmenu {
      width:100%;
      position:relative;
      margin:0;
      padding:0;
      margin-bottom:-1em;
   }

   #topmenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #E7E7E7;
    color: #333;
   }

   #topmenu li {
    float: left;
   }

   #topmenu li a {
    display: block;
    color: #333;
    text-align: center;
    padding: 8px 16px;
    font-weight:bold;
    text-decoration: none;
   }

   /* Change the link color to #111 (black) on hover */
   #topmenu li a:hover {
    background-color: #C1C1C1;
   }
   #divBpm {
    width: 80px;
    margin: 0 auto;
    border: 1px solid #c0c0c0;
    text-align: center;
    padding: 10px;
    font-size: 2em;
    font-weight: bold;
   }

   #divBpmTitle {
    text-align: center;
    font-weight: bold;
    font-size: 1em;
   }

   #linklist a {
   display: block;
   }
   #linklist {
      -webkit-column-count: 4;
      -moz-column-count: 4;
          column-count: 4;
      -webkit-column-gap: 2em;
      -moz-column-gap: 2em;
          column-gap: 2em;
   }
   #centerme {
      text-align:center;
      position:relative;
      list-style-type: none;
      display:inline-block;
      width:8em;
      margin-top:.5em;
      margin-bottom:.5em;
      vertical-align:top;
   }
   #centermesml {
      text-align:center;
      position:relative;
      list-style-type: none;
      display:inline-block;
      width:8em;
      margin-top:.5em;
      margin-bottom:.5em;
      vertical-align:top;
   }
   meter:after {
      content: '';
      width: 0;
      height: 100%;
      position: absolute;
      border: 1px solid black;
      top: 0;
      left: 55.5%;
   }
   meter:before {
      content: '';
      width: 0;
      height: 100%;
      position: absolute;
      border: 1px solid black;
      top: 0;
      right: 23%;
   }
   #wavelabel {
      width:10.5%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
      margin-left:10%;
   }
   #wavelabeltwo {
      width:10.9%;
      position:relative;
      display:inline-block;
      text-align:center;
      font-weight:bold;
      margin-bottom:.5em;
      margin-top:.5em;
      margin-left:6%;
   }
   #treewavelegend {
      position:fixed;
      width:200px;
      margin: 0 auto;
      border: 1px solid #D0D0D0;
      box-shadow: 0 0 8px #D0D0D0;
      background-color: #fff;
      opacity: 0.9;
   }
   #treewavelegend h1 {
      font-size:1.5em;
      margin-bottom:0em;
   }
   .rgbcirc {
      background-color: #99FFA2;
      color:black;
      border: 2px solid black;
   }