.RootPanel {
   background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(70,70,70,1) 100%);
}
.MainPanel {
   background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(200,215,255,1) 100%);
   width: 1100px;
   padding: 0px;
   margin: 0px;
   border: 10px solid #000000;
   border-radius: 10px 10px 10px 10px;
}
.InnerTable {
   width: 100%;
   padding: 10px;
   margin: 0px;
   border: 0px;
}
.LangToggleButtonUP {
   font-weight: normal;
}
.LangToggleButtonDOWN {
   font-weight: bold;
}
.LoginPanel {
   padding: 5px;
   margin: 5px;
   border: 10px solid #000000;
   border-radius: 10px 10px 10px 10px;
}
.SubscribePanel {
   padding: 5px;
   margin: 5px;
   border: 10px solid #000000;
   border-radius: 10px 10px 10px 10px;
}
.Import {
   width: 90%;
   padding: 0px;
   margin-left: 10px;
   border: 0px solid #777777;
}
.Summary {
}
.FAQ {
}
.Commands {
}
.hint {
   font-style: italics;
   color: #777777;
}
.Good {
   color: #00BB00;
}
.Bad {
   color: #DD0000;
}
.LaunchButton {
   font-family: Helvetica, sans-serif;
   font-weight: bold;
   box-shadow: 0px 2px 2px 2px #DDDDDD;
   border: 2px solid #0000FF;
   background: rgba(200,200,200,.1);
   border-radius: 6px 6px 6px 6px;
   white-space: nowrap;
}
.TabButton {
   font-family: Helvetica, sans-serif;
   font-weight: normal;
   border-top: 2px solid #000000;
   border-left: 2px solid #000000;
   border-right: 2px solid #000000;
   border-bottom: 1px solid rgba(100,100,100,.5);
   background: rgba(100,100,100,.1);
   border-radius: 5px 5px 0px 0px;
   white-space: nowrap;
}
.TabButtonActive {
   background: rgba(0,0,0,0);
   border-bottom: 1px solid rgba(100,100,100,0);
   font-weight: bold;
   white-space: nowrap;
}
.Title {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 2em;
   font-weight: bold;
}
.Blue {
   color: #0033AA;
}
.Welcome {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.3em;
}
.Body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.2em;
}
.List {
   font-family: Arial, Helvetica, sans-serif;
   font-size: .9em;
}
.Header {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.2em;
   font-weight: bold;
}
.DuallyNotingImage {
   width: 200px;
   padding: 0px;
   margin: 5px;
   border: 0px solid #FFFFFF;
}
.Logo {
   height: 200px;
   width: 200px;
   padding: 0px;
   margin: 5px;
   border: 10px solid #FFFFFF;
   border-radius: 10px 10px 10px 10px;
}
.Gif {
   padding: 0px;
   margin: 0px;
   border: 0px;
}
.HomeVideo {
   width: 500px;
   padding: 0px;
   margin: 10px;
   border: 2px solid #0000DD;
   border-radius: 10px 10px 10px 10px;
   background-color: #0000DD;
}
.SummaryVideo {
   width: 600px;
   padding: 0px;
   margin: 10px;
   border: 2px solid #0000DD;
   border-radius: 10px 10px 10px 10px;
   background-color: #0000DD;
}
.TutorialTable TD {
   padding-left: 6px;
}
.TutorialTitle {
   font-family: sans-serif;
   font-size: 1.2em;
   font-weight: bold;
   border-bottom: 1px solid #000000;
}
.Tutorial {
   font-family: Georgia, serif;
   font-size: 1em;
   font-weight: normal;
}
.TutorialScreenshot {
   width: 500px;
}
.TutorialVideo {
   width: 500px;
}

/*
background-image: url("images/TineFune.png"), linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 60%, rgba(140,160,255,0.4) 100%);
background-repeat: no-repeat;
background-size: contain;
[class*="RootTable"]
*/


/* background: linear-gradient(0deg, rgba(255,0,0,0.3) 0%, rgba(255,255,255,0) 10%); */
/* box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit; */
/* TineFune */

a, a:visited {
   font-family: "Trebuchet MS", Helvetica, sans-serif;
   font-style: normal;
   color:#000000;
   font-size: 1em;
   text-decoration:none;
}
a:hover {
   font-family: "Trebuchet MS", Helvetica, sans-serif;
   font-style: normal;
   color: #000000;
   font-size: 1em;
   text-decoration:none;
   box-shadow: 0px 2px 4px 4px #DDDDDD;
}
.trim {
   padding: 0px;
   margin: 0px;
   border: 0px;
}
/*
.RootPanel {
   font-size: 1.3em;
   margin: 0px;
}
*/
.TrackTable {
   background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(140,160,255,1) 100%);
   width: 100%;
   padding: 0px;
   margin: 0px;
   border: 0px;
}
.CenterBlank {
   background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 60%, rgba(140,160,255,0.4) 100%);
   width: 100%;
   padding: 0px;
   margin: 0px;
   border: 0px;
}
.CenterPanel {
   background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 60%, rgba(140,160,255,0.4) 100%);
/*
   background-image: url("images/TineFune.png"), linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 60%, rgba(140,160,255,0.4) 100%);
   background-repeat: no-repeat;
   background-size: contain;
*/
   width: 100%;
   padding: 0px;
   margin: 0px;
   border: 0px;
}
.CenterPanel TR, TD {
   padding: 0px;
   margin: 0px;
   border: 0px;
}

.ChannelAfterTouchOverlay {
   border-left: 1px solid rgba(255,127,0,1);
   background-color: rgba(255,127,0,.1);
}
.KeyAfterTouchOverlay {
   border-left: 1px solid rgba(255,127,127,1);
   background-color: rgba(255,127,127,.1);
}
.PatchChangeOverlay {
   border-left: 1px solid rgba(255,0,255,1);
   background-color: rgba(255,0,255,.1);
}
.PitchWheelChangeOverlay {
   border-left: 1px solid rgba(180,160,0,1);
   background-color: rgba(180,160,0,.1);
}
.SampleOverlay {
   border-left: 1px solid rgba(0,0,0,.5);
   background-color: rgba(255,0,0,1);
}

