#channel-list li,ul{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}body{background-color:#0e9dd9;color:#000;margin:0}header,nav{padding:1rem;min-height:40px;background-color:#5a3e85;font-family:Droid Sans,sans-serif}nav{padding:0}header{color:#fafafa;font-size:3.5rem;font-weight:600;text-shadow:1px 1px 2px #000}ul{margin:0;padding:0;list-style:none;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:stretch;align-items:stretch}a{text-decoration:none;color:#000}.tab{-ms-flex-preferred-size:4rem;flex-basis:4rem;font-size:1.3em;text-align:center;border-top-left-radius:6px;border-top-right-radius:6px;background-color:#fafafa;padding:1em;border:1px solid #000;border-bottom:0;background-image:linear-gradient(0deg,rgba(50,50,50,.6),#fafafa 10%)}.tab:hover{background-color:#71cef6;background-image:linear-gradient(0deg,rgba(50,50,50,.6),#71cef6 10%)}.active-tab{box-shadow:-5px 0 3px -3px rgba(50,50,50,.6)}.active-tab,.active-tab:hover{background-color:#0e9dd9;background-image:none}.active-tab+li{box-shadow:inset 2px 0 8px -1px rgba(50,50,50,.6)}.active-tab+li:hover{box-shadow:inset 1.5px 0 8px -2px #545454}.logo{border-radius:100%;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-preferred-size:70px;flex-basis:70px;height:70px}.online{background-color:#724ea8;color:silver}.online li>.logo{border:2px solid #1ae20d}.offline,.offline li>.logo{background-color:#c7c7c7}.offline li>.logo{border:2px solid #fafafa;filter:grayscale(100%)}.channelname{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:2;flex-shrink:2;-ms-flex-preferred-size:10em;flex-basis:10em;text-transform:uppercase}.statusmsg{-ms-flex-positive:2;flex-grow:2;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:12em;flex-basis:12em;text-align:left}#channel-list{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-flow:column nowrap;flex-flow:column nowrap;padding:1.5em;min-height:100%}#channel-list>a{border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000}#channel-list>a:first-of-type{border-radius:6px 6px 0 0;border-top:1px solid #000}#channel-list>a:last-of-type{border-radius:0 0 6px 6px}#channel-list>a:only-of-type{border-radius:6px}#channel-list li{-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;border:none;border-top:none;padding:.5em}#channel-list li *{margin:.5em}