.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 1px 0px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: transparent url(/images/sep.gif); }
.ui-tabs .ui-tabs-hide { display: none !important; }

#tabs.ui-widget { font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 12px; }
#tabs.ui-widget input, #tabs.ui-widget select, #tabs.ui-widget textarea, #tabs.ui-widget button { font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 12px; }
#tabs.ui-widget-content { border: 0; background: transparent url(/images/sep.gif); color:auto; }
#tabs .ui-widget-content { border: 0; background: transparent url(/images/sep.gif); color:auto; padding:0;  }
#tabs.ui-widget-content a { color:auto; }
#tabs.ui-widget-header { border: 0; background: transparent url(/images/sep.gif); color:auto; font-weight: normal; }
#tabs.ui-widget-header a { color:auto; }

#tabs .ui-state-default, #tabs.ui-widget-content .ui-state-default { border: 0; background: transparent url(/images/sep.gif); font-weight: normal; color:auto; outline: none; }
#tabs .ui-state-default a, #tabs .ui-state-default a:link, #tabs .ui-state-default a:visited { color:auto; text-decoration: none; outline: none; }
#tabs .ui-state-hover, #tabs.ui-widget-content .ui-state-hover, #tabs .ui-state-focus, #tabs .ui-widget-content .ui-state-focus { border: 0; background: transparent url(/images/sep.gif); color:auto; outline: none; }
#tabs .ui-state-hover a, #tabs .ui-state-hover a:hover { color:auto; text-decoration: none; outline: none; }
#tabs .ui-state-active, #tabs.ui-widget-content .ui-state-active { border: 0; background: transparent url(/images/sep.gif); font-weight: normal; color:auto; outline: none; }
#tabs .ui-state-active a, #tabs .ui-state-active a:link, #tabs .ui-state-active a:visited { color:auto; outline: none; text-decoration: none; }

#tabs .ui-widget-header { border: 0; background: transparent url(/images/sep.gif); color: auto; padding:0; }
#tabs .ui-widget-header a { color:auto; }

/* 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;
    }
	
	.ui-tabs .ui-tabs-hide { display: block !important; }
}

/* Skin */
 .ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
  .ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
 .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 0 0 0px;
    min-width: 34px; /* be nice to Opera */
}
 .ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(/images/tab4.gif) no-repeat;
}
 .ui-tabs-nav a {
    margin: 1px 6px 0px 0px; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #02C2D0;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none; 
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
 .ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 0px;
    z-index: 2;
    margin-top: 0;
    color:#FFFFFF;
}
 .ui-tabs-nav a span {
    width: 34px; /* IE 6 treats width as min-width */
    min-width: 34px;
    height: 22px; /* IE 6 treats height as min-height */
    min-height: 22px;
    padding-top: 10px;
    padding-right: 2px;  
}
*>  .ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
 .ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
 .ui-tabs-nav .ui-tabs-selected a,  .ui-tabs-nav a:hover,   .ui-tabs-nav a:focus,  .ui-tabs-nav a:active {
     
}


#tabs ul li a { float:left; margin:0; padding:0; display:block; text-decoration:none; font-size:8pt; }
#tabs ul li a span { display:block; padding:9px 8px 1px 8px; color:#FFFFFF; }
#tabs .ui-tabs-nav .ui-tabs-selected a span { color:#222222; }

.ui-tabs-nav .ui-tabs-selected a { background-position: 100% -65px;   } /*  */

.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -98px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    
}

.ui-corner-all {
-moz-border-radius:0;
}

.ui-tabs-nav .ui-tabs-selected a span { background-position: 0 0; margin-right:2px;     }

.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
     background-position: 0 -33px;  margin-right:2px;  
}
.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: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    /* border-top: 1px solid #A8AD71;*/
    padding: 1em 8px;
    /* declare background color for container to avoid distorted fonts in IE while fading */
    background-repeat:repeat-x; background-position:0px 0px; 
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(/images/sep.gif) no-repeat 0 50%; /*  url(/images/loading.gif)  */
}

/* 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)... #widget { background-color:#E4E4E4;} */
    display: inline-block;
}

#tabs .tabcontent { background-color:#F26520; min-height:300px; }
#tabs .sectab { background-color:#F26520; min-height:280px; float:left; width:336px; padding:10px 8px; }
#tabs .secondtabs .tabsheading { float:right; width:93px;}

#tabs .sectab ul { padding-left:20px;}
#tabs .secondtabs .ui-tabs-nav li { margin-left:-1px;}
#tabs .secondtabs .ui-tabs-nav a, #tabs .secondtabs .ui-tabs-nav a { background-image:url(/images/toptab2.gif);  background-position:0px -100px; text-align:left;  margin-bottom:1px; color:#222222; width:93px; white-space:normal; display:block; padding:0; }
#tabs .secondtabs .ui-tabs-nav a span , #tabs .secondtabs .ui-tabs-nav a span { background-image:url(/images/bottomtab2.gif); background-position:bottom; display:table;  margin:0; width:83px;  padding:9px 5px; line-height:normal; }
#tabs .secondtabs .ui-tabs-selected a, #tabs .secondtabs .ui-tabs-selected a { background-position:0 0; color:#FFFFFF; font-weight:bold;}
#tabs .secondtabs .ui-tabs-selected a span , #tabs .secondtabs .ui-tabs-selected a span {  background-image:url(/images/bottomtab.gif); display:table;}

.topTabs { width:370px;}