html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#content {
  position:        relative;
  z-index:         1;
}

#sidebar {
  padding:         12pt 9pt 0pt 12pt;
  font-family:     Segoe UI, Tahoma;
  font-size:       9pt;
}

#sidebar p {
  margin:          0pt 0pt 4.5pt 0pt;
  padding:         0pt;
}

#sidebar.launching * {
  cursor:          progress !important;
}

/* ================================== Header ================================ */

#header {
  margin:          0pt 0pt 6pt 0pt;
  border-collapse: collapse;
  width:           100%;
}

#header td {
  padding:         0pt 3pt 6pt 3pt;
  vertical-align:  top;
}

#header td.image {
  width:           0.75pt;
  height:          48pt;
  padding:         3pt 7.5pt 6pt 0pt;
}

#header a {
  text-decoration: none;
}

#header a:hover {
  text-decoration: underline;
}

#header h1 {
  font-size:       12pt;
  margin:          0pt 0pt 3pt 0pt;
  font-weight:     normal;
  color:           #003399;
}

#header h2 {
  font-size:       9pt;
  margin:          0pt 0pt 1.5pt 0pt;
  font-weight:     normal;
  color:           #504f4f;
}

/* ================================== Groups ================================ */

.group {
  margin:          0pt 0pt 16.5pt 0pt;
}

.group .heading {
  width:           100%;
  margin:          0pt 0pt 6pt 0pt;
  border-collapse: collapse;
}

.group .heading th {
  font-size:       10pt;
  font-weight:     normal;
  color:           #504f4f;
  background:      none;
  padding:         0pt 5.25pt 0pt 0pt;
  width:           0.75pt;
}
.group .heading td {
  padding:         0pt 0pt 0pt 0.75pt;
  background:      url(h3_separator.gif) repeat-x 0% 55%;
}

.group .content {
  margin:          0pt 7.5pt 0pt 7.5pt;
}

/* ================ Decision help (rating and recommendation) =============== */

.decision-help div {
  display:         block;
  margin-left:     14.5pt !important;
}

.decision-help img {
  position:        absolute;
  width:           12pt;
  height:          12pt;
  vertical-align:  middle;
  padding-right:   4.5pt;
  padding-top:     1.5pt;
  margin-left:     -16.5pt !important;
}

.rating {
  font-size:       10pt;
  color:           #9f3030;
  margin-bottom:   2.25pt;
  vertical-align:  middle;
}

.rating-unnecessary .rating {
  color:           #9f3030;
}

.rating-optional .rating {
  color:           #354e94;
}

.rating-necessary .rating {
  color:           #2b8f2b;
}

/* ========================= Switch and on-off-links ======================== */

.switch {
  text-align:      center;
  margin:          0pt 4.5pt 11.25pt 0pt;
}

.switch a {
  color:           #354e94;
  display:         inline-block;
  text-decoration: none;
  white-space:     nowrap;
}

.switch a:hover {
  text-decoration: underline;
}

#switch-toggle img {
  position:        relative;
  vertical-align:  middle;
}

#switch-turn-on {
  padding-left:    3.75pt;
}

#switch-turn-off {
  padding-right:   3.75pt;
}

.state-on #switch-turn-on {
  text-decoration: none;
  cursor:          default;
}

.state-off #switch-turn-off {
  text-decoration: none;
  cursor:          default;
}

.rec-turn-on #switch-turn-on {
  color:           #2b8f2b;
}

.rec-turn-off #switch-turn-off {
  color:           #9f3030;
}

/* ================================ Infotable =============================== */

table.infotable {
  font-family:     Segoe UI, Tahoma;
  font-size:       9pt;
  margin:          0pt 0pt 10.5pt 0pt;
  padding:         0pt;
  border-collapse: collapse;
}

table.infotable th {
  padding:         0pt 6pt 1.5pt 0pt;
  vertical-align:  top;
  text-align:      left;
  font-weight:     normal;
  color:           #504f4f;
}

table.infotable td {
  padding:         0pt 6pt 1.5pt 3pt;
  vertical-align:  top;
}

/* =========================== Report program link ========================== */

#submit-program, #onlinesearch-program{
  display:         inline-block;
  text-decoration: none;
  white-space:     nowrap;
}

#submit-program:hover, #onlinesearch-program:hover{
  text-decoration: underline;
}

#submit-program img, #onlinesearch-program img {
  position:        relative;
  vertical-align:  middle;
  margin-right:    3pt;
}

/* ======================== Buttons ========================================== */
.btnActive {
  width: 36px;
}
 
.btnInactive {
  width: 36px;
}
 
.btnActive a {
  display: block;
  background: url(button_deactivate.png) no-repeat;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='button_deactivate.png', sizingMethod='scale');
  width: 36px;
  height: 18px;
  text-decoration: none;
  border: none;
}  

.btnActive a:hover {
  display: block;
  background: url(button_deactivate_hov.png) no-repeat;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='button_deactivate_hov.png', sizingMethod='scale');
  text-decoration: none; 
}        

.btnInactive a {
  display: block;
  background: url(button_activate.png) no-repeat;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='button_activate.png', sizingMethod='scale');
  width: 36px;
  height: 18px;
  text-decoration: none;
  border: none;  
}  

.btnInactive a:hover {
  display: block;
  background: url(button_activate_hov.png) no-repeat;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='button_activate_hov.png', sizingMethod='scale');
  text-decoration: none; 
}   