/* CSS - Homepage */

/* Home Page - Stories header */
#storiesHeader 
{
	background-image: url(images/storiesHed.gif);
	background-repeat:no-repeat;
	width:120px;
	height:23px;
	display: block;
    float: left;
}

/* Spotlight More Arrow */
#spotlightMoreArrow 
{
	background-image: url(images/readarrow.gif);
	background-repeat:no-repeat;
	width:13px; 
	height:5px;
	display:block;
	float: left;
}

/* SearchBar Title */
#searchTitle 
{
	background-image: url(images/searchtitle.gif);
	background-repeat:no-repeat;
	width:223px; 
	height:32px;
	display:block; 
}

#searchGlass
{
background-image:url(images/searchglass.gif);
background-repeat:no-repeat;
display:none;
float:left;
height:22px;
width:20px;
}

#mediaHed h1.featuredstories {
	width: 215px;
	height: 23px;
	background-image: url(images/featuredstories.gif);
	background-position: top left;
	background-repeat: no-repeat;
}	

#mediaContent p {
	display: block;
	width: 310px;
	color: #24414e;
	font-size: 12px;
	margin:0;
	margin-top:10px;
}
#mediaContent p.playlist {
	display: block;
	width: 64px;
	height: 22px;
	margin: 10px 0 0 0;
	*margin: 8px 0 0 0;
	background-color: transparent;
	background-image: url(images/playlist.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#mediaContent .previewframes {
	margin:0 4px 0 0; padding:0;
	border: 1px solid #ffffff;
	width: 98px;
	height: 75;
	*overflow: hidden;
	float: left;
}
#mediaContent .previewframes a{
	border: 3px solid #ffffff;
	display: block;
	font-size:1px;
}
#mediaContent .previewframes a:hover{
	border: 3px solid #999999;
	display: block;
}
#mediaContent .previewframes a.playing {
	border: 3px solid #999999 !important;
	display: block;
}

#mediaContent p.selectedMedia {
	display: block;
	width: 305px;
	height: 17px;
	background-color: #999999;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 0 0 5px;
	margin: 3px 0 0 0;
}
#mainContentBody {
	float: left;
	width: 667px;
	padding-top: 9px;
	min-height:648px;
}

#viewStoriesTopics {
	float: left;
	width: 667px;
}

#viewStoriesTopics .pagecountContainer {
	float: right;
	width: 200px;
	height: 14px;
	font-size: 10px;
	padding: 4px 0 4px 7px;
	background-color: #999999 !important;
	background-image: url(images/pagecountBg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#viewStoriesTopics .pagecountContainer span,
#viewStoriesTopics .pagecountContainer ul{
	float: left;
	display: block;
}
#viewStoriesTopics .pagecountContainer ul li {
	display: inline;
	background-color: transparent;
	background-image: url(images/pcBrd.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0 4px 0 6px;
}
#viewStoriesTopics .pagecountContainer a {
	color:#ffffff;
}

#viewStoriesTopics .pagecountContainerShorter {
	float: right;
	width: 135px;
	height: 14px;
	font-size: 10px;
	padding: 4px 0 4px 7px;
	background-color: #e1e1e1 !important;
	background-image: url(images/pagecountBg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#viewStoriesTopics .pagecountContainerShorter span,
#viewStoriesTopics .pagecountContainerShorter ul{
	float: left;
	display: block;
}
#viewStoriesTopics .pagecountContainerShorter ul li {
	display: inline;
	background-color: transparent;
	background-image: url(images/pcBrd.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0 4px 0 6px;
}
#viewStoriesTopics .pagecountContainerShorter a {
	color:#999999;
}O


