.column
{
 display: inline-block;
 vertical-align: top;
 width: 23vw;
 min-width: 15em;
 text-align: center;
 margin-top: 3em;
}
.column .title
{
 display: block;
 font-size: 110%;
 text-align: center;
 margin-bottom: 1em;
}
#lstTOA
{
 text-align: left;
 display: inline-block;
 border: 1px solid;
 padding: 0.5em 2em 0.5em 0.5em;
 margin: 0.5em;
 font-size: 85%;
}
#lstTOA input, #lstTOA label
{
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 vertical-align: middle;
}
#lstTOA.hidden
{
 display: none;
}
.streamers
{
 text-align: center;
}
.streamer
{
 display: inline-block;
 text-align: center;
 width: 96px;
 height: 96px;
 border: 2px solid #B0B0B0;
 margin-left: 1em;
 margin-right: 1em;
 padding: 0.25em;
 background-color: #000000;
 color: white !important;
 text-decoration: none !important;
 border-radius: 24px;
 box-shadow: 2px 2px 4px #606060;
}
/*
.streamer.live
{
 border-color: #008000;
 background-image: linear-gradient(to top, #006000, transparent);
}
*/
.streamer:hover
{
 border-color: #FFFFFF;
}
.streamer img
{
 width: 48px;
 height: 48px;
 border-radius: 24px;
 border: 2px solid #FFFFFF;
}
.streamer.live img
{
 border-color: #FF0000;
}
.streamer .name
{
 font-size: 75%;
 display: block;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.streamer .followers
{
 font-size: 50%;
}
.fullNoteLB.hidden, .fullNote.hidden
{
 display: none;
}
.l60
{
 text-align: left;
 font-size: 60%;
}
.n80
{
 font-size: 80%;
}