/* Form tabs */
.tabberlive .tabbertabhide {
 display:none;
}

@media print{
  .tabbernavtop .tabbernavdisplay{
    display:none;
  }
}


/*--------------------------------------------------
  *   .tabber = before the tabber interface is set up
  *     .tabberlive = after the tabber interface is set up
  *       --------------------------------------------------*/

.tabber {
}
 
.tabberlive {
  margin-bottom: 1em;
}


/*--------------------------------------------------
 *   .tabbertab = the tab content
 *     Add style only after the tabber interface is set up (.tabberlive)
 *       --------------------------------------------------*/
.tabberlive .tabbertab {
 padding: 2em 0 2em 1em;
 border:2px solid #ccccff;
 border-top:2px solid #ccccff;

    /* If you don't want the tab size changing whenever a tab is changed
     *     you can set a fixed height */


      /* If you set a fix height set overflow to auto and you will get a
       *     scrollbar when necessary */

       overflow:auto;
       }

       /* If desired, hide the heading since a heading is provided by the tab */
       .tabberlive .tabbertab h2 {
        display:none;
	}

	/* End form tabs */


/*--------------------------------------------------
 *   ul.tabbernav = the tab navigation list
 *     li.tabberactive = the active tab
 *       --------------------------------------------------*/
ul.tabbernav
{
  margin:0;
  text-align: center;
  padding: 1px;
}

ul.tabbernavtop
{
  margin:0;
  padding: 2px 0;
  border-bottom: 1em solid #aaaaff;
  text-align: center;
}


ul.tabbernav li,ul.tabbernavtop li
{
  list-style: none;
  margin: 0;
  display: inline;
}

ul.tabbernav li a,ul.tabbernavtop li a
{
  padding: 0.2em 1.5em;
  margin-left: 0;
  border: 2px solid #ccccff;
  border-style: none solid solid solid;
  text-decoration: none;
  color: #000000;
  position: relative;
  background-color: White;
  margin-left: 1em;
}

ul.tabbernavtop li a{
  border-style: solid solid none solid;
}

ul.tabbernav li a:hover,ul.tabbernav li a:focus,ul.tabbernav li a:active, ul.tabbernavtop li a:hover,ul.tabbernavtop li a:focus,ul.tabbernavtop li a:active
{
  background-color: #aaaaff;
  border-color: #ccccff;
  border-color: #aaaaff #ccccff #ccccff  #ccccff;
  text-decoration: underline;
}

ul.tabbernav li a:active,ul.tabbernavtop li a:active {
   color: #000000;
   border-style: solid solid solid solid;
}


ul.tabbernav li.tabberactive a,ul.tabbernavtop li.tabberactive a
{
   background-color: #aaaaff;
   color: #000000;
   border-style: solid solid solid solid;
   border-color: #ccccff #ccccff #aaaaff #ccccff;
}

ul.tabbernav li.tabberactive a:hover,ul.tabbernavtop li.tabberactive a:hover
{
  background-color: #aaaaff;
  text-decoration: None;
}

.selected
{
  background-color: #aaaaff !important;
}