/* border: 1px solid #999999; */
/* hsl 240 blue */
.NoteOnSelected {
   background-color: hsl(240, 95%, 65%);
}
.NoteOnHilight {
   /*background-color: hsl(240, 95%, 65%);*/
   border-bottom: 1px solid #000000;
}
.NoteOnSlantFlag {
   background: linear-gradient(30deg, rgba(0,0,0,1) 0%, rgba(0,0,0,.8) 80%, rgba(0,0,0,.25) 100%);
}
.NoteOn {
   background-color: #000000;
}
.DotHover {
   background: #0000FF;
   border-left: 2px solid #FFFFFF;
   border-bottom: 2px solid #FFFFFF;
   border-top: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
}
.FlagHover {
   background: #0000FF;
   border: 1px solid #FFFFFF;
}
/* hsl 60 yellow */
.LabelDot{
   border-left: 1px solid #000000;
   background-color: rgba(127,127,127,.5);
   /*background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%);*/
}
.LabelDotSelected {
   border-left: 2px solid #0000FF;
   background: linear-gradient(0deg, rgba(255,255,000,.8) 0%, rgba(255,255,000,0) 100%);
}
.NoteDotSelected {
   background-color: hsl(240, 95%, 65%);
}
.NoteDotHilight {
   /*background-color: hsl(240, 95%, 65%);*/
   border-bottom: 1px solid #FFFFFF;
}
.LabelDotHilight {
   border-bottom: 1px solid #FFFFFF;
}
.NoteDotSlant {
   background: linear-gradient(50deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
}
.NoteDot {
   background: linear-gradient(50deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
}
.Velocity {
   background-color: #802020;
}
/* background-color: #9977EE;*/
.VelocitySelected {
   background-color: hsl(60, 90%, 60%);
}
.VelocityHilight {
   /*background-color: hsl(60, 90%, 60%);*/
   border-left: 1px solid #FFFFFF;
}
.Draggable {
   border-bottom: 1px solid #FF0000;
}

.Rotate90 {
   transform: rotate(90deg);
}
.Rotate270 {
   transform: rotate(270deg);
}

.pianoC_ { color: #000000; background-color: #FFFFF0; }
.pianoDb_ { color: #FFFFFF; background-color: #223300; }
.pianoD_ { color: #000000; background-color: #FFFFF0; }
.pianoEb_ { color: #FFFFFF; background-color: #223300; }
.pianoE_ { color: #000000; background-color: #FFFFF0; }
.pianoF_ { color: #000000; background-color: #FFFFF0; }
.pianoGb_ { color: #FFFFFF; background-color: #223300; }
.pianoG_ { color: #000000; background-color: #FFFFF0; }
.pianoAb_ { color: #FFFFFF; background-color: #223300; }
.pianoA_ { color: #000000; background-color: #FFFFF0; }
.pianoBb_ { color: #FFFFFF; background-color: #223300; }
.pianoB_ { color: #000000; background-color: #FFFFF0; }
.pianoC0 { color: #000000; background-color: #FFFFF0; }
.pianoDb0 { color: #FFFFFF; background-color: #223300; }
.pianoD0 { color: #000000; background-color: #FFFFF0; }
.pianoEb0 { color: #FFFFFF; background-color: #223300; }
.pianoE0 { color: #000000; background-color: #FFFFF0; }
.pianoF0 { color: #000000; background-color: #FFFFF0; }
.pianoGb0 { color: #FFFFFF; background-color: #223300; }
.pianoG0 { color: #000000; background-color: #FFFFF0; }
.pianoAb0 { color: #FFFFFF; background-color: #223300; }
.pianoA0 { color: #000000; background-color: #FFFFF0; }
.pianoBb0 { color: #FFFFFF; background-color: #223300; }
.pianoB0 { color: #000000; background-color: #FFFFF0; }
.pianoC1 { color: #000000; background-color: #FFFFF0; }
.pianoDb1 { color: #FFFFFF; background-color: #223300; }
.pianoD1 { color: #000000; background-color: #FFFFF0; }
.pianoEb1 { color: #FFFFFF; background-color: #223300; }
.pianoE1 { color: #000000; background-color: #FFFFF0; }
.pianoF1 { color: #000000; background-color: #FFFFF0; }
.pianoGb1 { color: #FFFFFF; background-color: #223300; }
.pianoG1 { color: #000000; background-color: #FFFFF0; }
.pianoAb1 { color: #FFFFFF; background-color: #223300; }
.pianoA1 { color: #000000; background-color: #FFFFF0; }
.pianoBb1 { color: #FFFFFF; background-color: #223300; }
.pianoB1 { color: #000000; background-color: #FFFFF0; }
.pianoC2 { color: #000000; background-color: #FFFFF0; }
.pianoDb2 { color: #FFFFFF; background-color: #223300; }
.pianoD2 { color: #000000; background-color: #FFFFF0; }
.pianoEb2 { color: #FFFFFF; background-color: #223300; }
.pianoE2 { color: #000000; background-color: #FFFFF0; }
.pianoF2 { color: #000000; background-color: #FFFFF0; }
.pianoGb2 { color: #FFFFFF; background-color: #223300; }
.pianoG2 { color: #000000; background-color: #FFFFF0; }
.pianoAb2 { color: #FFFFFF; background-color: #223300; }
.pianoA2 { color: #000000; background-color: #FFFFF0; }
.pianoBb2 { color: #FFFFFF; background-color: #223300; }
.pianoB2 { color: #000000; background-color: #FFFFF0; }
.pianoC3 { color: #000000; background-color: #FFFFF0; }
.pianoDb3 { color: #FFFFFF; background-color: #223300; }
.pianoD3 { color: #000000; background-color: #FFFFF0; }
.pianoEb3 { color: #FFFFFF; background-color: #223300; }
.pianoE3 { color: #000000; background-color: #FFFFF0; }
.pianoF3 { color: #000000; background-color: #FFFFF0; }
.pianoGb3 { color: #FFFFFF; background-color: #223300; }
.pianoG3 { color: #000000; background-color: #FFFFF0; }
.pianoAb3 { color: #FFFFFF; background-color: #223300; }
.pianoA3 { color: #000000; background-color: #FFFFF0; }
.pianoBb3 { color: #FFFFFF; background-color: #223300; }
.pianoB3 { color: #000000; background-color: #FFFFF0; }
.pianoC4 { color: #000000; background-color: #FFFFF0; }
.pianoDb4 { color: #FFFFFF; background-color: #223300; }
.pianoD4 { color: #000000; background-color: #FFFFF0; }
.pianoEb4 { color: #FFFFFF; background-color: #223300; }
.pianoE4 { color: #000000; background-color: #FFFFF0; }
.pianoF4 { color: #000000; background-color: #FFFFF0; }
.pianoGb4 { color: #FFFFFF; background-color: #223300; }
.pianoG4 { color: #000000; background-color: #FFFFF0; }
.pianoAb4 { color: #FFFFFF; background-color: #223300; }
.pianoA4 { color: #000000; background-color: #FFFFF0; }
.pianoBb4 { color: #FFFFFF; background-color: #223300; }
.pianoB4 { color: #000000; background-color: #FFFFF0; }
.pianoC5 { color: #000000; background-color: #FFFFF0; }
.pianoDb5 { color: #FFFFFF; background-color: #223300; }
.pianoD5 { color: #000000; background-color: #FFFFF0; }
.pianoEb5 { color: #FFFFFF; background-color: #223300; }
.pianoE5 { color: #000000; background-color: #FFFFF0; }
.pianoF5 { color: #000000; background-color: #FFFFF0; }
.pianoGb5 { color: #FFFFFF; background-color: #223300; }
.pianoG5 { color: #000000; background-color: #FFFFF0; }
.pianoAb5 { color: #FFFFFF; background-color: #223300; }
.pianoA5 { color: #000000; background-color: #FFFFF0; }
.pianoBb5 { color: #FFFFFF; background-color: #223300; }
.pianoB5 { color: #000000; background-color: #FFFFF0; }
.pianoC6 { color: #000000; background-color: #FFFFF0; }
.pianoDb6 { color: #FFFFFF; background-color: #223300; }
.pianoD6 { color: #000000; background-color: #FFFFF0; }
.pianoEb6 { color: #FFFFFF; background-color: #223300; }
.pianoE6 { color: #000000; background-color: #FFFFF0; }
.pianoF6 { color: #000000; background-color: #FFFFF0; }
.pianoGb6 { color: #FFFFFF; background-color: #223300; }
.pianoG6 { color: #000000; background-color: #FFFFF0; }
.pianoAb6 { color: #FFFFFF; background-color: #223300; }
.pianoA6 { color: #000000; background-color: #FFFFF0; }
.pianoBb6 { color: #FFFFFF; background-color: #223300; }
.pianoB6 { color: #000000; background-color: #FFFFF0; }
.pianoC7 { color: #000000; background-color: #FFFFF0; }
.pianoDb7 { color: #FFFFFF; background-color: #223300; }
.pianoD7 { color: #000000; background-color: #FFFFF0; }
.pianoEb7 { color: #FFFFFF; background-color: #223300; }
.pianoE7 { color: #000000; background-color: #FFFFF0; }
.pianoF7 { color: #000000; background-color: #FFFFF0; }
.pianoGb7 { color: #FFFFFF; background-color: #223300; }
.pianoG7 { color: #000000; background-color: #FFFFF0; }
.pianoAb7 { color: #FFFFFF; background-color: #223300; }
.pianoA7 { color: #000000; background-color: #FFFFF0; }
.pianoBb7 { color: #FFFFFF; background-color: #223300; }
.pianoB7 { color: #000000; background-color: #FFFFF0; }
.pianoC8 { color: #000000; background-color: #FFFFF0; }
.pianoDb8 { color: #FFFFFF; background-color: #223300; }
.pianoD8 { color: #000000; background-color: #FFFFF0; }
.pianoEb8 { color: #FFFFFF; background-color: #223300; }
.pianoE8 { color: #000000; background-color: #FFFFF0; }
.pianoF8 { color: #000000; background-color: #FFFFF0; }
.pianoGb8 { color: #FFFFFF; background-color: #223300; }
.pianoG8 { color: #000000; background-color: #FFFFF0; }
.pianoAb8 { color: #FFFFFF; background-color: #223300; }
.pianoA8 { color: #000000; background-color: #FFFFF0; }
.pianoBb8 { color: #FFFFFF; background-color: #223300; }
.pianoB8 { color: #000000; background-color: #FFFFF0; }
.pianoC9 { color: #000000; background-color: #FFFFF0; }
.pianoDb9 { color: #FFFFFF; background-color: #223300; }
.pianoD9 { color: #000000; background-color: #FFFFF0; }
.pianoEb9 { color: #FFFFFF; background-color: #223300; }
.pianoE9 { color: #000000; background-color: #FFFFF0; }
.pianoF9 { color: #000000; background-color: #FFFFF0; }
.pianoGb9 { color: #FFFFFF; background-color: #223300; }
.pianoG9 { color: #000000; background-color: #FFFFF0; }

.percC_ { color: #000000; background-color: #FFFFF0; }
.percDb_ { color: #FFFFFF; background-color: #888888; }
.percD_ { color: #000000; background-color: #FFFFF0; }
.percEb_ { color: #FFFFFF; background-color: #888888; }
.percE_ { color: #000000; background-color: #FFFFF0; }
.percF_ { color: #000000; background-color: #FFFFF0; }
.percGb_ { color: #FFFFFF; background-color: #888888; }
.percG_ { color: #000000; background-color: #FFFFF0; }
.percAb_ { color: #FFFFFF; background-color: #888888; }
.percA_ { color: #000000; background-color: #FFFFF0; }
.percBb_ { color: #FFFFFF; background-color: #888888; }
.percB_ { color: #000000; background-color: #FFFFF0; }
.percC0 { color: #000000; background-color: #FFFFF0; }
.percDb0 { color: #FFFFFF; background-color: #888888; }
.percD0 { color: #000000; background-color: #FFFFF0; }
.percEb0 { color: #FFFFFF; background-color: #888888; }
.percE0 { color: #000000; background-color: #FFFFF0; }
.percF0 { color: #000000; background-color: #FFFFF0; }
.percGb0 { color: #FFFFFF; background-color: #888888; }
.percG0 { color: #000000; background-color: #FFFFF0; }
.percAb0 { color: #FFFFFF; background-color: #888888; }
.percA0 { color: #000000; background-color: #FFFFF0; }
.percBb0 { color: #FFFFFF; background-color: #888888; }
.percB0 { color: #000000; background-color: #FFFFF0; }
.percC1 { color: #000000; background-color: #FFFFF0; }
.percDb1 { color: #FFFFFF; background-color: #888888; }
.percD1 { color: #000000; background-color: #FFFFF0; }
.percEb1 { color: #FFFFFF; background-color: #888888; }
.percE1 { color: #000000; background-color: #FFFFF0; }
.percF1 { color: #000000; background-color: #FFFFF0; }
.percGb1 { color: #FFFFFF; background-color: #888888; }
.percG1 { color: #000000; background-color: #FFFFF0; }
.percAb1 { color: #FFFFFF; background-color: #888888; }
.percA1 { color: #000000; background-color: #FFFFF0; }
.percBb1 { color: #FFFFFF; background-color: #888888; }
.percB1 { color: #000000; background-color: #FFFFF0; } /* acoustic bass */
.percC2 { color: #000000; background-color: #FFFFF0; } /* bass drum 1 */
.percDb2 { color: #FFFFFF; background-color: #A89898; } /* side stick */
.percD2 { color: #000000; background-color: #FFEEE0; } /* acoustic snare */
.percEb2 { color: #FFFFFF; background-color: #888888; } /* hand clap */
.percE2 { color: #000000; background-color: #FFE0D0; } /* electric snare */
.percF2 { color: #000000; background-color: #FFFFF0; } /* low floor tom */
.percGb2 { color: #FFFFFF; background-color: #77AABB; } /* closed hi-hat */
.percG2 { color: #000000; background-color: #FFFFF0; } /* high floor tom */
.percAb2 { color: #FFFFFF; background-color: #77AACC; } /* pedal hi-hat */
.percA2 { color: #000000; background-color: #FFFFF0; } /* low tom */
.percBb2 { color: #FFFFFF; background-color: #77AADD; } /* open hi-hat */
.percB2 { color: #000000; background-color: #FFFFF0; } /* low-mid tom */
.percC3 { color: #000000; background-color: #FFFFF0; } /* hi-mid tom */
.percDb3 { color: #FFFFFF; background-color: #77BBAA; } /* crash cymbal 1 */
.percD3 { color: #000000; background-color: #FFFFF0; } /* high tom */
.percEb3 { color: #FFFFFF; background-color: #559A99; } /* ride cymbal 1 */
.percE3 { color: #000000; background-color: #B7EBEA; } /* chinese cymbal */
.percF3 { color: #000000; background-color: #FFFFF0; } /* ride bell */
.percGb3 { color: #FFFFFF; background-color: #A89888; } /* tambourine */
.percG3 { color: #000000; background-color: #C7FBEA; } /* splash cymbal */
.percAb3 { color: #FFFFFF; background-color: #886622; } /* cowbell */
.percA3 { color: #000000; background-color: #97DBCA; } /* crash cymbal 2 */
.percBb3 { color: #FFFFFF; background-color: #888888; } /* vibraslap */
.percB3 { color: #000000; background-color: #AFEFEF; } /* ride cymbal 2 */
.percC4 { color: #000000; background-color: #CECE70; } /* hi bongo */
.percDb4 { color: #FFFFFF; background-color: #999940; } /* low bongo */
.percD4 { color: #000000; background-color: #FFFFF0; } /* mute hi conga */
.percEb4 { color: #FFFFFF; background-color: #888888; } /* open hi conga */
.percE4 { color: #000000; background-color: #FFFFF0; } /* low conga */
.percF4 { color: #000000; background-color: #FFFFF0; } /* high timbale */
.percGb4 { color: #FFFFFF; background-color: #888888; } /* low timbale */
.percG4 { color: #000000; background-color: #F0BAAA; } /* high agogo */
.percAb4 { color: #FFFFFF; background-color: #D09888; } /* low agogo */
.percA4 { color: #000000; background-color: #FFFFF0; } /* cabasa */
.percBb4 { color: #FFFFFF; background-color: #888888; } /* maracas */
.percB4 { color: #000000; background-color: #FFFFF0; } /* short whistle */
.percC5 { color: #000000; background-color: #FFFFF0; } /* long whistle */
.percDb5 { color: #FFFFFF; background-color: #888888; } /* short guiro */
.percD5 { color: #000000; background-color: #FFFFF0; } /* long guiro */
.percEb5 { color: #FFFFFF; background-color: #888888; } /* claves */
.percE5 { color: #000000; background-color: #DECA55; } /* hi wood block */
.percF5 { color: #000000; background-color: #D0B055; } /* low wood block */
.percGb5 { color: #FFFFFF; background-color: #888888; } /* mute cuica */
.percG5 { color: #000000; background-color: #FFFFF0; } /* open cuica */
.percAb5 { color: #FFFFFF; background-color: #888888; } 
.percA5 { color: #000000; background-color: #FFFFF0; } 
.percBb5 { color: #FFFFFF; background-color: #888888; }
.percB5 { color: #000000; background-color: #FFFFF0; } 
.percC6 { color: #000000; background-color: #FFFFF0; } 
.percDb6 { color: #FFFFFF; background-color: #888888; }
.percD6 { color: #000000; background-color: #FFFFF0; } 
.percEb6 { color: #FFFFFF; background-color: #888888; }
.percE6 { color: #000000; background-color: #FFFFF0; }
.percF6 { color: #000000; background-color: #FFFFF0; }
.percGb6 { color: #FFFFFF; background-color: #888888; }
.percG6 { color: #000000; background-color: #FFFFF0; }
.percAb6 { color: #FFFFFF; background-color: #888888; }
.percA6 { color: #000000; background-color: #FFFFF0; }
.percBb6 { color: #FFFFFF; background-color: #888888; }
.percB6 { color: #000000; background-color: #FFFFF0; }
.percC7 { color: #000000; background-color: #FFFFF0; }
.percDb7 { color: #FFFFFF; background-color: #888888; }
.percD7 { color: #000000; background-color: #FFFFF0; }
.percEb7 { color: #FFFFFF; background-color: #888888; }
.percE7 { color: #000000; background-color: #FFFFF0; }
.percF7 { color: #000000; background-color: #FFFFF0; }
.percGb7 { color: #FFFFFF; background-color: #888888; }
.percG7 { color: #000000; background-color: #FFFFF0; }
.percAb7 { color: #FFFFFF; background-color: #888888; }
.percA7 { color: #000000; background-color: #FFFFF0; }
.percBb7 { color: #FFFFFF; background-color: #888888; }
.percB7 { color: #000000; background-color: #FFFFF0; }
.percC8 { color: #000000; background-color: #FFFFF0; }
.percDb8 { color: #FFFFFF; background-color: #888888; }
.percD8 { color: #000000; background-color: #FFFFF0; }
.percEb8 { color: #FFFFFF; background-color: #888888; }
.percE8 { color: #000000; background-color: #FFFFF0; }
.percF8 { color: #000000; background-color: #FFFFF0; }
.percGb8 { color: #FFFFFF; background-color: #888888; }
.percG8 { color: #000000; background-color: #FFFFF0; }
.percAb8 { color: #FFFFFF; background-color: #888888; }
.percA8 { color: #000000; background-color: #FFFFF0; }
.percBb8 { color: #FFFFFF; background-color: #888888; }
.percB8 { color: #000000; background-color: #FFFFF0; }
.percC9 { color: #000000; background-color: #FFFFF0; }
.percDb9 { color: #FFFFFF; background-color: #888888; }
.percD9 { color: #000000; background-color: #FFFFF0; }
.percEb9 { color: #FFFFFF; background-color: #888888; }
.percE9 { color: #000000; background-color: #FFFFF0; }
.percF9 { color: #000000; background-color: #FFFFF0; }
.percGb9 { color: #FFFFFF; background-color: #888888; }
.percG9 { color: #000000; background-color: #FFFFF0; }

.staffC_ { color: #000000; background-color: #F0F0E0; }
.staffDb_ { color: #FFFFFF; background-color: #CCCCAA; }
.staffD_ { color: #000000; background-color: #F0F0E0; }
.staffEb_ { color: #FFFFFF; background-color: #CCCCAA; }
.staffE_ { color: #000000; background-color: #F0F0E0; }
.staffF_ { color: #000000; background-color: #F0F0E0; }
.staffGb_ { color: #FFFFFF; background-color: #CCCCAA; }
.staffG_ { color: #000000; background-color: #F0F0E0; }
.staffAb_ { color: #FFFFFF; background-color: #CCCCAA; }
.staffA_ { color: #000000; background-color: #F0F0E0; }
.staffBb_ { color: #FFFFFF; background-color: #CCCCAA; }
.staffB_ { color: #000000; background-color: #F0F0E0; }
.staffC0 { color: #000000; background-color: #F0F0F0; }
.staffDb0 { color: #FFFFFF; background-color: #CCCCAA; }
.staffD0 { color: #000000; background-color: #F0F0E0; }
.staffEb0 { color: #FFFFFF; background-color: #CCCCAA; }
.staffE0 { color: #000000; background-color: #FFFFE0; }
.staffF0 { color: #000000; background-color: #F0F0E0; }
.staffGb0 { color: #FFFFFF; background-color: #CCCCAA; }
.staffG0 { color: #000000; background-color: #F0F0E0; }
.staffAb0 { color: #FFFFFF; background-color: #CCCCAA; }
.staffA0 { color: #000000; background-color: #F0F0E0; }
.staffBb0 { color: #FFFFFF; background-color: #CCCCAA; }
.staffB0 { color: #000000; background-color: #F0F0E0; }
.staffC1 { color: #000000; background-color: #F0F0F0; }
.staffDb1 { color: #FFFFFF; background-color: #CCCCAA; }
.staffD1 { color: #000000; background-color: #F0F0E0; }
.staffEb1 { color: #FFFFFF; background-color: #CCCCAA; }
.staffE1 { color: #000000; background-color: #F0F0E0; }
.staffF1 { color: #000000; background-color: #F0F0E0; }
.staffGb1 { color: #FFFFFF; background-color: #CCCCAA; }
.staffG1 { color: #000000; background-color: #F0F0E0; }
.staffAb1 { color: #FFFFFF; background-color: #CCCCAA; }
.staffA1 { color: #000000; background-color: #F0F0E0; }
.staffBb1 { color: #FFFFFF; background-color: #CCCCAA; }
.staffB1 { color: #000000; background-color: #F0F0E0; }
.staffC2 { color: #000000; background-color: #F0F0F0; }
.staffDb2 { color: #FFFFFF; background-color: #CCCCAA; }
.staffD2 { color: #000000; background-color: #F0F0E0; }
.staffEb2 { color: #FFFFFF; background-color: #CCCCAA; }
.staffE2 { color: #000000; background-color: #F0F0E0; }
.staffF2 { color: #000000; background-color: #F0F0E0; }
.staffGb2 { color: #FFFFFF; background-color: #CCCCAA; }
.staffG2 { color: #000000; background-color: #F0F0E0; }
.staffAb2 { color: #FFFFFF; background-color: #CCCCAA; }
.staffA2 { color: #000000; background-color: #F0F0E0; }
.staffBb2 { color: #FFFFFF; background-color: #CCCCAA; }
.staffB2 { color: #000000; background-color: #F0F0E0; }
.staffC3 { color: #000000; background-color: #F0F0F0; }
.staffDb3 { color: #FFFFFF; background-color: #CCCCAA; }
.staffD3 { color: #000000; background-color: #F0F0E0; }
.staffEb3 { color: #FFFFFF; background-color: #CCCCAA; }
.staffE3 { color: #000000; background-color: #F0F0E0; }
.staffF3 { color: #000000; background-color: #F0F0E0; }
.staffGb3 { color: #FFFFFF; background-color: #CCCCAA; }
.staffG3 { color: #000000; background-color: #F0F0E0; }
.staffAb3 { color: #FFFFFF; background-color: #CCCCAA; }
.staffA3 { color: #000000; background-color: #F0F0E0; }
.staffBb3 { color: #FFFFFF; background-color: #CCCCAA; }
.staffB3 { color: #000000; background-color: #FFFFFF; }
.staffC4 { color: #000000; background-color: #FFFFFF; }
.staffDb4 { color: #FFFFFF; background-color: #CCCCAA; }
.staffD4 { color: #000000; background-color: #F0F0E0; }
.staffEb4 { color: #FFFFFF; background-color: #CCCCAA; }
.staffE4 { color: #000000; background-color: #F0F0E0; }
.staffF4 { color: #000000; background-color: #F0F0E0; }
.staffGb4 { color: #FFFFFF; background-color: #CCCCAA; }
.staffG4 { color: #000000; background-color: #F0F0E0; }
.staffAb4 { color: #FFFFFF; background-color: #CCCCAA; }
.staffA4 { color: #000000; background-color: #F0F0E0; }
.staffBb4 { color: #FFFFFF; background-color: #CCCCAA; }
.staffB4 { color: #000000; background-color: #F0F0E0; }
.staffC5 { color: #000000; background-color: #F0F0F0; }
.staffDb5 { color: #FFFFFF; background-color: #CCCCAA; }
.staffD5 { color: #000000; background-color: #F0F0E0; }
.staffEb5 { color: #FFFFFF; background-color: #CCCCAA; }
.staffE5 { color: #000000; background-color: #F0F0E0; }
.staffF5 { color: #000000; background-color: #F0F0E0; }
.staffGb5 { color: #FFFFFF; background-color: #CCCCAA; }
.staffG5 { color: #000000; background-color: #F0F0E0; }
.staffAb5 { color: #FFFFFF; background-color: #CCCCAA; }
.staffA5 { color: #000000; background-color: #F0F0E0; }
.staffBb5 { color: #FFFFFF; background-color: #CCCCAA; }
.staffB5 { color: #000000; background-color: #F0F0E0; }
.staffC6 { color: #000000; background-color: #F0F0F0; }
.staffDb6 { color: #FFFFFF; background-color: #CCCCAA; }
.staffD6 { color: #000000; background-color: #F0F0E0; }
.staffEb6 { color: #FFFFFF; background-color: #CCCCAA; }
.staffE6 { color: #000000; background-color: #F0F0E0; }
.staffF6 { color: #000000; background-color: #F0F0E0; }
.staffGb6 { color: #FFFFFF; background-color: #CCCCAA; }
.staffG6 { color: #000000; background-color: #F0F0E0; }
.staffAb6 { color: #FFFFFF; background-color: #CCCCAA; }
.staffA6 { color: #000000; background-color: #F0F0E0; }
.staffBb6 { color: #FFFFFF; background-color: #CCCCAA; }
.staffB6 { color: #000000; background-color: #F0F0E0; }
.staffC7 { color: #000000; background-color: #F0F0F0; }
.staffDb7 { color: #FFFFFF; background-color: #CCCCAA; }
.staffD7 { color: #000000; background-color: #F0F0E0; }
.staffEb7 { color: #FFFFFF; background-color: #CCCCAA; }
.staffE7 { color: #000000; background-color: #F0F0E0; }
.staffF7 { color: #000000; background-color: #F0F0E0; }
.staffGb7 { color: #FFFFFF; background-color: #CCCCAA; }
.staffG7 { color: #000000; background-color: #F0F0E0; }
.staffAb7 { color: #FFFFFF; background-color: #CCCCAA; }
.staffA7 { color: #000000; background-color: #F0F0E0; }
.staffBb7 { color: #FFFFFF; background-color: #CCCCAA; }
.staffB7 { color: #000000; background-color: #F0F0E0; }
.staffC8 { color: #000000; background-color: #F0F0F0; }
.staffDb8 { color: #FFFFFF; background-color: #CCCCAA; }
.staffD8 { color: #000000; background-color: #F0F0E0; }
.staffEb8 { color: #FFFFFF; background-color: #CCCCAA; }
.staffE8 { color: #000000; background-color: #F0F0E0; }
.staffF8 { color: #000000; background-color: #F0F0E0; }
.staffGb8 { color: #FFFFFF; background-color: #CCCCAA; }
.staffG8 { color: #000000; background-color: #F0F0E0; }
.staffAb8 { color: #FFFFFF; background-color: #CCCCAA; }
.staffA8 { color: #000000; background-color: #F0F0E0; }
.staffBb8 { color: #FFFFFF; background-color: #CCCCAA; }
.staffB8 { color: #000000; background-color: #F0F0E0; }
.staffC9 { color: #000000; background-color: #F0F0F0; }
.staffDb9 { color: #FFFFFF; background-color: #CCCCAA; }
.staffD9 { color: #000000; background-color: #F0F0E0; }
.staffEb9 { color: #FFFFFF; background-color: #CCCCAA; }
.staffE9 { color: #000000; background-color: #F0F0E0; }
.staffF9 { color: #000000; background-color: #F0F0E0; }
.staffGb9 { color: #FFFFFF; background-color: #CCCCAA; }
.staffG9 { color: #000000; background-color: #F0F0E0; }

/* TODO make colors. Green relates to more to timbre, Blue relates more to control change */
.controller0 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Bank */
.controller1 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Modulation */
.controller2 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Breath */
.controller3 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller4 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Foot */
.controller5 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Portamento Time */
.controller6 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Data Entry */
.controller7 { border-left: 1px solid rgba(200,64,64,1); background-color: rgba(200,64,64,.1); } /* Volume */
.controller8 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Balance */
.controller9 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller10 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Pan */
.controller11 { border-left: 1px solid rgba(180,64,64,1); background-color: rgba(180,64,64,.1); } /* Expression */
.controller12 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Effect 1 */
.controller13 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Effect 2 */
.controller14 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller15 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller16 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* C#1 */
.controller17 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* C#2 */
.controller18 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* C#3 */
.controller19 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* C#4 */
.controller20 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller21 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller22 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller23 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller24 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller25 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller26 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller27 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller28 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller29 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller30 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller31 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller32 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Bank(LSB) */
.controller33 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Modulation(LSB) */
.controller34 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Breath(LSB) */
.controller35 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined(LSB) */
.controller36 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Foot(LSB) */
.controller37 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Portamento Time(LSB) */
.controller38 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Data Entry(LSB) */
.controller39 { border-left: 1px solid rgba(160,64,64,1); background-color: rgba(160,64,64,.1); } /* Volume(LSB) */
.controller40 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Balance(LSB) */
.controller41 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined(LSB) */
.controller42 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Pan(LSB) */
.controller43 { border-left: 1px solid rgba(120,64,64,1); background-color: rgba(120,64,64,.1); } /* Expression(LSB) */
.controller44 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Effect 1(LSB) */
.controller45 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Effect 2(LSB) */
.controller46 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined(LSB) */
.controller47 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined(LSB) */
.controller48 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* C#1(LSB) */
.controller49 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* C#2(LSB) */
.controller50 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* C#3(LSB) */
.controller51 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* C#4(LSB) */
.controller52 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined(LSB) */
.controller53 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined(LSB) */
.controller54 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined(LSB) */
.controller55 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined(LSB) */
.controller56 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined(LSB) */
.controller57 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined(LSB) */
.controller58 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined(LSB) */
.controller59 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined(LSB) */
.controller60 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined(LSB) */
.controller61 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined(LSB) */
.controller62 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined(LSB) */
.controller63 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined(LSB) */
.controller64 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Damper On/Off */
.controller65 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Portamento On/Off */
.controller66 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Sostenuto On/Off */
.controller67 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Soft On/Off */
.controller68 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Legato */
.controller69 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Hold 2 */
.controller70 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Sound Variation(LSB) */
.controller71 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Timbre(LSB) */
.controller72 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Release Time(LSB) */
.controller73 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Attack Time(LSB) */
.controller74 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Brightness(LSB) */
.controller75 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Decay Time(LSB) */
.controller76 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Vibrato Rate(LSB) */
.controller77 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Vibrato Depth(LSB) */
.controller78 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Vibrato Delay(LSB) */
.controller79 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Sound Controller 10(LSB) */
.controller80 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* C#5(LSB) */
.controller81 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* C#6(LSB) */
.controller82 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* C#7(LSB) */
.controller83 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* C#8(LSB) */
.controller84 { border-left: 1px solid rgba(64,255,64,1); background-color: rgba(64,255,64,.1); } /* Portamento(LSB) */
.controller85 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller86 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller87 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller88 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Velocity Prefix(LSB) */
.controller89 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller90 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller91 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Reverb */
.controller92 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Effects 2 */
.controller93 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Chorus */
.controller94 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Effects 4 */
.controller95 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Effects 5 */
.controller96 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Data Increment */
.controller97 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Data Decrement */
.controller98 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Non-Reg(LSB) */
.controller99 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Non-Reg */
.controller100 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Reg(LSB) */
.controller101 { border-left: 1px solid rgba(32,64,96,1); background-color: rgba(32,64,96,.1); } /* Reg */
.controller102 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller103 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller104 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller105 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller106 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller107 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller108 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller109 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller110 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller111 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller112 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller113 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller114 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller115 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller116 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller117 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller118 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller119 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Undefined */
.controller120 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* All Sound Off */
.controller121 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Reset All */
.controller122 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Local On/Off */
.controller123 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* All Notes Off */
.controller124 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Omni Mode Off */
.controller125 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Omni Mode On */
.controller126 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Mono Mode On */
.controller127 { border-left: 1px solid rgba(0,0,255,1); background-color: rgba(0,0,255,.1); } /* Poly Mode On" // 127 */

.channelDot0 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(140,140,000,1) 50%, rgba(140,140,000,1) 100%); }
.channelDot1 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(140,000,140,1) 50%, rgba(140,000,140,1) 100%); }
.channelDot2 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(000,140,140,1) 50%, rgba(000,140,140,1) 100%); }
.channelDot3 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(100,100,000,1) 50%, rgba(100,100,000,1) 100%); }
.channelDot4 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(100,000,100,1) 50%, rgba(100,000,100,1) 100%); }
.channelDot5 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(000,100,100,1) 50%, rgba(000,100,100,1) 100%); }
.channelDot6 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(060,060,000,1) 50%, rgba(060,060,000,1) 100%); }
.channelDot7 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(060,000,060,1) 50%, rgba(060,000,060,1) 100%); }
.channelDot8 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(000,060,060,1) 50%, rgba(000,060,060,1) 100%); }
.channelDot9 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(000,000,000,1) 50%, rgba(0,0,0,1) 100%); }
.channelDot10 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(140,060,100,1) 50%, rgba(140,060,100,1) 100%); }
.channelDot11 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(060,140,100,1) 50%, rgba(060,140,100,1) 100%); }
.channelDot12 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(100,060,140,1) 50%, rgba(100,060,140,1) 100%); }
.channelDot13 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(060,100,140,1) 50%, rgba(060,100,140,1) 100%); }
.channelDot14 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(140,100,060,1) 50%, rgba(140,100,060,1) 100%); }
.channelDot15 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(100,140,060,1) 50%, rgba(100,140,060,1) 100%); }
.channelDot16 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(160,160,000,1) 50%, rgba(160,160,000,1) 100%); }
.channelDot17 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(160,000,160,1) 50%, rgba(160,000,160,1) 100%); }
.channelDot18 { background: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(000,160,000,1) 50%, rgba(000,160,160,1) 100%); }


.channelFlag0 { background: linear-gradient(50deg, rgba(140,140,000,1) 0%, rgba(70,70,00,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag1 { background: linear-gradient(50deg, rgba(140,000,140,1) 0%, rgba(70,00,70,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag2 { background: linear-gradient(50deg, rgba(000,140,140,1) 0%, rgba(00,70,70,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag3 { background: linear-gradient(50deg, rgba(100,100,000,1) 0%, rgba(50,50,00,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag4 { background: linear-gradient(50deg, rgba(100,000,100,1) 0%, rgba(50,000,50,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag5 { background: linear-gradient(50deg, rgba(000,100,100,1) 0%, rgba(00,50,50,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag6 { background: linear-gradient(50deg, rgba(060,060,000,1) 0%, rgba(30,30,00,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag7 { background: linear-gradient(50deg, rgba(060,000,060,1) 0%, rgba(30,00,30,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag8 { background: linear-gradient(50deg, rgba(000,060,060,1) 0%, rgba(00,30,30,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag9 { background: linear-gradient(50deg, rgba(000,000,000,1) 0%, rgba(00,00,00,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag10 { background: linear-gradient(50deg, rgba(140,060,100,1) 0%, rgba(70,30,50,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag11 { background: linear-gradient(50deg, rgba(060,140,100,1) 0%, rgba(30,70,50,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag12 { background: linear-gradient(50deg, rgba(100,060,140,1) 0%, rgba(50,30,70,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag13 { background: linear-gradient(50deg, rgba(060,100,140,1) 0%, rgba(30,50,70,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag14 { background: linear-gradient(50deg, rgba(140,100,060,1) 0%, rgba(70,50,30,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag15 { background: linear-gradient(50deg, rgba(100,140,060,1) 0%, rgba(50,70,30,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag16 { background: linear-gradient(50deg, rgba(160,160,000,1) 0%, rgba(80,80,00,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag17 { background: linear-gradient(50deg, rgba(160,000,160,1) 0%, rgba(80,000,80,.7) 80%, rgba(0,0,0,.25) 100%); }
.channelFlag18 { background: linear-gradient(50deg, rgba(000,160,000,1) 0%, rgba(00,80,00,.7) 80%, rgba(0,0,0,.25) 100%); }

/*
      for (my $ii=0; $ii<=127; $ii++)
      {
         my $top=5*($ii-26);
         my $bottom=5*($ii-26);
         if ($top <= 0) { $top=1; }
         $top+=3;
         if ($top > 255) {  $top = 255; }
         if ($bottom <= 0) { $bottom=1; }
         if ($bottom > 255) {  $bottom = 255; }
         print ".greyBorder$ii { border-top: 1px solid rgb($top,$top,$top); border-bottom: 1px solid rgb($bottom,$bottom,$bottom); }\n";
      }
      for (my $ii=0; $ii<=127; $ii++)
      {
         my $tmp=sprintf("%.2f", $ii/127);
         print ".opacity$ii { opacity: $tmp; }\n";
      }
      for (my $ii=0; $ii<=32; $ii++)
      {
         print ".fontsize$ii { font-size: ".($ii?$ii:1)."px; }\n";
      }
*/
.greyBorder0 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder1 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder2 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder3 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder4 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder5 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder6 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder7 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder8 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder9 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder10 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder11 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder12 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder13 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder14 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder15 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder16 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder17 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder18 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder19 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder20 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder21 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder22 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder23 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder24 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder25 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder26 { border-top: 1px solid rgb(4,4,4); border-bottom: 1px solid rgb(1,1,1); }
.greyBorder27 { border-top: 1px solid rgb(8,8,8); border-bottom: 1px solid rgb(5,5,5); }
.greyBorder28 { border-top: 1px solid rgb(13,13,13); border-bottom: 1px solid rgb(10,10,10); }
.greyBorder29 { border-top: 1px solid rgb(18,18,18); border-bottom: 1px solid rgb(15,15,15); }
.greyBorder30 { border-top: 1px solid rgb(23,23,23); border-bottom: 1px solid rgb(20,20,20); }
.greyBorder31 { border-top: 1px solid rgb(28,28,28); border-bottom: 1px solid rgb(25,25,25); }
.greyBorder32 { border-top: 1px solid rgb(33,33,33); border-bottom: 1px solid rgb(30,30,30); }
.greyBorder33 { border-top: 1px solid rgb(38,38,38); border-bottom: 1px solid rgb(35,35,35); }
.greyBorder34 { border-top: 1px solid rgb(43,43,43); border-bottom: 1px solid rgb(40,40,40); }
.greyBorder35 { border-top: 1px solid rgb(48,48,48); border-bottom: 1px solid rgb(45,45,45); }
.greyBorder36 { border-top: 1px solid rgb(53,53,53); border-bottom: 1px solid rgb(50,50,50); }
.greyBorder37 { border-top: 1px solid rgb(58,58,58); border-bottom: 1px solid rgb(55,55,55); }
.greyBorder38 { border-top: 1px solid rgb(63,63,63); border-bottom: 1px solid rgb(60,60,60); }
.greyBorder39 { border-top: 1px solid rgb(68,68,68); border-bottom: 1px solid rgb(65,65,65); }
.greyBorder40 { border-top: 1px solid rgb(73,73,73); border-bottom: 1px solid rgb(70,70,70); }
.greyBorder41 { border-top: 1px solid rgb(78,78,78); border-bottom: 1px solid rgb(75,75,75); }
.greyBorder42 { border-top: 1px solid rgb(83,83,83); border-bottom: 1px solid rgb(80,80,80); }
.greyBorder43 { border-top: 1px solid rgb(88,88,88); border-bottom: 1px solid rgb(85,85,85); }
.greyBorder44 { border-top: 1px solid rgb(93,93,93); border-bottom: 1px solid rgb(90,90,90); }
.greyBorder45 { border-top: 1px solid rgb(98,98,98); border-bottom: 1px solid rgb(95,95,95); }
.greyBorder46 { border-top: 1px solid rgb(103,103,103); border-bottom: 1px solid rgb(100,100,100); }
.greyBorder47 { border-top: 1px solid rgb(108,108,108); border-bottom: 1px solid rgb(105,105,105); }
.greyBorder48 { border-top: 1px solid rgb(113,113,113); border-bottom: 1px solid rgb(110,110,110); }
.greyBorder49 { border-top: 1px solid rgb(118,118,118); border-bottom: 1px solid rgb(115,115,115); }
.greyBorder50 { border-top: 1px solid rgb(123,123,123); border-bottom: 1px solid rgb(120,120,120); }
.greyBorder51 { border-top: 1px solid rgb(128,128,128); border-bottom: 1px solid rgb(125,125,125); }
.greyBorder52 { border-top: 1px solid rgb(133,133,133); border-bottom: 1px solid rgb(130,130,130); }
.greyBorder53 { border-top: 1px solid rgb(138,138,138); border-bottom: 1px solid rgb(135,135,135); }
.greyBorder54 { border-top: 1px solid rgb(143,143,143); border-bottom: 1px solid rgb(140,140,140); }
.greyBorder55 { border-top: 1px solid rgb(148,148,148); border-bottom: 1px solid rgb(145,145,145); }
.greyBorder56 { border-top: 1px solid rgb(153,153,153); border-bottom: 1px solid rgb(150,150,150); }
.greyBorder57 { border-top: 1px solid rgb(158,158,158); border-bottom: 1px solid rgb(155,155,155); }
.greyBorder58 { border-top: 1px solid rgb(163,163,163); border-bottom: 1px solid rgb(160,160,160); }
.greyBorder59 { border-top: 1px solid rgb(168,168,168); border-bottom: 1px solid rgb(165,165,165); }
.greyBorder60 { border-top: 1px solid rgb(173,173,173); border-bottom: 1px solid rgb(170,170,170); }
.greyBorder61 { border-top: 1px solid rgb(178,178,178); border-bottom: 1px solid rgb(175,175,175); }
.greyBorder62 { border-top: 1px solid rgb(183,183,183); border-bottom: 1px solid rgb(180,180,180); }
.greyBorder63 { border-top: 1px solid rgb(188,188,188); border-bottom: 1px solid rgb(185,185,185); }
.greyBorder64 { border-top: 1px solid rgb(193,193,193); border-bottom: 1px solid rgb(190,190,190); }
.greyBorder65 { border-top: 1px solid rgb(198,198,198); border-bottom: 1px solid rgb(195,195,195); }
.greyBorder66 { border-top: 1px solid rgb(203,203,203); border-bottom: 1px solid rgb(200,200,200); }
.greyBorder67 { border-top: 1px solid rgb(208,208,208); border-bottom: 1px solid rgb(205,205,205); }
.greyBorder68 { border-top: 1px solid rgb(213,213,213); border-bottom: 1px solid rgb(210,210,210); }
.greyBorder69 { border-top: 1px solid rgb(218,218,218); border-bottom: 1px solid rgb(215,215,215); }
.greyBorder70 { border-top: 1px solid rgb(223,223,223); border-bottom: 1px solid rgb(220,220,220); }
.greyBorder71 { border-top: 1px solid rgb(228,228,228); border-bottom: 1px solid rgb(225,225,225); }
.greyBorder72 { border-top: 1px solid rgb(233,233,233); border-bottom: 1px solid rgb(230,230,230); }
.greyBorder73 { border-top: 1px solid rgb(238,238,238); border-bottom: 1px solid rgb(235,235,235); }
.greyBorder74 { border-top: 1px solid rgb(243,243,243); border-bottom: 1px solid rgb(240,240,240); }
.greyBorder75 { border-top: 1px solid rgb(248,248,248); border-bottom: 1px solid rgb(245,245,245); }
.greyBorder76 { border-top: 1px solid rgb(253,253,253); border-bottom: 1px solid rgb(250,250,250); }
.greyBorder77 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder78 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder79 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder80 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder81 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder82 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder83 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder84 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder85 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder86 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder87 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder88 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder89 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder90 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder91 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder92 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder93 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder94 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder95 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder96 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder97 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder98 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder99 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder100 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder101 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder102 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder103 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder104 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder105 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder106 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder107 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder108 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder109 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder110 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder111 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder112 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder113 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder114 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder115 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder116 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder117 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder118 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder119 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder120 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder121 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder122 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder123 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder124 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder125 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder126 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.greyBorder127 { border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); }
.opacity0 { opacity: 0.00; }
.opacity1 { opacity: 0.01; }
.opacity2 { opacity: 0.02; }
.opacity3 { opacity: 0.02; }
.opacity4 { opacity: 0.03; }
.opacity5 { opacity: 0.04; }
.opacity6 { opacity: 0.05; }
.opacity7 { opacity: 0.06; }
.opacity8 { opacity: 0.06; }
.opacity9 { opacity: 0.07; }
.opacity10 { opacity: 0.08; }
.opacity11 { opacity: 0.09; }
.opacity12 { opacity: 0.09; }
.opacity13 { opacity: 0.10; }
.opacity14 { opacity: 0.11; }
.opacity15 { opacity: 0.12; }
.opacity16 { opacity: 0.13; }
.opacity17 { opacity: 0.13; }
.opacity18 { opacity: 0.14; }
.opacity19 { opacity: 0.15; }
.opacity20 { opacity: 0.16; }
.opacity21 { opacity: 0.17; }
.opacity22 { opacity: 0.17; }
.opacity23 { opacity: 0.18; }
.opacity24 { opacity: 0.19; }
.opacity25 { opacity: 0.20; }
.opacity26 { opacity: 0.20; }
.opacity27 { opacity: 0.21; }
.opacity28 { opacity: 0.22; }
.opacity29 { opacity: 0.23; }
.opacity30 { opacity: 0.24; }
.opacity31 { opacity: 0.24; }
.opacity32 { opacity: 0.25; }
.opacity33 { opacity: 0.26; }
.opacity34 { opacity: 0.27; }
.opacity35 { opacity: 0.28; }
.opacity36 { opacity: 0.28; }
.opacity37 { opacity: 0.29; }
.opacity38 { opacity: 0.30; }
.opacity39 { opacity: 0.31; }
.opacity40 { opacity: 0.31; }
.opacity41 { opacity: 0.32; }
.opacity42 { opacity: 0.33; }
.opacity43 { opacity: 0.34; }
.opacity44 { opacity: 0.35; }
.opacity45 { opacity: 0.35; }
.opacity46 { opacity: 0.36; }
.opacity47 { opacity: 0.37; }
.opacity48 { opacity: 0.38; }
.opacity49 { opacity: 0.39; }
.opacity50 { opacity: 0.39; }
.opacity51 { opacity: 0.40; }
.opacity52 { opacity: 0.41; }
.opacity53 { opacity: 0.42; }
.opacity54 { opacity: 0.43; }
.opacity55 { opacity: 0.43; }
.opacity56 { opacity: 0.44; }
.opacity57 { opacity: 0.45; }
.opacity58 { opacity: 0.46; }
.opacity59 { opacity: 0.46; }
.opacity60 { opacity: 0.47; }
.opacity61 { opacity: 0.48; }
.opacity62 { opacity: 0.49; }
.opacity63 { opacity: 0.50; }
.opacity64 { opacity: 0.50; }
.opacity65 { opacity: 0.51; }
.opacity66 { opacity: 0.52; }
.opacity67 { opacity: 0.53; }
.opacity68 { opacity: 0.54; }
.opacity69 { opacity: 0.54; }
.opacity70 { opacity: 0.55; }
.opacity71 { opacity: 0.56; }
.opacity72 { opacity: 0.57; }
.opacity73 { opacity: 0.57; }
.opacity74 { opacity: 0.58; }
.opacity75 { opacity: 0.59; }
.opacity76 { opacity: 0.60; }
.opacity77 { opacity: 0.61; }
.opacity78 { opacity: 0.61; }
.opacity79 { opacity: 0.62; }
.opacity80 { opacity: 0.63; }
.opacity81 { opacity: 0.64; }
.opacity82 { opacity: 0.65; }
.opacity83 { opacity: 0.65; }
.opacity84 { opacity: 0.66; }
.opacity85 { opacity: 0.67; }
.opacity86 { opacity: 0.68; }
.opacity87 { opacity: 0.69; }
.opacity88 { opacity: 0.69; }
.opacity89 { opacity: 0.70; }
.opacity90 { opacity: 0.71; }
.opacity91 { opacity: 0.72; }
.opacity92 { opacity: 0.72; }
.opacity93 { opacity: 0.73; }
.opacity94 { opacity: 0.74; }
.opacity95 { opacity: 0.75; }
.opacity96 { opacity: 0.76; }
.opacity97 { opacity: 0.76; }
.opacity98 { opacity: 0.77; }
.opacity99 { opacity: 0.78; }
.opacity100 { opacity: 0.79; }
.opacity101 { opacity: 0.80; }
.opacity102 { opacity: 0.80; }
.opacity103 { opacity: 0.81; }
.opacity104 { opacity: 0.82; }
.opacity105 { opacity: 0.83; }
.opacity106 { opacity: 0.83; }
.opacity107 { opacity: 0.84; }
.opacity108 { opacity: 0.85; }
.opacity109 { opacity: 0.86; }
.opacity110 { opacity: 0.87; }
.opacity111 { opacity: 0.87; }
.opacity112 { opacity: 0.88; }
.opacity113 { opacity: 0.89; }
.opacity114 { opacity: 0.90; }
.opacity115 { opacity: 0.91; }
.opacity116 { opacity: 0.91; }
.opacity117 { opacity: 0.92; }
.opacity118 { opacity: 0.93; }
.opacity119 { opacity: 0.94; }
.opacity120 { opacity: 0.94; }
.opacity121 { opacity: 0.95; }
.opacity122 { opacity: 0.96; }
.opacity123 { opacity: 0.97; }
.opacity124 { opacity: 0.98; }
.opacity125 { opacity: 0.98; }
.opacity126 { opacity: 0.99; }
.opacity127 { opacity: 1.00; }
.fontsize0 { font-size: 1px; }
.fontsize1 { font-size: 1px; }
.fontsize2 { font-size: 2px; }
.fontsize3 { font-size: 3px; }
.fontsize4 { font-size: 4px; }
.fontsize5 { font-size: 5px; }
.fontsize6 { font-size: 6px; }
.fontsize7 { font-size: 7px; }
.fontsize8 { font-size: 8px; }
.fontsize9 { font-size: 9px; }
.fontsize10 { font-size: 10px; }
.fontsize11 { font-size: 11px; }
.fontsize12 { font-size: 12px; }
.fontsize13 { font-size: 13px; }
.fontsize14 { font-size: 14px; }
.fontsize15 { font-size: 15px; }
.fontsize16 { font-size: 16px; }
.fontsize17 { font-size: 17px; }
.fontsize18 { font-size: 18px; }
.fontsize19 { font-size: 19px; }
.fontsize20 { font-size: 20px; }
.fontsize21 { font-size: 21px; }
.fontsize22 { font-size: 22px; }
.fontsize23 { font-size: 23px; }
.fontsize24 { font-size: 24px; }
.fontsize25 { font-size: 25px; }
.fontsize26 { font-size: 26px; }
.fontsize27 { font-size: 27px; }
.fontsize28 { font-size: 28px; }
.fontsize29 { font-size: 29px; }
.fontsize30 { font-size: 30px; }
.fontsize31 { font-size: 31px; }
.fontsize32 { font-size: 32px; }