/* Programação */
#programacao{
	margin:0;
	padding:0;
	height:45px;
	overflow:hidden;
	text-indent:-999px;
	background: url(/img/programacao.jpg) no-repeat top left;
}


/* timeline */
#timeline{
	height:32px;
	width:600px;
	margin:10px 0;
}

#timeline li{
	display:block;
	float:left;
	height:32px;
	background: url(/img/timeline-bg.jpg) no-repeat top left;
	width:160px;
	color:#fff;
}

#timeline li span.bg-right{
	display:block;
	width:160px;
	height:32px;
	background: url(/img/timeline-bg-right.jpg) no-repeat top right;
}

#timeline li a{
	display:block;
	height:32px;
	background: url(/img/timeline-bg-right.jpg) no-repeat top right;
	cursor:normal;
}

#timeline li a:hover{
	text-decoration:none;
	cursor:normal;
}

#timeline li span span{
	color:#fff;
	margin-left:5px;
	line-height:25px;
}

#timeline li#timeline-prev{
	width:59px;
	background: url(/img/timeline-prev.jpg) no-repeat top left;
	text-indent:-999px;
	overflow:hidden;
}

#timeline li#timeline-next{
	width:59px;
	background: url(/img/timeline-next.jpg) no-repeat top left;
	text-indent:-999px;
	overflow:hidden;
}


ul.prog{
	height:53px;
	width:600px;
	overflow:hidden;
}

ul.prog li{
	float:left;
	display:inline;
}

#prog-sport-tv1, #prog-sport-tv2, #prog-sport-tv3, #prog-sport-tvhd, #prog-sport-tva, #prog-sport-tvgolfe{
	width:59px;
	height:53px;	
	text-indent:-999px;
	overflow:hidden;
}

#prog-sport-tv1{background: url(/img/logo-sport-tv1.jpg) no-repeat top left;}
#prog-sport-tv2{background: url(/img/logo-sport-tv2.jpg) no-repeat top left;}
#prog-sport-tv3{background: url(/img/logo-sport-tv3.jpg) no-repeat top left;}
#prog-sport-tvhd{background: url(/img/logo-sport-tvhd.jpg) no-repeat top left;}
#prog-sport-tva{background: url(/img/logo-sport-tvafrica.jpg) no-repeat top left;}
#prog-sport-tvgolfe{background: url(/img/logo-sport-tvgolfe.jpg) no-repeat top left;}

ul.prog li.cinza{
	background: url(/img/prog-cinza.jpg) no-repeat top left;
	height:53px;
}

ul.prog li.cinza a{
	background: url(/img/prog-cinza-right.jpg) no-repeat top right;
	height:53px;
	display:block;
	padding:0 5px;
	font-size:8pt;
}

ul.prog li.amarelo{
	background: url(/img/prog-amarelo.jpg) no-repeat top left;
	height:53px;
}

ul.prog li.amarelo a{
	background: url(/img/prog-amarelo-right.jpg) no-repeat top right;
	height:53px;
	display:block;
	padding:0 5px;
	font-size:8pt;
}


ul.prog li a span{
	display:block;
	padding:10px 0 0 10px;
	height:36px;
	overflow:hidden;
	line-height:12px;
	cursor:pointer;
}

ul.prog li a:hover{
	text-decoration:none;
	color:#000;
}
	

/* tooltip */

div.tool-tip {
	width: 200px;
	color: #fff;
	font-size:8pt;
}

div.tool-title{
	background: url(/img/balloon.png) top left no-repeat !important;
	background: url(/img/balloon.gif) top left no-repeat;	
	padding: 13px 10px 5px;
	color:#F8AF31;
}

div.tool-text{
	background: url(/img/balloon.png) bottom left no-repeat !important;
	background: url(/img/balloon.gif) bottom left no-repeat;
	padding: 0 10px 15px;
}

div.tool-tip h4 {
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(/img/balloon.png) top left no-repeat !important;
	background: url(/img/balloon.gif) top left no-repeat;
	font-size: 11px;
}

div.tool-tip p {
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(/img/balloon.png) bottom left no-repeat !important;
	background: url(/img/balloon.gif) bottom left no-repeat;
	font-size: 10px;
}