/* Caution! Ensure accessibility in print and other media types... */

@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;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */

#main-area div#jtabs ul.tabs-nav li { background: none; padding: 0; }

div#jtabs {
	position: relative;
	background: url(/images/bg_news.gif) no-repeat right bottom;
	margin-top: 20px;
	width: 259px;
	height: 266px;
	padding-top: 31px;
}

	div#jtabs ul.tabs-nav {
		position: relative;
		float: left; display: inline;
		margin: -30px 0 0 0; padding: 0;
		background: url(/images/sp_news.gif) no-repeat 0 0;
		width: 259px; height: 31px;
	}
	div#jtabs div.tabs-container ul { float: left; display: inline; }

		div#jtabs ul.tabs-nav li,
		div#jtabs ul.tabs-nav li a {
			float: left; display: inline;
			margin: 0; padding: 0;			
			width: 92px; height: 31px;
		}
			div#jtabs ul.tabs-nav li#t_ari-news { margin-right: 7px; }
		
		div#jtabs ul.tabs-nav li#t_ind-news, div#jtabs ul.tabs-nav li#t_ind-news a { width: 131px; }
		
		div#jtabs ul.tabs-nav li.tabs-selected a#a_ari-news,
		div#jtabs ul.tabs-nav li#t_ari-news a:hover,
		div#jtabs ul.tabs-nav li#t_ari-news a:focus { background: url(/images/sp_news.gif) no-repeat 0 -31px; }
		
		div#jtabs ul.tabs-nav li.tabs-selected a#a_ind-news,
		div#jtabs ul.tabs-nav li#t_ind-news a:hover,
		div#jtabs ul.tabs-nav li#t_ind-news a:focus { background: url(/images/sp_news.gif) no-repeat -99px -62px; }
		
		div#jtabs h4 { margin: 0 0 0.25em 1em; }
		
		div#jtabs ul.news-feed { margin: 0 0 1em 2em; }
		
		* html div#tabs div #ind-news { padding-top: -20px; }
		
		

ul.tabs-nav a {
    position: relative;
	left: 0; top: 0;
    z-index: 2;
	text-indent: -9999em;
    white-space: nowrap; /* required in IE 6 */    
}

*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}


.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: default;
}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}