/* 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-nav, .ui-tabs-panel, a {
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
div.ui-tabs-nav:after { 
  display: block;
  clear: both;
  content: " ";
}

/* container-1
---------------------------------------------*/
#container-1 {
  height: 157px;
}
#container-1 div.ui-tabs-nav {
  z-index: 100;
  position: relative;
  left: 10px;
  font-size: 12px;
}
#container-1 div.ui-tabs-panel {
  position: relative;
  border: 1px solid #aaaaaa;
  border-top: 1px solid #777788;
  z-index: 90;
  padding: 10px;
  top: -1px;
  width: 458px;
  height: 110px;
  overflow: auto;
  background: url(prod_tab.jpg);
  font-size: 11px;

}
#container-1 td.ui-tabs-nav {
  min-width: 90px; /* be nice to Opera */
  border: 1px solid #777788;
  padding: 4px 5px 4px 5px;
  cursor: pointer;
  background-color: #efefef;
}
#container-1 td.ui-tabs-selected {
  border-bottom: 1px solid #ffffff;
  background-color: #ffffff;
}
#container-1 td.ui-tabs-selected a {
  text-decoration: none;
  color: #02396e;
}
#container-1 td.ui-tabs-nav a {
  text-decoration: none;
  color: #02396e;
}

/* container-2
---------------------------------------------*/
#container-2 {
  height: 300px;
}
#container-2 div.ui-tabs-nav {
  z-index: 100;
  position: relative;
  left: 30px;
  font-size: 11px;
  font-family: arial;
  letter-spacing: 0.05em;
}
#container-2 div.ui-tabs-panel {
  position: relative;
  z-index: 90;
  top: -15px;
  width: 911px;
  height: 270px;
  background-image: url(prod_det.gif);
	background-position: top center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-color:#ededed;
  font-size: 12px;
  overflow: hidden;
}
#container-2 td.ui-tabs-nav {
  min-width: 90px; /* be nice to Opera */
  padding: 4px 5px 4px 5px;
  cursor: pointer;
  background-color: #ededed;
  white-space: nowrap;
}
#container-2 td.ui-tabs-selected {
  background-color: #28a7d0;
}
#container-2 td.ui-tabs-selected a, #container-2 td.ui-tabs-selected a:visited {
  text-decoration: none;
  color: #034C91;
}

#container-2 td.ui-tabs-selected a:hover, #container-2 td.ui-tabs-selected a span, #container-2 td.ui-tabs-selected a:active {
  text-decoration: none;
	color: #ffffff;
}

#container-2 td.ui-tabs-nav a span.over {
  color: #ffffff;
}

#container-2 td.ui-tabs-nav a, #container-2 td.ui-tabs-nav a:visited {
  text-decoration: none;
  color: #034C91;
}

#container-2 td.ui-tabs-nav a:hover, #container-2 td.ui-tabs-nav a:active {
  text-decoration: none;
  color: #ffffff;
}

#container-2 td.arrow {
  background-image: url(arrow000.gif);
  background-position: center center;
  background-repeat: no-repeat;
}
.container2-fragment {
  margin: 25px 25px 0px 25px;
  height: 245px;
  width: 860px;
  overflow: auto;
  padding-right: 5px;
}

em.spinner { color: #ffffff; }