/* 
Copyright 2006, Internet Broadcasting Systems. All Rights Reserved.
Author: $Author: ddiller $
Version:$Name: REL_2_39_0 $
ID:     $Id: topstory.css,v 1.36 2007/03/08 16:15:01 ddiller Exp $
*/

/* hides section widget titlebar */
.swTopStory .titlebar span { display:none; }
.swTopStory .titlebar { background:white; }/* main outer container */
.swTopStory {height:384px; overflow:hidden;}

/* main outer container */
#TopStoryContent .swContent {
	width:555px;
	height:342px;
	background:#e4e4e4;
	padding:10px;
}
/* ul serves as main inner container */
#TopStoryContent ul.InBL {
	padding:0;
	overflow:hidden;
	text-align:left;
	height:100%;
}
/* blurb column */
#TopStoryContent li.InBL {
	float:right;
	padding:0;
	margin:0;
	height:166px;
	_height:168px;
	overflow:hidden;
	width:123px;
	clear:right;
	margin-bottom:10px;
}
/* squish text so more lines will fit in blurb / headline under small images */
#TopStoryContent li.InBL .coTeaser, #TopStoryContent li.InBL .coTeaser * { line-height:1.1; }
#TopStoryContent li.InBL .coHeadline { padding-top:2px; _padding-top:0px; clear:both;}
#TopStoryContent li.InBL .coHeadline a { line-height:1.1; }

#TopStoryContent li.InBL .coTeaser .natural {
	display:none;
}
#TopStoryContent li .coImage, #TopStoryContent li .coHeadline {
	display:block;
	position:relative;
	padding-bottom:3px;
}
/* play image for thumbs */
#TopStoryContent .thumbArrow {
	width:15px;
	height:15px;
	position:absolute;
	top:5px;
	left:5px;
	border:0;
}
/* big part */
#TopStoryContent li.firstTag { 
	float:left;
	background:transparent;
	color:white;
	clear:none;
	width:418px;
	height:100%;
	margin:0px;
	position:relative;
}

/* reset line height for big part */
#TopStoryContent li.firstTag .coTeaser, 
#TopStoryContent li.firstTag .coHeadline a { line-height:1.2; }

/* big image, headline, and teaser */
#TopStoryContent li.firstTag .coTeaser, #TopStoryContent li.firstTag .coHeadline a, #TopStoryContent li.firstTag .imgSpan {
	text-align:left;	
}

/* big image */
#TopStoryContent li.firstTag .coImage {
	display:block;
	width:100% !important;
	padding:0;
	margin:0;
}
#TopStoryContent li.firstTag .coImage .imgCredit {display:none;}
#TopStoryContent li.firstTag .coImage .imgSpan {
	margin:0; 
	padding:0;
}
#TopStoryContent li.firstTag .imgSpan img {
	background:white;
	margin:0 auto;
	border:0;	
	width:418px;
	height:342px;
}

#TopStoryContent li.firstTag #playDiv .playImgGradient {
	width:250px;
	height:50px;
	position:absolute;
	top:0px;
	left:0px;
	background:transparent;
}
#TopStoryContent li.firstTag .coHeadline a {
	color:#FFF;
	text-decoration:none;
}
#content #TopStoryContent li.firstTag a:active, #content #TopStoryContent li.firstTag a:hover {
	color:#FFF;
	text-decoration:underline;
}

/* big headline */
#TopStoryContent li.firstTag .coHeadline {
	position:absolute;
	background:transparent;
	left:15px;
	top:220px;
	clear:both;
	font-size:20px;
	margin:0;
	padding:0;
	display:block;
	width:390px;

}
/* big teaser */
#TopStoryContent li.firstTag .coTeaser {
	position:absolute;
	background:transparent;
	left:15px;
	top:255px;
	margin:0;
	padding:0;
	display:block;
	width:100%;
	height:71px;
	overflow:hidden;
	width:390px;
}

#TopStoryContent li.firstTag .blackbox {
	width:418px;
	height:150px;
	top:210px;
	background:black;
	opacity:.7;
	filter:alpha(opacity=70);
}

#TopStoryContent li.firstTag .coTeaser a {
	font-weight:bold;
	color:#ffc600;
}
/* play image for big image */
#TopStoryContent li.firstTag #playDiv {
	position:absolute;
	top:0px;
	left:0px;
	border:0;
	background:transparent;
	display:none;
}
#TopStoryContent li.firstTag #playDiv span {
	color:white;
	text-transform:uppercase;
	font-size:22px;
	font-weight:bold;
	z-index:12;
	position:absolute;
	top:10px;
	left:50px;
	width:200px;
}

#TopStoryContent li.firstTag #playDiv span:hover {
	text-decoration:underline;
	cursor:pointer;
}

#TopStoryContent li.firstTag #playDiv .playImgArrow {
	width:35px;
	height:35px;
	position:absolute;
	top:7px;
	left:7px;
	background:transparent;
}
/* video player */
#TopStoryContent #inlineFlashVideoPlayer {
	position:absolute;
	top:62px !important;
	left:9px;
}
/* hide quite a few elements */

/* clear, so video/camera icons below top story thumbs */
#TopStoryContent .w120 div.showIcon a {clear:both}