/* FBC News Styles */



/* Headlines
-------------------------------*/
#container { width: 700px; float: left; margin: 0 15px 30px 0;}

#container h4 { text-transform: uppercase; padding: 0; padding-right: 9px;}
#container h3 { margin: 0 0 15px 20px; }

.moreheadlines {
	background: url(/_data/images/site/sub/ico_moreheadlines.gif) 0 0 no-repeat;
	font-weight: bold;
	margin: 0 0 15px 20px;
	padding: 0 0 5px 18px;
}

.rssfeed {
	padding-left: 20px;
	background: url(/_data/images/site/sub/ico_rss.gif) 0 0 no-repeat;
	font-weight: bold;
	margin: 0 0 15px 25px;
	padding-bottom: 5px;
	
}

/*

Tabs - important styles to ensure accessibility in print

*/
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
@media print {
    .anchors {
        display: none;
    }
}

/*
Tabs - not important for accessibility, just for the look of it...
*/

#content .anchors {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    float: left;
    border-bottom: 1px solid #e7e8a3;
    width: 170px;
}
.anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#content .anchors li {
  margin-bottom: 0;
  padding-bottom: 0;
}
.anchors a {
    display: block;
    border: 1px solid #e7e8a3;
    border-right: 0;
    border-bottom: 0;
    padding: 5px 9px;
    width: 151px;
    height: 15px;
    color: #666;
    text-decoration: none;
    background: #f8f9db;
}
.anchors .tabs-selected a {
    padding: 5px 9px 5px 11px;
    font-weight: bold;
}
.anchors .tabs-selected a, .anchors a:hover, .anchors a:focus, .anchors a:active{
    background: #fff;
    color: #3a79aa;
}
.anchors .tabs-selected a:link, .anchors .tabs-selected a:visited,
.anchors .tabs-disabled a:link, .anchors .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.anchors a:hover, .anchors a:focus, .anchors a:active {
    cursor: pointer;
}
.anchors .tabs-disabled {
    opacity: .4;
}
.anchors .tabs-disabled a:hover, .anchors .tabs-disabled a:focus, .anchors .tabs-disabled a:active {
    background: transparent;
}


#content .fragment ul { 
	margin: 0 15px 10px 20px; 
	padding: 0 0 10px 0; 
	list-style: none; 
	font-weight: bold;
	background: url(/_data/images/site/sub/sidebar_sep.gif) left bottom repeat-x;
}
#content .fragment ul li { margin: 0 0 15px 0; padding: 0; }

.frag_container {
	padding: 20px 10px 10px 0;
    border: 1px solid #e7e8a3;
    background: #fff url(/_data/images/site/sub/bkg_headlines.gif) left bottom repeat-x;
    min-height: 350px;
    height: auto !important;
    height: 350px;
	margin: 0 0 0 170px;
}
.anchors .tabs-selected .tabs-loading {
    padding-left: 25px;
    background-image: url(/_data/images/site/sub/loading.gif);
    background-position: 4px 50%;
    background-repeat: no-repeat;
}


/* Tidings
-------------------------------*/
.tidings dl { 
	float: left; 
	border-top: 1px solid #e7ebf2;
	padding:  0 0 8px 0;
	margin: 0;
	font-weight: bold;
}
.tidings dt { width: 320px; float: left; padding: 8px 0 8px 6px;} 
.tidings dd { float: right; padding: 8px 0 5px 0; }

.tidings dt, .tidings dd { border-bottom: 1px solid #e7ebf2; }

.tidings .text { 
	text-align: center; 
	color: #666; 
	height: 16px;
	margin: 0;
	padding-left: 48px;
}

.tidings .text a {
	display: block;
	padding: 0 0 5px 20px;
	background: url(/_data/images/site/sub/ico_transcript.gif) 0 0 no-repeat; 
}
