/* root element for tabs  */
.tabs
{
  border-bottom:                  #cfd9ea solid 1px;
  clear:                          both;
  list-style:                     none;
  margin:                         0px !important;
  overflow:                       hidden;
  padding:                        0px 0px 0px 2px;
  width:                          100%;
}

/* single tab */
.tabs li
{
  background-image:               none;
  float:                          left;
  list-style-image:               none !important;
  margin:                         0px !important;
  padding:                        0px;
}

/* link inside the tab. uses a background image */
.tabs a
{
  border-color:                   #cfd9ea;
  border-style:                   solid;
  border-width:                   1px 1px 0px;
  color:                          #003399;
  display:                        block;
  font-size:                      .9em;
  font-weight:                    bold;
  margin:                         0px 2px 0px 0px;
  padding:                        2px 10px;
  position:                       relative;
  text-align:                     center;
  text-decoration:                none;
  top:                            1px;
}

.tabs a:active
{
  outline:                        none;
}

/* when mouse enters the tab move the background image */
.tabs a:hover
{
  text-decoration:                none;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current,
.tabs .current:hover,
.tabs li.current a
{
  background-image:               url(img/bg.tab.gif);
  background-position:            0px 100%;
  background-repeat:              repeat-x;
  text-decoration:                none;
}

.panes
{
  border-bottom:                  #cfd9ea solid 1px;
}

.panes > div
{
  overflow:                       hidden;
  padding:                        10px 18px;
}

/* initially all panes are hidden */
.panes h2,
.panes2 h3.download-language
{
  display:                        none;
}

.panes ul
{
  margin-top:                     1em;:
}