#viewStoriesTopics .pagecountContainerMedium {
	float: right;
	width: 165px;
	height: 14px;
	font-size: 10px;
	padding: 4px 0 4px 7px;
	background-color: #e1e1e1 !important;
	background-image: url(images/pagecountBg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#viewStoriesTopics .pagecountContainerMedium span,
#viewStoriesTopics .pagecountContainerMedium ul{
	float: left;
	display: block;
}
#viewStoriesTopics .pagecountContainerMedium ul li {
	display: inline;
	background-color: transparent;
	background-image: url(images/pcBrd.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0 4px 0 6px;
}
#viewStoriesTopics .pagecountContainerMedium a {
	color:#999999;
}



#viewStoriesTopics .top,
#viewStoriesTopics .bottom,
#storiestopicContainer  {
	float: left;
	width: 656px;
	border-top: 1px solid #999999;
}

#viewStoriesTopics .disclaimer p,
#viewStoriesTopics .veiwingtopics p.viewinglabel,
#viewStoriesTopics .veiwingtopics p.viewinglisting {
	display: block;
	float: left;
	font-size: 10px;
	padding-top: 4px;
}
#viewStoriesTopics .veiwingtopics p.viewinglabel {
	color: #000000;
	margin-right: 10px;
}

#viewStoriesTopics .veiwingtopics p.viewinglisting {
	width: 405px;
}
#storiestopicContainer {
	border: 0;
	background-color: transparent;
	background-image: url(../../images/dottedlineW.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	margin:10px 0 3px 0;
	padding-bottom: 8px;
}
.storiesImg,
.storiesDesc {
	float: left;
}
.storiesImg {
	width: 158px;
	margin-right: 4px;
	border: 1px solid #acc5cc;
	padding: 1px;
	text-align:center;
}
.storiesImg img {
	border: 1px solid #acc5cc;
	padding: 1px;
	text-align:center;
}
.storiesDesc {
	width: 490px;
}
.storiesDesc p.topics {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #999999;
}
.storiesDesc p.topics a{
	color: #999999;
}
.storiesDesc p.storiesHeadline {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #104d61;
	margin-bottom:9px;
	line-height:16px;
}
.storiesDesc .viewComments {
	float: left;
	width: 464px;
	background-color: #edeef0;
	background-image: url(images/viewCommentsBg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	margin-top:8px;
	margin-bottom:7px;
	padding:0 19px 0px 7px;
}
.storiesDesc .viewComments p,
.storiesDesc .viewComments ul li,
.storiesDesc .viewComments p a{
	display: block;
	font-size: 10px;
	height: 30px;
	line-height: 30px;
}
.storiesDesc .viewComments p{
	float: left;
	width: 235px;
}
.storiesDesc .viewComments ul {
	float: right;
	padding-top: 2px !important;
}
.storiesDesc .viewComments ul li{
	display: inline;
	margin-right: 2px;
}
.storiesDesc .viewComments ul li.vc_video,
.storiesDesc .viewComments ul li.vc_audio,
.storiesDesc .viewComments ul li.vc_image,
.storiesDesc .viewComments ul li.vc_text {
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 10px 0pt 10px 23px;
}
.storiesDesc .viewComments ul li.vc_video {
	background-image: url(images/vc_videoIcons.gif);
}
.storiesDesc .viewComments ul li.vc_audio {
	background-image: url(images/vc_audioIcons.gif);
}
.storiesDesc .viewComments ul li.vc_image {
	background-image: url(images/vc_imageIcons.gif);
}
.storiesDesc .viewComments ul li.vc_text {
	background-image: url(images/vc_textIcons.gif);
}

/*topnav*/
#topNavMenu {
	width: 370px;
	float: right;
}
.yui-skin-sam .yuimenubar .bd, .yui-skin-sam .yuimenubar ul {
	margin-top:10px;
}
.yui-skin-sam .yuimenubar, .yui-skin-sam .yuimenubaritem a.selected  {
	background: none !important;
	border: 0 !important;
	margin: 0  !important;
}
.yui-skin-sam .yuimenubarnav .yuimenubaritem {
	border: 0 !important;
}
.bannerMenu #topNavMenu li {
	background: none !important;
	border: 0 !important;
}