#background
{
	left : 0pt;
	right: 0pt;
	width: 100%;
	height: 100%;
	position: absolute;
}

#background_left
{
	left : 0pt;
	right: 0pt;
	width: 50%;
	height: 100%;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#E0EDFF', EndColorStr='#F8FAFD');
}

#background_right
{
	left : 0pt;
	right: 0pt;
	width: 50%;
	height: 100%;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#F8FAFD', EndColorStr='#E0EDFF');
}

html, body {
-webkit-user-select: none;
user-select: none;
}

html 
{
	height: 		100%;

}
	
.sidebar 
{
	left : 			0pt;
	right: 			0pt;
	width: 			100%;
	height:			100%;
	position:       absolute;
	padding:        3pt 14.25pt 3pt 3pt;


}

.main_table 
{
  border-collapse: collapse 10;
  font-size:       9pt;
  font-family:     Segoe UI,Tahoma;
  color:           RGB(20,49,84);
  white-space:     nowrap;
  width: 		   100%;
  overflow: 	   hidden;
 }

.main_table td 
{
  vertical-align:  bottom;
  white-space:     nowrap;
}

.main_table td.image 
{
  padding-right:   6.75pt;
  padding-left:    3pt;
  padding-top:     6pt;
  vertical-align:  top;
}



.main_table a {
  text-decoration: none;
}

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

.main_table h1 {
  font-size:       9.75pt;
  margin:          0pt 0pt 0pt 0pt;
  font-weight:     normal;


}

.main_table h2 
{
  font-size:       9pt;
  margin:          0pt 0pt 0pt 0pt;
  margin-bottom:   3.75pt;
  font-weight:     normal;

}

.caption 
{
  padding-right:   2.25pt;
  vertical-align:  top;
  text-align:      right;
  font-weight:     normal;
  color:           RGB(89,103,121);
  text-decoration: none;
  white-space:     nowrap;
}


.main_table .graph
{
	vertical-align: bottom;
	
}

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 1px 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;
}

.group .status {
  padding:         0pt 13pt 20pt 0pt;
}
 
.group .status td {
  padding:         0pt 5pt 0pt 0pt;
} 

.btnActive {
  width: 36px;
}
 
.btnInactive {
  width: 36px;
}
 
.btnActive a {
  display: block;
  background: url(button_deactivate.png) no-repeat;
  width: 36px;
  height: 18px;
  text-decoration: none;
  border: none;
}  

.btnActive a:hover {
  display: block;
  background: url(button_deactivate_hov.png) no-repeat;
  text-decoration: none; 
}        

.btnInactive a {
  display: block;
  background: url(button_activate.png) no-repeat;
  width: 36px;
  height: 18px;
  text-decoration: none;
  border: none;  
}  

.btnInactive a:hover {
  display: block;
  background: url(button_activate_hov.png) no-repeat;
  text-decoration: none; 
}   

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

.decision-help div {
  display:         block;
}

.decision-help img {
  width:           12pt;
  height:          12pt;
  vertical-align:  middle;
  padding-right:   4.5pt;
  padding-top:     1.5pt;
}

.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;
}

