#container,* {
    margin:0;padding:0;border:0;
    -webkit-box-sizing:border-box;box-sizing:border-box;
    font-family:Helvetica,sans-serif;
    }
    
    body {
    width:298px;
    height:258px;
    overflow:hidden;
    }
    
    #stage {
    width:300px;
    height:250px;
    overflow:hidden;background-color: #fff;
    border:1px solid black;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    position:relative;
    font-family:Helvetica,Arial,sans-serif;
    }
    
    sup { vertical-align:top; font-size: 0.6em; position: relative; top: -1px; }
    
    sub { vertical-align:bottom; font-size: 0.6em; position: relative; bottom: -2px; }
    
    #stage:hover {
    cursor:pointer;
    }
    
    #container {
    position: absolute;
    width:100%;
    height:100%
    }
    
    #container,#container p {
    /*position: absolute;*/
    display: block;
    }

    #animation-well {
      height: 57px;
    }

/*******************
      FRAME 1
********************/
    
#xar {
    position: absolute;
    top: -113px;
    left: -281px;
    transform: scale(.17, .17);
}

#ribbon1 {
  position: absolute;
  top: -58px;
  left: -449px;
  transform: scale(.25, .25);
}

/* TEXT ON TOP OF RIBBON */
#text1 {
  position: absolute;
  top: 9px;
  left: -448px;
  transform: scale(.25, .25);
}

/* MAIN TEXT */
#text {
  position: absolute;
  top: 14px;
  left: -449px;
  transform: scale(.25, .25);
}

/*******************
      FRAME 2
********************/
#bigx {
  position: absolute;
  top: -371px;
  left: -297px;
  transform: scale(.18, .18);
  z-index: 5;
}

#bar {
  position: absolute;
  top: -16px;
  left: -286px;
  transform: scale(.35, .35);
  z-index: 1;
}

/* COPY ON TOP OF BAR */
#copy {
  position: absolute;
  top: -76px;
  left: -441px;
  transform: scale(.25, .25);
  z-index: 6;
}


/*******************
      FRAME 3
********************/
#ribbon2 {
  position: absolute;
  top: -67px;
  left: -457px;
  transform: scale(.25, .25);
}

/* NOW APPROVED TEXT */
#text2 {
  position: absolute;
  top: 13px;
  left: -456px;
  transform: scale(.25, .25);
}

/* MAIN TEXT */
#text3 {
  position: absolute;
  top: -10px;
  left: -447px;
  transform: scale(.25, .25);
}

