/* Use PhotoShop script to generate tabs in color, _bg is left and main of the tab, _end is a slice at the right ending the tab */

.TabSet {
  float:              left;
  font:               10px Tahoma, Helvetica, Sans Serif;
  margin:0px;
  padding:0px;
  margin-left:        7px;
  line-height:        25px;
  z-index:            10;

  /*margin-top:-18px;*/
  _margin-top:0px;
  margin-bottom:-4px;
  _margin-bottom:-3px;

}

.TabPage {
  border:             1px solid #021C4D;
  background:         #EFEFEF;
  font:               10px Tahoma, Helvetica, Sans Serif;
  color:              #000000;
  padding:            5px;
  z-index:            1;

  clear:              both;

  /*margin-top:0px;*/
  /*_margin-top:18px;*/
}

.TabPage tr td   { padding:0px; padding-top:2px; padding-bottom:2px; font-size:12px; }
.alt tr td input {
   font-size:11px;
   /*color: #F9F4E4;*/
   background-color: #EFEFEF;
   border:1px solid #CCCCCC;
   padding:0px;
   margin:0px;
}
.alt {
   font-size:12px;
}

.Tab, .Tab_sel {
  padding:0px;
  margin:0px;
  text-decoration:    none;
  padding-right:      2px; /* Gap between the tabs */
}

.Tab:hover {
  text-decoration:    none;
}

.Tab .tab_start {
  margin-right:       1px;
  padding-left:       10px;
  white-space:        nowrap;
  color:              #000000;
  background:         url(/p-httpd/_style/images/tabs/tab_bg.gif) no-repeat top left;

  /* In order for this to work in IE, reset top/bottom-padding to 0px and DON'T do this for the tab_end! */ 
  padding-top:        1px;
  padding-bottom:     3px;
  _padding-top:       0px;
  _padding-bottom:    0px;
}

.Tab .tab_end {
  background:         url(/p-httpd/_style/images/tabs/tab_end.gif) no-repeat top right;
  padding-right:      10px;

  padding-top:        1px;
  padding-bottom:     3px;
}

.Tab:hover .tab_start {
  background:         url(/p-httpd/_style/images/tabs/tab_over_bg.gif) no-repeat top left;
}

.Tab:hover .tab_end{
  background:         url(/p-httpd/_style/images/tabs/tab_over_end.gif) no-repeat top right;
}

.Tab_sel .tab_start {
  margin-right:       1px;
  padding-left:       10px;
  white-space:        nowrap;
  color:              #000000;
  background:         url(/p-httpd/_style/images/tabs/tab_sel_bg.gif) no-repeat top left;
  font-weight:        bold;

  /* In order for this to work in IE, reset top/bottom-padding to 0px and DON'T do this for the tab_end! */
  display:inline;
  margin-bottom:0px;
  margin-top:0px;

  padding-top:        3px;
  padding-bottom:     4px;
  _padding-top:       0px;
  _padding-bottom:    0px;
}

.Tab_sel .tab_end {
  padding-right:      10px;
  background:         url(/p-httpd/_style/images/tabs/tab_sel_end.gif) no-repeat top right;

  padding-top:        3px;
  padding-bottom:     4px;
}

.Tab_disabled .tab_start {
  margin-right:       1px;
  background:         url(/p-httpd/_style/images/tabs/tab_desel_bg.gif) no-repeat top left;
  padding-left:       10px;
  white-space:        nowrap;
  color:              #666666;

  padding-top:        2px;
  padding-bottom:     2px;
  _padding-bottom:    0px;
  _padding-top:       0px;
}

.Tab_disabled .tab_end {
  padding-right:      10px;
  background:         url(/p-httpd/_style/images/tabs/tab_desel_end.gif) no-repeat top right;

  padding-top:        2px;
  padding-bottom:     2px;
}