/* 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... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */

#uiTabs ul.ui-tabs-nav {
	height: 13px;
	overflow: hidden;
	margin-bottom:13px;
}

#uiTabs ul.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	content				:	".";
	height				:	0;
	clear				:	both;
	display				:	block;
	visibility			:	hidden;
}

#uiTabs ul.ui-tabs-nav li {
    float: left;
	font-size:1px;
    margin: 0 13px 0 0;
}

#uiTabs ul.ui-tabs-nav li a {
    display: block;
	height:13px;
	text-indent:-99999px;
    outline: 0; /* prevent dotted border in Firefox */
}

#uiTabs ul.ui-tabs-nav li a.jaTab {
	background: url(../images/common/uitab_ja_off.jpg) no-repeat left top;
	width:55px;	
}

#uiTabs ul.ui-tabs-nav li a.enTab {
	background: url(../images/common/uitab_en_off.jpg) no-repeat left top;
	width:45px;	
}

#uiTabs ul.ui-tabs-nav li a.chTab {
	background: url(../images/common/uitab_ch_off.jpg) no-repeat left top;
	width:55px;	
}

#uiTabs ul.ui-tabs-nav li a.jaTab:hover {
	background: url(../images/common/uitab_ja_on.jpg) no-repeat left top;
	width:55px;	
}

#uiTabs ul.ui-tabs-nav li a.enTab:hover {
	background: url(../images/common/uitab_en_on.jpg) no-repeat left top;
	width:45px;	
}

#uiTabs ul.ui-tabs-nav li a.chTab:hover {
	background: url(../images/common/uitab_ch_on.jpg) no-repeat left top;
	width:55px;	
}

#uiTabs .ui-tabs-nav li.ui-tabs-selected a.jaTab {
	background: url(../images/common/uitab_ja_on.jpg) no-repeat left top;
	width:55px;	
}

#uiTabs .ui-tabs-nav li.ui-tabs-selected a.enTab {
	background: url(../images/common/uitab_en_on.jpg) no-repeat left top;
	width:45px;	
}

#uiTabs .ui-tabs-nav li.ui-tabs-selected a.chTab {
	background: url(../images/common/uitab_ch_on.jpg) no-repeat left top;
	width:50px;	
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

