/*START*/
/*CSS STYLES FOR YOUTUBE WIDGET SECTION ON HOMEPAGE*/
/*  PREFIX TO USE - "yt-"    */
/*#####################################################################################*/
/*
 * Base Canvas
 */
            .ytv-canvas{
	            display: block;
	            overflow: hidden;
	            font-family: arial, sans-serif;
                margin: 0px auto;
                max-width: 800px;
	            min-width: 400px;
	            width:100%;
                height: 322px;
	            }
            .ytv-canvasNoPlayer{  
	            display: block;
	            overflow: hidden;
	            font-family: arial, sans-serif;  
                margin: 0px auto;
                max-width: 100%;
	            min-width: 150px;
	            width:100%;
                height: 432px;
            }
            .ytv-canvasNoPlayer .ytv-list{overflow: hidden;font-family: arial, sans-serif;}
            .ytv-canvas ::-webkit-scrollbar, .ytv-canvasNoPlayer ::-webkit-scrollbar {
	            background: rgba(255,255,255,.5);
                /*border-left: 1px solid #bbb;*/
                width: 10px;
                /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
                box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);*/
            }
            .ytv-canvas ::-webkit-scrollbar-thumb, .ytv-canvasNoPlayer ::-webkit-scrollbar-thumb{background: rgba(128,131,151,0.5);border-radius: 4px;}

            /*
             * Video
             */
            .ytv-video{
	            position: absolute;
	            top: 0;
                right: 300px;
                bottom: 0;
                left: 0;
                height: 100%;
            }
            .ytv-video iframe{
	            width: 100%;
	            height: 100%;
	            border: none;
	            outline: none;
	            display: block;
            }

            /*
             * List
             */
            .ytv-list{
               position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                height: 100%;
                max-width: 100%;
	            min-width:150px;
	            width:100%;
	            /*border: 1px solid #bbb;
	            background: #eee;
                background: repeating-linear-gradient(180deg, #ddd, white);
                border-radius: 4px;
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
                box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);*/
            }
            .ytv-list-inner{
	            overflow: auto;
	            position: absolute;
	            top: 52px;
                right: 0;
                bottom: 0;
                left: 0;
                -webkit-overflow-scrolling: touch;
            }
            .ytv-list ul{
	            margin: 0;
	            padding: 0;
	            list-style-type: none;
            }
            .ytv-list ul li {
	            border-bottom: 1px solid #ddd;
                /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
                box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);*/
            }
            .ytv-list ul li:nth-child(even) {
                background-color: #efefef;
            }
            .ytv-list .ytv-active a{
	            border-left: 2px solid #eee;
	            background: rgba(255,255,255,0.05);
            }
            .ytv-list a{
	            display: block;
	            text-decoration: none;
	            font-size: 0.786em;/*11px parent ele 14px*/
	            color: #000;
	            padding: 10px;
	            padding-left: 8px;
                box-sizing:content-box;
	            /*border-top: 1px solid rgba(255,255,255,0.1);
	            border-bottom: 1px solid rgba(0,0,0,0.5);
	            border-left: 2px solid transparent;*/
            }
            .ytv-list a b{		
                max-height: 45px;
                overflow: hidden;
                display: block;
                text-overflow: ellipsis;
            }
            .ytv-list li:first-child a{ border-top: none; }
            .ytv-list li:last-child a{ border-bottom: none; }
            .ytv-list .ytv-list-header a:hover{ background:#eee;}
            .ytv-list .ytv-list-inner a:hover { background: #bbb; background:repeating-linear-gradient(180deg, #ddd, #bbb);}
            /*.ytv-list-header .ytv-playlists a:hover, .ytv-list-header a:hover{ background: #d7d7d7;}*/
            .ytv-list a:active, .ytv-list-header .ytv-playlists a:active{ background: rgba(0,0,0,0.05); }
            .ytv-list .ytv-content{ text-align: center; }
            .ytv-list .ytv-thumb-stroke{
	            z-index: 2;
	            outline: 1px solid rgba(255,255,255,0.1);
            }
            .ytv-list .ytv-thumb{
	            outline: 1px solid rgba(0,0,0,0.5);
                max-width: 250px;
                position:relative;
                margin: 0 auto;
            }
            .ytv-list .ytv-thumb img{
	            border: 0px;
            }
            .ytv-list .ytv-thumb span{
	            position: absolute;
	            bottom: 5px;
	            right: 5px;
	            color: #eee;
	            /*background: rgba(0,0,0,0.7);*/
                background-color: #000000;
	            font-size: 1em; /*11px parent ele 11px*/
	            font-weight: bold;
	            padding: 0px 4px;
	            -webkit-border-radius: 3px;
	            -moz-border-radius: 3px;
	            border-radius: 3px;
            }
            .ytv-views{
                display: block;
                margin-top: -2px;
                font-size: 0.909em;/*10px parent ele 11px*/
                font-weight: normal;
                color: #666666;
            }
            .ytv-list-header{
	            height: 52px;
	            border-bottom: 1px solid #bbb;
                font-size: 1.1em;
	            /*-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);*/
            }
            .ytv-list-header a{
	            /*background: rgba(255,255,255,.5);
                background: repeating-linear-gradient(180deg, #99ccff, white);*/
	            position: relative;
	            z-index: 10;
	            height: 30px;
                padding: 11px 10px;
            }
            .ytv-list-header img, .ytv-list .ytv-playlists .ytv-thumb img{
	            max-width: 30px;
	            min-width: 10px;
	            width:100%;
	            vertical-align: middle;
	            border: 0;
            }
            .ytv-list-header span{		
                padding-left: 10px;
                font-size: 1.091em;/*12px parent ele 11px*/
                font-weight: bold;
            }

            /*
             * Playlists
             */
            .ytv-playlists{
                z-index: 9;
                position: absolute;
                background: #282828;
                top:52px;
                left: 0;
                right: 0;
                bottom: 0;
                overflow: auto;
                display: none;
	            }
            .ytv-playlists img, .ytv-list-header img{float: left;}
            .ytv-playlists a span, .ytv-list-header a span{	
                white-space: nowrap;
                padding-left: 10px;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .ytv-list-header > a span{line-height: 30px;}
            .ytv-list-header .ytv-playlists a{background: none;}
            .ytv-playlist-open .ytv-playlists{display: block;}

            /*
             * Modifiers
             */
            .ytv-relative{
	            position: relative;
	            width: 100%;
	            height: 100%;
	            }
            .ytv-full{
	            position: fixed;
	            top: 0;
	            left: 0;
	            width: 100% !important;
	            height: 100% !important;
	            margin: 0 !important;
	            }
            .ytv-arrow {
	            height: 10px;
	            width: 0;
	            position: relative;
	            top: 10px;
	            right: 5px;
	            border: 10px solid transparent;
	            float: right;
	            border-top-color: rgba(0,0,0,0.4);
	            display: none;
	            }
            .ytv-has-playlists .ytv-arrow{display: inline-block;}
            .ytv-playlist-open .ytv-arrow{
	            border-color: transparent;
	            border-bottom-color: rgba(0,0,0,0.4);
	            top: -10px;
	            }

            .ytv-list-header a:after, .ytv-clear:after {
	            content: ".";
	            display: block;
	            clear: both;
	            visibility: hidden;
	            line-height: 0;
	            height: 0;
	            }
            
            input#display_stream_schedule + div.popover > h3.popover-title { font-weight:bold; }
            input#display_stream_schedule + div.popover > div.popover-content { font-size: 0.85em; }
/*#####################################################################################*/
/*END YOUTUBE WIDGET FOR HOMEPAGE*/