/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef yaml
 */

@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size:100.01%; }

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:75.00%;
    color:#000;
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
    color:#222;
    margin:0 0 0.25em 0;
  }

  h1 { font-size:250%; }                       /* 30px */
  h2 { font-size:200%; }                       /* 24px */
  h3 { font-size:150%; }                       /* 18px */
  h4 { font-size:133.33%; }                    /* 16px */
  h5 { font-size:116.67%; }                    /* 14px */
  h6 { font-size:116.67%; }                    /* 14px */

  
  .subc  { padding:0 5px; }
  .subcl { padding:0 11px 0 0; }
  .subcr { padding:0 0 0 11px; }

  .c20r.fixed_width_212 { padding: 0 0 0 20px; }
  
  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height:1.5em; margin:0 0 0 0; }
  ul { list-style-type:disc; }
  ul ul { list-style-type:circle; margin-bottom:0; }

  ol { list-style-type:decimal; }
  ol ol { list-style-type:lower-latin; margin-bottom:0; }

  li { margin-left:0.8em; line-height:1.5em; }

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { }

  blockquote, cite, q {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin:0 0 1em 1.6em; color:#666; }

  strong,b { font-weight:bold; }
  em,i { font-style:italic; }

  big { font-size:116.667%; }
  small { font-size:91.667%; }
 
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }

  /*
  acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }
  */

  sub, sup { font-size:91.6667%; line-height:0; }

  hr {
    color:#fff;
    background:transparent;
    margin:0 0 0.5em 0;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #aaa solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color:#1251ad; background:transparent; text-decoration:none; font-weight:bold; }
  a:visited  { color:#1251ad; }

  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:focus,a:active  {  }
  a:hover { color:#0a2f64; text-decoration:underline; outline: 0 none; }
  

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border:1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }

  h2 a {
    color: #333;
	font-weight: normal;
  }
  h2 a:visited {
    color: #333;
	font-weight: normal;
  }
  
  
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .highlight { color:#c30; }
  .dimmed { color:#888; }

  .info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

  .note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
  .important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
  .warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

  .float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
  .float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
  .center { display:block; text-align:center; margin:0.5em auto; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */
  /*

  table { width:auto; border-collapse:collapse; }
  table caption { font-variant:small-caps; }
  table.full { width:100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding:0.5em; }
  thead th { color:#000; border-bottom:2px #800 solid; }
  tbody th { background:#e0e0e0; color:#333; }
  tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }

  tbody th { border-bottom:1px solid #fff; text-align:left; }
  tbody td { border-bottom:1px solid #eee; }

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background:#f0e8e8; }
  
  */
/*  tbody tr:hover td { background:#fff8f8; } */

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */

 /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left:12px;
    background-image:url('your_image.gif');
    background-repeat:no-repeat;
    background-position:0 0.45em;
  }
  */
  
  .userprofile {
	width: 280px;
	height: 40px;
	color: #ccc;
	text-align: center;
  }
  
  .userprofile .userimg {
	float: left;
	margin: 0px 5px 5px 5px;
	height: 45px;
	width: 33px;
  }
  
  .cmsbox {
	clear: both;
	position: relative;	
	margin: 0 0 30px 0;
  }

  .cmsbox.withbg {
	clear: both;
	position: relative;	
	margin: 0 0 30px 0;
	padding: 5px 15px 15px 15px;
	background-color: #eee;
	border: 1px dashed #1251AD;
  }

  .cmsbox.plain {
	clear: both;
	position: relative;	
	margin: 0px;
	padding: 0px;
  }
  
  .cmsbox_icons {
	margin: 0px;
	padding: 0px;
  }
  
	.cmsbox_icons li {
		margin: 8px 0 0 0;
		padding: 0px 0 0 16px;
		line-height:16px;
		list-style-image:url(http://cdn2.esl.tv/images/icons/cmsbox_link_icon.png);
		list-style-position: inside;
	}
  
  .cmsbox h1 {
	font-size: 210%;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(http://cdn2.esl.tv/images/icons/cmsbox_title_icon.png);
	background-repeat:no-repeat;
	background-position:left;
	padding: 2px 0 0 27px;
	margin: 10px 0 10px 0;	
	color: #444;
  }

  .cmsbox h2 {
	font-size: 210%;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(http://cdn2.esl.tv/images/icons/cmsbox_title_icon.png);
	background-repeat:no-repeat;
	background-position:left;
	padding: 2px 0 0 27px;
	margin: 10px 0 10px 0;	
	color: #444;
  }

  .cmsbox h4 {
	font-size: 140%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 2px 0 0 0px;
	margin: 10px 0 10px 0;	
	color: #444;
	border-bottom: 1px solid #ccc;
	clear: both;
  }
  
  .cmsbox_300 {
	width: 300px;
  }
  .cmsbox_700 {
	
  }
  
  .relatedvideos_tag {
	color: #aaa;
	margin-top: -8px;
	margin-bottom: 8px;
  }
  .taglinks {
	font-size: 95%;
	clear: both;
  }
  .taglinks a {
	color: #999;	
	font-weight: normal;
  }
  
  .cmsbox.secondary h1 {
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: none;
	background-image: none;
	padding: 2px 0 0 0px;
	margin: 0px 0 10px 0;	
	color: #444;
	border-bottom: 1px solid #CCCCCC;
  }

  .cmsbox.secondary h4 {
	padding: 2px 0 0 0px;
	margin: 0px 0 20px 0;	
  }
  
  .cmsbox.secondary li {
	list-style-type:none;
	padding: 0px;
	line-height: 110%;
	padding: 0 0 10px 0;
	margin-left: 20px;
  }
  
  .cmsbox.secondary a {
	font-family: Arial, Helvetica, sans-serif;
	#font-size: 90%;
	font-weight: normal;
	color: #474747;
  }

  .videoslot_container {
	width: 212px;
	height: 119px;
	background-size: 212px 159px;
	background-position: center;
  }  



  .vod_listing_wide {
    margin: 0;
	padding: 0;
	display: block;
  }
  .vod_listing_wide.previewimage a {
    display: block;
	height: 119px;
	width: 212px;
  }
  .vod_listing_wide.videoslot {
    width: 100%;
	height: 119px;
	margin: 0 0 10px 0;
	padding: 0px 0 10px 0;
	border-bottom: 1px solid #CCCCCC;
  }  
  .vod_listing_wide.previewimage {
	width: 212px;
	height: 119px;
	background-position: center;
	float:left;
	margin-right: 10px;
  }
  .vod_listing_wide.details {
	position: relative;
	height: 119px;
	margin-left: 222px;
  }
  .vod_listing_wide.title_game {
	font-weight: bold;
	#float: left;
  }
  .vod_listing_wide.videolength {
	float: right;
  }
  .vod_listing_wide.channel {
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #aaa;
  }
  .vod_listing_wide.views {
	float: right;
	border-left: 1px solid #CCCCCC;
	padding-left: 10px;
  }
  .vod_listing_wide.airtime {
	float: right;
	margin-right: 10px;
  }
  .vod_listing_wide.title {
	font-weight: bold;
	font-size: 130%;
	margin-top: 15px;
  }
  .vod_listing_wide.description; {
	color: #aaa;
  }
  
  

  
  .vod_listing.details {
	width: 100%;
  }
  
  .vod_listing.details li {
    margin: 0;
	padding: 0;
	width: 100%;
	margin: 0 0 10px 0;
  }









  
  
  .vod_listing {
    margin: 0;
	padding: 0;
	display: block;
  }
  
  .vod_listing.compact {
    margin: 0 0 0 -10px;
	width: 120%
  }

  .vod_listing.compact_tight {
    margin: 0 0 0 0px;
	width: 120%
  }
  
  .vod_listing.compact a {
    text-decoration: none;
  }

  .vod_listing.space {
	width: 773px;
  }

  .vod_listing li {
	position: relative;
	float: left;
	width: 212px;
	height: 119px;
	margin: 0;
	padding: 0;
	list-style-type:none;
  }

  .vod_listing.compact li {
	margin: 0 32px 30px 10px;
	padding: 0 0 0 0;
  }

  .vod_listing.compact_tight li {
	margin: 0 7px 7px 0px;
	padding: 0 0 0 0;
  }
  
  .vod_listing.space li {
	width: 33%;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
  }

  .vod_listing.compact.channel li {
	margin: 0 10px 30px 10px;
	padding: 0 0 0 0;
  }
  
  
  
  
  .vod_listing.topstage {
	width: 1110px;
	padding-top: 50px;
  }

  .vod_listing.topstage a {
    text-decoration: none;
  }

  .vod_listing li {
	position: relative;
	float: left;
	width: 212px;
	height: 119px;
	margin: 0;
	padding: 0;
	list-style-type:none;
  }

  .vod_listing.topstage li {
	margin: 0 10px 0px 0px;
	padding: 0 0 0 0;
  }

   
  
  
  
  .vod_more_title {
    position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 150%;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
  }

  .channels_more_title {
    position: absolute;
	right: 50px;
	bottom: 10px;
	font-size: 150%;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
  }

  .vod_more_title.space {
    position: absolute;
	right: 55px;
	bottom: 10px;
	font-size: 150%;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
  }
  
  .channel_comments_container {
	#width: 610px;
	width: 100%px;
  }

  .schedule_comments_container {
	width: 100%;
  }
  
  .cmsbox_table {
	width: 100%;
	text-align: left;
  }
  
  .cmsbox_table tbody tr.odd td  {
	background-color: #eee;
  }
  
  .cmsbox_table tbody tr.even td  {
	background-color: #fff;
  }
  
  .cmsbox_table_more_container {
	text-align: right;
  }
  
  .cmsbox_table_more a {
	background-image: url(http://cdn2.esl.tv/images/icons/cmsbox_link_icon.png);
	background-repeat:no-repeat;
	background-position:left;
 	padding: 0px 0 0 16px;
  }

  
  .sharethis_container {
	margin: 20px 0 30px 0;
	padding: 5px;
	width: 100%;
	text-align: left;
	# background-color: #ccc;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
  }
  .sharethis_container.channel {
	margin: 0px;
	border: 0px;  
  }
  .sharethis_container.channeldetail {
	margin: 0px;
	border: 0px;  
	float: right;
	width: 400px;
	margin-top: -10px;
	# margin-right: 25px;
  }
  .sharethis_container.channel span {
	margin-right: 0px;
  }
  .sharethis_container.blog {
	width: 735px;
  }
 
  .channel_description_container {
	margin: 10px 0 0 0;
	width: 100%;
  }
  .video_description_container {
	margin: 10px 0 0 0;
	width: 610px;
  }
  .channel_description_container h1 {
	clear:both;
	}
  .channel_description_container h2 {
	clear:both;
	}

  .channel_popout {
    position: absolute;
    right: 20px;
    top: 548px;
  }
  
  .video_popouted {
    background-color: #222;
    text-align: center;
    color: #999;
    line-height: 552px;
    width: 100%;
  }
  .video_popouted a {
    color: #fff;
  }
 
/*  .channel_description_container h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 270%;
	clear: both;
	# border-bottom: 1px solid #CCCCCC;
	width: 90%;
 } */
  .video_description_container h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 150%;
	clear: both;
	# border-bottom: 1px solid #CCCCCC;
 }
  .channel_settings {
	float: right;
	margin: 5px 0px 0 0;
  }
  .channel_status {
#	margin-top:-10px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:150%;
  }
  .channel_description_short {
	clear: both;
	line-height: 20px;
	padding: 5px;
	color: #666;
	background-color: #ddd;
	# margin-right: 28px;
	border: 1px solid #bbb;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
  }
  .channel_current_viewers {
	background-image: url(http://cdn2.esl.tv/images/icons/twitch_current_viewers.png);
	background-repeat:no-repeat;
	background-position:left;
 	padding: 0px 0 0 16px;	
	margin: 0 0 10px 0;
	float: left;
  }
  .channel_total_views {
	background-image: url(http://cdn2.esl.tv/images/icons/twitch_total_views.png);
	background-repeat:no-repeat;
	background-position:left;
 	padding: 0px 0 0 16px;	
	margin: 0 0 10px 0;
	float: left;
  }
  .channel_game {
 	padding: 0px 0 0 10px;	
	margin: 0 0 10px 0;
	float: left;
  }
  .channel_language {
 	padding: 0px 0 0 10px;	
	margin: 0 0 10px 0;
	float: left;
  }
  .channel_link {
 	padding: 0;	
	margin: 0 0 10px 0;
	float: left;
  }
  .channel_date {
 	padding: 0;	
	margin: 0px 10px 10px 10px;
	float: left;
	font-weight: bold;
  }
  .channel_name {
	font-weight: bold;	
  }
  
  
  .spotlightslot.iem_event_big {
	width: 524px;
	height: 295px;
	background-position: center;
  }
  .spotlightslot.iem_event_big.empty {
	position: absolute;
	top: 190px;
	text-align: center;
	font-weight: bold;
	color: #333;
  }
  .spotlightslot.iem_event_big.playbutton {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 60px;
	height: 60px;
  }
  .spotlightslot.iem_event_big.playbutton a {
	width: 60px;
	height: 60px;
  }
  
  .spotlightslot.iem_event_big a {
	position: relative;
	display:block;
	width: 524px;
	height: 295px;
    color: #fff;
  }
  .spotlightslot.iem_event_big.titlecontainer {
	height: auto;	
	width: auto;
	position: absolute;
	left: -3px;
	bottom: 0px;	
  }
  .spotlightslot.iem_event_big.titlecontainer a {
	position: relative;
	display: inline;
	width: 100%;
	height: 100%;
  }


  
  
  .spotlightslot {
	position: relative;
  }
  .spotlightslot.big {
	width: 732px;
	height: 412px;
	background-position: center;
  }
  .spotlightslot.medium {
	width: 350px;
	height: 197px;
	background-position: center;
  }
  .spotlightslot.small {
	width: 212px;
	height: 119px;
	margin-right: 10px;
	background-position: center;
  }

  .spotlightslot.big.empty {
	position: absolute;
	top: 190px;
	text-align: center;
	font-weight: bold;
	color: #333;
  }
  .spotlightslot.medium.empty {
	position: absolute;
	top: 90px;
	text-align: center;
	font-weight: bold;
	color: #333;
  }
  .spotlightslot.small.empty {
	position: absolute;
	top: 50px;
	font-size: 90%;
	text-align: center;
	#font-weight: bold;
	color: #333;
  }
  .spotlightslot.small.morechannels {
	position: absolute;
	text-align: right;
	right: 0px;
  }
  
  
  .spotlightslot.big.playbutton {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 60px;
	height: 60px;
  }
  .spotlightslot.big.playbutton a {
	width: 60px;
	height: 60px;
  }
  
  .spotlightslot.big a {
	position: relative;
	display:block;
	width: 732px;
	height: 412px;
  }
  .spotlightplayer_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .spotlightplayer_overlay a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    z-index: 100;
  }
  .spotlightslot.big.titlecontainer {
	height: auto;	
	width: auto;
	position: absolute;
	left: -3px;
	bottom: 0px;	
  }
  .spotlightslot.big.titlecontainer a {
	position: relative;
	display: inline;
	width: 100%;
	height: 100%;
  }
  .spotlightslot.big.titlecontainer a:hover {
	text-decoration: none;
  }
  
  
  .videotitle_big {
	width: auto;
	background-color: #000000;
	padding: 3px 6px 3px 6px;
	color: #eee;
	margin: 3px 0px 3px 3px;
	font-size: 18px;
	line-height: 27px;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
  }
  .videotitle_big.livestatus {
	background-color: #910d0d;
	margin: 3px 0px 3px 0px;
  }
  .videotitle_big.videostatus {
	background-color: #333;
	margin: 3px 0px 3px 0px;
  }

  .spotlightslot.medium.titlecontainer {
	height: auto;	
	#width: 220px;
	position: absolute;
	left: -3px;
	bottom: 0px;	
  }
  .spotlightslot.medium.titlecontainer a {
	position: relative;
	width: auto;
	height: auto;	  
	display: inline;
	color: #fff;
  }
  .spotlightslot.medium.titlecontainer a:hover {
	text-decoration: none;
  }
  
  .spotlightslot.medium.titlecontainer img {
	height: 11px;
	margin-left: 3px;
  }
  
  .videotitle_medium {
	width: auto;
	color: #eee;
	background-color: #000000;
	padding: 2px 5px 2px 5px;
	margin: 3px 0px 3px 3px;
	font-size:14px;
	line-height: 20px;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
  }
  .videotitle_medium.livestatus {
	background-color: #910d0d;
	margin: 3px 0px 3px 0px;
  }
  .videotitle_medium.videostatus {
	background-color: #333;
	margin: 3px 0px 3px 0px;
  }
  
  
  .spotlightslot.medium.playbutton {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 10px;
	bottom: 10px;
  }
  .spotlightslot.medium a {
	position: relative;
	display:block;
	width: 350px;
	height: 197px;
  }
  .spotlightslot.medium.playbutton a {
	width: 30px;
	height: 30px;
  }
  

  .spotlightslot.small.titlecontainer {
	background-image: url(http://cdn2.esl.tv/images/video_title_bg_small.png);
	width: 212px;
	height: 48px;
	position: absolute;
	#left: -2px;
	bottom: 0px;
	line-height: 16px;
	margin: 0px;
  }
  

  .spotlightslot.small.titlecontainer img {
	height: 9px;
	margin-left: 3px;
  }
   
  .videotitle_small {
	width: auto;
	color: #999;
	#background-color: #111;
	padding: 2px 4px 2px 4px;
	margin: 0px 0px 0px 2px;
	font-size: 10px;
	line-height: 16px;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
  }
  .videotitle_small.livestatus {
	background-color: #910d0d;
	margin: 2px 0px 2px 0px;
	text-transform: uppercase;
  }
  .videotitle_small.videostatus {
	#background-color: #222;
	margin: 2px 0px 2px 0px;
  }
  
  .videotitle_small.length {
	
  }

  
  .spotlightslot.small.playbutton {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 100px;
	top: 40px;
  }
  .spotlightslot.small a {
	position: relative;
	display:block;
	width: 219px;
	height: 119px;
  }
  .spotlightslot.small.playbutton a {
	width: 60px;
	height: 60px;
  }
  
  
  .player_current_viewers {
	position: absolute;
	color: #ccc;
	font-size: 80%;
	background-image: url(http://cdn2.esl.tv/images/icons/player_current_viewers_bg.png);
	background-repeat:no-repeat;
	background-position:left;
 	padding: 1px 4px 1px 16px;	
	margin: 0px 0 0 0;
	left: 0px;
  }
  .player_current_viewers a {
	display: none;
	width: auto;
	height: auto;
  }
  
  .player_language {
	position: absolute;
 	padding: 0;	
	margin: 0;
  }
  
  .player_video_views {
	position: absolute;
	color: #ccc;
	font-size: 80%;
	background-image: url(http://cdn2.esl.tv/images/icons/player_video_views_bg.png);
	background-repeat:no-repeat;
	background-position:left;
 	padding: 2px 4px 2px 20px;	
	margin: -3px 0 0 0;
  }
  
  #spotlight_firstrow {
	position: relative;
	height: 412px;
  }
  
  #spotlight_secondrow {
	margin-top: 18px;
	height: 119px;
	position: relative;	
  }
  
  #spotlight_slot_1 {
	float: left;
	/* background-size: 732px 549px; */
	background-size: 732px 412px;
	background-position: center;
  }
  #spotlight_slot_2 {
	/* background-size: 350px 263px; */
	background-size: 350px 197px;
	background-position: center;
	margin: 0 0 18px 0;
	float: right;
  }
  #spotlight_slot_3 {
	/* background-size: 350px 263px; */
	background-size: 350px 197px;
	background-position: center;
	float: right;
  }
  #spotlight_slot_4 {
	/* background-size: 212px 159px; */
	background-size: 212px 119px;
	background-position: center;
	float: left;
  }
  #spotlight_slot_5 {
	/* background-size: 212px 159px; */
	background-size: 212px 119px;
	background-position: center;
	float: left;
  }
  #spotlight_slot_6 {
	/* background-size: 212px 159px; */
	background-size: 212px 119px;
	background-position: center;
	float: left;
  }
  #spotlight_slot_7 {
	/* background-size: 212px 159px; */
	background-size: 212px 119px;
	background-position: center;
	float: left;
  }
  #spotlight_slot_8 {
	/* background-size: 212px 159px; */
	background-size: 212px 119px;
	background-position: center;
	float: left;
	margin-right: 0;
  }

  .shadow_vertical {
	position: absolute;
	left: 330px;
	width: 150px;
	height: 100%;
	background-image: url(http://cdn2.esl.tv/images/shadow_vertical_center.png);
	background-repeat: repeat-y;
	background-position:left;	
  }
  .shadow_vertical_top {
  }
  .shadow_vertical_bottom {
	position: absolute;
	bottom: 0;
	left: 0;
  }

  
  .shadow_right_column_vertical {
	position: absolute;
	right: 0px;
	width: 370px;
	height: 100%;
	background-image: url(http://cdn2.esl.tv/images/shadow_vertical_center.png);
	background-repeat: repeat-y;
	background-position:left;	
  }
  .shadow_right_column_vertical_top {
  }
  .shadow_right_column_vertical_bottom {
	position: absolute;
	bottom: 0;
	left: 0;
  }
  
  
  .static_text {
	line-height: 175%;
	margin: 50px 0 0 0;	
  }
  
  .static_text h1 {
	font-size: 210%;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(http://cdn2.esl.tv/images/icons/cmsbox_title_icon.png);
	background-repeat:no-repeat;
	background-position:left;
	padding: 2px 0 3px 27px;
	margin: 0px 0 10px 0;	
	color: #555;
	border-bottom: 2px dotted #ccc;
  } 
 
  #betaflag {
	position: relative;
	z-index: 100;
	top: -38px;
	left: 160px;
	width: 30px;
	height: 150px;
  }

  #oldpage {
	position: relative;
	z-index: 100;
	top: -165px;
	left: 20px;
	width: 100px;
	height: 30px;
	font-size: 10px;
  }
  #oldpage a {
	font-weight: normal;
	color: #999;
  }

  #dsq-content-stub {
	margin-top: 50px;
  }
  
  #dsq-content h3 {
	font-size: 150%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	# background-image: url(http://cdn2.esl.tv/images/icons/cmsbox_title_icon_small.png);
	border-bottom: 1px solid #ccc;
	background-repeat:no-repeat;
	background-position:left;
	padding: 3px 0 0 0px;
	margin: 10px 0 10px 0;	
	color: #999;
  }

	#disqus_thread {
		margin: 0px 0 0 0;		
	}  
  
  .news-list-category {
	color: #999;
  }
  .news-header-list-item {
	line-height: 150%;
  }
  .news-header-list-container {
	margin: 5px 0 0 0;
  }
  .news-header-list-item h2 {
	margin-bottom: 20px;
  }
  .news-header-list-title {
	margin: 0 0 20px 0px;
  }
  .news-header-list-category {
	color: #999;
	font-size: 80%
  }
  .news-header-list-date {
	# float: left;
	font-size: 80%;
	border-top: 1px solid #ccc;
	width: auto;
    padding-top: 2px;
  }  
  .news-header-list-info {
	
  }
  .news-single-item {
	margin: 30px 0 0 0;
  }
  
  
  .twitter_profile {
	#margin: 0 0 0 35px;	
  }

  .twitter_profile_boxes {
	float:right;	
	margin: 3px 0 0 0;	
  }
  
	#twitter_update_list {
	/* font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; */
		#font-family:Georgia, "Times New Roman", Times, serif;
		#font-size: 100%; 
		line-height: 150%;
		list-style: none;
		#color: #999
	}
	#twitter_update_list ul {
		margin: 0px;
		padding: 0px;
	}
	#twitter_update_list li {
		background: url(http://cdn2.esl.tv/images/twitter_item_bg.png) top left no-repeat;
		padding: 8px 0 8px 35px;
		margin: 0 0 9px 0;
		line-height: 150%;
	}
	#twitter_update_list span, #twitter_update_list span a {
		color: #444;
		text-decoration: none;
	}
	#twitter_update_list span a:hover {
		color: #0a2f64;
		font-weight: normal;
		text-decoration: underline;
	}
	#twitter_update_list a {
		color: #999;
		font-weight: normal;		
	}	
	#twitter_update_list a[style="font-size: 85%;"] { display: block; !important; }	


	.list-event {
		
	}
	.list-event_scroll {
		width: 100%;
	}
	
	.list-view {
		
	}
	.list-view_scroll {
		width: 95%;
        margin-bottom: 100%;
	}

	.list-view_menu {
		width: 100%;
	}	
	.vevent_menu {
		margin: 0px 0 0px 0;
		padding: 6px 3px 3px 3px;
		font-weight: normal;
		border-bottom: 1px solid #ccc;
	}

	.vevent {
		margin: 0px 0 -1px 17px;
#		padding: 10px 10px 5px 10px;
        padding: 0px 0px 0px 0px;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		font-weight: normal;
        height: 75px;
	}
    .vevent_inner {
        padding: 10px 10px 5px 10px;
    }
    .vevent a {
        color: #000;
        text-decoration: none;
        font-weight: normal;
        display: block;
        width: 100%;
        height: 100%;
    }
    .vevent_ispast a {
        color: #999;
        font-weight: normal;
    }
    .vevent a:hover {
        background-color: #DDD;
    }

	.vevent_selected {
		margin: 0px 0 -1px 0px;
		padding: 10px 0px 5px 17px;
		font-weight: normal;
        border-right: 1px solid #ccc;
        #background-color: #ddd;
        background-image: url(http://cdn2.esl.tv/images/schedule_itemselect_bg.jpg);
        height: 75px;
	}
    .vevent_selected a {
        color: #000;
        text-decoration: none;
        font-weight: normal;
        display: block;
        width: 100%;
        height: 100%;
    }
    .vevent_selected a:hover {
     #   background-color: #DDD;
    }


	.schedule_list_menu_time {
		float: left;
		margin: 0 0 0 5px;
	}

	.schedule_list_menu_day {
		color: #333;
		background-color: #ddd;
		padding: 2px 2px 2px 4px;
		margin: 0px 0 2px 0;
		border-bottom: 1px solid #ccc;
	}

	
	.schedule_list_menu_title {
		margin: 0 0 4px 70px;
	}
	
	.schedule_list_menu_game img {
		vertical-align: middle;
	}
	
	.schedule_list_time {
		float: left;
		margin: 3px 0 0 0px;
	}

	.schedule_list_datetime {
		float: left;
		margin: 0 0 0 0px;
	}

  	.schedule_list_date {
		margin: 0 0 0 0px;
	}

	.schedule_list_day {
		color: #c0d0e7;
		background-color: #114da6;
		#background-color: #1d5ab3;
		padding: 5px 5px 5px 15px;
		margin: 2px 0 1px 17px;
		border-bottom: 1px solid #66;
		border-top: 1px solid #66;
	}

	.schedule_list_language {
		float: right;
     #   display: inline;
	}
    .schedule_list_language img {
        width: 14px;
        height: 10px;
    }
	
	.schedule_list_title {
		margin: 0 0 4px 110px;
        font-weight: normal;
	}
	
	.schedule_list_game {
    #    float: right;
		background-repeat:no-repeat;
		background-position:left;
		padding: 0px 0 0 20px;	
		margin: 0 0 5px 110px;
		font-weight: normal;
        font-size: 130%;
	}
	
	.schedule_list_utc_info {
        color: #aaa;
        font-size: 80%;
    }
    
	.schedule_list_detail_description {
		margin: 5px 10px 5px 48px;
		line-height: 150%;
		font-size: 90%;
	}
	
	.schedule_list_detail_duration {
		margin: 5px 0px 0px 48px;
		font-weight: bold;
		color: #666;
		font-size: 90%;
	}
    
    .schedule_list_liveimage {
        margin: 2px 0 0 50px;
    }
	

	.schedule_detail_language {
		margin: 0;
		padding-left: 28px;
		background-repeat:no-repeat;
		background-position:left;
	}
	.schedule_detail_language img {
	}
	
	
	.schedule_detail_image {
	}
	
	.schedule_detail_description {
		margin: 10px 180px 20px 0;
		line-height: 180%;
	}
	
	.schedule_detail_duration {
	}
	
	.schedule_detail_game {
		background-repeat:no-repeat;
		background-position:left;
		padding: 0px 0 0 23px;	
		margin: 0 0 2px 0px;
		font-weight: bold;
	}
	
	.schedule_detail_title {
		font-size: 200%;
		font-family:Arial, Helvetica, sans-serif;
	#	font-weight: bold;
		padding: 10px;
	#	background-color: #333;
	#	background-image: url(http://cdn2.esl.tv/images/170_spotlights_teaser.jpg);
		margin: 0 0 20px 0px;
		color: #000;
        border: 1px solid #333;
	
		background-position: top center;
		
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		
	}
	
	.schedule_details_right {
		float: right;
		margin-right: 50px;
		line-height: 180%;
	}
	
	.schedule_detail_date {
		margin: 5px 0px 0px 0;
		font-weight: bold;
		font-size: 150%;
	}
	
	.schedule_detail_time {
		margin: 0px 0px 0px 0;
		font-weight: bold;
		color: #666;
		font-size: 250%;
	}
    
    .schedule_detail_utc {
        margin-top: 10px;
        color: #666;
    }
	
	.schedule_detail_utc_info {
		margin: 0px 0px 0px 0;
		font-weight: normal;
		color: #666;
		font-size: 40%;
	}
	
  .schedule_shadow_vertical {
	position: absolute;
	z-index: 0;
	left: 411px;
	width: 150px;
	height: 100%;
	background-image: url(http://cdn2.esl.tv/images/shadow_vertical_center.png);
	background-repeat: repeat-y;
	background-position:left;	
  }
  .schedule_shadow_vertical_top {
  }
  .schedule_shadow_vertical_bottom {
	position: absolute;
	bottom: 0;
	left: 0;
  }

  .schedule_detail_channeltext {
	position: absolute;
	bottom: 5px;
	left: 15px;
	font-size: 90%;
	font-weight: bold;
	color: #666;
  }
  
	.schedule_detail_channelimage {
	position: absolute;
	top: 20px;
	}
	
	.schedule_detail_channel {

	margin-top: 20px;
		background-position: top left;
	
		font-size: 150%;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding: 10px;
		background-color: #1252b0;
	#	background-image: url(http://cdn2.esl.tv/images/170_spotlights_teaser.jpg);
		color: #eee;
        border: 1px solid #333;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	
	}
	.schedule_detail_channel a {
		color: #fff;
	}
	
	.schedule_detail_channelimage_play {
	position: absolute;
	top: 60px;
	left: 80px;
	}
  
  .schedule_detail_channelname {
	position: absolute;
	bottom: 5px;
	right: 15px;
	font-size: 90%;
	font-weight: bold;
	color: #000;
  }
  
  .schedule_detail_channelbox {
	position: absolute;
	top: 117px;
	right: 0px;
	#background-image: url(http://cdn2.esl.tv/images/channel_standalone_bg.png);
	#background-repeat: none;
	width: 212px;
	height: 119px;
  }	
 
 
 
	.channellisting_wide.container {
		display: block;
		width: 110%;
	 } 
	 .channellisting_wide.bigrow {
		position: relative;
		float: left;
		margin-bottom: 10px;
		width: 212px;
		margin-right: 10px;
		text-align: left;
	 }
	 .channellisting_wide.bigrow a:hover {
		text-decoration:none;
	 }

	 .channellisting_wide_slot  {
		width: 212px;
		height: 119px;
		margin-right: 0px;
	 }
	 .channellisting_wide.bigrow.spotlightslot.small {
		margin-right: 5px;
	 }
 
	 .channellisting_wide_total_live_viewers {
		position: relative;
		top: -0px;
		width: 1100px;
		text-align: right;
		margin-bottom: 0px;
		color: #999;
	 }

 

 .channellisting_compact.container {
	display: block;
	width: 780px;
 } 
 .channellisting_compact.bigrow {
	position: relative;
	float: left;
	margin-bottom: 30px;
	width: 255px;
	margin-right: 0px;
	text-align: left;
 }
 .channellisting_compact.bigrow a:hover {
	text-decoration:none;
 }

 .channellisting_big_slot  {
	width: 212px;
	height: 119px;
	margin-right: 0px;
 }
 .channellisting_compact.bigrow.spotlightslot.small {
	margin-right: 0px;
 }
 
 .channellisting_big {
 }
 

 
 .channellisting_big.container {
	border-top: 1px solid #ccc;
	display: block;
 } 
 .channellisting_big.bigrow {
	clear: both;
	padding: 5px 0 5px 0;
	height: 119px;
	border-bottom: 1px solid #ccc;
 }

 .channellisting_big a {
	width: 100%;
	height: 100%;
	display: block;
	color:#000;
	text-decoration:none;
	font-weight: normal;
 } 
 .channellisting_big a:hover {
	background-color: #eee;
 } 
 
 .channellisting_big.smallrow {
	clear: both;
	padding: 5px 0 5px 0;
	height: 40px;
	border-bottom: 1px solid #ccc;
 }
 
 .channellisting_big.smallrow img {
	margin-right: 0px;
 }
 
 .channellisting_big.channel_image {
	float: left;
	margin-right: 0px;
 }

 .channellisting_big.channel_image_small {
	float: left;
	margin-right: 10px;
 }
 
 .channellisting_big_total_live_viewers {
	position: relative;
	top: -29px;
	width: 100%;
	text-align: right;
	font-weight: bolder;
	margin-bottom: 0px;
 }
 
 .channellisting_big.channel_description {
	float: left;
 }
 .channellisting_big.channel_title {
	font-weight: bold;
	margin-bottom: 5px;
 }
 .channellisting_big.channel_title_offline {
	color: #999;
 }

 .channellisting_big.channel_viewers {
	margin-top: 3px;
	color: #666;
 }
 .channellisting_big.channel_views {
	margin-top: 3px;
	color: #666;
 }
 .channellisting_big.channel_language {
	float: right; !important
 }
 



 
	.channel_currentshow_language {
		float: right;
		margin: 0 30px 0 0;
	}
	
	.channel_currentshow_title {
		margin: 0 30px 4px 100px;
	}
	
	.channel_currentshow_image {
		float: right;
	}
	
	.channel_currentshow_description {
		margin: 10px 30px 10px 0;
		line-height: 150%;
	}
	
	.channel_currentshow_duration {
		margin: 5px 0px 10px 0;
		font-weight: bold;
		color: #666;
	}
	
	.channel_currentshow_game {
		background-repeat:no-repeat;
		background-position:left;
		padding: 0px 0 0 20px;	
		margin: 0 0 2px 0px;
		font-weight: normal;
	}
	
	.channel_currentshow_title {
		height: 50px;
		font-size: 150%;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		background-image: url(http://cdn2.esl.tv/images/schedule_title_bg.png);
		background-repeat:no-repeat;
		background-position:left;
		padding: 28px 0 0 15px;
		margin: 0px 0 0px 0;	
		color: #444;
	}
	
	.channel_currentshow_date {
		margin: 5px 30px 10px 0;
		border-bottom: 1px solid #ccc;
		font-weight: bold;
	}


	.channel_comments_show a {
		# color: #999;
		# font-size: 90%;
	}
 
 
 

	.schedule_list_event_time {
		float: left;
		width: 80px;
		margin: 0 10px 0 5px;
		font-size: 95%;
	}

	.schedule_list_event_day {
		color: #333;
		background-color: #ddd;
		padding: 2px 2px 2px 4px;
		margin: 0px 0 2px 0;
		border-bottom: 1px solid #ccc;
	}

	
	.schedule_list_event_title_container {
		margin: 0 0 4px 80px;
	}
	
	.schedule_list_event_title {
		display: table-cell;
	}
	
    .schedule_list_event_numcomments {
        line-height: 95%;
    }
    
	.schedule_list_event_numcomments a {
		color: #000;
		font-weight: normal !important;
		white-space: nowrap;
	}

	.schedule_list_event_menu_game {
		margin-right: 5px;
		display: table-cell;
		padding: 0px 3px 0px 3px;
	}
	
	.schedule_list_event_menu_language {
		#float: right;
		margin-right: 5px;
		display: table-cell;
		padding: 0px 5px 0px 3px;
	}	
	
	.schedule_list_event_game img {
		#vertical-align: bottom;
		margin-top: 4px;
	}

	.schedule_list_event_item {
		margin: 2px 0 0px 0;
		padding: 5px 3px 2px 3px;
		font-weight: normal;
		border-bottom: 1px solid #ccc;
        height:41px;
		width: 100%;
		overflow: hidden;
	}






	.schedule_list_event_column_time {
	#	float: left;
		margin: 0 10px 0 33px;
		font-size: 95%;
	}

	.schedule_list_event_column_day {
		color: #333;
		background-color: #ddd;
		padding: 2px 2px 2px 4px;
		margin: 0px 0 2px 0;
		border-bottom: 1px solid #ccc;
	}

	.schedule_list_column_event_game img {
		height: 12px;
		width: 12px;
	}
	
	.schedule_list_event_column_title_container {
		margin: 0 0 4px 0px;
	}
	
	.schedule_list_event_column_title {
		display: table-cell;
	}
	
	.schedule_list_event_column_numcomments a {
		color: #000;
		font-weight: normal !important;
		white-space: nowrap;
	}

	.schedule_list_event_column_menu_game {
		margin-right: 5px;
		display: table-cell;
		padding: 0px 3px 0px 3px;
	}
	
	.schedule_list_event_column_menu_language {
		#float: right;
		margin-right: 5px;
		display: table-cell;
		padding: 0px 5px 0px 3px;
	}	
	
	.schedule_list_event_column_game img {
		#vertical-align: bottom;
		margin-top: 4px;
	}

	.schedule_list_event_column_item {
		width: 105%;
		margin: 0px 0 0px 0;
		padding: 5px 3px 2px 3px;
		font-weight: normal;
		border-bottom: 1px solid #ccc;
	}




	

	
	.games_list a {
		color: #000;
	}
	
	.games_list li {
		list-style-type: none; 
		list-style-image: none;
		line-height: 200%;
	}
	.games_list img {
		width: 16px;
		height: 16px;
		vertical-align: middle;
		margin: 0 5px 0 0;
	}

	
	.event_list a {
		color: #000;
	}
	
	.event_list li {
		margin: 8px 0 0 0;
		padding: 0px 0 0 0px;
		line-height:16px;
		list-style-image:url(http://cdn2.esl.tv/images/icons/cmsbox_link_icon.png);
		list-style-position: inside;
	}
	.event_list img {
		width: 16px;
		height: 16px;
		vertical-align: middle;
		margin: 0 5px 0 0;
	}


	.tx-rsdynamicpoll-pi1 {
	
	}
	.question {
		font-weight: bold;
	}
	.answer {
		margin: 5px 0 5px 0;
	}

	
	.channel_videos_stats.videos_total {
		font-size: 400%;
		font-weight: bold;
		color: #999;
	}

	.channel_videos_stats.game_title {
		font-size: 100%;
		font-weight: bold;
		color: #999;
		margin: 10px 0 5px 0;
	}
	
	.channel_videos_stats img {
		margin-right: 5px;
	}

	.channel_videos_stats.game_name {
		width: 200px;
		float: left;		
	}
	
	.channel_videos_stats.game {
		font-size: 100%;
		color: #000;
		line-height: 180%;
	}
	
	.channel_videos_stats.back2channel {
		margin: 20px 0 0 0;
		background-image: url(http://cdn2.esl.tv/images/icons/cmsbox_link_icon.png);
		background-repeat:no-repeat;
		background-position:left;
		padding: 2px 0 0 18px;
		
	}
	


	.tx-gkhrssimport-pi1-header {
		margin: 5px 0 5px 0;
		font-size: 120%;
	}
	
	.tx-gkhrssimport-pi1-header a {
		color: #333;
	}

	.tx-gkhrssimport-pi1-content {
		line-height: 150%;
		font-size: 100%;
		margin: 0 0 20px 0;
		text-align: justify;
		#border-bottom:1px #aaa solid;
	}
	
	.tx-gkhrssimport-pi1-date {
		font-style: italic;
		color: #666;
	}

	
	
	.videoarchive_results_head {
		color: #999;
		margin-bottom:10px;
	}
	
	.videoarchive_form.search {
		width: 570px;
		font-size: 18px;
		height: 22px;
		padding: 4px;
		margin: 0px 15px 15px 0;
	}
	
	.videoarchive_form_container {
		width: 720px;
	}

	.videoarchive_form form {
		
	}
	
	.videoarchive_form #search_button {
		width: 120px;
		float: right;
	}

	.videoarchive_form.sortby {
		float: right;
	}

	.videoarchive_form.fieldtitle {
		font-size: 80%;
		color: #999;
	}
	
	.videoarchive_form.filter select {
		margin: 0px 10px 15px 0px;
	}
	
	.video_archive_pagination {
		text-align: center;
		color: #aaa;
		padding: 30px 30px 30px 30px;
	}
	
	.esltv_button {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-webkit-box-align: center;
		text-align: center;
		border-radius: 5px;
		background-color: buttonface;
		box-sizing: border-box;
		-moz-box-shadow: 0px 1px 1px #ccc;
		-webkit-box-shadow: 0px 1px 1px #ccc;
		box-shadow: 0px 1px 1px #ccc;
		text-shadow: 0 1px 1px #333;
		background-repeat: repeat-x;
		border: solid 1px !important;
		border-color: black !important;
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		padding: 5px 12px !important;
		text-decoration: none;
		cursor: pointer;
		color: white !important;
		background-position: 100% -276px;
		background-image: url(http://cdn2.esl.tv/images/esltv_buttons.png);
		padding-right: 22px;
	}

	.esltv_button:hover {
		background-position: 100% -306px;
		background-image: url(http://cdn2.esl.tv/images/esltv_buttons.png);
	}
	
	.esltv_button span {
	}
	
	.channels_related_small {
		background-image: url(http://cdn2.esl.tv/images/channel_related_bg.png);
		background-repeat:no-repeat;
		width: 1100px;
		height: 16px;
		text-align: center;
		font-size: 10px;
		color: #5f5f5f;
		padding: 2px 0 0 0;
		margin: 0 0 5px 0;
	}
	.channels_related_small a {
		color: #5f5f5f;
		font-weight: bold;
	}
	.channels_related_small_text {
		position: relative;
		margin-left: 5px;
		margin-right: 5px;
	}
	.channel_preview_container {
		display: none;
		border:5px #aaa solid;
		width: 212px;
		height: 119px;
	}


	#chat_docked {  
		right: 10px;
		margin-left: 0px;
		position: absolute;
		z-index: 100000;
		height: 423px;
		width: 410px;
		top: 259px;
		padding: 4px 4px 2px 4px;
		background-color: #3070ce;
		border-top:1px #ccc solid;
		border-left:1px #ccc solid;
		border-right:1px #ccc solid;
		#border-bottom:1px #333 solid;
	}

	.chat_dock_toggle {
		height: 20px;
		float: right;
	}
	.chat_normal_toggle {
		position: relative;
		top: 10px;
		height: 20px;
		float: right;
	}
	.chat_dock_title {
		float: left;
		color: #fff;
	}




	
	
	#smallstageteaser {
		display: block;
		width: 100%;
		height: 170px;
	}
	.smallstageteaser_slot {
		width: 212px;
		height: 119px;
		display: block;
		float: left;
		margin-right: 10px;
		margin-top: 50px;
	}
	#smallstageteaser_slot_1 {
	
	}
	#smallstageteaser_slot_2 {
	
	}
	#smallstageteaser_slot_3 {
	
	}
	#smallstageteaser_slot_4 {
	
	}
	#smallstageteaser_slot_5 {
		margin-right: 0px;
	}
	
	
	.debugrendertime {
		font-size: 10px;
		background-color: #fff;
		color: #666;
	}

	
	
	
	
	
	
	
	#menu_event_teaser {
		display: block;
		width: 434px;
	}
	.menu_event_teaser_slot {
		display: block;
		float: left;
		margin: 0px 0px 0px 0px;
	}
	#menu_event_teaser_slot_1 {
		width: 434px;
		height: 253px;
	}
	#menu_event_teaser_slot_2 {
		width: 212px;
		height: 119px;
		margin-right: 10px;
		margin-top: 10px;
	}
	#menu_event_teaser_slot_3 {	
		width: 212px;
		height: 119px;
		margin-top: 10px;
	}

	
	
	.esltv_twitter_buzz_list {
		width: 110%;
	}
	.esltv_twitter_buzz_keywords {
		margin: -10px 0 15px 0;
		font-weight: bold;
	}
	.esltv_twitter_buzz_item {
		width: 205px;
		height: 103px;
		float: left;
		margin-right: 10px;
		margin-bottom: 20px;
	}

	.esltv_twitter_buzz_item.boxes {
		background-color: #eee;
		padding: 4px;
		margin-right: 8px;
		margin-bottom: 8px;
		width: 203px;
	}
	
	.esltv_twitter_feed_list {
	
	}
	.esltv_twitter_feed_details {
	
	}
	.esltv_twitter_feed_list li {
		list-style-type:none;
		line-height: 160%;
		padding: 0 0 10px 0;
		margin-left: 0px;
	}
	.esltv_twitter_feed_item {
		margin-bottom: 5px;
		#border-top: 1px solid #ccc;
	}
	.esltv_twitter_feed_pic {
		
	}
	.esltv_twitter_feed_pic img {
		width: 32px;
		height: 32px;
		float: left;
		margin-right: 5px;
		#margin-bottom: 20px;
		margin-top: 3px;
	}
	.esltv_twitter_feed_info {
		color: #999;
		font-size: 80%;
	}
	.esltv_twitter_feed_name {
		color: #999;
		float: left;
	}
	.esltv_twitter_feed_datetime {
		#float: left;
		margin-left: 5px;
		padding-left: 5px;
		border-left: 1px solid #aaa;
	}
	.esltv_twitter_feed_datetime a {
		color: #999;
	}
	.esltv_twitter_feed_text {
		
	}







	.esltv_twitter_feed_livefeed_list {
	
	}
	.esltv_twitter_feed_livefeed_details {
	
	}
	.esltv_twitter_feed_livefeed_list li {
		list-style-type:none;
		line-height: 160%;
		padding: 0 0 10px 0;
		margin-left: 0px;
	}
	.esltv_twitter_feed_livefeed_item {
		margin-bottom: 15px;
		#border-top: 1px solid #ccc;
		clear: both;
		height: 50px;
	}
	.esltv_twitter_feed_livefeed_pic {
		
	}
	.esltv_twitter_feed_livefeed_pic img {
		width: 32px;
		height: 32px;
		float: left;
		margin-right: 5px;
		margin-top: 3px;
	}
	.esltv_twitter_feed_livefeed_info a {
		font-weight: normal;
	}
	.esltv_twitter_feed_livefeed_info {
		color: #999;
		font-size: 80%;
	}
	.esltv_twitter_feed_livefeed_name {
		color: #999;
		float: left;
	}
	.esltv_twitter_feed_livefeed_datetime {
		float: left;
		width: 100px;
		height: 60px;

		border-right: 1px solid #666;
		text-align: right;
		padding-right: 10px;
		
	}
	.esltv_twitter_feed_livefeed_type {
		float: left;
		text-align:left;
		width: 50px;
	}
	.esltv_twitter_feed_livefeed_game {
		float: left;
		text-align:left;
		width: 16px;
		clear: both;
		margin-top: -40px;
	}

	.esltv_twitter_feed_livefeed_datetime a {
		color: #999;
	}
	.esltv_twitter_feed_livefeed_datetime a:visited {
		color: #999;
	}
	.esltv_twitter_feed_livefeed_text {
		margin-left: 185px;
		margin-right: 100px;
		font-size: 100%;
		line-height: 180%;
	}







	
	.footerbox h1 {
		color: #fff;
		font-weight: bold;
		margin-top: 0px;
		font-size: 200%;
	}
	.footerbox a {
		color: #aaa;
	}
	.footerbox {
		color: #eee;
		margin-bottom: 20px;
		height: 300px;
	}


    .tab_container {
        border-bottom: solid 1px #aaa;
        width: 100%;
        padding-bottom: 4px;
        padding-left: 200px;
        margin-top: -30px;
        margin-bottom: 5px;
    }
    .tab {
        padding: 4px 8px 4px 8px;
        margin-right: 3px;
        border: solid 1px #aaa;
    }
    .tab_passive {
        color: #aaa;
        background-color: #eee;
        padding-top: 2px;
        border-bottom: none;
    }
    .tab_active {
        padding-top: 8px;
        border-bottom: solid 2px #fff;
    }
    
    


	#scroll-pane,.scroll-pane{position:relative}
	.scroll-content {position:absolute;top:0;left:0}
	.slider-wrap{position:absolute;right:0;top:0;background-color:lightgrey;width:15px;border-left:1px solid gray;}
	.slider-vertical{position:relative;height:100%}
	.ui-slider-handle{width:15px;height:10px;margin:0 auto;background-color:darkgray;display:block;position:absolute}
	.ui-slider-handle img{border:none}
	.scrollbar-top{position:absolute;top:0;}
	.scrollbar-bottom{position:absolute;bottom:0;}
	.scrollbar-grip{position:absolute;top:50%;margin-top:-6px;}
	.ui-slider-range{position:absolute;width:100%;background-color:lightgrey}


	#scroll-pane,.scroll-pane { 
		background-color:transparent;
		float:left;overflow: auto; 
		width: 100%;
		height: 800px;
		position:relative;
		display:inline;
        border-top: 1px dashed #999;
        border-bottom: 1px dashed #999;
	}







	.competition_container {
		width: 100%;
	}
	
	.competition_group_container {
		float: left;
	}
	
	.competition_group {
		padding: 0px;
		margin: 10px 10px 0px 0px;		
	}
	.competition_group h3 {
		margin: 0px;
		padding: 0px;
		font-size: 120%;
		font-weight: bold;
		color: #666;
	}
	.competition_group table {
		border-left: 1px solid #aaa;
	}
	.competition_group tr {
		
	}
	.competition_group td {
		padding: 3px;
		margin: 0px;
		border-left: 0px solid #aaa;
		border-bottom: 1px solid #aaa;
		border-right: 1px solid #aaa; 
	}

	.competition_group tr.up {
		background-color: #FFF;
	}
	.competition_group tr.down {
		background-color: #EEE;
	}

	.competition_group.header {
		background-color: #AAA;
		height: 10px;
		text-align: center;
	}
	.competition_group.place {
		width: 20px;
		text-align: right;
	}
	.competition_group.player {
		width: 190px;
	}
	.competition_group.wins {
		width: 35px;
		text-align: center;
	}


	.competition_bracket td {
		padding: 2px;
		margin: 0px;
	}

	.competition_bracket_winner {
		font-weight: bold;
		color: #fff;
	}


	.currentandnextshow {
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.currentandnextshow_title {
		font-weight: bold;
		font-size: 120%;
	}

	.schedule_game_select.selected {
		border-bottom: 1px solid #fff;		
	}

	.schedule_game_select_container {
		border-bottom: 1px solid #333;
		margin-bottom: 10px;
	}
	.schedule_game_select {
		cursor: pointer;
		margin-right: 5px;		
		border-bottom: 0px solid #fff;		
	}
	.schedule_game_select a:hover {
		text-decoration: none; 
		color: #fff;
	}

	.schedule_game_select_hint {
		color: #666;
		font-size: 90%;
	}

    
    #channel_pov_avermedia {
        width: 1100px;
        height: 294px;
 		background-image: url(http://cdn2.esl.tv/images/special/avermedia/channel_pov_avermedia.jpg);
		background-repeat:no-repeat;
    }
    #channel_pov_adlink {
        position: absolute;
        width: 333px;
        height: 294px;
        left: 380px;
        top: 0px;
    }
    #channel_pov_adlink a {
        width: 333px;
        height: 294px;
    }
    #channel_pov_avermedia_pov1 {
        position: absolute;
        left: 30px;
        top: 26px;
    }
    #channel_pov_avermedia_pov2 {
        position: absolute;
        right: 30px;
        top: 26px;
    }
	.channelpov_slot_player {
		position: absolute;
		width: 350px;
		height: 227px;
	}
	.cannelpov_slot_overlay {
		width: 350px;
		height: 197px;
		position: absolute;
		z-index: 999;
	}
	.channel_pov_title {
		width: 350px;
		margin-top: 10px;		
		color: #aaa;
	}
	.channel_pov_title a {
		color: #aaa;
		font-size: 120%;
	}
	.channel_pov_title a:hover {
		color: #ccc;
	}
    
    .widget_creator table {
        padding: 10px;
        margin: 0px 0 0 0;
        background-color: #ccc;
        border: 1px solid #999;
        width: 100%;        
    }
    
    .widget_creator table th {
        height: 30px;
    }
    
    .widget_creator table td {
        width: 100px;
        padding: 5px;
        margin: 0px;
    }
    
    .widget_creator .submit {
        margin-top: 10px;
    }
    
    .widget_creator input {
        padding: 2px;
    }
    
    .widget_creator .submit input  {
        padding: 10px;
    }
    
    .widget_creator .settings {
        float: left;
        width: 39%;
        margin-bottom: 30px;
    }
    .widget_creator .code {
        float: right;
        width: 58%;
    }
    .widget_creator .preview {
        float: right;
        width: 58%;
        margin-bottom: 50px;
    }
    
    .widget_creator .step3 {
        clear: both;
        float: left;
        width: 39%;
        margin-bottom: 30px;
    }
    
    .widget_creator .step3 ul {
        margin-left: 50px;
        margin-top: 20px;
        margin-right: 20px;
        color: #666;
    }
    .widget_creator .step3 li {
        margin-bottom: 5px;
    }

    .widget_creator .hint {
        color: #666;
        font-size: 80%;
    }
    
    .widget_creator .code textarea {
        width: 605px;
        height: 305px;
        padding: 15px;
        font-size: 95%;
        line-height: 140%;
    }
    .widget_creator h2 {
        margin: 20px 0 20px 0;
        border-bottom: 3px solid #1252b0;        
    }

    
    #footer_ad {
        text-align: center;
        margin-bottom: 30px;
    }
    #main_leftcolumn_ad {
        margin-bottom: 40px;
    }
    #channel_content_ad {
        text-align: right;
    }
    .ad_hint {
        font-size: 80%;
        color: #aaa;
    }

    #cookiedisclaimer {
        display: none;
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        background-color: #333;
        color: #aaa;
        height: 35px;
        z-index: 1000;
        padding: 10px 5px 5px 5px;
        text-align: center;
    }

        .menu_rolldown_languages .flagicon {
        margin-right: 0px;
        margin-top: 1px;
        float: right;
        width: 25px;
        height: 14px;
    }
    
