/* Style for slider buttons */


			*{ padding:0px; margin:0px; }
			body{ background:#D5DEE7; }
			a{ color:#C8DCE5; }
			h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			.boxgrid{ 
				width: 220px; 
				height: 100px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .85; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}

			span.video {
				color:#F00;
				}

			span.photo {
				color:#0F0;
				}

			span.audio {
				color:#00F;
				}

			span.interactive {
				color:#FF0;
				}

			span.misc {
				color:#0FF;
				}



/* Style for News21 buttons */


#animoto
				{
				  display: block;
				  width: 220px;
				  height: 100px;
				  background: url("images/animoto-button.gif") no-repeat 0 0;
				}

#animoto span
				{
				  display: none;
				  float:left;
				}



#capzles
				{
				  display: block;
				  width: 220px;
				  height: 100px;
				  background: url("images/capzles-button.gif") no-repeat 0 0;			
				}

#capzles span
				{
				  display: none;
				  float:right;
				}



#cinch
				{
				  display: block;
				  width: 220px;
				  height: 100px;
				  background: url("images/cinch-button.gif") no-repeat 0 0;			
				}

#cinch span
				{
				  display: none;
				  float:right;
				}




#dipity
				{
				  display: block;
				  width: 220px;
				  height: 100px;
				  background: url("images/dipity-button.gif") no-repeat 0 0;			
				}

#dipity span
				{
				  display: none;
				  float:right;
				}






p.text
				{ 
				font: 12px Verdana,Arial,Helvetica;
				color: #666;
				}








a.title
				{
				font: 13px Verdana,Arial,Helvetica;
				color: #999;
				text-decoration: none
				}



a.title:visited  {color: #999}
a.title:active   {color: #f90}
a.title:hover    {color: #f90;
text-decoration: underline}



p.footer
				{ 
				font: 12px Verdana,Arial,Helvetica;
				color: #666;
				}




H2.hed
				{
				font: bold 22px Verdana,Arial,Helvetica;
				color: #666;
				}


H2.hed-two
				{
				font: bold 17px Verdana,Arial,Helvetica;
				color: #666;
				}


H3.dek
				{
				font: bold 16px Verdana,Arial,Helvetica;
				color: #666;
				}


H3.dek-two
				{
				font: bold 14px Verdana,Arial,Helvetica;
				color: #666;
				}


H4.subhed
				{
				font: bold 13px Verdana,Arial,Helvetica;
				color: #666;
				}


P.byline
				{
				font: 11px Verdana,Arial,Helvetica;
				color: #666;
				}


TD.nota-texto
				{
				font-family: Verdana,Arial,Helvetica;
				color: #333;
				font-size: 11.5px
				}


TD.tiempo
				{
				font-family: Verdana,Arial,Helvetica;
				font-weight: bold;
				color: #999;
				vertical-align: top;
				font-size: 10px
				}


TD.vs
				{ 
				font-family: Verdana,Arial,Helvetica;
				font-weight: bold;
				color: #666;
				text-align: center;
				vertical-align: bottom;
				font-size: 8px
				}


TD.texto
				{ 
				font-family: Verdana,Arial,Helvetica;
				color: #666;
				text-align: left;
				vertical-align: top;
				font-size: 11px
				}


TD.texto-gray
				{ 
				font-family: Verdana,Arial,Helvetica;
				color: #FFF;
				text-align: left;
				vertical-align: top;
				font-size: 10px
				}


TD.box-hed
				{ 
				font-family: Verdana,Arial,Helvetica;
				color: #EEE;
				font-weight: bold;
				text-align: center;
				vertical-align: top;
				font-size: 10.5px
				}


TD.foto-caption
				{ 
				font-family: Verdana,Arial,Helvetica;
				color: #666;
				font-size: 10px
				}


TD.resultados-textos
				{ 
				font-family: Verdana,Arial,Helvetica;
				color: #666;
				text-align: left;
				vertical-align: top;
				font-size: 9.5px
				}


TD.years-texto
				{ 
				font-family: Verdana,Arial,Helvetica;
				color: #666;
				text-align: left;
				vertical-align: top;
				font-size: 11px
				}


TD.menu-textos
				{ 
				font-family: Verdana,Arial,Helvetica;
				color: #666;
				text-align: center;
				vertical-align: top;
				font-size: 9px
				}


a.text
				{
				font: 15px Verdana,Arial,Helvetica;
				color: #666;
				text-decoration: none
				}


a.resultados
				{ 
				font-family: Verdana,Arial,Helvetica;
				color: #666;
				font-weight: bold;
				vertical-align: left;
				font-size: 11px
				}


a.cita
				{ 
				font-family: Verdana,Arial,Helvetica;
				color: #00C;
				font-weight: bold;
				font-size: 12px
				}


a.byline
				{ 
				font-family: Verdana,Arial,Helvetica;
				color: #666;
				font-size: 11px
				}


a.equipo1
				{ 
				font-family: Verdana,Arial,Helvetica;
				color: #666;
				font-weight: bold;
				vertical-align: center;
				font-size: 11px
				}


a.notas
				{
				font: bold 13px Verdana,Arial,Helvetica;
				color: #666;
				text-decoration: none
				}


a.notas-gray
				{
				font: bold 11px Verdana,Arial,Helvetica;
				color: #66F;
				text-decoration: none
				}


a.notas-gray-sml
				{
				font: bold 9px Verdana,Arial,Helvetica;
				color: #9F9;
				text-decoration: none
				}


a.menufooter
				{ 
				font-family: Verdana,Arial,Helvetica;
				color: #999;
				vertical-align: center;
				font-size: 9px
				}


a:visited  {color: #C8DCE5}
a:active   {color: #C8DCE5}
a:hover    {color: #C8DCE5;
text-decoration: underline}