﻿div#featureBlock
{
    overflow:hidden;
    font-size:1em;
}
div#featureBlock div#introMessage
{ 
    height:300px;
    border:1px solid #eee;
    background-image:url(/App_Themes/Common/Images/ajax-loader.gif);
    background-position:center 135px;
    background-repeat:no-repeat;
}
div#featureBlock div#introMessage span
{display:none;}
div#featureBlock div#featureItems
{ display:none; }
div#featureBlock div#featureItems .tout
{ 

    float:left;
    clear:none;
    width:283px;
    height:100px;
    margin-right:20px;
}
div#featureBlock h3
{
    clear:both;
}
div#featureBlock.updated
{
    position:relative;
    background-image:url("/App_Themes/CBNNews/Images/int-bg-featureBlock.gif");
    padding-top:5px;
    padding-left:5px;
    border:1px solid #eee;
    height:295px;
}
div#featureBlock.updated div#featureItems, 
div#featureBlock.updated div#focusItems, 
div#featureBlock.updated div#featureControls
{
    float:right;
    clear:right;
    width:283px;
    font-size:1em
}

div#featureBlock.updated #featureItems.featureList *{
    width:250px;
}

div#featureBlock.updated #featureItems h3, 
div#featureBlock.updated div#focusItems h3
{
    clear:both;
    color:#305488;
    font-size:1.5em;
    padding-top:10px;
    padding-left:10px;
}
div#featureBlock.updated div#featureControls
{
    position:absolute;
    width:auto;
    top:5px;
    right:5px;
}
div#featureBlock.updated div#focusItems
{
    background-image: url("/App_Themes/CBNNews/Images/int-bg-featureBlockDivider.gif");
    background-repeat: no-repeat;
    position:relative;
    left:1px;
    margin-top:1em;
    background-color:#eeeeee;
}
div#featureBlock.updated div#focusItems h3{font-size:1.2em;}
div.featuredItem
{
    position:absolute;
    top:5px;
    left:5px;
    cursor:pointer;
    width:320px;
    height:285px;
    padding: 3px 5px 5px 5px;
    background-color:#fff;
    font-size:1em;
    overflow:hidden;
}
div.featuredItem a
{
    text-decoration:none;
}
div.featuredItem img
{
    width:310px;
    height:180px;
}
div.featuredItem .title
{
    width:300px;
    font-size:1.9em;
    line-height:1em;
    padding-top:5px;
    padding-left:5px;
}
div.featuredItem .content
{
    width:300px;
    padding-left:5px;
    color:#666;
    line-height:1.4em;
}
div.featuredItem .featureLink 
{
    display:block;
    width:auto;
    position:absolute;
    right:10px;
    bottom:5px;
    color:#cc0000; 
    font-weight:bold;
}
div#featureBlock.updated .featureList .item a
{
    position:relative;
    padding-left:10px;
}
div#featureBlock.updated .featureList .item .title span.linkIdentifier
{
    position:absolute;
    top:2px;
    left:5px;
}

div#featureBlock.updated .featureList .item a:link, div#featureBlock.updated .featureList .item a:visited
{
    padding:2px 5px 2px 20px;
    display:block;
    width:265px;
    color:#666;
    text-decoration:none;
    line-height:1.5em;
    margin-bottom:3px;
}
div#featureBlock.updated .featureList .item a:hover, div#featureBlock.updated .featureList .item a:active
{
    padding-left:15px;
    width:250px;
}
div#featureBlock.updated .featureList .item .title.selected
{
    background-image:url("/App_Themes/CBNNews/Images/int-bg-selectedTitle.jpg");
    background-repeat:no-repeat;
    background-position:bottom left;
    
}
div#featureBlock.updated .featureList .item .title.selected a
{
    padding-left:15px;
    width:250px;
    font-weight:bold;
    color:#cc0000;
    background-image:url("/App_Themes/CBNNews/Images/int-bg-selectedFeature.jpg");
    background-repeat:no-repeat;
    background-position:top left;
}

div#featureBlock.updated div.controls
{
    position:absolute;
    top:0em;
    right:0em;
}
div#featureBlock.updated a.controlButton {
	display:inline-block;
	width: auto;
	padding:2px 5px;
	text-align: center;
	background-color:#eee;
	border: 1px solid #ddd;
	color:#999;
	font-weight:bold;
	font-size:1em;
	cursor:pointer;
}
div#featureBlock.updated a.controlButton:hover
{
    text-decoration:none;
    background-color:#fff;
}
div#featureBlock.updated .featureList .item a:visited
{
    
}
div#featureBlock.updated .featureList .item img, div#featureBlock.updated .featureList .item .content
{
    display:none;
}