.flag_benelux, .flag_bg, .flag_br, .flag_cn, .flag_cz, 
.flag_de, .flag_en, .flag_es, .flag_fr, .flag_gb, 
.flag_global, .flag_gr, .flag_hispanic, .flag_hk, .flag_hu, 
.flag_it, .flag_jp, .flag_kr, .flag_nl, .flag_no, 
.flag_none, .flag_nordic, .flag_pl, .flag_pt, .flag_ro, 
.flag_ru, .flag_se, .flag_sg, .flag_sk, .flag_th, 
.flag_tl, .flag_tr, .flag_tw, .flag_us, .flag_vn, 
.flag_za, .flag_rs, .flag_global
{ display: block; background: url('/images/sprites/flags.png') no-repeat; }
 
.flag_benelux { background-position: -2px -0px; width: 25px; height: 14px; }
.flag_bg { background-position: -2px -16px; width: 25px; height: 14px; }
.flag_br { background-position: -2px -32px; width: 25px; height: 14px; }
.flag_cn { background-position: -2px -48px; width: 25px; height: 14px; }
.flag_cz { background-position: -2px -64px; width: 25px; height: 14px; }
.flag_de { background-position: -2px -80px; width: 25px; height: 14px; }
.flag_en { background-position: -2px -96px; width: 25px; height: 14px; }
.flag_es { background-position: -2px -112px; width: 25px; height: 14px; }
.flag_fr { background-position: -2px -128px; width: 25px; height: 14px; }
.flag_gb { background-position: -2px -144px; width: 25px; height: 14px; }
.flag_global { background-position: -2px -160px; width: 25px; height: 14px; }
.flag_gr { background-position: -2px -176px; width: 25px; height: 14px; }
.flag_hispanic { background-position: -2px -192px; width: 25px; height: 14px; }
.flag_hk { background-position: -2px -208px; width: 25px; height: 14px; }
.flag_hu { background-position: -2px -224px; width: 25px; height: 14px; }
.flag_it { background-position: -2px -240px; width: 25px; height: 14px; }
.flag_jp { background-position: -2px -256px; width: 25px; height: 14px; }
.flag_kr { background-position: -2px -272px; width: 25px; height: 14px; }
.flag_nl { background-position: -2px -288px; width: 25px; height: 14px; }
.flag_no { background-position: -2px -304px; width: 25px; height: 14px; }
.flag_none { background-position: -2px -320px; width: 25px; height: 14px; }
.flag_nordic { background-position: -2px -336px; width: 25px; height: 14px; }
.flag_pl { background-position: -2px -352px; width: 25px; height: 14px; }
.flag_pt { background-position: -2px -368px; width: 25px; height: 14px; }
.flag_ro { background-position: -2px -384px; width: 25px; height: 14px; }
.flag_ru { background-position: -2px -400px; width: 25px; height: 14px; }
.flag_se { background-position: -2px -416px; width: 25px; height: 14px; }
.flag_sg { background-position: -2px -432px; width: 25px; height: 14px; }
.flag_sk { background-position: -2px -448px; width: 25px; height: 14px; }
.flag_th { background-position: -2px -464px; width: 25px; height: 14px; }
.flag_tl { background-position: -2px -480px; width: 25px; height: 14px; }
.flag_tr { background-position: -2px -496px; width: 25px; height: 14px; }
.flag_tw { background-position: -2px -512px; width: 25px; height: 14px; }
.flag_us { background-position: -2px -528px; width: 25px; height: 14px; }
.flag_vn { background-position: -2px -544px; width: 25px; height: 14px; }
.flag_za { background-position: -2px -560px; width: 25px; height: 14px; }
.flag_rs { background-position: -2px -576px; width: 23px; height: 15px; }

    

    
}