/*thumbnails*/
/*colors*/
/*type*/
#options-songlist { background: gainsboro; margin: 0; padding: 7px 1px 7px 1px; }
#options-songlist input#datepicker, #options-songlist select#timepicker, #options-songlist input#submitpicker { background: white; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: solid; border-color: #d6d6d6; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; color: #777; cursor: pointer; display: inline; margin: 1px .5% 5px 1.5%; font-size: 12px; -webkit-appearance: none; vertical-align: middle; padding: 0 .25%; }
@media (min-width: 320px) { #options-songlist input#datepicker, #options-songlist select#timepicker, #options-songlist input#submitpicker { padding: .5%; }
  #options-songlist input#datepicker:focus, #options-songlist select#timepicker:focus, #options-songlist input#submitpicker:focus { outline: 0; border-color: #66b1ee; -webkit-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9); box-shadow: 0 0 2px rgba(85, 168, 236, 0.9); } }
#options-songlist input#datepicker { width: 90%; height: 20px; line-height: 20px; padding-left: 4%; border-color: #a8acbc #babdcc #c0c3d2; }
@media (min-width: 320px) { #options-songlist input#datepicker { width: 35%; } }
@media (min-width: 400px) { #options-songlist input#datepicker { background-image: url(http://composer.nprstations.org/widgets/img/icon-datepicker.gif); background-repeat: no-repeat; background-position: 2%; } }
#options-songlist select#timepicker { width: 90%; height: 19px; line-height: 19px; padding-left: 4%; border-color: #a8acbc #babdcc #c0c3d2; }
@media (min-width: 320px) { #options-songlist select#timepicker { width: 35%; } }
@media (min-width: 400px) { #options-songlist select#timepicker { background-image: url(http://composer.nprstations.org/widgets/img/icon-timepicker.gif); background-repeat: no-repeat; background-position: 1%; } }
#options-songlist input#submitpicker { background: #4271BB; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: solid; border-color: #4271bb; color: white; height: 28px; font-weight: bold; display: block; width: 93%; margin-bottom: 0; }
#options-songlist input#submitpicker:hover { background: #1F4F99; }
@media (min-width: 320px) { #options-songlist input#submitpicker { display: inline; height: 18px; line-height: 18px; margin-top: -2px; width: 10.5%; } }

#list.wrap-songlist .show-more, #search.wrap-searchme .show-more { background-color: #f3f3f3; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNlZGVkZWQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); background-image: linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: solid; border-color: #d6d6d6; border-radius: 2px; color: #666; cursor: pointer; font-size: 12px; font-weight: normal; height: 25px; line-height: 25px; margin: -1px auto 10px; padding: 5px; text-align: center; width: 40%; -webkit-appearance: none; }
#list.wrap-songlist .show-more:hover, #search.wrap-searchme .show-more:hover { background-color: #1e5799; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1E5799', endColorstr='#FF1F4F99'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFmNGY5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1e5799), color-stop(100%, #1f4f99)); background-image: -webkit-linear-gradient(top, #1e5799 0%, #1f4f99 100%); background-image: -moz-linear-gradient(top, #1e5799 0%, #1f4f99 100%); background-image: -o-linear-gradient(top, #1e5799 0%, #1f4f99 100%); background-image: linear-gradient(top, #1e5799 0%, #1f4f99 100%); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: solid; border-color: #1b4f8b; border-radius: 2px; color: white; }

#search.wrap-searchme { background: gainsboro; border-bottom: 1px solid #CCC; /* search with button */ }
#search.wrap-searchme .searchlist li:first-child { border-top-width: 0; }
#search.wrap-searchme .searchlist li:last-child { border-bottom-width: 0; }
#search.wrap-searchme .search { margin: 0 auto; padding: 7px 5px; width: 99%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#search.wrap-searchme .search input { height: 26px; width: 100%; padding: 0 12px 0 25px; background: white url("http://composer.nprstations.org/assets/img/icon-search.png") 5px 3px no-repeat; border: 1px solid; border-color: #a8acbc #babdcc #c0c3d2; border-radius: 13px; -webkit-appearance: textfield; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 1px 1px 5px #e5e7ed, 1px 1px 5px #fcfcfc; box-shadow: inset 1px 1px 5px #e5e7ed, 1px 1px 5px #fcfcfc; }
#search.wrap-searchme .search input:focus { outline: 0; border-color: #66b1ee; -webkit-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9); box-shadow: 0 0 2px rgba(85, 168, 236, 0.9); }
#search.wrap-searchme :-moz-placeholder { color: #777; font-weight: 200; }
#search.wrap-searchme ::-webkit-input-placeholder { color: #777; font-weight: 200; line-height: 14px; }
#search.wrap-searchme ::-webkit-search-decoration, #search.wrap-searchme ::-webkit-search-cancel-button { -webkit-appearance: none; }
#search.wrap-searchme .lt-ie9 .search input { line-height: 26px; }
#search.wrap-searchme input#searchsubmit { display: none; background: #0066CC; color: white; }
#search.wrap-searchme .searchme-results { display: table; width: 100%; padding-top: 5px; }
#search.wrap-searchme .searchme-resultsFound { width: 99%; }
#search.wrap-searchme .searchme-resultsFound span { font-size: 11px; color: #8c8c8c; text-shadow: 1px 1px 1px white; display: block; margin: 0; padding: 0; text-align: center; }
#search.wrap-searchme .searchme-results #search.wrap-songlist { border-bottom: 1px solid white; width: 98%; margin: 0 auto; text-align: left; }

* html { font-size: 100%; }

html { font-size: 16px; line-height: 1.5em; }

#list.wrap-songlist, #search.wrap-searchme { font-size: 16px; line-height: 24px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 99%; border-top: 1px solid #eee; /*songlist-song*/ /*songlist-meta*/ }
#list.wrap-songlist h2, #search.wrap-searchme h2 { margin: 0; padding: 0; color: #464646; }
#list.wrap-songlist ul, #list.wrap-songlist ol, #list.wrap-songlist ul li, #list.wrap-songlist ol li, #search.wrap-searchme ul, #search.wrap-searchme ol, #search.wrap-searchme ul li, #search.wrap-searchme ol li { border: none; height: auto; list-style: none; margin: 0; padding: 0; width: auto; }
#list.wrap-songlist ol.searchlist, #list.wrap-songlist ol.songlist, #search.wrap-searchme ol.searchlist, #search.wrap-searchme ol.songlist { padding: 0; }
@media (min-width: 350px) { #list.wrap-songlist ol.searchlist, #list.wrap-songlist ol.songlist, #search.wrap-searchme ol.searchlist, #search.wrap-searchme ol.songlist { padding: 0 5px; } }
#list.wrap-songlist [class*='song-'], #search.wrap-searchme [class*='song-'] { background: #FFF !important; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: solid; border-color: #d6d6d6; border-right-width: 0; border-left-width: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 5px 1%; }
#list.wrap-songlist [class*='song-']:first-child, #search.wrap-searchme [class*='song-']:first-child { border-top-width: 0; }
#list.wrap-songlist [class*='song-']:last-child, #search.wrap-searchme [class*='song-']:last-child { border-bottom-width: 0; }
#list.wrap-songlist [class*='song-'] h2, #search.wrap-searchme [class*='song-'] h2 { font-size: 0.5625em; line-height: 1.33333em; color: #919191; font-weight: normal; padding-bottom: 5px; clear: both; text-transform: uppercase; }
@media (min-width: 300px) { #list.wrap-songlist [class*='song-'] h2, #search.wrap-searchme [class*='song-'] h2 { padding-bottom: 1.5em; } }
#list.wrap-songlist [class*='song-']:nth-child(even), #search.wrap-searchme [class*='song-']:nth-child(even) { background: #F9F9F9 !important; }
#list.wrap-songlist [class*='song-']:hover, #search.wrap-searchme [class*='song-']:hover { background: #F5F5F5 !important; }
#list.wrap-songlist [class*='song-'] + [class*='song-'], #search.wrap-searchme [class*='song-'] + [class*='song-'] { border-top-width: 0; }
#list.wrap-songlist [class*='img-'], #search.wrap-searchme [class*='img-'] { display: none; float: left; margin-bottom: .25em; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: solid; border-color: #cccccc; }
#list.wrap-songlist [class*='img-'] img, #search.wrap-searchme [class*='img-'] img { border: 0; height: 100%; width: 100%; }
#list.wrap-songlist [class*='meta-'], #search.wrap-searchme [class*='meta-'] { /*songlist-commerce*/ }
#list.wrap-songlist [class*='meta-'] [class*='composer-'], #search.wrap-searchme [class*='meta-'] [class*='composer-'] { font-size: 0.625em; line-height: 1.2em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #464646; padding-bottom: 0.375em; text-transform: uppercase; }
#list.wrap-songlist [class*='meta-'] [class*='title-'], #search.wrap-searchme [class*='meta-'] [class*='title-'] { font-size: 0.8125em; line-height: 0.92308em; color: #3c3c3c; font-weight: bold; }
#list.wrap-songlist [class*='meta-'] [class*='artist-'], #search.wrap-searchme [class*='meta-'] [class*='artist-'] { font-size: 0.75em; line-height: 1em; color: #3c3c3c; margin: 5px 0; }
#list.wrap-songlist [class*='meta-'] [class*='custom-fields-'], #list.wrap-songlist [class*='meta-'] [class*='soloists-'], #list.wrap-songlist [class*='meta-'] [class*='ensembles-'], #list.wrap-songlist [class*='meta-'] [class*='conductor-'], #list.wrap-songlist [class*='meta-'] [class*='album-'], #list.wrap-songlist [class*='meta-'] [class*='label-'], #list.wrap-songlist [class*='meta-'] [class*='catalog-'], #search.wrap-searchme [class*='meta-'] [class*='custom-fields-'], #search.wrap-searchme [class*='meta-'] [class*='soloists-'], #search.wrap-searchme [class*='meta-'] [class*='ensembles-'], #search.wrap-searchme [class*='meta-'] [class*='conductor-'], #search.wrap-searchme [class*='meta-'] [class*='album-'], #search.wrap-searchme [class*='meta-'] [class*='label-'], #search.wrap-searchme [class*='meta-'] [class*='catalog-'] { font-size: 0.75em; line-height: 1em; color: #919191; }
#list.wrap-songlist [class*='meta-'] [class*='commerce-'], #search.wrap-searchme [class*='meta-'] [class*='commerce-'] { font-size: 0.625em; line-height: 1.2em; color: #aaaaaa; /*ul.archive*/ }
#list.wrap-songlist [class*='meta-'] [class*='commerce-'] ul.active, #search.wrap-searchme [class*='meta-'] [class*='commerce-'] ul.active { /*li*/ }
#list.wrap-songlist [class*='meta-'] [class*='commerce-'] ul.active li, #search.wrap-searchme [class*='meta-'] [class*='commerce-'] ul.active li { border-right: 1px solid #d6d6d6; display: inline; font-size: 1em; line-height: 0.75em; margin: 0; padding: 0 .5em; text-align: center; }
#list.wrap-songlist [class*='meta-'] [class*='commerce-'] ul.active li a, #search.wrap-searchme [class*='meta-'] [class*='commerce-'] ul.active li a { cursor: pointer; text-decoration: none; }
#list.wrap-songlist [class*='meta-'] [class*='commerce-'] ul.active li a:hover, #search.wrap-searchme [class*='meta-'] [class*='commerce-'] ul.active li a:hover { text-decoration: underline; }
#list.wrap-songlist [class*='meta-'] [class*='commerce-'] ul.active :first-child, #search.wrap-searchme [class*='meta-'] [class*='commerce-'] ul.active :first-child { padding-left: 0; }
#list.wrap-songlist [class*='meta-'] [class*='commerce-'] ul.active :last-child, #search.wrap-searchme [class*='meta-'] [class*='commerce-'] ul.active :last-child { border-right: 0 !important; }
#list.wrap-songlist [class*='meta-'] .truncate, #search.wrap-searchme [class*='meta-'] .truncate { white-space: nowrap; text-overflow: ellipsis; }

/*songlist-wrap*/
@media (min-width: 200px) { #list.wrap-songlist [class*='song-'], #search.wrap-searchme [class*='song-'] { /*list now playing*/ }
  #list.wrap-songlist [class*='song-'] [class*='img-'], #search.wrap-searchme [class*='song-'] [class*='img-'] { background: #272727; background-size: cover; display: inline-block; outline: 0; height: 34.28571px; width: 34.28571px; margin-right: 5px; }
  #list.wrap-songlist [class*='song-'] [class*='meta-'], #search.wrap-searchme [class*='song-'] [class*='meta-'] { padding-left: 0; }
  #list.wrap-songlist [class*='song-'] [class*='meta-'] [class*='title-'], #search.wrap-searchme [class*='song-'] [class*='meta-'] [class*='title-'] { font-size: 0.75em; line-height: 1em; font-weight: bold; }
  #list.wrap-songlist [class*='song-'] [class*='meta-'] [class*='artist-'], #search.wrap-searchme [class*='song-'] [class*='meta-'] [class*='artist-'] { font-size: 0.6875em; line-height: 1.09091em; }
  #list.wrap-songlist [class*='song-'] [class*='meta-'] [class*='commerce-'], #search.wrap-searchme [class*='song-'] [class*='meta-'] [class*='commerce-'] { clear: left; display: block; padding-top: 0.75em; }
  #list.wrap-songlist [class*="song-"] [class*="img-"] + [class*="meta-"], #search.wrap-songlist [class*="song-"] [class*="img-"] + [class*="meta-"] { padding-left: 40px; } }
@media (min-width: 350px) { #list.wrap-songlist, #search.wrap-searchme { /*song*/ }
  #list.wrap-songlist [class*='song-'], #search.wrap-searchme [class*='song-'] { /*meta*/ }
  #list.wrap-songlist [class*='song-'] [class*='img-'], #search.wrap-searchme [class*='song-'] [class*='img-'] { height: 60px; width: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
  #list.wrap-songlist [class*='song-'] [class*='meta-'], #search.wrap-searchme [class*='song-'] [class*='meta-'] { padding-left: 0; }
  #list.wrap-songlist [class*='song-'] [class*='meta-'] [class*='composer-'], #search.wrap-searchme [class*='song-'] [class*='meta-'] [class*='composer-'] { display: block; color: #5f5f5f; font-size: 0.75em; line-height: 1em; padding-bottom: 0.375em; }
  #list.wrap-songlist [class*='song-'] [class*='meta-'] [class*='title-'], #search.wrap-searchme [class*='song-'] [class*='meta-'] [class*='title-'] { font-size: 1.0625em; line-height: 1.12941em; font-weight: bold; }
  #list.wrap-songlist [class*='song-'] [class*='meta-'] [class*='artist-'], #search.wrap-searchme [class*='song-'] [class*='meta-'] [class*='artist-'] { font-size: 0.9375em; line-height: 1.2em; }
  #list.wrap-songlist [class*='song-'] [class*='meta-'] [class*='soloists-'], #list.wrap-songlist [class*='song-'] [class*='meta-'] [class*='album-'], #search.wrap-searchme [class*='song-'] [class*='meta-'] [class*='soloists-'], #search.wrap-searchme [class*='song-'] [class*='meta-'] [class*='album-'] { display: block; font-size: 0.75em; line-height: 1.25em; }
  #list.wrap-songlist [class*='song-'] [class*='meta-'] [class*='catalog-'], #search.wrap-searchme [class*='song-'] [class*='meta-'] [class*='catalog-'] { margin-left: 0.55%; }
  #list.wrap-songlist [class*='song-'] [class*='meta-'] [class*='label-'], #list.wrap-songlist [class*='song-'] [class*='meta-'] [class*='catalog-'], #search.wrap-searchme [class*='song-'] [class*='meta-'] [class*='label-'], #search.wrap-searchme [class*='song-'] [class*='meta-'] [class*='catalog-'] { display: inline; }
  #list.wrap-songlist [class*='song-'] [class*='meta-'] [class*='conductor'], #list.wrap-songlist [class*='song-'] [class*='meta-'] [class*='soloists'], #list.wrap-songlist [class*='song-'] [class*='meta-'] [class*='custom-fields-'], #search.wrap-searchme [class*='song-'] [class*='meta-'] [class*='conductor'], #search.wrap-searchme [class*='song-'] [class*='meta-'] [class*='soloists'], #search.wrap-searchme [class*='song-'] [class*='meta-'] [class*='custom-fields-'] { font-size: 0.75em; line-height: 1.25em; }
  #list.wrap-songlist [class*='song-'] [class*='meta-'] [class*='commerce-'], #search.wrap-searchme [class*='song-'] [class*='meta-'] [class*='commerce-'] { padding-top: 1.5em; display: block; }
  /*wrap*/
  #list.wrap-songlist [class*="song-"] [class*="img-"] + [class*="meta-"], #search.wrap-songlist [class*="song-"] [class*="img-"] + [class*="meta-"] { padding-left: 70px; }
  /*songList specific */
  /*.song-songlist:first-child .img-songlist { height:$img-height*2; width:$img-width*2; } .song-songlist:first-child .meta-songlist {padding-left:$img-width*2+15px; 	[class*='composer-'] {@include adjust-font-size-to(14px,1); @include base-style($serif-face,$grey+100);letter-spacing:.25em;text-transform:uppercase;} 	[class*='title-'] {@include adjust-font-size-to(24px,3.3/2); @include base-style($brand-face, black);font-weight:bold;} 	[class*='artist-'] {@include adjust-font-size-to(18px,3.3/2); @include base-style($serif-face, $grey);} 	[class*='album-'] {@include adjust-font-size-to(14px,3.3/2); @include base-style($serif-face, $grey+100);} }*/ }

/* shared list header */
#episodeHeader {background-color: rgba(192, 189, 189, 0.46); margin: 5px 0%; padding: 13px 13px; margin-right: 1%; border-bottom: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6;}
.episodeHeaderContent {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.episodeHeaderContent#ucsName { font-weight: bold; font-size: 1.0625em; font-weight: bold;}
.episodeHeaderContent#episodeDatetime { font-size: 0.6em; line-height: 1.33333em; color: #5f5f5f; font-weight: normal; text-transform: uppercase;}
.episodeHeaderContent#episodeHosts {font-size: 0.9em; color: #5f5f5f; margin-top: 0.4em;}
.episodeHeaderContent#episodeNotes {display: block; font-size: 0.75em; line-height: 1.25em; color: #919191; margin-top: 0.1em;}
#episodeName { line-height: 0.8em; padding-bottom: 0.4em; font-size: 1.5em;}