html { position: relative; min-height: 100%; }
body { margin-bottom: 140px; background: #ccc url('/images/body.png') repeat 0 0; }

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 140px;
  background-color: #f5f5f5;
}


#bodyhead { top: 0; width: 100%; height: 257px; background: #ccc url('/images/topbg.png') repeat-x 0 0px; z-index: -1;}
.firstContainer { margin-top: -80px;}
.navbar { margin-bottom: 0; border-radius: 0}

#logo { margin-top: 0px; padding-top: 20px; background-color: transparent; }
#logo p {
	position: absolute;
	font-size: 10pt;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
 #rightContainer { padding-left:0; }

#channelTitle { overflow: hidden !important; white-space: nowrap; text-overflow: ellipsis; }

.center { margin:0 auto }
.panel { border-radius: 0; }
.panel-headbg {height: 55px; background: #fff url('/images/panelhead.png') repeat-x 0 0; border-radius: 0px; }
.panel-headbg h1 { display: inline; margin: 0 00 0 20px; font-weight: 600}
.panel-headbg h2 { display: inline; margin: 0 00 0 20px; font-weight: 600}

#sidenav_title h3 { margin: 0 00 0 20px; font-size: 20px; font-weight: 600; display: inline; margin: 0; padding: 5px 0 5px 0;}
#sidenav_title { background: #fff url('/images/panelhead.png') repeat-x -45px 0; text-align: center; height: 35px; padding: 0; margin: 0; }

#sidenav_left { padding: 0 5px 0 5px; margin: 0; border-right: 1px solid #000; font-size: 25px;  cursor: pointer;}
#sidenav_center { padding: 6px 0 0 0; margin: 0; }
#sidenav_right { padding: 0 5px 0 5px; margin: 0; border-left: 1px solid #000; font-size: 25px;  cursor: pointer;}

div[id^="channel-"] .panel-footer { font-size: 8pt; font-weight: normal !important; padding: 5px 10px; }

.nowrap { white-space: nowrap; overflow: hidden; }

/* ######### POPOVER HOME ######### */
#popover-epgtitle { padding: 8px; }
#popover-epgbody { background: #fcfcfc; padding: 5px 8px 5px 8px; text-align: justify; }

.popover { max-width: 600px; width: auto ;}
.popover-content { padding: 0;}
.popover-content .panel { margin: 0px; padding: 0px; border: 0px}

#popover-epgchan, #popover-epgtitle { font-weight: bold; }
#popover-epgdesc { font-size: 9pt; }
#popover-epginfo { font-size: 8pt; border-top: 1px solid #ccc; margin-top: 5px; padding-top: 5px; }
/* ################################ */

#player_panel { background-color: #000; padding: 0;}

#epgDaily li a { margin-right: 0; font-size: 13px; }

.epgLeft { padding: 0 3px 0 0; font-size: 10px; text-transform: uppercase;}
.epgRight { padding: 0 0 0 3px;  font-size: 10px; text-transform: uppercase; }

#sidenav { background: transparent; border-color: transparent;}

#sidenav .panel-body { background: transparent; padding: 0; border: 0; }
#sidenav .panel { background: transparent; border: 0; }
div[id^="epgSidebar-"] { background: transparent; max-height: 525px; overflow-x: hidden; overflow-y: auto; display: none; margin-bottom: 0px;}
div[id^="epgSidebar-"] .list-group { background: transparent; margin: 0; }
div[id^="epgSidebar-"] .list-group-item { border-bottom: 1px solid #dddddd; margin: 0; padding: 3px;  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #dee1e5 0%, #fffcfc 100%) repeat scroll 0 0; border-radius: 0; margin-bottom: 5px; margin-right: 5px; }
div[id^="epgSidebar-"] .list-group-item img { height: 36px; border: 1px solid #000; } 
#sidenav_title { margin-bottom: 5px; }

.sidenavChannel { padding-left: 10px; }
.sidenavShortdesc { padding-left: 10px; font-size: 11px; overflow: hidden !important; white-space: nowrap; text-overflow: ellipsis; }

.sidebarActive { display: block !important; }

#epgDaily { border-bottom: 0; }

.bold-text { font-weight: bold; }

#epgNow h2 { display: inline; font-size: 14px; }


/* ######### TWITTER ######### */
.twitterbox { padding: 0; background: transparent; border-color: transparent; }
.twitterbox { margin-top: 0px;}
#loading-container { padding:16px 0px 16px 0px; text-align:center; }
#twitter-feed { width:100%; margin:auto; font-family: Arial, Helvetica, sans-serif; color:#333; overflow:auto; /* background: rgba(0, 0, 0, 0) linear-gradient(to top, #dee1e5 0%, #fffcfc 100%) repeat scroll 0 0; */ }
#twitter-feed h1 { color:#5F5F5F; margin:0px; padding:9px 0px 9px 0px; font-size:18px; font-weight:lighter; }
.twitter-article, #loading-container { width:100%; border-top:1px dotted #CCC; float:left; padding:8px 5px 8px 5px; position:relative; }
.twitter-pic { position:absolute; }
.twitter-pic img { float:left; border-radius:7px; border:none; }
#tw1 { border-top: 0px }
/* -------- TEXT STYLING ------*/
.twitter-text { width:100%;
float:left; font-size:11px; padding-left:52px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: hand; cursor: pointer; }
.twitter-text p { margin:0px; line-height:15px; }
.twitter-text a,  h1 a { color: #00acee; text-decoration: none; }
.twitter-text a:hover,  h1 a:hover { text-decoration: underline; color: #00acee; }
.tweet-time { font-size:10px; color:#878787; float:right; }
.tweet-time a, .tweet-time a:hover { color:#878787; }
.twitter-desc { font-size: 7pt; border-top: 1px dashed #cccccc; display: none; }
.tweetprofilelink a { color:#444; }
.tweetprofilelink a:hover { color:#444; }
/* -------- FEED  ACTIONS ------*/
#twitter-actions { width:75px; float:right; margin-right:5px; margin-top:3px; display:none; }
.intent { width:25px; height:16px; float:left; } 
.intent a{ width:25px; height:16px; display:block; background-image:url(/images/tweet-actions.png); float:left; }
.intent a:hover{ background-position:-25px 0px; }
#intent-retweet a{ background-position:0px -17px; }
#intent-retweet a:hover{ background-position:-25px -17px; }
#intent-fave a{ background-position:0px -36px; }
#intent-fave a:hover{ background-position:-25px -36px; }
/* -------- RETWEET INDICATOR ------*/
#retweet-indicator { width:14px; height:10px; background-image:url(/images/tweet-actions.png); background-position:-5px -54px; margin-top:3px; float:left; }
/* ###################################################### */




/* ######### PLAYER ######### */
#video { width: auto; height: auto; }
.innerControlsLeft { display: none; }
[data-player] { position: relative; width: 100%; height: auto; margin: 0; }
/* Fix the video container to take up 100% width and to calculate its height based on its children. */
[data-player] .container[data-container] { width: 100%; height: auto; position: relative; }
/* Fix the media-control element to take up the entire size of the player. */
[data-player] .media-control[data-media-control] {top: 0; right: 0; bottom: 0; left: 0; }
/* Fix the video element to take up 100% width and to calculate its height based on its natural aspect ratio. */
[data-player] video { position: relative; display: block; width: 100%; height: auto; }
/* ########################### */

h1 span { display: none; text-indent:-9999px;}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.homeChanIcon { width:75%; border-radius: 2px 2px 0 0; }
.homeChanPannelBody { padding: 0px; background: #fcfcfc; }

.filterGray {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

a.filterRedText:link, a.filterRedText:hover, a.filterRedText:visited, a.filterRedText:active { color: #a8a8a8; }
a.filterDefaultText:link, a.filterDefaultText:hover, a.filterDefaultText:visited, a.filterDefaultText:active { color: #3399f3; }

/* Top AD & Social */
.topban { margin-top: 30px; }
#social_top { float: right; }
.social { width: 495px; float: right; margin-right: 0px; margin-top: 25px;}
.google,.facebook, .vk { float:left; }
.facebook_page { float:left; margin-left: 5px; }
.facebook_page img { -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; }

.google_page { float:left; margin-right: 10px; }
.google_page img { -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; }

.twitter_page { float:left; margin-left: 10px; }
.twitter_page img { -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; }

.donate  { float:left; margin-left: 16px; }
.google { margin-right: 5px; width: 77px; }

.fb-share-container { float:right; margin-top: 10px; margin-right:3px }
.fb-share-button { position: absolute; left: 0px; }

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border:0;
}

/* MGID */
@media(max-width:480px){#M272054ScriptRootC150166{min-height:400px !important;}}
@media(min-width:480px){#M272054ScriptRootC150166{min-height:180px !important;}}
#M272054ScriptRootC151634 .mgbox { padding: 0; }
#M272054ScriptRootC151634 .mgbox .mgline { margin: 0 !important; }