/* 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 */

.ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
border-bottom: 1px solid #ffd46f;
}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}

.ui-tabs-nav li {
float: left;
margin: 0;
min-width: 20px; /* be nice to Opera */
background-color: #fff1cf;
}

.ui-tabs-nav a, .ui-tabs-nav a span {
display: block;
padding: 3px;
color: #000;
text-decoration: none;
text-align: center;
}

.ui-tabs-nav a {
border: 1px solid #fff;
border-bottom: 0;
padding: 1px 2px;
margin: 0;
}

.ui-tabs-nav a:hover, .ui-tabs-nav a:hover span {
display: block;
background-color: #ffe29f;
}

.ui-tabs-nav a {
margin: 0 0 0 -1px; /* position: relative makes opacity fail for disabled tab in IE */
white-space: nowrap; /* required in IE 6 */    
outline: 0; /* prevent dotted border in Firefox */
}

.ui-tabs-nav .ui-tabs-selected a,.ui-tabs-nav .ui-tabs-selected a span {
position: relative;
top: 0px;
z-index: 2;
margin-top: 0;
background-color: #ffd46f;
padding: 1px 3px;
}

.ui-tabs-nav a span {
width: 20px; /* IE 6 treats width as min-width */
min-width: 20px;
height: 20px; /* IE 6 treats height as min-height */
min-height: 2 0px;
padding: 1px 3px;
}

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

.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}

.ui-tabs-panel {
padding: 0;
}

.ui-tabs-loading em {
padding: 0 0 0 20px;
}

/* 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;
}



/* Skin for ISS 2 */

#iss2-side-inner .ui-tabs-nav,
#iss2-side .ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
border-bottom: 0;
height: 40px;
}

#iss2-side .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}

#iss2-side .ui-tabs-nav li {
min-width: 20px; /* be nice to Opera */
background-color: transparent;
}

#iss2-side .ui-tabs-nav a {
display: block;
padding: 0;
color: #000;
text-decoration: none;
text-align: center;
}

#iss2-side .ui-tabs-nav a {
border: 0;
border-bottom: 0;
padding: 0;
margin: 0;
}

#iss2-side .ui-tabs-nav a:hover {
display: block;
background-color: transparent;
}

#iss2-side .ui-tabs-nav a {
margin: 0; /* position: relative makes opacity fail for disabled tab in IE */
white-space: nowrap; /* required in IE 6 */    
outline: 0; /* prevent dotted border in Firefox */
}

#iss2-side-inner ul.ui-tabs-nav li.ui-tabs-selected a,
#iss2-side ul.ui-tabs-nav li.ui-tabs-selected a {
position: relative;
top: 0;
z-index: 2;
margin-top: 0;
background-color: transparent;
background-position: center left !important;
padding: 0;
}

#iss2-side .ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}

#iss2-side .ui-tabs-panel {
padding: 0;
}

#iss2-side .ui-tabs-loading em {
padding: 0 0 0 20px;
}

/* Additional IE specific bug fixes... */
* html #iss2-side .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}

*:first-child+html #iss2-side .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;
}

