@media projection, screen 
{ 
    .ui-tabs-hide 
    {
    display: none!important;
    }
}

@media print 
{
    .ui-tabs-nav 
    {
    display: none!important;
    }
}

#container-4 
{ 
margin: 16px 0 20px 0!important;
}

#fragment-1 a,
#fragment-2 a,
#fragment-3 a,
#fragment-4 a
{
color: #900;
text-decoration: underline;
}

#fragment-1 a:hover,
#fragment-2 a:hover,
#fragment-3 a:hover,
#fragment-4 a:hover
{
color: #555;
text-decoration: none;
}

.ui-tabs-panel 
{ 
width: 565px!important;
padding: 35px 10px 30px 35px!important;
background: url(bg_container4.jpg) #fff no-repeat left bottom !important; 
}

.ui-tabs-panel .title 
{ 
font: 1.6em Georgia, "Times New Roman", Times, serif!important;
line-height: 100%!important;
display: block!important;
margin: 0;
padding: 0 0 .7em 0!important;
color: #900!important;
text-transform: none!important;
letter-spacing: normal!important;
}

.ui-tabs-nav 
{ 
list-style: none!important;
margin: 0!important;
padding: 0!important;
font-size: 1.1em;
}

.ui-tabs-nav:after 
{ 
display: block!important;
clear: both!important;
content: " "!important;
}

.ui-tabs-nav li 
{
float: left!important;
margin: 0 1px 0 0!important;
min-width: 85px!important; /* be nice to Opera */
}

.ui-tabs-nav .ui-tabs 
{
background: #fff url(h5.jpg) 0 5px no-repeat!important;
display: block!important;
padding: 5px 15px 5px 15px!important;
background: #fff!important;
margin: 1px 0 0 0!important;
 
/* position: relative makes opacity fail for disabled tab in IE */

position: relative!important;
top: 1px!important;
z-index: 2!important;
color: #333!important;
font-weight: normal;
font-size: 1em!important;
font-family: Georgia, "Times New Roman", Times, serif!important;
font-variant: small-caps!important;
line-height: 1.2!important;
text-align: center!important;
text-decoration: none!important;
white-space: nowrap!important; /* required in IE 6 */    
outline: 0!important; /* prevent dotted border in Firefox */
}

.ui-tabs-nav .ui-tabs:hover 
{ 
background: #fff!important;
color: #333!important;
background: #fff url(h5.jpg) 0 6px no-repeat!important;
}

.ui-tabs-selected .ui-tabs 
{ 
background: #fff url(h5.jpg) 0 6px no-repeat!important;
background-color: #fff!important;
color: #999!important;
border-bottom: 3px double #333!important;
}

.ui-tabs-nav .ui-tabs-selected .ui-tabs 
{
background-position: 100% -150px!important;
color: #333!important;
}

.ui-tabs-nav .ui-tabs a:hover
{
background-position: 100% -150px!important;
color: #999!important;
}

.ui-tabs-nav .ui-tabs a:active 
{
background-position: 100% -150px!important;
color: #333!important;
}

.ui-tabs-nav .ui-tabs, 
.ui-tabs-nav .ui-tabs-disabled .ui-tabs a:hover 
{
background-position: 100% -100px!important;
color: #999!important;
}

.ui-tabs-nav .ui-tabs-disabled .ui-tabs a:active 
{
background-position: 100% -100px!important;
color: #333!important;
}

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

.ui-tabs-nav .ui-tabs a:hover, 
.ui-tabs-nav .ui-tabs-unselect .ui-tabs a:hover 
{ 
/* @ Opera, we need to be explicit again here now... */
cursor: pointer!important; 
background-color: #fff!important;
color: #fff!important;
}

.ui-tabs-nav .ui-tabs a:active,
.ui-tabs-nav .ui-tabs-unselect .ui-tabs a:active 
{ 
/* @ Opera, we need to be explicit again here now... */
cursor: pointer!important; 
background-color: #fff!important;
color: #fff!important;
}

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

/* Additional IE specific bug fixes... */

* html .ui-tabs-nav 
{ 
/* auto clear, @ IE 6 & IE 7 Quirks Mode */
display: inline-block!important;
}

*: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!important;
}