@charset "UTF-8";
/* 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;
    }
}


#tabFruit .ui-tabs-nav {
    list-style: none;
	position: absolute;
    margin: -43px 0 0 100px;
	z-index:100;
}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: none;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0;
    min-width: 135px; /* be nice to Opera */
	min-height: 45px; 
}
.ui-tabs-nav #apple_tab1{
	background-image:url(../jam/images/tab/tab_apple.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.ui-tabs-nav #strawberry_tab2 {
	background-image: url(../jam/images/tab/tab_strawberry.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.ui-tabs-nav #kiwi_tab3 {
	background-image: url(../jam/images/tab/tab_kiwi.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.ui-tabs-nav #banana_tab4 {
	background-image: url(../jam/images/tab/tab_banana.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.ui-tabs-nav #orange_tab5 {
	background-image: url(../jam/images/tab/tab_orange.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

.ui-tabs-selected #apple_tab1, 
.ui-tabs-selected #strawberry_tab2,
.ui-tabs-selected #kiwi_tab3,
.ui-tabs-selected #banana_tab4,
.ui-tabs-selected #orange_tab5 {
	background-position: center bottom;
}

.ui-tabs-nav a {
    margin:0;
    outline: 0;
	text-indent:-9999px;
	display:none;
	width: 135px;
	height: 45px;
	display: block;
}

#tabFruit .ui-tabs-nav a:hover,#tabFruit .ui-tabs-nav a:active{
	width: 135px;
	height: 45px;
	display: block;
	background-position: center bottom;
}


.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .5;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    background: #fff;
}

* html .ui-tabs-nav {
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  {
    display: inline-block;
}