#cta {
  position: relative;
  top: 91px;
  left: -18px;
  transform: scale(.25, .25);
}





    #xar-small {
      position:absolute;
      top:-115px;
      left:-190px;
      transform:scale(.15, .15);
    }


    
    #copy2 .noac-reference{
      position: absolute;
      font-size: 8px;
      top:40px;
      color: #a69a9a;
      width:272px;
    }
    
    #approved2 {
      position: absolute;
      top: -130px;
      left: -480px;
      transform:scale(.24, .24);
    }
    

    
    #signature {
      position: relative;
      top: 90px;
      left: 7px;
        font-family: Arial, Helvetica, sans-serif;
      font-size: 8px;
      
    }
    
    #terms1 {
        position: relative;
        top: 92px;
        left: 4px;
        width: 145px;
        height: 18px;
        background-color: #e7e7e7;
        font-size: 9px;
        line-height: 10px;
        color: #505050;
      
    }
    #terms2 {
      position: relative;
        top: 74px;
        left: 159px;
        width: 136px;
        height: 18px;
        background-color: #e7e7e7;
        font-size: 9px;
        line-height: 10px;
        color: #505050;
      
    }
    
    #termsbox1 {
        position: relative;
        font-size: 8px;
        top: 3px;
        left: 20px;
        text-decoration: none;
        cursor: pointer
    }
    #termsbox2 {
      position: relative;
        font-size: 8px;
        top: 3px;
        left: 20px;
        text-decoration: none;
        cursor: pointer
    }
    
    
    
    
    #ISI {
        position: relative;
        font-size: 8px;
        top: 2px;
        left: -17px;
        text-decoration: none;
        cursor: pointer
    }
    
    #PI {
        position: relative;
        font-size: 8px;
        top: 2px;
        left: -10px;
        text-decoration: none;
        cursor: pointer
    }
    #important div#box .scrollbar {
        /*background: transparent url(../064948-161222_track.png) no-repeat 0 0;*/
        position: relative;
        background-position: 0 0;
        float: right;
        width: 15px;
        top: -25px;
        height: 95px !important;
    }
    #important .track {
        height: 95px !important;
        width: 13px;
        position: relative;
        padding: 0 1px;
    }
    #important .thumb {
        /*background: transparent url(../064948-161222_thumb.png) no-repeat 50% 100%;*/
        height: 40px !important;
        width: 25px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: -5px;
        margin-top: 5px;
    }
    #important .thumb .end {
        overflow: hidden;
        height: 5px;
        width: 25px;
    }
    #important .disable {
        display: none;
    }
    
    p {
          margin: 0px;
        }
        .tight {
          letter-spacing: 0px;
        }
        div#box {
          margin: 0px;
          padding: 0px 3px;
          background:white;
    
        }
        div#box::-webkit-scrollbar {
            width: 1em;
        }
        div#box::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        }
        div#box::-webkit-scrollbar-thumb {
          background-color: darkgrey;
          outline: 1px solid slategrey;
        }
    
        p.ISI-head {
          font-weight: bold;
          color: rgb(100, 51, 138);
          font-size: 8px;
          line-height: 15px;
          margin: 0px;
          padding: 0px 0px 0px 3px;
        }
        p {
          font-family: "’Century Gothic’", Arial, Helvetica, ‘sans-serif’;
          font-size: 11px;
          font-weight: normal;
          line-height: 11px;
          color: rgb(0, 0, 0);
          margin: 0px;
          padding: 0px 0px 2px 3px;
        }
        p.less {
          font-family: "’Century Gothic’", Arial, Helvetica, ‘sans-serif’;
          font-size: 9px;
          font-weight: normal;
          line-height: 11px;
          color: rgb(139, 143, 153);
          margin: 0px;
          padding: 0px 0px 5px;
        }
        p.ISI-subhead1 {
          font-weight: normal;
          color: rgb(100, 51, 138);
          position: center;
          font-size: 11px;
          margin: 0px;
          padding: 5px 0px 2px 1px;
        }
        p.ISI-subhead1more {
          font-weight: normal;
          color: rgb(100, 51, 138);
          font-size: 10px;
          margin: 0px;
          padding: 0px 0px 4px;
        }
        p.ISI-subhead2 {
          font-weight: bold;
          color: rgb(26, 167, 159);
          font-size: 10px;
          margin: 0px;
          padding: 0px 0px 2px;
        }
        p.ISI-subhead3 {
          font-weight: bold;
          color: rgb(100, 51, 138);
          font-size: 10px;
        }
        p.ISI-subhead3 a{
          font-weight: bold;
          color: rgb(100, 51, 138);
          font-size: 10px;
        }
    
        .safety-box {
        border: 1px solid #000000;
        padding: 5px 5px;
    }
    
    .safety-box p {
        line-height: 15px;
        margin: 0 0 12px 0; 
    }
    
        .diamond-list li {
        list-style: url("diamond.png");
    }
    
    ul {
        padding-left: 17px;
        margin-top: 5px;
        margin-bottom: 5px;
        
    }
    
    ul li{
        margin-top: 11px;
        margin-bottom: 11px;
        font-size:11px;
        line-height:15px;
        color: #000;
    }
    
    ul li p{
        margin-top: 11px;
        margin-bottom: 11px;
        font-size:11px;
        line-height:15px;
    }
    
    #indi{
        margin-top: 0px;
        margin-bottom: 11px;
        font-size:11px;
        line-height:15px;
    }
    .circle-list li {
        list-style: url("circle.png");
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
        /*ul {
        margin: 0.75em 0;
        padding: 0 1em;
        list-style: none;
        rotate(45deg);
    }
    li:before { 
        content: "";
        border-color: transparent #111;
        border-style: solid;
        border-width: 0.35em 0 0.35em 0.45em;
        display: block;
        height: 0;
        width: 0;
        left: -1em;
        top: 0.9em;
        
        position: relative;
    }*/

    #clickArea {
      height: 150px;
    }
        
        #indications-text {
          font-family: "Century Gothic", Arial, Helvetica, sans-serfif;
          font-size: 13px;
          line-height: 16px;
          color: rgb(255, 255, 255);
        }
        .superscroll{
          position: absolute;
          padding-right: 0px;
          width: 297px;
          height: 87px;
          overflow: scroll;
          left: 2px;
          top: 178px;
          z-index: 2;
        }
    
        ISI-subhead3 p {
          left: 3px;
          top: 3196px;
        }
    
        #logo {
            width:125px;
            
        }
    
    
    
    
    
    
    
    
    
    
    