/* ORIGINAL PLAYLIST LAYOUT */

    #right-column                               { position:absolute; width:486px; right:0px; top:0px; }
    #container-video-collection                 { position:relative; background-color:#FFFFFF; border-radius:8px; padding:8px;
                                                    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
                                                    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
                                                    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); }
    #container-video-player                     { display:inline-block; }


/* LINKS LIST PANEL */

    #container-selections-panel                 { display:block; }

    #container-links-list                       { float:left; display:inline-block; }
    .label-See-Also                             { display:inline-block; float:left; font-size:0.9375rem;
                                                    padding:2px 4px 2px 0px; font-weight:bold; }
    .label-links-list-item                      { display:inline-block; float:left; padding:2px 8px; background-color:#FFFFFF;
                                                    color:#000000; font-size:0.9375rem; font-weight:normal; text-decoration:none; cursor:pointer;  }
    .label-links-list-item:hover                { color:#C82413; text-decoration:none; }
    .selected-links-list-item,
    .selected-links-list-item:hover             { background-color:#C82413 !important; color:#FFFFFF !important;
                                                    text-decoration:none !important; cursor:default; border-radius:4px; }

/* CITIES LIST PANEL */

    #container-cities-list                      { float:left; display:inline-block; }
    .cities-list-toprow                         { float:left; display:block; }
    .cities-list-bottomrow                      { float:left; display:block; }
    .label-cities-list-item                     { display:inline-block; float:left; padding:2px 8px; background-color:#FFFFFF; color:#000000;
                                                  font-size:0.9375rem; font-weight:normal; text-decoration:underline; cursor: pointer; }
    .label-cities-list-item:hover               { color:#C82413; text-decoration:underline; }
    .selected-label-cities-list-item,
    .selected-label-cities-list-item:hover      { background-color:#C82413 !important; color:#FFFFFF !important;
                                                    text-decoration:none !important; cursor:default; border-radius:4px; }


/* VIDEOS LIST PANEL */

    #container-videos-list                      { float:left; display:inline-block; }
    .label-videos-list-item                     { display:inline-block; float:left; padding:2px 8px; background-color:#FFFFFF; color:#000000;
                                                  font-size:0.9375rem; font-weight:normal; text-decoration:underline; cursor: pointer; }
    .label-videos-list-item:hover               { color:#C82413; text-decoration:underline; }
    .selected-label-videos-list-item,
    .selected-label-videos-list-item:hover      { background-color:#C82413 !important; color:#FFFFFF !important;
                                                    text-decoration:none !important; cursor:default; border-radius:4px; }


/* GENERAL POPUP STYLES */

    .container-popup-left-column                { float:left; position:relative; margin:2px; }
    .container-popup-right-column               { float:left; position:relative; margin:4px 4px 4px 4px; width:auto; }

    .item-left-column                           { float:left; position:relative; display:inline-block; width:55px; } 
    .item-right-column                          { float:left; position:relative; display:inline-block; width:90px;}


/* CITIES POPUP*/

    #trigger-cities-popup                       { position:relative; float:left; cursor:pointer; text-decoration:none; font-size:0.9375rem; padding:2px 8px; }
    #icon-cities-popup                          { float:right; display:inline-block; padding:3px 0 0 3px; background-color:#FFFFFF;
                                                    color:#000000; font-size:0.7rem; cursor:pointer; font-weight:normal !important; }
    #icon-cities-popup:hover                    { color:#C82413; }

    #container-cities-popup                     { position:absolute; display:none; top:30px; left:0px; width:176px; background-color:#FFFFFF;
                                                    border:1px solid #BABABA; border-radius:4px; z-index:10000; white-space:nowrap;
                                                    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
                                                    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
                                                    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); }

    .popup-cities-head                          { background-color:#BABABA; padding:2px 4px 2px 8px; }
    .label-cities-head                          { font-weight:bold; font-size:0.9375rem; color:#5b5b5b; text-transform:uppercase; }
    .label-cities-item                          { display:block; width:148px; padding:2px 12px 4px 12px; background-color:#FFFFFF; color:#000000;
                                                    font-size:0.9375rem; font-weight:normal !important; margin:0; border-radius:2px;
                                                    border-bottom:0px solid #BABABA; cursor:pointer; white-space:nowrap; }
    .label-cities-item:hover                    { color:#C82413; text-decoration:none; border-bottom:0px solid #BABABA; }
    .selected-label-cities-item,
    .selected-label-cities-item:hover           { display:block; background-color:#C82413 !important; color:#FFFFFF !important; 
                                                    text-decoration:none !important; cursor:default; border-radius: 2px; }     
                        
    .last-cities-item,
    .last-cities-item:hover                     { border-bottom:1px solid #FFFFFF; }   

    #videos-chinese,
    #videos-spanish,
    #videos-turkish                             { display:none; }


/* LANGUAGES POPUP*/

    #trigger-languages-popup                    { position:relative; float:left; cursor:pointer; text-decoration:none; font-size:0.9375rem; padding:2px 8px 2px 0px; }
    .label-Language                             { display:inline-block; float:left; font-size:0.9375rem;
                                                    padding:2px 8px 2px 0px; font-weight:bold; }
    #icon-languages-popup                       { float:right; display:inline-block; padding:3px 0 0 3px; background-color:#FFFFFF;
                                                    color:#000000; font-size:0.7rem; cursor:pointer; font-weight:normal !important; }
    #icon-languages-popup:hover                 { color:#C82413; }

    #container-languages-popup                  { position:absolute; display:none; top:30px; left:0px; width:176px; background-color:#FFFFFF;
                                                    border:1px solid #BABABA; border-radius:4px; z-index:10000; white-space:nowrap;
                                                    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
                                                    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
                                                    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); }

    .popup-languages-head                       { background-color:#BABABA; padding:2px 4px 2px 8px; }
    .label-languages-head                       { font-weight:bold; font-size:0.9375rem; color:#5b5b5b; text-transform:uppercase; }
    .label-languages-item                       { display:block; width:148px; padding:2px 12px 4px 12px; background-color:#FFFFFF; color:#000000;
                                                    font-size:0.9375rem; font-weight:normal !important; margin:0; border-radius:2px;
                                                    border-bottom:0px solid #BABABA; cursor:pointer; white-space:nowrap; }
    .label-languages-item:hover                 { color:#C82413; text-decoration:none; border-bottom:0px solid #BABABA; }
    .selected-label-languages-item,
    .selected-label-languages-item:hover        { display:block; background-color:#C82413 !important; color:#FFFFFF !important;
                                                    text-decoration:none !important; cursor:default; border-radius: 2px; }     
                        
    .last-languages-item,
    .last-languages-item:hover                  { border-bottom:1px solid #FFFFFF; }   


/* MORE CITIES AND LANGUAGES POPUP */

    #trigger-cities-languages-popup             { position:relative; float:left; cursor:pointer; text-decoration:none; font-size:0.9375rem; padding:2px 8px; }
    /*#trigger-cities-languages-popup:hover       { color:#C82413; text-decoration:none; }*/
    #icon-cities-languages-popup                { float:right; display:inline-block; padding:3px 0 0 3px; background-color:#FFFFFF;
                                                    color:#000000; font-size:0.7rem; cursor:pointer; font-weight:normal !important; }
    #icon-cities-languages-popup:hover          { color:#C82413; }

    #container-cities-languages-popup           { position:absolute; display:none; top:30px; left:0px; width:176px; background-color:#FFFFFF;
                                                    border:1px solid #BABABA; border-radius:4px; z-index:10000; white-space:nowrap;
                                                    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
                                                    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
                                                    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); }

    .popup-cities-languages-head                { background-color:#BABABA; padding:2px 4px 2px 8px; }
    .label-cities-languages-head                { font-weight:bold; font-size:0.9375rem; color:#5b5b5b; text-transform:uppercase; }
    .label-cities-languages-item                { display:block; width:152px; padding:2px 12px 4px 8px; background-color:#FFFFFF; color:#000000;
                                                    font-size:0.9375rem; font-weight:normal !important; margin:0; border-radius:2px;
                                                    border-bottom:0px solid #BABABA; cursor:pointer; white-space:nowrap; }
    .label-cities-languages-item:hover          { color:#C82413; text-decoration:none; border-bottom:0px solid #BABABA; }
    .selected-label-cities-languages-item,
    .selected-label-cities-languages-item:hover { display:block; background-color:#C82413 !important; color:#FFFFFF !important; width:152px;
                                                    text-decoration:none !important; cursor:default; border-radius: 2px; }     
                        
    .last-cities-languages-item,
    .last-cities-languages-item:hover           { border-bottom:1px solid #FFFFFF; }   


/* NOW PLAYING */

    .video-title                                { visibility:hidden; }

    #container-nowplaying-panel                 { float:right; white-space:nowrap; }
    #label-NowPlaying-text                      { float:left; padding:2px 4px 2px 0px; font-weight:bold; }
    #label-nowplaying-title                     { float:right; padding:2px 4px 2px 0px; font-weight:normal; }
    #label-nowplaying-title-text                {  }

/* FULL SCREEN PLAYER */

    .trigger-full-screen-player                 { position:relative; float:right; }
    .label-Open-Player                             { display:inline-block; float:left; font-size:0.9375rem; text-decoration:none;
                                                  padding:2px 4px 2px 0px; font-weight:normal; cursor:pointer; }
    .label-Open-Player:hover                    { color:#C82413; }