body { padding:0; margin:0; background-color: #eee;}

ul {list-style-type:none;}

input[type="text"] {width:100%;appearance: none; box-shadow: none; height:28px; border-radius:5px;}

.searchicon { float:left; margin-left:-28px; margin-top:4px; }

.tour_login { margin-top:100px; }

/* #lyrics {border-radius:18px; margin:10px;padding:2px;background-color:#FFFFFF;border-bottom: 1px dotted #E0E0E0;} */
#lyrics {border-radius:8px; margin:1px;padding:8px;background-color:#FFFFFF;border-bottom: 1px dotted #E0E0E0;}

#menu { overflow:hidden;margin:0px;padding:0px;list-style-type:none; }
#menu > li { float:left;padding:5px;margin:5px; font-size:1em;}

#playlist {margin:0px;padding:10px;list-style-type:none;overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
#playlist > li {float:left;padding-top:5px; padding-bottom:5px; border-bottom: 1px solid #D0D0D0; list-style: none; width: 100%; color: #000000;}

#lyricslist {margin:0px;padding:10px;list-style-type:none; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
#lyricslist > li {float:left;padding-top:8px; padding-bottom:8px; border-bottom: 1px solid #D0D0D0; list-style: none; width: 100%; color: #707070;}

.logoetc { z-index:9999; width:100%; height:45px; border-bottom-radius: 18px; background-color:#FF8840; border-bottom:#FF8840 solid 1px; }

a { color: #000000; text-decoration: none; }
a:hover { color:#FF5F03; text-decoration: none; }

#playlist a:link { color: #A0A0A0; text-decoration: none; }
#playlist a:visited { color: #707070; text-decoration: none; }
#playlist a:active { color: #A0A0A0; text-decoration: none; }
#playlist a:hover { color:#FF5F03; text-decoration: none; }

#lyricslist a:link { color: #000000; text-decoration: none; }
#lyricslist a:visited { color: #2AA4CF; text-decoration: none; }
#lyricslist a:active { color: #000000; text-decoration: none; }
#lyricslist a:hover { color:#FF5F03; text-decoration: none; }

audio {width: 100%; display:block;}

.addsong form {
  /* Just to center the form on the page */
  margin: 0 auto;
  width: 500px;
  /* To see the outline of the form */
  padding: 1em;
  border: 1px solid #CCC;
  border-radius: 1em;
}

.addsong form div + div {
  margin-top: 1em;
}

.addsong label {
  /* To make sure that all labels have the same size and are properly aligned */
  display: inline-block;
  width: 90px;
  text-align: right;
}

.addsong input, textarea {
  /* To make sure that all text fields have the same font settings
     By default, textareas have a monospace font */
  font: 1em sans-serif;

  /* To give the same size to all text fields */
  width: 75%;
  box-sizing: border-box;

  /* To harmonize the look & feel of text field border */
  border: 1px solid lightblue;
  margin-top:.5em;
}

.addsong input[type=radio] { width:12px;}

.addsong input:focus, textarea:focus {
  /* To give a little highlight on active elements */
  border-color: #000;
}

.addsong textarea {
  /* To properly align multiline text fields with their labels */
  vertical-align: top;

  /* To give enough room to type some text */
  height: 10em;
}

.addsong .button {
  /* To position the buttons to the same position of the text fields */
  padding-left: 90px; /* same size as the label elements */
}

.addsong button {
  /* This extra margin represent roughly the same space as the space
     between the labels and their text fields */
  margin-left: .5em;
  margin:.5em;
  background-color: orange;
  color:white;
  width:180px;
  height:40px;
  font-size:20px;
  border-radius: 10px;
}

#search-result-suggestions {
  z-index:1;
  background: url("//s3-us-west-2.amazonaws.com/raagaboxmusic/media/images/blue_streak.png");
}

/* Search result suggestions */
#search-result-suggestions {
  position: absolute;
  left: 0;
  top: 0;
  width: 45%;
  background:#FFF;
  border: 1px solid #D0D0D0;
  display: none;
  border-radius:18px;
}

#search-results a {
  display: block;
}

.freshkapi_banner {
  font-family:'Merriweather';
  font-size:1.4em;
/*  background: url("//s3-us-west-2.amazonaws.com/raagaboxmusic/media/images/user_hatch_bg.gif"); */
  padding: 2px;
  padding: 20px 40px 0px 40px;
  margin-top: 10px;
}

.freshkapi {
  border:#8CCFFF dotted 1px;
  width:75%;
  margin-left:2px;
  margin-top:15px;
  padding:8px;
/*  background: #F5F4F3; */
  background-color: #FFFFFF;
  border-radius:18px;
}

.freshtitle {
  display: inline;
  color:#E22F6B;
  font-size:2.4em;
  width:75%;
  padding:2px;
}

.quoteBox {
  outline:1px solid #ccc;
  overflow:auto; 
  height:64px; 
  margin-top:90px; 
  background:#F2F2F2;
  font-size:1.0em;
}

.old-tagmenu {
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  width:60px;
  height:25px;
  background-color:#4c89ff;
  border-radius:5%;
  font-size:.9em;
}

.tagmenu {
  padding:2px;
  float:left;
  font-size:.9em;
}

ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}


/* BEGIN: sendinblue */
  @font-face {
    font-display: block;
    font-family: Roboto;
    src: url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff")
  }

  @font-face {
    font-display: fallback;
    font-family: Roboto;
    font-weight: 600;
    src: url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff")
  }

  @font-face {
    font-display: fallback;
    font-family: Roboto;
    font-weight: 700;
    src: url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff")
  }

  #sib-container input:-ms-input-placeholder {
    text-align: left;
    font-family: "Helvetica", sans-serif;
    color: #c0ccda;
  }

  #sib-container input::placeholder {
    text-align: left;
    font-family: "Helvetica", sans-serif;
    color: #c0ccda;
  }

  #sib-container textarea::placeholder {
    text-align: left;
    font-family: "Helvetica", sans-serif;
    color: #c0ccda;
  }
/* END: sendinblue */