/* 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-bottom:      -5px;
  _margin-bottom:     -4px;
}

.TabPage {
  border:             2px solid #BB99EE;
  background:         #E0CCFF;
  font:               10px Tahoma, Helvetica, Sans Serif;
  color:              #000000;
  padding:            5px;
  z-index:            1;
  clear:              both;
}

.TabPage tr td   { padding:0px; padding-top:2px; padding-bottom:2px; }

.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/beheer/mgmt_portal/_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:     2px;
  _padding-top:       0px;
  _padding-bottom:    0px;
}

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

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

.Tab:hover .tab_end{
  background:         url(/p-httpd/beheer/mgmt_portal/_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/beheer/mgmt_portal/_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/beheer/mgmt_portal/_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/beheer/mgmt_portal/_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/beheer/mgmt_portal/_style/images/tabs/tab_desel_end.gif) no-repeat top right;
  padding-top:        2px;
  padding-bottom:     2px;
}