/* body {
  background: #202622;
  color: #fff;
}
h1 {margin: 10px 0 5px 0;}
fieldset {border: 1px solid #fff; margin: 10px;}
legend {font-weight: bold; font-size: 12px; margin: 0 5px 0 5px; padding: 0 5px 0 5px;}
fieldset select {width: 200px;} */

/*** LIVE ***/

.live{
width:419px;
height:276px;
background:#17181a  url(../images/live/live_bg.gif) no-repeat left top ;
position: relative;
}
.liveLoading 
{background: url(../images/live/spinner.gif) no-repeat center center; 
position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* TABLE MENU (OPTION) */
table.liveMenu{table-layout:fixed;width:419px;margin:0 0 1px 0;}

/* columns */
table.liveMenu col.4Cols{width:105px;}
table.liveMenu col.4ColsLast{width:104px;}
table.liveMenu col.3Cols{width:140px;}
table.liveMenu col.3ColsLast{width:139px;}

.live4Col table.liveMenu td{}
.live4Col table.liveMenu  td span
{display:block;width:102px;height:1px;border-left:1px solid #2d3033;border-right:1px solid #2d3033;position:absolute;top:0;}

.live3Col table.liveMenu td{}
.live3Col table.liveMenu  td span
{display:block;width:137px;height:1px;border-left:1px solid #2d3033;border-right:1px solid #2d3033;position:absolute;top:0;}

/* generic td */
table.liveMenu  td
{text-align:center;vertical-align:middle;overflow:hidden;height:50px;border-right:1px solid #2d3033;
background:#abb4c2 url(../../web/images/live/liveThumbOff.gif) repeat-x left bottom;}
table.liveMenu  td.last{border:none;}
table.liveMenu  td a{display:block;padding:4px 5px 5px 5px;color: #17181a !important;}
table.liveMenu  td a:hover{color: #ffffff !important;}

/* color thumbnail */
table.liveMenu  td.liveMenuProOn{background:#19b6ff url(../../web/images/live/liveThumbProOn.gif) repeat-x left bottom;}
table.liveMenu  td.liveMenuProOn a{color:#fff !important;font-weight:bold;}

table.liveMenu  td.liveMenuActivityOn{background:#aabf00 url(../../web/images/live/liveThumbActivityOn.gif) repeat-x left bottom;}
table.liveMenu  td.liveMenuActivityOn a{color:#fff !important;font-weight:bold;}

table.liveMenu  td.liveMenuFansOn{background:#ba136c url(../../web/images/live/liveThumbFanOn.gif) repeat-x left bottom;}
table.liveMenu  td.liveMenuFansOn a{color:#fff !important;font-weight:bold;}

table.liveMenu  td.liveMenuMediaOn{background:#ffb700 url(../../web/images/live/liveThumbMediaOn.gif) repeat-x left bottom;}
table.liveMenu  td.liveMenuMediaOn a{color:#fff !important;font-weight:bold;}

/* UL MENU */

ul.live_menu 
{position: relative;width:419px;margin:0 0 0 5px;list-style-type:none;margin:0 0 1px 0;float:left;background-color:#2d3033;}

ul.live_menu li
{float:left;border-right:1px solid #2d3033;height:50px;line-height:1em;text-align:center; overflow: hidden;
}
ul.live_menu li.last{border:none;}

ul.live_menu li a{color: #17181a;text-decoration:none;display:block;overflow:hidden;}
ul.live_menu li a:hover{color: #ffffff;}
ul.live_menu li a:visited{color: #17181a;}

ul.live_menu li a.live_menuOn{color: #ffffff !important;font-weight:bold;}

/* 4 colonnes */

.live4Col ul.live_menu li a
{padding:18px 5px 0 5px;width:94px;height:32px;background: url(../images/live/liveMenuThumbBg4Col.gif) no-repeat left -160px;}
.live4Col ul.live_menu li a span {text-transform: capitalize;}
.live4Col ul.live_menu li a.liveMenusfGuardUserProfile  ,
.live4Col ul.live_menu li a.liveMenuActivity,
.live4Col ul.live_menu li a.liveMenuFans,
.live4Col ul.live_menu li a.liveMenuMedia{background-position:left -159px;}

.live4Col ul.live_menu li a.liveMenusfGuardUserProfile.live_menuOn{background-position:left -213px;}
.live4Col ul.live_menu li a.liveMenuActivity.live_menuOn{background-position:left 0;}
.live4Col ul.live_menu li a.liveMenuFans.live_menuOn{background-position:left -107px;}
.live4Col ul.live_menu li a.liveMenuMedia.live_menuOn{background-position:left -53px;}

/* 3 colonnes */

.live3Col ul.live_menu li a{
padding:18px 5px 0 5px;width:129px;height:32px;background: url(../images/live/liveMenuThumbBg3Col.gif) no-repeat left -160px;}
.live3Col ul.live_menu li a span {text-transform: capitalize;}
.live3Col ul.live_menu li a.liveMenusfGuardUserProfile, 
.live3Col ul.live_menu li a.liveMenuActivity, 
.live3Col ul.live_menu li a.liveMenuFans, 
.live3Col ul.live_menu li a.liveMenuMedia{background-position:left -159px;}

.live3Col ul.live_menu li a.liveMenusfGuardUserProfile.live_menuOn{background-position:left -213px;}
.live3Col ul.live_menu li a.liveMenuActivity.live_menuOn{background-position:left 0;}
.live3Col ul.live_menu li a.liveMenuFans.live_menuOn{background-position:left -107px;}
.live3Col ul.live_menu li a.liveMenuMedia.live_menuOn{background-position:left -53px;}

/* ONGLETS */
.live_mainContainer {
  clear: both;
  position: relative;
  width:419px;
  height:225px;
  overflow: hidden;
}
.live_tabsContainer{
  position: absolute;
  top: 0; left: 0;
}

.live_tab {
  position: absolute;
  top: 0; left: 0;
  width:419px;
  height:235px;
}


/* IMAGES */
.live_imgContainer {
width:225px;
height:225px;
float:left;
position: relative;
}
.live_imgContainer ul {
  list-style-type:none;
  position: relative;
}
.live_imgContainer li {
float:left;
width:75px;
height:75px;
}
.live_imgContainer ul li a {
  /* position: relative;
  float:left; */
}
.live_imgContainer ul li a img {
  border:0;
}
.live_imgContainer ul li.empty a img {
  cursor: default;
}
.clear {clear: both;}

/* INFOS */
  
.live_infos{
width:178px;
height:209px;
float:left;
color:#abb4c2;
position:relative;
overflow:hidden;
}
  .live_infos_slot{
  padding:8px;
  width:178px;
  height:209px;
  position:absolute;
  top: 0; left: 0;
  }

  .live_infos h3 {
  color:#ffffff;
  font-size:1.16em;/*1.2*/
  font-weight:bold;
  padding:7px 0 0 0;
  }
  
  .live_infos ul{list-style-type:none;}
  
  .live_infos p{padding:0 0 1em 0;}
  
  a.live_infosPlayBtn{
  display:block;
  background:url("../images/live/live_playBtn.gif") no-repeat left top;
  width:24px;
  height:24px;
  position:absolute;
  right:8px;
  bottom:8px;
  }
  
  a.live_infosBtn {
  display:block;
  background:url("../images/live/live_pauseBtn.gif") no-repeat left top;
  width:24px;
  height:24px;
  position:absolute;
  right:8px;
  bottom:8px; 
  }
  
  a.live_infosBtn:hover {
  background:url("../images/live/live_pauseBtnOver.gif") no-repeat left top;
  }
  
  a.live_infosBtn.paused {
   background:url("../images/live/live_playBtn.gif") no-repeat left top;
  }
  a.live_infosBtn.paused:hover {
   background:url("../images/live/live_playBtnOver.gif") no-repeat left top;
  }
  
  .live .liveMediums { color: #a7b1bd;}
  .live .liveCountries { color: #72767f;}