/* UPDATED 12/17/2019 @ 10:58 AM */


html { -webkit-text-size-adjust: 100%; }
body {	margin: 0px;	background-color: #FFFFFF; }
div { font-family: 'Roboto', arial, helvetica, sans-serif; font-size: 12px; line-height: 130%; color: #333333; box-sizing: border-box; }
input, textarea, select { font-family: 'Roboto', arial, helvetica, sans-serif; }
a { color: #3366CC; text-decoration: none; }
a:hover {	text-decoration: underline; }
form { margin: 0px; padding: 0px; }
.Video { position: relative; padding-bottom: 56.25%; height: 0px; background-color: #000000; } /* 16:9 */	
.Video iframe { position: absolute; top: 0px;	left: 0px; width: 100%; height: 100%; }
.Marker { display: none; }
.Sponsor { padding: 0px; margin: 5px 0px 0px 0px; text-align: center; text-transform: uppercase; font-size: 10px; color: #CCCCCC; user-select: none; }

#BacktoTop { display: none; width: 40px; height: 40px; position: fixed; bottom: 30px; right: 30px; cursor: pointer; z-index: 9000; background-image: url(../Images/BacktoTop.svg); background-repeat: no-repeat; background-position: center center; }

.Today { color: #FB3449!important; }

.Subhead { display: block; margin: 0px auto 15px auto; font-size: 16px; line-height: 18px; color: #000000; font-weight: 700; }
.Subhead a { color: #000000; text-decoration: none; }
.Subhead a:hover { text-decoration: underline; }

/* ----------------------------- */

.Widget { display: block; margin: 0px auto 30px auto; padding: 15px; border: solid 1px #CCCCCC; border-radius: 3px; overflow: auto; }
.Widget .Link { display: block; margin: 0px; font-size: 15px; font-weight: 700; }
.Widget .Link a { color: #FB3449; text-decoration: none; }

/* ----------------------------- */

#WhatFinger { }
#WhatFinger .Table { display: table; width: 100%; margin: 0px auto; }
#WhatFinger .Table .Photo { display: table-cell; width: 65px; vertical-align: top; padding-right: 15px; }
#WhatFinger .Table .Photo img { max-width: 100%; }
#WhatFinger .Table .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px; font-size: 17px; line-height: 20px; color: #000000; }
#WhatFinger .Table .Text b { text-transform: uppercase; } 
#WhatFinger .Table .Text a { color: #000000; text-decoration: none; }
#WhatFinger .Table .Text a:hover { text-decoration: underline; }

/* ----------------------------- */

#Recommended { padding: 15px 0px 15px 15px; }
.Videos { display: flex; flex-wrap: wrap; }
.Videos .VideoChannel { width: 33%; margin: 0px 0px 15px 0px; }
.VideoChannel .Photo { display: block; margin: 0px auto 5px auto; padding-right: 15px; position: relative; }
.VideoChannel .Photo img { max-width: 100%; border-radius: 3px; }
.VideoChannel .Photo .Icon { position: absolute; left: 5px; bottom: 5px; z-index: 10; width: 30px; height: 30px; background-color: #999999; border-radius: 15px; opacity: .6; }
.VideoChannel .Text { display: block; margin: 0px auto; font-size: 13px; line-height: 15px; color: #000000; padding-right: 15px; }
.VideoChannel .Text a { color: #000000; text-decoration: none; }
.VideoChannel .Text a:hover { text-decoration: underline; }

#RecommendedChannels { visibility: hidden; }

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/*MOBILE DEVICES/TABLETS */
@media (max-width: 1028px) {

/* ----------------------------- */

#Page { display: block; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 1000; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  transition: all 0.3s ease; }
.Content { display: block; margin: 0px auto; width: 100%; max-width: 768px; }

/* ----------------------------- */

#AlertBar { display: block; margin: 0px auto; background-color: #3366CC; }
#AlertBar .Content { padding: 8px 0px; text-align: center; font-size: 13px; color: #FFFFFF; }
#AlertBar .Content a { color: #FFFFFF; text-decoration: underline; } 

/* ----------------------------- */

#MastheadRow { display: block; padding: 0px; margin: 0px auto 10px auto; }
.Row { display: block; margin: 0px auto; padding: 0px; }
#Row1 { padding-top: 0px; }
.Row .Content { display: block; margin: 0px auto; }
.Row .Col { display: block; margin: 0px auto 30px auto; }
.Col { display: block; margin: 0px auto 30px auto; }

/* ----------------------------- */

#Masthead { display: block; margin: 0px auto; background-color: #000000; border-bottom: solid 1px #454545; }
#Masthead .Content { padding: 10px 0px; text-align: center; }
#Masthead .Content img { max-width: 250px; }

/* ----------------------------- */

#TopLinks { display: none; }

/* ----------------------------- */

#SearchBar { display: block; margin: 0px auto 10px auto; border-bottom: solid 1px #ECECEC; }
#SearchBar .Content { padding: 10px; }
#SearchBar .Form { display: block; padding: 3px 45px; margin: 0px auto; background-image: url(../Images/Button-Search-Gray.svg); background-repeat: no-repeat; background-position: left 10px center; background-size: 20px 20px; border: solid 1px #CCCCCC; }
#SearchBar .Input { width: 100%; border: 0px; outline: 0px; padding: 10px; font-size: 17px; font-weight: 300; color: #000000; height: 30px; }
#SearchBar .Input::placeholder { color: #666666; }

/* ----------------------------- */

#Footer { display: block; margin: 40px auto; }
#Footer .Content { max-width: 728px; padding: 0px 20px; font-size: 10px; color: #999999; text-align: center;  }
#Footer .Content a { color: #999999; text-decoration: underline; }

/* ----------------------------- */

#OptionsMenu { padding: 0px 20px; }
#OptionsMenu .Content { display: table; width: 100%; margin: 0px auto 10px auto; }
#OptionsMenu .Content .Col { display: table-cell; width: 50%; vertical-align: bottom; }
#OptionsMenu .Content .Col:last-child { }

/* ----------------------------- */

.Links { display: block; margin: 0px auto 15px auto; }
#ChannelNav { font-family: 'Montserrat'; font-size: 12px; font-weight: 700; color: #000000; text-transform: uppercase;}
#ChannelNav a { color: #000000; padding-right: 30px; }

/* ----------------------------- */

.Header { font-family: 'Montserrat'; font-size: 18px; font-weight: 900; color: #000000; text-transform: uppercase; margin-bottom: 8px; }
.ChannelHeader { font-size: 18px; line-height: 18px!important; }
.ChannelHeader span { display: none; }

.Info { display: block; margin: 0px auto; font-size: 14px; color: #454545; }

/* ----------------------------- */

.Channel { display: block; position: relative; }
.Channel .Logo { display: table; width: 100%; margin: 0px 0px 2px 0px; background-color: #000000; }
.Channel .Logo a { display: table-cell; width: auto; height: 90px; vertical-align: middle; text-align: center; padding: 20px; }
.Channel .Logo img { max-width: 100%; max-height: 50px; border: none; user-select: none; }
.Channel .Feed { display: block; margin: 0px 0px 15px 0px; font-size: 15px; }
.Channel .Feed .Date { display: block; margin: 0px 0px 2px 0px; padding: 0px 20px; font-size: 10px; text-transform: uppercase; color: #999999; }
.Channel .Feed .Headline { margin: 0px 0px 30px 0px; padding: 0px 20px; font-size: 14px; color: #000000; }
.Channel .Feed .Headline a { color: #000000; }
.Channel .Feed .Headline a:hover { color: #FB3449; }
.Channel .Link { display: block; padding: 0px 20px 20px 20px; margin: 0px; font-size: 15px; font-weight: 700; }
.Channel .Link a { color: #FB3449; text-decoration: none; }
.Channel .Feed .Featured { display: block; margin: 0px 0px 10px 0px; background-color: #000000; }
.Channel .Feed .Featured img { width: 100%; }
.Channel .Feed .First { font-size: 20px!important; line-height: 22px!important; font-weight: 900!important; }

.Channel .Feed .Text { font-size: 15px; }

.Channel .Favorite { display: block; height: 32px; width: 32px; position: absolute; top: 10px; left: 10px; z-index: 999; opacity: .5; user-select: none; background-image: url(../images/Favorite-Off.svg); background-position: center center; background-repeat: no-repeat; background-size: 16px 16px; cursor: pointer; }
.Channel .Favorite:hover { opacity: 1; }
.Channel .FavoriteOn { opacity: 1 !important; background-image: url(../images/Favorite-On.svg) !important; }

.Options { display: block; height: 32px; width: 32px; position: absolute; top: 10px; right: 10px; z-index: 999; opacity: .5; user-select: none; background-image: url(../images/Options-Menu.svg); background-position: center center; background-repeat: no-repeat; background-size: 16px 16px; cursor: pointer; }
.Options:hover { opacity: 1; }

/* ----------------------------- */

#SortMenu { display: none; margin: 0px; float: right; }
#SortMenu .Left { display: none; }
#SortMenu .Center { display: table-cell; width: auto; vertical-align: middle; }
#SortMenu .Right { display: table-cell; width: 40px; vertical-align: middle; padding-left: 10px; }
#SortSelect { width: 130px; padding: 5px; border: solid 1px #ECECEC; font-family: 'Roboto'; font-size: 12px; color: #000000; }

/* ----------------------------- */

.PopupBox { display: none; position: fixed; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999991; overflow: auto; }
.PopupLayer2 { display: none; }
.PopupLayer1 { display: block; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999991; overflow: auto; }
.PopupClose { display: block; width: 30px; height: 30px; position: fixed; right: 15px; top: 15px; z-index: 999992; cursor: pointer; }
.PopupClose img { max-width: 100%; max-height: 100%; }
.PopupTable { display: table; width: 100%; height: 100%; margin: 0px auto; background-color: #FFFFFF; }
.PopupCol { display: table-cell; vertical-align: top; padding: 0px; }
.PopupContent { display: block; margin: 0px auto; position: relative; }
.PopupBox1 { display: block; margin: 0px auto; padding: 20px 40px; position: relative; }
.PopupCloseLink { display: block; margin: 0px auto; padding: 20px; text-align: center; font-size: 10px; line-height: 120%; color: #000000; font-family: 'Roboto'; }
.PopupCloseLink a { font-size: 12px; color: #FB3449; text-decoration: none; }

/* ----------------------------- */

#sortable { list-style-type: none; margin: 20px auto; padding: 10px; border: solid 1px #ECECEC; }
#sortable li { border-bottom: solid 1px #ECECEC; }
#sortable li:active { border-bottom: solid 1px #3366CC; border-top: solid 1px #3366CC; background-color: #F0F0F0; cursor: row-resize; }
#sortable::-webkit-scrollbar { width: 10px; }
#sortable::-webkit-scrollbar-track { background: #ECECEC; }
#sortable::-webkit-scrollbar-thumb { background: #999999; }
#sortable::-webkit-scrollbar-thumb:hover { background: #666666; }

#Playlist { display: block; margin: 0px auto; }
#Playlist .Content { padding: 10px; }
.PlaylistTable { display: table; width: 100%; margin: 0px; background-image: url(../images/Icon-Drag.svg); background-position: center right 10px; background-repeat: no-repeat; }
.PlaylistTable:hover { background-color: #ECECEC; }
.PlaylistTable div { display: table-cell; width: auto; vertical-align: middle; padding: 10px; font-size: 10px; }
.PlaylistTable .PlaylistID { width: 20px; }
.PlaylistTable .PlaylistName { font-weight: 700; user-select: none; }
.PlaylistTable .PlaylistFavorite { width: 20px; padding: 0px; }
.PlaylistTable .PlaylistFavorite a { display: block; margin: 0px; padding: 10px; }
.PlaylistTable .PlaylistFavoriteOn { }
.PlaylistTable .PlaylistLinks { display: none !important; } 

.PlaylistButtons { display: block; margin: 0px auto; }
.PlaylistButtons div { display: block; margin: 0px auto 10px auto; font-size: 10px; text-align: center; text-transform: uppercase; }
.PlaylistButtons div a { color: #666666; }

/* ----------------------------- */

#Headlines { padding: 0px 20px; }
#Headlines .Content { }
.FlexRow { }
.FlexRow .Block { display: block; margin: 0px auto 20px auto; }
.FlexRow .Block .Date { display: block; margin: 0px auto 5px auto; font-size: 11px; text-transform: uppercase; color: #999999; }
.FlexRow .Block .Headline { margin: 0px auto; font-size: 17px; line-height: 21px; color: #000000; }
.FlexRow .Block .Headline a { color: #000000; }
.FlexRow .Block .Headline a:hover { color: #FB3449; }

/* ----------------------------- */

}


@media (min-width: 640px) {

#SortMenu .Left { display: table-cell; width: auto; vertical-align: middle; padding-right: 10px; font-size: 14px; color: #000000; text-align: right; font-weight: 900; }
#SortSelect { width: 250px; padding: 5px; border: solid 1px #ECECEC; font-family: 'Roboto'; font-size: 14px; color: #000000; }
.Channel .Feed .Headline { font-size: 16px; }
.Channel .Feed .First { font-size: 26px!important; line-height: 30px!important; }

.Videos .VideoChannel { width: 25%; }

}


@media (min-width: 768px) {

#Masthead .Content img { max-width: 400px; }
#SearchBar .Content { padding: 10px 0px; }
.Channel .Feed .Headline { padding: 0px; }

}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* DESKTOP/LAPTOP COMPUTERS */
@media (min-width: 1028px) {

/* ----------------------------- */

#Page { }
.Content { display: block; margin: 0px auto; max-width: 1200px; }

/* ----------------------------- */

#AlertBar { display: block; margin: 0px auto; background-color: #3366CC; }
#AlertBar .Content { padding: 8px 0px; text-align: center; font-size: 16px; color: #FFFFFF; }
#AlertBar .Content a { color: #FFFFFF; text-decoration: underline; } 

/* ----------------------------- */

#MastheadRow { display: block; padding: 0px; margin: 0px auto 30px auto; }

.Row { display: block; margin: 0px auto; padding: 40px; }
.RowA { }
.RowA .Channel .Feed .Date { border-top: dotted 1px #ECECEC; }
.RowA .Channel .Link { border-top: dotted 1px #ECECEC; }

.RowB { background-color: #F3F3F3; }
.RowB .Channel .Feed .Date { border-top: dotted 1px #CCCCCC; }
.RowB .Channel .Link { border-top: dotted 1px #CCCCCC; }

#Row1 { padding-top: 0px; }

.Row .Content { display: table; width: 100%; }
.Row .Col { display: table-cell; vertical-align: top; }
.Row .Content .Col:nth-child(1) { width: 33%; }
.Row .Content .Col:nth-child(2) { width: auto; padding: 0px 20px; }
.Row .Content .Col:nth-child(3) { width: 33%; }

/* ----------------------------- */

#Masthead { display: block; margin: 0px auto; background-color: #000000; border-bottom: solid 1px #454545; }
#Masthead .Content { padding: 10px 0px; text-align: center; }
#Masthead .Content img { max-width: 400px; }

/* ----------------------------- */

#TopLinks { display: block; margin: 0px auto; padding: 3px 40px; background-color: #000000; }
#TopLinks .Content { display: table; width: 100%; margin: 0px auto; }
#TopLinksLeft { display: table-cell; padding: 5px 0px; vertical-align: middle; font-family: 'Montserrat'; font-weight: 700; font-size: 10px; text-transform: uppercase; color: #FFFFFF; width: 400px;  text-align: left; }
#TopLinksLeft a { color: #FFFFFF; text-decoration: none; padding: 10px 0px; }
#TopLinksCenter { display: table-cell; padding: 5px; vertical-align: middle; font-family: 'Montserrat'; font-weight: 700; font-size: 10px; text-transform: uppercase; color: #FFFFFF; width: auto; text-align: center; user-select: none; }
#TopLinksRight { display: table-cell; padding: 5px 0px; vertical-align: middle; font-family: 'Montserrat'; font-weight: 700; font-size: 10px; text-transform: uppercase; color: #FFFFFF; width: 400px; text-align: right; }
#TopLinksRight a { color: #FFFFFF; text-decoration: none; padding: 10px 0px; }

/* ----------------------------- */

#SearchLink { background-image: url(../Images/Button-Search.svg); background-repeat: no-repeat; background-position: left center; background-size: 20px 20px; padding-left: 22px!important; }
.SearchClose { background-image: url(../Images/Button-Close.svg) !important; }

#SearchBar { display: none; background-color: #000000; margin: 0px auto; padding: 15px 40px; }
#SearchBar .Content { opacity: 0; }
#SearchBar .Form { display: block; padding: 3px 0px; margin: 0px auto; background-color: #333333; background-image: url(../Images/Button-Search.svg); background-repeat: no-repeat; background-position: left 10px center; background-size: 30px 30px; }
#SearchBar .Input { width: 100%; background-color: #333333; border: 0px; outline: 0px; padding: 10px; font-size: 17px; font-weight: 300; color: #FFFFFF; height: 40px; }
#SearchBar .Input::placeholder { color: #666666; }
#SearchBar .Input:-webkit-autofill, #SearchBar .Input:-webkit-autofill:hover, #SearchBar .Input:-webkit-autofill:focus { border: none 0px; -webkit-text-fill-color: #FFFFFF; -webkit-box-shadow: 0 0 0px 0px #333333 inset; transition: background-color 5000s ease-in-out 0s; }

/* ----------------------------- */

#Footer { display: block; margin: 40px auto; }
#Footer .Content { max-width: 728px; font-size: 11px; color: #999999; text-align: center;  }
#Footer .Content a { color: #999999; text-decoration: underline; }

/* ----------------------------- */

#OptionsMenu { padding: 0px 40px; }
#OptionsMenu .Content { display: table; width: 100%; margin: 0px auto 20px auto; border-bottom: solid 1px #ECECEC; }
#OptionsMenu .Content .Col { display: table-cell; width: auto; vertical-align: middle; padding-bottom: 15px; }
#OptionsMenu .Content .Col:last-child { width: 340px; }

/* ----------------------------- */

.Links { display: block; margin: 0px auto 15px auto; }
#ChannelNav { font-family: 'Montserrat'; font-size: 12px; font-weight: 700; color: #000000; text-transform: uppercase;}
#ChannelNav a { color: #000000; padding-right: 30px; }

/* ----------------------------- */

.Header { font-family: 'Montserrat'; font-size: 28px; font-weight: 900; color: #000000; text-transform: uppercase; margin-bottom: 8px; }
.ChannelHeader { }
.ChannelHeader span { font-weight: 300; }

.Info { display: block; margin: 0px auto; font-size: 14px; color: #454545; }

/* ----------------------------- */

.Channel { display: block; position: relative; }
.Channel .Logo { display: table; width: 100%; margin: 0px 0px 2px 0px; background-color: #000000; }
.Channel .Logo a { display: table-cell; width: auto; height: 90px; vertical-align: middle; text-align: center; padding: 20px; }
.Channel .Logo img { max-width: 100%; max-height: 50px; border: none; user-select: none; }
.Channel .Feed { display: block; margin: 0px 0px 15px 0px; }
.Channel .Feed .Date { display: block; margin: 15px 0px 2px 0px; padding-top: 8px; font-size: 10px; text-transform: uppercase; color: #999999; }
.Channel .Feed .DateNoBorder { margin-top: 0px!important; padding-top: 0px!important; border: none 0px!important; }
.Channel .Feed .Headline { margin: 0px 0px 5px 0px; padding-right: 15px; font-size: 15px; color: #000000; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
.Channel .Feed .Headline a { color: #000000; }
.Channel .Feed .Headline a:hover { color: #FB3449; }
.Channel .Link { display: block; margin: 0px; padding-top: 15px; font-size: 15px; font-weight: 700; }

.Channel .Link a { color: #FB3449; text-decoration: none; }
.Channel .Feed .Featured { display: block; margin: 0px 0px 10px 0px; overflow: hidden; height: 120px; background-color: #000000; }
.Channel .Feed .Featured img { width: 100%; }
.Channel .Feed .First { font-size: 20px!important; line-height: 22px!important; font-weight: 900!important; -webkit-line-clamp: 3; }

.Channel .Favorite { display: block; height: 32px; width: 32px; position: absolute; top: 0px; left: 0px; z-index: 999; opacity: .5; user-select: none; background-image: url(../images/Favorite-Off.svg); background-position: center center; background-repeat: no-repeat; background-size: 16px 16px; cursor: pointer; }
.Channel .Favorite:hover { opacity: 1; }
.Channel .FavoriteOn { opacity: 1 !important; background-image: url(../images/Favorite-On.svg) !important; }

.Channel .Feed .Text { font-size: 15px; }

.Options { display: block; height: 32px; width: 32px; position: absolute; top: 0px; right: 0px; z-index: 999; opacity: .5; user-select: none; background-image: url(../images/Options-Menu.svg); background-position: center center; background-repeat: no-repeat; background-size: 16px 16px; cursor: pointer; }
.Options:hover { opacity: 1; }

/* ----------------------------- */

#SortMenu { display: none; margin: 0px; float: right; }
#SortMenu .Left { display: table-cell; width: auto; vertical-align: middle; padding-right: 10px; font-size: 14px; color: #000000; text-align: right; font-weight: 900; }
#SortMenu .Center { display: table-cell; width: auto; vertical-align: middle; }
#SortMenu .Right { display: table-cell; width: 40px; vertical-align: middle; padding-left: 10px; }
#SortSelect { width: 250px; padding: 5px; border: solid 1px #ECECEC; font-family: 'Roboto'; font-size: 14px; color: #000000; }

/* ----------------------------- */

.PopupBox { display: none; position: relative; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999991; overflow: auto; }
.PopupLayer2 { display: block; width: 100%; height: 100%; background-color: #000000; position: fixed; top: 0px; left: 0px; z-index: 999990; opacity: .85; }
.PopupLayer1 { display: block; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999991; overflow: auto; }
.PopupTable { display: table; width: 100%; max-width: 1100px; height: 100%; margin: 0px auto; }
.PopupCol { display: table-cell; vertical-align: middle; padding: 20px 0px; }
.PopupContent { display: block; margin: 0px auto; }
.PopupBox1 { display: block; margin: 0px auto; position: relative; }
.PopupClose { display: block; width: 40px; height: 40px; position: absolute; right: 20px; top: 20px; z-index: 999992; cursor: pointer; }
.PopupCloseLink { display: block; margin: 0px auto; padding: 0px 20px 20px 20px; text-align: center; font-size: 11px; line-height: 120%; color: #999999; font-family: 'Roboto';  }
.PopupCloseLink a { color: #FFFFFF; text-decoration: none; font-size: 11px; text-transform: uppercase; }

/* ----------------------------- */

#sortable { list-style-type: none; margin: 20px auto; padding: 20px; height: 330px; overflow: auto; border: solid 1px #ECECEC; }
#sortable li { }
#sortable li:active { border-bottom: solid 1px #3366CC; border-top: solid 1px #3366CC; background-color: #F0F0F0; cursor: row-resize; }
#sortable::-webkit-scrollbar { width: 10px; }
#sortable::-webkit-scrollbar-track { background: #ECECEC; }
#sortable::-webkit-scrollbar-thumb { background: #999999; }
#sortable::-webkit-scrollbar-thumb:hover { background: #666666; }

#Playlist { display: block; margin: 0px auto; background-color: #FFFFFF; }
#Playlist .Content { padding: 40px; }
.PlaylistTable { display: table; width: 100%; margin: 0px; background-color: #FFFFFF; background-image: url(../images/Icon-Drag.svg); background-position: center right 10px; background-repeat: no-repeat; border-bottom: solid 1px #ECECEC; }
.PlaylistTable:hover { background-color: #F0F0F0!important; }
.PlaylistTable div { display: table-cell; width: auto; vertical-align: middle; padding: 10px; font-size: 13px; }
.PlaylistTable .PlaylistID { width: 30px; }
.PlaylistTable .PlaylistName { font-weight: 900; user-select: none; }
.PlaylistTable .PlaylistFavorite { width: 30px; padding: 0px; }
.PlaylistTable .PlaylistFavorite a { display: block; margin: 0px; padding: 10px; }
.PlaylistTable .PlaylistFavoriteOn { }
.PlaylistTable .PlaylistLinks { width: 280px; padding: 10px 40px; visibility: hidden; font-size: 10px; text-align: right; text-transform: uppercase; } 
.PlaylistTable .PlaylistLinks a { padding: 0px 5px; color: #666666; text-decoration: none; }
.PlaylistTable .PlaylistLinks a:hover { color: #FB3449; }
.PlaylistTable:hover .PlaylistLinks { visibility: visible; }
.PlaylistButtons { display: block; margin: 0px auto; }
.PlaylistButtons div { display: inline-block; float: left; margin: 0px 20px 0px 0px; font-size: 10px; text-align: right; text-transform: uppercase; }
.PlaylistButtons div a { color: #666666; }
.PlaylistButtons div:last-child { float: right; margin: 0px; }

/* ----------------------------- */

#Headlines { padding: 0px 40px; }
#Headlines .Content { }
.FlexRow { display: table; width: 100%; margin: 0px auto 15px auto; border-bottom: solid 1px #ECECEC; }
.FlexRow .Block { display: table-cell; width: 25%; vertical-align: top; padding: 0px 15px 15px 0px; }
.FlexRow .Block .Date { display: block; margin: 0px auto 5px auto; font-size: 11px; text-transform: uppercase; color: #999999; }
.FlexRow .Block .Headline { margin: 0px auto; font-size: 17px; line-height: 21px; color: #000000; }
.FlexRow .Block .Headline a { color: #000000; }
.FlexRow .Block .Headline a:hover { color: #FB3449; }

/* ----------------------------- */

.Videos .VideoChannel { width: 33%; }

}

@media (min-width: 1140px) {

.Channel .Feed .Featured { height: 150px; }

}

@media (min-width: 1200px) {

.Channel .Feed .Featured { height: 190px; }

}



#Col1
{
 max-width: 390px;
}
#Col2
{
 max-width: 390px;
}
#Col3
{
 max-width: 390px;
}

@media (max-width: 1024px) {

#Col1
{
 max-width: 370px;
}
#Col2
{
 max-width: 370px;
}
#Col3
{
 max-width: 370px;
}

}

@media (max-width: 768px) {

#Col1
{
 max-width: 760px;
}
#Col2
{
 max-width: 760px;
}
#Col3
{
 max-width: 760px;
}

}

@media only screen and (max-width: 760px) {
  #ismobilediv { display: none; }
}