/* Desktops and laptops ----------- */
@media only screen
{
      .top-banner { background-color: #EEEEEE; height:85px; z-index: 0}
      .logo-style {
        font-family: font128515, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, "Arial Bold" , "Lucida Grande", sans-serif;
        font-weight: bold;
        line-height: 50%;
        font-size: xx-large;
        color: #555555;
        margin-left: 2px;
        width:200px;
        height:35px;
      }
      #logo-mask {
        background-color: rgba(0,0,0,0);
        width:200px;
        height:35px;
        margin-top:-35px;
        position:absolute;
        z-index: 50;
      }
      
      .app-style {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 500;
      }
      .title-style {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 700;
      }
      .subtitle-style {
          font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-weight: 700; color: #777777 }
      .common-style {
          font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-weight: 600; color: #555555; }
      .disabled-style {
          font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-weight: 600; color: #AAAAAA; }
      .title {
          margin:auto; left:0%; right:0%;
          text-align:center;
          width:475px
         }
     .icon-logo {   
          margin-left: 0px;
          display: inline-block;
          width:80px;
          height:52px;
      }

      .button-cta {
          font-family: font128515, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, "Arial Bold" , "Lucida Grande", sans-serif;
          font-weight: bold;
          color:#FFFFFF;
          background-color: #88CC88;
          border-radius: 8px;
          height:38px;
          cursor: pointer;
          display: inline-block;
      }
       .button-normal {
          font-family: font128515, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, "Arial Bold" , "Lucida Grande", sans-serif;
          font-weight: bold;
          color:#FFFFFF;
          background-color: #8888CC;
          border-radius: 8px;
          height:38px;
          cursor: pointer;
          display: inline-block;
      }
       .button-normal-nocolor {
          font-family: font128515, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, "Arial Bold" , "Lucida Grande", sans-serif;
          font-weight: bold;
          border-radius: 8px;
          height:38px;
          color: #555555;
      }
      .button-flat-toggle-white {
          font-family: font128515, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, "Arial Bold" , "Lucida Grande", sans-serif;
          font-weight: bold;
          border: 2px;
          height:38px;
          background-color: #EEEEEE;
          width: 100px
      }
      .button-flat-toggle-select {
          font-family: font128515, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, "Arial Bold" , "Lucida Grande", sans-serif;
          font-weight: bold;
          border: 2px;
          height:38px;
          background-color: #555555;
          color:#FFFFFF;
          width: 100px
      }
      
     {} /* we somehow need this to render a border - do not remove */
    .channel-search-box {
      border: 1px solid #ccc;
      border-radius: 4px;
      display: inline-block;
      padding: 6px 12px;
      width: 350px;
      margin-left: 35px; 
    }
    .channel-spacing {
        padding-left:50px;
    }

    .channel-table {
        margin:auto; left:0%; right:0%;
    }
    
    .empty-cell {
         width: 40px;
    }
    
    .common-entry-box {
      border: 1px solid #ccc;
      border-radius: 4px;
      display: inline-block;
      padding: 6px 12px;
      width:350px;
      height:40px;
      background-color: #EEEEEE;
    }
    
    .common-entry {
          font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-weight: 600; 
          display: inline-block;
          color: #AAAAAA;
          background-color: #EEEEEE;
          width: 300px;
          border: 0px;
          border-radius: 4px;
          outline-width: 0;
    }
    
    .menu-card {
          font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-weight: 600; 
          color: #AAAAAA;
          background-color: #FFFFFF;
          border: 1px #888888 solid;
          border-radius: 4px;
          outline-width: 0;
          width:200px;
          margin-left:85%;
          z-index: 3;
          margin-top: -45px;
          float: right;
          overflow: hidden;
    }
    .disable-select {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    
    .centered-image {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 50%;"
    }
    
    .centered-card {
          position:inherit; width:400px; margin:auto; left:0%; right:0%;
    }
    .centered-element {
           position:inherit; margin:auto; left:0%; right:0%; text-align: center;  width: 800px;
    }
    
     .selectWrapper{
          border-radius:36px;
          display:inline-block;
          overflow:hidden;
          background:#cccccc;
          border:1px solid #cccccc;
     }
     .selectBox{
       width:140px;
       height:40px;
       border:0px;
       outline:none;
     }
    
     #cta-signup {font-size:large;cursor: pointer;
                  display: inline-block;}
     #cta-signup-top { margin-left:15px;font-size: medium;cursor: pointer;
                  display: inline-block;}
     #top-right-options { width:200px; margin-left:85%; z-index: 3;
           margin-top: -55px; float: right; display: block;}
     #top-mid-options {left:300px; margin-top:-50px; position: absolute; z-index: 5;  display: block; width: 800px}
     #about-link {margin-left: 10%;}
     #how-it-works-link {margin-left: 20%}
     #pricing-link {margin-left: 20%;}
     #product-list {margin-left: 30%; display:none }
     #product-types {display:none}
     #main_menu {display:none}
     #selectMenuBox {
          margin-top:5px;
          margin-right:20px;
     }
     #settings-panel {
      display: none;
     }
    
    #channelListContainer {
        position:absolute; width:430px; margin:auto; left:0%; right:0%;
    }
    
    #crudBar_channel {
          position:relative; margin:auto; left:150px; right:0%;width:140px;
          top:400px
    }
    #Ccreate_mode {
      margin-left:40px; padding: 0px; width: 40px; height:40px;  border: 0px;
      background-color:#FFFFFF
    }
    #Cdelete_mode {
      margin-left:10px; padding: 0px; width: 40px; height:40px;  border: 0px;
      background-color:#FFFFFF
    }
    
    #channelListBox {
        height: 200px;
    }
    
    .cardBox {
     position: relative;
     width:200px;
     height:300px;
     border-radius:8px;
     border: 2px solid #878787;
     margin-left: 25%;
     background-color:#FFFFFF;
     vertical-align: top;
    }
    
    
}