body, html { padding:0; margin:0; font-family:Arial, Helvetica Neue, Helvetica, sans-serif; font-size:13px; line-height:22px; color:#818181; }
a { color:#006098; }
a:hover { color:#000; }
h1, h2, h3, h4 { font-family:'Bebas Neue', sans-serif; font-weight:normal; }
h2.lead { font-size:21px; line-height:1em; margin-bottom:20px; }
.red, .red * { color:#E55225 !important; }
a.red:hover, a.red:hover *, .red a:hover, .red a:hover * { color:#818181 !important; }
.mobileonly { display:none !important; }
.lightbox { display:none; }
.featherlight-content > .featherlight-inner { width:280px; }
span.icon { position:relative; display:inline-block; color:#006098; width:1em; height:1em; font-size:20px; font-family: audiowien; font-weight:normal; text-decoration:none; text-align:center; line-height:1em; }
span.icon.r45 { transform:rotate(45deg); }
span.icon.r180 { transform:rotate(180deg); }
span.icon:hover { border-color:#6161616; color:#616161; }
span.icon.red { color:#d24b22; }
a:hover span.icon.red { color:#006098; }
div.wrapper > div.top span.icon { border-color:#fff; color:#fff; }
body.pending div.wrapper { display:none; }
div.wrapper { display:block; margin-top:90px; }
div.wrapper > div.top { position:fixed; top:0; left:0; z-index:999; width:100%; height:90px; display:block; background-color:#E55225; }
div.wrapper > div.top div.content .logo { display:block; float:left; height:50px; width:auto; }
div.wrapper > div.top div.content .button { display:block; border:1px solid #fff; color:#fff; margin-top:6px; padding:12px; padding-top:0; padding-bottom:0; font-size:20px; line-height:36px; height:36px; float:left; font-family:'Bebas Neue', sans-serif; font-weight:normal; text-decoration:none; }
div.wrapper > div.top div.content .button:hover, div.wrapper > div.top div.content .button:hover * { color:#f2f2f2; border-color:#f2f2f2; }
div.wrapper > div.top div.content .button span.icon { float:left; display:block; margin-top:8px; margin-right:7px; }
div.wrapper > div.top div.content .button span.icon.icononly { margin-right:0; }
div.wrapper > div.top div.content .logout { display:block; color:#fff; margin-top:6px; padding:0; font-size:12px; line-height:38px; float:right; text-decoration:none; }
div.wrapper > div.top div.content .logout .icon { top:6px; }
div.wrapper > div.top div.content .logout:hover, div.wrapper > div.top div.content .logout:hover * { color:#f2f2f2; border-color:#f2f2f2; }
div.content { display:block; margin:20px; margin-left:30px; margin-right:30px; }
div.content > :first-child { margin-top:0; padding-top:0; }
div.content > :last-child { margin-bottom:0; padding-bottom:0; }
div.content div.block { display:block; background-color:#f2f2f2; margin-left:-20px; margin-right:-20px; padding:20px; overflow:hidden; }
div.content div.block > :first-child { margin-top:0; padding-top:0; }
div.content div.block > :last-child { margin-bottom:0; padding-bottom:0; }
div.left { display:block; width:360px; float:left; /*position:fixed;*/ position:absolute; }
div.right { display:block; margin-left:360px; }
div.main { display:block; margin:auto; width:100%; max-width:1200px; overflow:hidden; }
div.subnav { margin-bottom:20px; overflow:hidden; min-height:30px; }
div.subnav .hidden { display:none; }
div.subnav a { color:#818181; text-decoration:none; }
div.subnav a:hover { color:#006098; }
div.subnav a span.icon { margin-right:5px; top:5px; }
div.subnav span.right a span.icon { margin-right:0; margin-left:5px; }
div.subnav > span.left { display:block; float:left; width:40%; }
div.subnav > span.right { display:block; float:right; width:40%; margin-right:40px; text-align:right; }
div.subnav > span.right.nomargin { margin-right:0; }
div.wrapper > div.main > div.right div.content { padding-top:41px; }
input, select, textarea { font-family:inherit; font-size:inherit; color:inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; box-shadow: none; }
div.input { display:block; margin-bottom:12px; padding:10px; padding-top:0; padding-bottom:0; font-size:inherit; border:1px solid #e6e6e6; background-color:#fff; }
div.block div.input { border-color:#fafafa; }
div.input.submit { padding:0; border:0; background-color:#E55225; }
div.input.error, div.input.error * { color:#E55225; }
div.input input, div.input select, div.input textarea, div.input.submit a { outline:none; display:block; font-size:12px; font-style:italic; line-height:1.2em; min-height:36px; padding:0; margin:0; width:100%; background-color:inherit; border:0; }
div.input input[type=file] { min-height:1em; margin-top:1em; margin-bottom:1em; }
div.input textarea { margin-top:1em; margin-bottom:1em; }
div.right div.input input, div.right div.input select, div.right div.input textarea, div.right div.input.submit a { font-style:normal; color:#006098; }
div.right div.input.submit input, div.right div.input.submit a { color:#fff; }
form > div.input:last-child { margin-bottom:0; }
div.clear { overflow:hidden; }
div.half { display:block; float:left; width:50%; }
div.half:nth-child(odd) > div.input { margin-right:6px; }
div.half:nth-child(even) > div.input { margin-left:6px; }
div.input.submit a { text-decoration:none; text-align:center; line-height:36px; }
div.input input[type=submit],div.input input[type=reset],div.input input[type=button],div.input.submit a { cursor:pointer; color:#fff; min-height:38px; text-transform:uppercase; font-family:'Bebas Neue', sans-serif; font-size:17px; font-style:normal; }
div.input input[type=submit]:hover,div.input input[type=reset]:hover,div.input input[type=button]:hover,div.input.submit a:hover { background-color:#d24b22; }
div.input.checkbox { padding:0; border:0; background-color:transparent; }
div.input.checkbox + div.input.checkbox { margin-top:-12px; }
div.input.checkbox input { position:absolute; left:-10000px; width:1px; height:1px; }
div.input.checkbox label { display:block; position:relative; padding-left:20px; cursor:pointer; }
div.input.checkbox > input + label:before { content: ''; position: absolute; left:0; top: 4px; width: 8px; height: 8px; border-radius: 100%; border: 3px solid #fff; background:#fff; -webkit-box-shadow: 0px 0px 0px 1px rgba(129,129,129,1); -moz-box-shadow: 0px 0px 0px 1px rgba(129,129,129,1); box-shadow: 0px 0px 0px 1px rgba(129,129,129,1); }
div.input.checkbox > input:checked + label:before { background-color:#818181; }
div.input.checkbox.float { margin-left:1px; margin-right:20px; float:left; }
div.input.checkbox.float + div.input.checkbox.float { margin-top:0; }
div.filter div.head { background-color:#e6e6e6; padding:12px; }
div.filter div.head h2 { margin:0; padding:5px; padding-top:17px; padding-bottom:0; color:#006098; }
div.filter div.head ul.selected { position:relative; display:none; margin:5px; margin-bottom:0; padding:0; list-style:none; }
div.filter div.head ul.selected.shown { display:block; }
div.filter div.head ul.selected li.clear { position:absolute; top:-27px; right:0; }
div.filter div.head ul.selected li a { display:block; position:relative; padding-left:20px; text-decoration:none; color:inherit; font-style:italic; }
div.filter div.head ul.selected li a:before { position:absolute; top:1px; left:0; line-height:1em; font-size:18px; font-family:audiowien; text-align:center; content:"g"; width:12px; height:12px; font-style:normal; }
div.filter div.head ul.selected li a:hover:before { color:#515151; }
div.filter ul.filter { display:block; margin:0; padding:12px; list-style:none; border:1px solid #e6e6e6; }
div.filter ul.filter > li { border-bottom:1px dotted #e6e6e6; padding:12px; padding-left:5px; padding-right:5px; }
div.filter ul.filter > li:first-child { padding-top:0; }
div.filter ul.filter > li:last-child { padding-bottom:0; border-bottom:0; }
div.filter ul.filter > li > ul { display:none; margin:0; padding:10px; padding-bottom:0; list-style:none; }
div.filter ul.filter > li.shown > ul { display:block; }
div.filter ul.filter a { text-decoration:none; color:inherit; }
div.filter ul.filter a:hover { color:#515151; }
div.filter ul.filter a.selected { color:#d24b22; }
div.filter ul.filter .title { position:relative; display:block; font-family:'Bebas Neue', sans-serif; font-weight:normal; color:#006098; font-size:17px; }
div.filter ul.filter .title:after { position:absolute; top:0; right:0; content:"a"; font-size:14px; font-family:audiowien; }
div.filter ul.filter li.shown .title:after { content:"b"; }
div.filter ul.filter .count:empty { display:none; }
div.filter ul.filter .count:before { content:"("; margin-left:6px; }
div.filter ul.filter .count:after { content:")"; }
div.result div.element { position:relative; display:none; border:1px solid #e6e6e6; padding:20px; padding-top:10px; padding-bottom:20px; margin:-20px; margin-top:20px; margin-bottom:20px; margin-right:40px; }
div.result div.element.shown { display:block; }
div.result.playlist div.element.shown { display:none; }
div.result.playlist div.element.shown.playlist { display:block; }
div.result.playlist:not(.private) div.element { margin-right:-20px; }
div.result.playlist:not(.private) div.element:after { display:none; }
div.result div.element.shown:after { cursor:pointer; position:absolute; top:20px; right:-40px; font-size:18px; content:"a"; font-family:audiowien; color:#006098; }
div.result div.element.shown.active:after { content:"b"; }
div.result div.element.hidden { display:none !important; }
div.result div.element:hover { background-color:#e6e6e6; }
div.result div.element.playlist { background-color:#fdebeb; }
div.result div.element[data-filter-empty] { padding-bottom:10px; margin-right:-20px; }
div.result div.element[data-filter-empty]:hover { background-color:inherit; }
div.result div.element[data-filter-empty]:after { display:none; }
div.result div.element[data-filter-empty]:first-child:last-child { display:block !important; }
div.result.playlist div.element[data-filter-empty]:not(.hidden) { display:block; }
div.result div.element div.meta { display:block; float:left; overflow:hidden; width:240px; }
div.result div.element div.meta .image { display:block; float:left; width:70px; height:70px; overflow:hidden; margin-right:20px; }
div.result div.element div.meta .image > img { display:block; width:100%; height:auto; }
div.result div.element div.meta .name { display:block; margin-left:90px; width:130px; color:#000; font-family:'Bebas Neue', sans-serif; font-weight:normal; font-size:35px; line-height:1em; }
div.result div.element div.meta .name.first { margin-top:6px; }
div.result div.element div.meta .name.last { font-size:22px; }
div.result div.element div.spots,
div.result div.element > div.more { display:block; margin-left:240px; padding-top:10px; margin-top:-10px; overflow:hidden; }
div.result div.element > div.more { display:none; padding-top:20px; }
div.result div.element.active > div.more { display:block; }
div.result div.element > div.more > :first-child { margin-top:0; padding-top:0; }
div.result div.element > div.more > :last-child { margin-bottom:0; padding-bottom:0; }
div.result div.element div.spots div.spot { display:block; position:relative; margin-bottom:5px; clear:left; }
div.result div.element div.spots div.spot:first-child { clear:none; }
div.result div.element.playlist > div.spots div.spot { display:none; }
div.result div.element > div.spots div.spot.more { display:none; }
div.result div.element.playlist > div.spots div.spot.playlist { display:block; }
div.result div.element.active > div.spots div.spot { display:block; }
div.result div.element div.spots div.spot:last-child { margin-bottom:0; }
div.result div.element div.spots div.spot .name { display:block; width:120px; float:left; }
div.result div.element div.spots div.spot .player { display:block; margin-left:140px; margin-right:80px; min-height:40px; background-color:#fff; }
div.result div.element div.spots div.spot .player > audio { display:none; }
div.result.public div.element div.spots div.spot .player { margin-right:0; }
div.result div.element div.spots div.spot .action { display:block; position:absolute; top:10px; right:0; text-align:right; }
div.result div.element div.spots div.spot .action .icon.action-add { display:inline-block; }
div.result div.element div.spots div.spot .action .icon.action-remove { display:none; }
div.result div.element div.spots div.spot.playlist .action .icon.action-add { display:none; }
div.result div.element div.spots div.spot.playlist .action .icon.action-remove { display:inline-block; }
div.result div.element div.spots div.spot .player .mejs__container { width:auto !important; }
div.result .buttons a { color:#d24b22; text-transform:uppercase; text-decoration:none; font-size:17px; font-weight:normal; font-family:'Bebas Neue', sans-serif; margin-right:15px; white-space:nowrap; }
div.result .buttons a .icon { text-transform:none; color:inherit; top:4px; margin-right:2px; }
div.list a { text-decoration:none; color:inherit; }
div.list a.color { color:#006098; }
div.list a.color:hover { color:#000; }
div.list a span.icon { top:6px; margin-left:5px; }
div.list > span.icon { top:6px; margin-right:5px; }
div.list a:hover span.icon { color:#006098; }
hr { border:0; border-top:1px dotted #e6e6e6; margin:0; margin-top:2em; margin-bottom:2em; padding:0; }
@media screen and (max-width: 1200px) {
div.left { width:260px; }
div.right { margin-left:260px; }
}
div.result div.element div.spots,
div.result div.element > div.more { overflow:hidden; }
div.result div.element div.spots { margin-top:6px; }
div.result div.element div.spots div.spot { margin-bottom:20px; }
div.result div.element div.spots div.spot .name { width:auto; margin-right:80px; margin-bottom:5px; }
div.result div.element div.spots div.spot .player { clear:left; float:none; margin:0; overflow:hidden; }
div.result div.element div.spots div.spot .action { top:0; }
@media screen and (max-width: 860px) {
div.result div.element div.meta { float:none; width:auto; }
div.result div.element div.meta .name { width:auto; }
div.result div.element div.spots,
div.result div.element > div.more { margin-left:0; }
div.result div.element div.spots { margin-top:20px; }
}
@media screen and (max-width: 767px) {
div.subnav > span.left { float:none; width:auto; }
div.subnav > span.right { float:none; width:auto; margin-right:0; text-align:left; }
div.subnav > span.right a span.icon { float:left; margin-left:0; margin-right:5px; top:1px; }
}
@media screen and (max-width: 700px) {
div.wrapper > div.top div.content .logout { display:none; }
div.wrapper > div.top div.content .button { float:right; }
}
@media screen and (max-width: 600px) {
.desktoponly { display:none !important; }
.mobileonly { display:block !important; }
div.wrapper { margin-top:68px; }
div.wrapper > div.top { height:68px; }
div.wrapper > div.top div.left { float:left; width:200px; }
div.wrapper > div.top div.right { float:right; }
div.wrapper > div.top div.content { margin-top:14px; }
div.wrapper > div.top div.content .logo { height:38px; }
div.wrapper > div.top div.content .button { margin-top:0; }
div.left { width:auto; float:none; position:relative; }
div.right { margin-left:0; }
div.left > div.content > div.filter { margin-left:-20px; margin-right:-20px; }
div.left > div.content > div.filter div.head,
div.left > div.content > div.filter ul.filter { padding-left:20px; padding-right:20px; }
div.left > div.content > div.filter ul.filter { display:none !important; }
div.left > div.content > div.filter.shown ul.filter { display:block !important; }
div.left > div.content > div.filter div.head h2 { position:relative; }
div.left > div.content > div.filter div.head h2:after { position:absolute; top:17px; right:5px; content:"a"; font-size:14px; font-family:audiowien; }
div.left > div.content > div.filter.shown div.head h2:after { content:"b"; }
div.filter div.head ul.selected li.clear { position:relative; top:auto; right:auto; font-weight:bold; }
div.wrapper > div.main > div.right div.content { padding-top:10px; }
div.result div.element { margin-right:-20px; }
div.result div.element div.meta { margin-right:30px;}
div.result div.element div.meta .image { margin-right:10px; }
div.result div.element div.meta .name { margin-left:80px; }
div.result div.element.shown:after { right:25px; font-size:14px; }
}
@media screen and (max-width: 480px) {
div.half { float:none; width:auto; }
div.half > div.input { margin-left:0 !important; margin-right:0 !important; }
div.half:nth-child(odd) > div.input { margin-bottom:6px; }
}