
/* CSS FOR HEADER AND TAB AREA */



/* GENERAL */

* {
  padding: 0;
  margin: 0;
  border: 0;
  }

#container {
  height: 63.75pt;
  background: url(nav_background_container.png) left top repeat-x;
  }

table {
  border-spacing: 0;
  border-collapse: collapse;
  }

ul {
  list-style-type: none;
  }

/* HEADER ELEMENTS */

#header {
  height: 30pt;
  padding: 6.75pt 11.25pt 0 11.25pt;
  background: url(nav_background_title.png) 0 0 no-repeat;
  }

#header table img {
  display: block;
  float: left;
  width: 24pt;
  height: 24pt;
  margin-right: 4.5pt;
  }

#header table h1 {
  color: #284978;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 10.5pt;
  line-height: 10.5pt;
  font-weight: bold;
  font-style: normal;
  white-space: nowrap;
  }

#header table h2 {
  color: #284978;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 9pt;
  line-height: 9pt;
  font-weight: normal;
  font-style: normal;
  white-space: nowrap;
  padding-top: 2.25pt;
  }

/* TAB ELEMENTS */

#tabs {
  height: 27pt;
  background: url(nav_background_tabs.png) left top no-repeat;
  }

#tabs table {
  height: 27pt;
  }

#tabs table tr td {
  height: 27pt;
  }

/* DEFAULT TAB DEFINITION  */

#tabs table tr td a {
  cursor: pointer;
  display: block;
  height: 27pt;
  color: #FFFFFF;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  text-decoration: none;
  }

#tabs table tr td a span {
  display: block;
  float: left;
  height: 15.50pt;  
  padding: 11.50pt 3.75pt 0 3.75pt;  
  background: url(first_tab_m.png) center bottom no-repeat;
  }
	
#tabs table tr td a span.first {
  width: 7.5pt;
  height: 27pt;
  padding: 0;
  background: url(first_tab_l.png) left bottom no-repeat;
  }

#tabs table tr td a span.last {
  width: 7.5pt;
  height: 27pt;
  padding: 0;
  background: url(first_tab_r.png) right bottom no-repeat;
  }

#tabs table tr td a:hover {
  cursor: pointer;
  display: block;
  height: 27pt;
  color: #FFFFFF;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  text-decoration: none;
  }

#tabs table tr td a:hover span {
  display: block;
  float: left;
  height: 15.50pt;
  padding: 11.50pt 3.75pt 0 3.75pt;
  background: url(first_tab_hover_m.png) center bottom no-repeat;
  }

#tabs table tr td a:hover span.first {
  width: 7.5pt;
  height: 27pt;
  padding: 0;
  background: url(first_tab_hover_l.png) left bottom no-repeat;
  }

#tabs table tr td a:hover span.last {
  width: 7.5pt;
  height: 27pt;
  padding: 0;
  background: url(first_tab_hover_r.png) right bottom no-repeat;
  }

/* ACTIVE TAB DEFINITION  */

#tabs table tr td.active a {
  cursor: pointer;
  display: block;
  height: 27pt;
  color: #000;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  text-decoration: none;
  }

#tabs table tr td.active a span {
  display: block;
  float: left;
  height: 15.50pt;
  padding: 11.50pt 3.75pt 0 3.75pt;
  background: url(first_tab_selected_m.png) center bottom no-repeat;
  }

#tabs table tr td.active a span.first {
  width: 7.5pt;
  height: 27pt;
  padding: 0;
  background: url(first_tab_selected_l.png) left bottom no-repeat;
  }

#tabs table tr td.active a span.last {
  width: 7.5pt;
  height: 27pt;
  padding: 0;
  background: url(first_tab_selected_r.png) right bottom no-repeat;
  }

/* DISABLED TAB DEFINITION  */

#tabs table tr td.disabled a {
  cursor: pointer;
  display: block;
  height: 27pt;
  color: #fff;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  text-decoration: none;
  }

#tabs table tr td.disabled a span {
  display: block;
  float: left;
  height: 15.50pt;
  padding: 11.50pt 3.75pt 0 3.75pt;
  background: url(first_tab_disabled_m.png) center bottom no-repeat;
  }

#tabs table tr td.disabled a span.first {
  width: 7.5pt;
  height: 27pt;
  padding: 0;
  background: url(first_tab_disabled_l.png) left bottom no-repeat;
  }

#tabs table tr td.disabled a span.last {
  width: 7.5pt;
  height: 27pt;
  padding: 0;
  background: url(first_tab_disabled_r.png) right bottom no-repeat;
  }

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
#tabs ul li  a:hover {
  display: block;
  height: 21pt;

  font-family: Tahoma, Verdana, sans-serif;
  font-size: 8.25pt;
  font-weight: normal;
  text-decoration: none;
  }

#tabs ul li a:hover span {
  display: block;
  float: left;
  height: 19.5pt;
  padding-top: 7.5pt;
  background: url(first_tab_hover_m.png) top bottom no-repeat;
  }

#tabs ul li a:hover span.first {
  width: 7.5pt;
  height: 27pt;
  padding-top: 0;
  background: url(first_tab_hover_l.png) left bottom no-repeat;
  }

#tabs ul li a:hover span.last {
  width: 7.5pt;
  height: 27pt;
  padding-top: 0;
  background: url(first_tab_hover_r.png) right bottom no-repeat;
  }

#tabs ul li.active a, #tabs ul li.active a:hover {
  display: block;
  height: 21pt;
  color: #000;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  text-decoration: none;

  }

#tabs ul li.active a span, #tabs ul li.active a:hover span {
  display: block;
  float: left;
  height: 19.5pt;
  background: url(first_tab_selected_m.png) center bottom no-repeat;
  }

#tabs ul li.active a span.first, #tabs ul li.active a:hover span.first {
  width: 7.5pt;
  height: 27pt;
  padding-top: 0;
  background: url(first_tab_selected_l.png) left bottom no-repeat;
  }

#tabs ul li.active a span.last, #tabs ul li.active a:hover span.last {
  width: 7.5pt;
  height: 27pt;
  padding-top: 0;
  background: url(first_tab_selected_r.png) right bottom no-repeat;
  }






