body {
        background-color: #FFFFFF;
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #666666;
      }

      h1 {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #0099CC;
      }

      h4 {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #F79646;
      }

      h5 {
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        padding: 0px;
        margin: 12px 0px 5px 0px !important; 
      }

      a {
        font-weight: bold;
      }

      ul {
        margin-bottom: 25px;
      }

      ul ul {
        margin-bottom: 0px;
      }
      /*html input[type=button]{
        margin-bottom: 11px;
      }*/
      hr.style10 { 
        border: 0; 
        height: 1px; 
        background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
        background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
        background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
        background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
      }

      .sample-player
      {
       width: 100%;
       height: 350px;
       margin: 20px auto 20px auto;
     }
     #companions div {
      text-align: center;
      margin: auto;
    }
    #amp-log{
      height: 500px;
      overflow-y:scroll;
    }

    .vanilla{
      float: right;
    }
    .sp {
      width: 32px;
      height: 32px;
      clear: both;
      margin: 20px auto;
    }

    .center{
      text-align: center;
      margin: 0px 0;
      padding: 10px;
    }

    .img-responsive{
      display: inline-block !important;
      cursor: pointer;
    }

    .collapse-form{
      margin-bottom: 8px;
      margin-top: 8px;
    }

    .collapse-form .collapse{
      margin-bottom: 8px;
      margin-top: 8px;
    }

    /* Spinner Sphere */
    .sp-sphere {
      border-radius: 50%;
      border-left: 0px #000 solid;
      border-right: 0px #000 solid;
      -webkit-animation: spSphere 1s infinite linear;
      animation: spSphere 1s infinite linear;
    }

    @-webkit-keyframes spSphere {
      0% {
        border-left: 0px #000 solid;
        border-right: 0px #000 solid;
      }
      33% {
        border-left: 32px #000 solid;
        border-right: 0px #000 solid;
      }
      34% {
        border-left: 0px #000 solid;
        border-right: 32px #000 solid;
      }
      66% {
        border-left: 0px #000 solid;
        border-right: 0px #000 solid;
      }
    }
    @keyframes spSphere {
      0% {
        border-left: 0px #000 solid;
        border-right: 0px #000 solid;
      }
      33% {
        border-left: 32px #000 solid;
        border-right: 0px #000 solid;
      }
      34% {
        border-left: 0px #000 solid;
        border-right: 32px #000 solid;
      }
      66% {
        border-left: 0px #000 solid;
        border-right: 0px #000 solid;
      }
    }