/*

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...

*/
.anchors {
    list-style: none;
    margin: 0;
    padding: 0;
}
.anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.anchors li {
    float: left;
    list-style-type: none;
    margin: 0 1px 0 0;
    list-style-image: none;
}

.main-col-end .anchors li {
    list-style-type: none;
    list-style-image: none;
}

.main-col-end .anchors a {
    display: block;
    position: relative;
/*    top: 1px; 
    border: 1px solid #eaeaea; */
    z-index: 2;
    padding: 2px 9px 1px;
    color: black;
    text-decoration: none;
    line-height: 25px;
 	background: url(/images/template/fp-tabs-off-left.jpg) no-repeat left;	   
}
.main-col-end .anchors .tabs-selected a {
/*    padding-bottom: 2px; */
    font-weight: bold;
	color: white;
 	background: url(/images/template/fp-tabs-on-left.jpg) no-repeat left;
}
.anchors .tabs-selected a, .anchors a:hover, .anchors a:focus, .anchors a:active,
.fragment {
	background: white; 
}
.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;
}
.fragment {
    padding: 0;
}
.anchors .tabs-selected .tabs-loading {
    padding-left: 25px;
    background-image: url(/images/template/loading.gif);
    background-position: 4px 50%;
    background-repeat: no-repeat;
}

/* Article Listings */
#home div.articlelisting ul {
	margin: 0;
	padding: 10px;
}

#home div.articlelisting h3 {
	margin: 0;
	padding: 0;
}

#home div.articlelistingwrp {
	border: 1px solid #b8c8d4;
	background: white url(/images/template/fp-tab-content-bg.jpg) repeat-x 0 top;
}

#home ul.anchors li {
	background: white url(/images/template/fp-tabs-off-right.jpg) no-repeat right;	
}

#home ul.anchors li.tabs-selected {
	background: white url(/images/template/fp-tabs-on-right.jpg) no-repeat right;	
}

ul.anchors li {
	background: white url(/images/template/fp-tabs-off-right.jpg) no-repeat right;	
}
ul.anchors li.tabs-selected {
	background: white url(/images/template/fp-tabs-on-right.jpg) no-repeat right;	
}


.main-col-end .fp-tabs-more ul {
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

.main-col-end .fp-tabs-more {
	background: white url(/images/template/more-tabs-fp-bg.jpg) no-repeat left;
}

.main-col-end .fp-tabs-more ul li {
	display: inline;
	list-style: none;
	list-style-image: none;
	margin:0 5px 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 23px;
}

.main-col-end .fp-tabs-more ul li a {
	color: #00457c;
	background: transparent url(/includes/common_includes/images/pubs_template/bullet-blue.gif) no-repeat scroll 0pt 4px;
	padding-left: 8px;
}

/* GCR */

div.main-col-end .gcrlisting {
	clear: both;
	padding: 10px;
}

div.main-col-end .gcrlisting div.gcrhead a {
	font-size: 16px;
	color: #00457C;
	font-weight: bold;
}
.gcrlisting {
	position: relative;
}

div.main-col-end .gcrlisting div.gcrhead img {
	display: block;
	border: 1px solid #99B5CC;
	float: left;
	margin: 0 5px 0 0;
	padding: 4px;
}

div.main-col-end .gcrlistingwrp {
	background: white url(/images/template/fp-tab-content-bg.jpg) repeat-x scroll 0pt top;
	border: 1px solid #B8C8D4;	
}