/* Import Base Colors */

@import url(basecolors_onlight.css);

@media screen, projection
{
    /*
        Signature Color: #8d1717;
        Signature Color Lighter: #bf1f1f;
        Signature Color Darker: #5d1717;
        Signatrue Color Passive: #894c4c;
    */

    
    h1,h2,h3,h4,h5,h6 {      color:#253769;  }  
    #toc a { color: #ccc; }
    #toc a:hover { color: #fff; }
    
    #toc_container {
        text-transform: none;
    }
    
    a { color:#be1d19; text-decoration:none; font-weight: normal; }
    a:visited  { color:#be1d19; }

    a:focus {  }
    a:active {  }
    a:hover { color: #000;  }

    .news-single-img a {
        font-weight: bold;
    }
    
    .toc_bottom_inner {
        border-top: 1px solid #4974b4;
    }    
    
    .footer_column ul li {
        border-left: 2px solid #ccc;
    }
    .footer_column {
        color: #ccc;
    }
    .footer_column a {
        color: #ccc !important;
    }
    .footer_bottom {
        color: #aaa;
    }
    #footer_content a {
        color: #aaa;
    }
    #footer_content a:hover {
        color: #aaa;
    }

  #header_bg_wide {     background-image:  url(../../images/eps_cis/menu_bg.png);             }
  #border-top {         background-image:  url(../../images/eps_cis/border_top.png);          }
  #border-bottom {      background-image:  url(../../images/eps_cis/border_bottom.png);       }
  #edge-tl {            background-image:  url(../../images/eps_cis/corner_tl.gif);           }
  #edge-tr {            background-image:  url(../../images/eps_cis/corner_tr.gif);           }
  #edge-bl {            background-image:  url(../../images/eps_cis/corner_bl.png);           }
  #edge-br {            background-image:  url(../../images/eps_cis/corner_br.png);           }
  #edge-bl_extend {     background-image:  url(../../images/eps_cis/corner_bl_extend.png);    }
  #edge-br_extend {     background-image:  url(../../images/eps_cis/corner_br_extend.png);    }


  hr {                  background-image:  url(../../images/eps_cis/hr_bg.png);               } 
  
  #header_menu ul li            { background-image:  url(../../images/eps_cis/menu_button_bg.png);                    }
  #header_menu ul li:hover      { background-image:  url(../../images/eps_cis/menu_button_bg_hover.png);              }  
  #header_menu .active          { background-image:  url(../../images/eps_cis/menu_button_bg_active.png);             }
  #header_menu .active:hover    { background-image:  url(../../images/eps_cis/menu_button_bg_active_hover.png);       }
  #header_menu_right            { background-image:  url(../../images/eps_cis/menu_buttons_right.png);                }

  #header_menu li a             { color: #eee; text-shadow: -1px -1px 0px #333;  }

    
  #header_brandlogo         { background-image:  url(../../images/eps_cis/menu_brandlogo.png);       }
  #header_networklogo       { background-image:  url(../../images/eps_cis/network_logo.png);         }          
  #header_sub               { background-image:  url(../../images/eps_cis/menu_shadow.png);          }       
  
  #header {
    #height: 170px;
  }
  
  #header_sub {
    left: 176px;
    right: auto;
    padding-left: 0px;
    #height: 66px;
  }
  


  #spotlight_one_upcoming_right { background-image: none; background-color: #fff; 
    border-top: 1px solid #ccc;   
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;

    }

    
  #toc .item        { background-image:  url(../../images/eps_cis/toc_item_bg.png);           }
  #toc .active      { background-image:  url(../../images/eps_cis/toc_item_bg_active.png);    }
  #toc_home         { background-image:  url(../../images/eps_cis/toc_home.png);              }
  #toc_home:hover   { background-image:  url(../../images/eps_cis/toc_home_hover.png);        }
  
  .tocsmallbg       { 
    # background-image:  url(../../images/eps_cis/tocsmall_bg.png);
    background-position: right;
    
    }
  
    .toc_container_small {
        margin-left: -220px !important;
        font-size: 10pt !important;
    }
    .toc_item_small {
        padding-right: 30px !important;
        background-position: 18px !important;
    }
    .toc_active_small {
        background-position: 18px !important;
    }
  
  #wallpaper_1      { background-image:  url(../../images/eps_cis/keyart_bg.jpg);             }
  #wallpaper_2      { background-image:  url(../../images/eps_cis/keyart_bg_2.jpg);           }
  
  #footer_bg_wide   { background-image:  url(../../images/eps_cis/footer_bg_wide.png);        }
  #footer           { background-image:  url(../../images/eps_cis/footer_bg.png);             }
  
  
 
  body              { background-image:  url(../../images/eps_cis/main_bg.jpg);               }

  #stage_big_bg     { 
    background-image:  url(../../images/eps_cis/stage_bg.jpg);              
  }

  
  
  .contentbox_top           { background-image:  url(../../images/eps_cis/contentbox_border_top.png);         }
  .contentbox_container h2  { background-image:  url(../../images/eps_cis/contentbox_header_bg.png);    font-size: 24pt;   font-family: verdana,arial,times; text-transform: none;  }
  .contentbox_center        { background-image:  url(../../images/eps_cis/contentbox_content_bg.png);         }
  .contentbox_center_right  { background-image:  url(../../images/eps_cis/contentbox_content_bg.png);         }
  .contentbox_center_ad     {     }
  .contentbox_inner.ad {  background-image:  url(../../images/eps_cis/contentbox_content_bg.png);   }
  .contentbox_center_ad_right { background-image:  url(../../images/eps_cis/contentbox_content_bg_ads_right.png); }
  
  .contentbox_bottom        { background-image:  url(../../images/eps_cis/contentbox_border_bottom.png);      }
  .connector_small          { background-image:  url(../../images/eps_cis/contentbox_connector_bg.png);       }
  .connector_big            { background-image:  url(../../images/eps_cis/contentbox_connector_big_bg.png);   }
  
  .contentbox_container h4, .mainpage_topstory_top_title {
    font-family: verdana,arial,times;
    font-size: 15pt;
  }
  .mainpage_topstories_category {
    font-family: verdana,arial,times;
    font-size: 12px;
  }
  
    .timeline_start {
        background-image:  url(../../images/eps_cis/timeline_start.png); 
    }
     .timeline_end {
        background-image:  url(../../images/eps_cis/timeline_end.png); 
    }
     .timeline_active_vertical_left {
        background-image:  url(../../images/eps_cis/timeline_active_vertical_left.png);         
    }
    .timeline_active_vertical_right {
        background-image:  url(../../images/eps_cis/timeline_active_vertical_right.png);         
    }
    .timeline_upcoming {        background-image:  url(../../images/eps_cis/timeline_upcoming.png);    }
    .timeline_upcoming:hover {  background-image:  url(../../images/eps_cis/timeline_upcoming_hover.png);     }
    .timeline_upcoming_active {        background-image:  url(../../images/eps_cis/timeline_upcoming_active.png);     }
    .timeline_upcoming_active:hover {  background-image:  url(../../images/eps_cis/timeline_upcoming_active.png);     }

    .timeline_upcoming_finals {        background-image:  url(../../images/eps_cis/timeline_upcoming_finals.png);    }
    .timeline_upcoming_finals:hover {  background-image:  url(../../images/eps_cis/timeline_upcoming_finals_hover.png);     }
    .timeline_upcoming_finals_active {        background-image:  url(../../images/eps_cis/timeline_upcoming_finals.png);     }
    .timeline_upcoming_finals_active:hover {  background-image:  url(../../images/eps_cis/timeline_upcoming_finals_hover.png);     }
    
    .timeline_past {            background-image:  url(../../images/eps_cis/timeline_past.png);     }
    .timeline_past:hover {      background-image:  url(../../images/eps_cis/timeline_past_hover.png);     }
    .timeline_past_active {            background-image:  url(../../images/eps_cis/timeline_past_active.png);     }
    .timeline_past_active:hover {      background-image:  url(../../images/eps_cis/timeline_past_active.png);     }

    .timeline_past_finals {        background-image:  url(../../images/eps_cis/timeline_upcoming_finals.png);    }
    .timeline_past_finals:hover {  background-image:  url(../../images/eps_cis/timeline_upcoming_finals_hover.png);     }
    .timeline_past_finals_active {        background-image:  url(../../images/eps_cis/timeline_upcoming_finals.png);     }
    .timeline_past_finals_active:hover {  background-image:  url(../../images/eps_cis/timeline_upcoming_finals_hover.png);     }
    
   

    .timeline_current {         background-image:  url(../../images/eps_cis/timeline_current.png);     }
    .timeline_current:hover {   background-image:  url(../../images/eps_cis/timeline_current_hover.png);     }
    .timeline_current_active {         background-image:  url(../../images/eps_cis/timeline_current_active.png);     }
    .timeline_current_active:hover {   background-image:  url(../../images/eps_cis/timeline_current_active.png);     }

    .topstory-item {        background-image:  url(../../images/eps_cis/topstory_back.png);     }
    .topstory-overlay {        background-image:  url(../../images/eps_cis/topstory_front.png);     }
    .topstory-overlay:hover {        background-image:  url(../../images/eps_cis/topstory_hover.png);     }
    .topstory-container {}

    .mainpage_topstory_top_title {   }
    .mainpage_topstory_top_subtitle {  border-left: solid 1px #1e2b56; margin-top: 15px; padding-top: 0px; height: 120px; margin-left: 1px; }
    .mainpage_topstory_top:hover {        background-color: #eee;    }
    .mainpage_topstories_category {        background-color: #1e2b56;        color: #fff;    }
    .mainpage_topstory_top_subtitle {        color: #555;    }
    .mainpage_topstory_top_subtitle a {        color: #555;    }
    .mainpage_topstory_top_subtitle a:hover {        color: #333;    }
    .mainpage_topstory_top_date { color: #aaa; }
    
    
    .topstories_nextBtn {
        background-color: #253769;
        border: 0px;
        font-size: 28px;
        padding: 0px;
        color: #eee;
    }
    .topstories_nextBtn:hover {
        background-color: #31498b;
        border: 0px;
        color: #fff;
    }
    
    
    .teams_players_layout1_photo { background-image:  url(../../images/eps_cis/playerphoto_missing.png); }
    
    .matches_layout1_container li { background-image:  url(../../images/eps_cis/match_overlay.png); }
    .matches_layout1_item.team1win { background-image:  url(../../images/eps_cis/match_overlay_team1win.png); }
    .matches_layout1_item.team2win { background-image:  url(../../images/eps_cis/match_overlay_team2win.png); }
    
    .matches_layout1_item_vote a:hover {
        background-image:  url(../../images/eps_cis/match_vote_hover.png);
    }
    
    .matches_layout1_team:hover { background-image:  url(../../images/eps_cis/match_team_hover.png); }
    
    .event_calendar_month_container { background-color: #aaa;        }
    .event_calendar_day.passed { background-image:  url(../../images/eps_cis/calender_day_passed.png);         }
    .event_calendar_overlay.event { background-image:  url(../../images/eps_cis/calender_day_event.png);         }
    .event_calendar_overlay.event_finals { background-image:  url(../../images/eps_cis/calender_day_event_finals.png);         }
    
    .slider_prev { background-image:  url(../../images/eps_cis/slider_prev.png);         }
    .slider_next { background-image:  url(../../images/eps_cis/slider_next.png);         }
    .pagination li a { background-image:url(../../images/eps_cis/slider_pagination.png); }

    .slidesjs-previous { background-image:  url(../../images/eps_cis/slider_prev.png);         }
    .slidesjs-next { background-image:  url(../../images/eps_cis/slider_next.png);         }
    .slidesjs-pagination li a { background-image:url(../../images/eps_cis/slider_pagination.png); }
    
    .spotlight_countdown_over { background-image:url(../../images/eps_cis/slot_medium_countdown_live_bg.png); }
    
    .spotlight_random_team_layout1_player { background-image:  url(../../images/eps_cis/playerphoto_missing.png); }
    
    .podium_layout1_container { background-image:  url(../../images/eps_cis/season_podium.png); }

    .competition_season_rankings .trendicon_up {  background-image:  url(../../images/eps_cis/rankings_up.png);  }
    .competition_season_rankings .trendicon_down {  background-image:  url(../../images/eps_cis/rankings_down.png);  }
    .competition_season_rankings .trendicon_nochange {  background-image:  url(../../images/eps_cis/rankings_nochange.png);  }

    #sub_partner0 {
        width: 112px;
        height: 96px;
        background-image: url(../../images/eps_cis/menu_brandlogo.png);
        background-position: top right;
        position: absolute;
        top: -98px;
        left: -7px;
    }
    #sub_partner1 {
        position: absolute;
        top: 0px;
        left: 75px;
        width: 187px;
        height: 62px;
        float: left;
        background-image:  url(../../images/eps_cis/partner_riot.png);
    }
    #sub_partner1:hover {  background-image:  url(../../images/eps_cis/partner_riot_hover.png);  }

    #sub_partner2 {
        width: 187px;
        height: 62px;
        position: absolute;
        top: 0px;
        left: 260px;
        background-image:  url(../../images/eps_cis/partner_2.png);
    }
    #sub_partner2:hover {  background-image:  url(../../images/eps_cis/partner_2_hover.png);  }

    #sub_partner3 {
        width: 134px;
        height: 62px;
        float: left;
        background-image:  url(../../images/eps_cis/partner_3.png);
    }
    #sub_partner3:hover {  background-image:  url(../../images/eps_cis/partner_3_hover.png);  }

    #sub_partner4 {
        width: 134px;
        height: 62px;
        float: left;
        background-image:  url(../../images/eps_cis/partner_4.png);
    }
    #sub_partner4:hover {  background-image:  url(../../images/eps_cis/partner_4_hover.png);  }

    #sub_partner5 {
        width: 134px;
        height: 62px;
        float: left;
        background-image:  url(../../images/eps_cis/partner_5.png);
    }
    #sub_partner5:hover {  background-image:  url(../../images/eps_cis/partner_5_hover.png);  }

    #sub_partner6 {
        width: 134px;
        height: 62px;
        float: left;
        background-image:  url(../../images/eps_cis/partner_6.png);
    }
    #sub_partner6:hover {  background-image:  url(../../images/eps_cis/partner_6_hover.png);  }

    .partner_logos_container {
        width: 860px;
    }
    
    
    .selectbracketbox .bracketselect.active {
        background-color: transparent;
    }
    .contentbox_inner.no_padding {
        clear: both;
    }
    .selectbracketbox .bracketselect {
        display: none;
    }
    .bracketbox h3 {    
        border-bottom: 0px;
    }
    
    .esltv_twitter_buzz_item.boxes {
        background-color: #eee;
    }

    .brackets_container .bracketbox {
        font-size: 13px;
        color: #000;
    }
    .competition_bracket td {
        font-size: 100%;
    }

    .contentbox_container h3 {
        border-bottom: 0px solid #aaa;
    }

    #brackets_multibox1_game_selector  {
        position: absolute;
        top: 14px;
        right: 0px;
    }
    #selectgamehint {
        position: absolute;
        top: 43px;
        right: 295px;
        margin-top: 0px;
    }
    
    .channellisting_ultracompact_item_title {
        color: #333;
        font-size: 9px;
        margin: 0px 0px 5px 5px;
    }
    .channellisting_ultracompact_item_language {
        color: #333;
        margin: 0px 5px 0px 5px;
    }
    .channellisting_ultracompact_item {
        background: none;
        background-color: #aaa;
    }
    .channellisting_ultracompact_item:hover {
        background-color: #999;
    }









    .players_list2_container {
        overflow: hidden;
        float: left;
        margin: 0px 0px 0px 0px;
        width: 100%;
/*
        width: -moz-calc(100% - 325px);
        width: -webkit-calc(100% - 325px);
        width: calc(100% - 325px);
*/
    }    
    .players_list2_container .contestant {

        width: -moz-calc(25% - 22px);
        width: -webkit-calc(25% - 22px);
        width: calc(25% - 22px);

        height: 24px;
        display: block-inline;
        float: left;
        background-color: #ccc;
        border: 1px solid #999;
        padding: 6px 4px 0px 4px;
        margin: 2px;
        font-family: 'ubuntu-condensed', sans-serif;
        font-size: 16px;
        #font-weight: bold;
        color: #000;
        
        overflow: hidden;
        #border: 1px solid #000;
        
    }
    .players_list2_container .contestant_qualified_by {
        float: right;
        font-weight: normal;
        font-size: 11px;
        line-height: 10px;
        text-align: right;
        color: #aaa;
    }
    .players_list2_container .contestant_qualified_by_title {
        color: #666;
    }    
    .players_list2_container .contestant_fav1 {
        float: left;
        margin-right: 5px;
    }
    .players_list2_container .fav1_p {
        background-image:url(/images/icons/races/20px_p.png);
        width: 20px;
        height: 20px;
        display: inline-block;
    }
    .players_list2_container .fav1_z {
        background-image:url(/images/icons/races/20px_z.png);
        width: 20px;
        height: 20px;
        display: inline-block;
    }
    .players_list2_container .fav1_t {
        background-image:url(/images/icons/races/20px_t.png);
        width: 20px;
        height: 20px;
        display: inline-block;
    }
    .players_list2_container .contestant_flag {
        float: left;
        margin-right: 5px;
    }
    .players_list2_container .contestant_flag img {
        width: 20px;
        height: 20px;        
    }
    .players_list2_container .contestant_name {
        float: left;
    }




    .spotlight_countdown_over {
        text-align: center;
        height: 39px;
        padding: 40px 0px 60px 0px;
        margin-top: -25px;
        margin-left: -10px;
        font-size: 280%;
    }



    .show_countdown_event_shortinfo {
        font-weight: normal;
        font-size: 26px;
        text-align: center;
        margin-top: 30px;
        margin-bottom: -15px;
        margin-left: auto;
    }

    .big_countdown_container_noshow {
        background-color: #ddd;
        top: -37px;
    }

    .groupstagematchesicon {    
        width: 50px;
        height: 10px;
        margin-right: 2px;
        margin-left: 5px;
        display: inline-block;
    }
    .groupstagematchesicon.win {
        background-image:  url(../../images/eps_cis/icon_groupstage_win.png);
    }
    .groupstagematchesicon.loss {
        background-image:  url(../../images/eps_cis/icon_groupstage_loss.png);
    }
    .groupstagematchesicon.unplayed {
        background-image:  url(../../images/eps_cis/icon_groupstage_unplayed.png);
    }
    .groupstagematchesicon_container {
        text-align: center;
        width: 100%;
        
    }

    .timeline_title {
        font-size: 14px;
    }
    
    .matches_layout1_container li {
        width: 23%;
        background-position: center;
    }

    .matches_layout1_team {
        width: 50%;
    }    

    .teammatches_layout1_logo img {
        width: 70%;
        height: 70%;
        margin: 15px;
    }    

    .showcountdown_circle_container.mediumslot {
        background-color: #fff;
        border: 10px solid #4974b4;
    }
    .showcountdown_circle_container .toptitle { color: #999;    }
    .showcountdown_circle_container .nowlive  { color: #ca1918; }    
    .showcountdown_circle_container .legend   { color: #999;    }
    .showcountdown_circle_container .date     { color: #999;    }
    .showcountdown_circle_container .number   { color: #444;    }
    .showcountdown_circle_container .circleTimerCircles {        
        background-color: #ddd;        
        color: #ca1918;
    }

    
}