@media print {
 /* COMMON */
 body { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; }
 body a { color: #000; text-decoration: none; }
 
 h1, h2, h3, h4, h5, h6 {
   page-break-after:avoid; 
   page-break-inside:avoid
 }
 
 #page {
   /*margin-top: -17px;*/
   padding-bottom: 0px;
 }
 
 .answer_summary #coverpage,
 .interpretation #coverpage { page-break-before: always; }
 .scoring_grid #coverpage, .view_all #coverpage {margin-top: -50px;}
 .scoring_grid #coverpage h2, .view_all #coverpage h2 {font-size: 140%;}
   
	.summary-starting-point {
		page-break-before: always;
	}
 .top, #logo a, #login, #header-nav, #page hr, #header hr, #header br, .section-nav,  .scale-improvement-tips-link, 
  #content-header-secondary, #guide-footer, #scoring_button, #print-results-button, #share-results-button, #footer-nav, 
	.noprint, #map_results #change_button, .section-header-secondary, .quicklinks {
    display: none;
  }
    
  .section-content, div.scale-improvement-tips, div.scale-improvement-tips .container, div.scale,
  div.scale-improvement-tips dl {
        display: block !important;
  }
    
  div.scale-improvement-tips dt { font-weight: bold; font-style: italic; }
  div.scale-improvement-tips dd { margin: 2.5% 2%; }
   
  div.scale h4 { border-bottom: 1px solid #000;}  

  #header-stress-map h3 { visibility: hidden; text-align: center; margin-left: -6em; margin-top: -40px; }
  #header-stress-map h3 span { visibility: visible; }
  
  /* SCORING GRID */    
  #map_results.answer_summary #content-header,
  #map_results.interpretation #content-header { margin-top: 300px; vertical-align: bottom; }

	.section-header  { margin-top: 300px; text-align: center;}
    
  #map_results #content-header { text-align: center; }  
  #personal_changes #content-header { text-align: center; }  
  #map_results_graph_1, #map_results_graph_2, #map_results_graph_3 {
    background-color: transparent;
    position: inherit; 
    margin-top: -396px; 
    height: 350px;
  }
  #map_results_graph_3 {
    margin-left: -10px;
  }
  
  #change_map_graph { 
      background-color: transparent;
      display: block; 
      position: inherit; 
      margin-top: -283px; 
      height: 300px;
  }


  
  * html #map_results_img { margin-left: -8px; width: 765px; }
  * html #change_map_img { margin-left: -8px; width: 765px; }
  * html #map_results_graph_1 { margin-left: -40px; }
  * html #map_results_graph_2 { margin-left: -40px; }
  * html #map_results_graph_3 { margin-left: -40px; }
  * html #change_map_graph { margin-left: -25px; height: 300px; background-repeat: no-repeat; padding-bottom: 70px; width: 710px; }
  
  .scoring_grid #content-header, .view_all #content-header  { margin-top: -15px; }    
  * html .scoring_grid #footer, *:first-child+html .scoring_grid #footer { margin-top: 450px; }    
  * html .scoring_grid #footer { padding-top: 450px; }
	div.the-content-box {
	  margin:0 auto;
	  padding:0 25px;
	  text-align:left;
	  width:760px;
	}
	#scoring-grid .content {
	  margin-bottom: 0px;
	}
  #scoring-grid #sidebar.column {
  	width: 210px; 
  	padding-right: .5em;
    float: right;	
  }
  #scoring-grid #content.column {
		width: 65%;
		padding: 0 0.5em;
		margin-bottom: 10px;
  }
  #right h2.right_statement {font-size: 1em; padding: 0; margin:10px 0; color: #000; font-weight: normal;}
  #right h3 { font-size: 1em; padding: 0; margin: 10px 0; color: #000; font-weight: bold; }

	div#commitment-statement {
	  font-weight: bold;
	  font-size: 110%;
	  text-align: left;
		margin-bottom: 10px;
	}
  
  #footer {display: block; clear: both; padding-top: 1em;}
  #contact, #copyright { font-size: 9pt;}
  
  #contact {display: inline; float: left;}
  #copyright {display:inline; float: right;}
  
  table#legend {
      border: 1px #036BA4 solid;
      padding: 5px 10px 5px 10px;
      color: #636363;
      margin-left: 250px;
  }

  table#legend span.color-box {
      height: 12px;
      width: 12px;
      display: block;
      margin: 5px;
  }

	table#legend .easy-to-remember-score {
	  background-color: #66CD33; /* green */
	}

	table#legend .easy-to-do-score {
	  background-color: #0214fb; /* blue */
	}

	table#legend .feeling-score {
	  background-color: #F79307; /* gold */
	}

	table#legend .missing-checkin {
	  background-color: #C0C0C0; /* gray */
	}

	table#legend .no-behavior {
	  background-color: #000000; /* black */
	}
  table#legend .easy-to-remember-score-label {
      color: #66CD33; /* green */
  }

  table#legend .easy-to-do-score-label {
      color: #0214fb; /* blue */
  }

  table#legend .feeling-score-label {
      color: #F79307; /* gold */
  }

  table#legend .missing-checkin-label {
      color: #C0C0C0; /* gray */
  }

  table#legend .no-behavior-label {
      color: #000000; /* black */
      font-weight: bolder;
  } 

	div.dashboard-right, div#page-right {  
	  width: 230px;
	  display: inline-block;
	  float: right;
	}
	/* ============================== */
	/* CALENDAR LAYOUTS */
	/* ============================== */

	.cal_month {	
	  font-size: 14px;
	  font-weight: bold;
	  color: #000000;
	  text-align: center;
	  padding: 2px 0px 2px 0px;
	}
	.cal_day {
	  font-size: 12px;
	  color: #000000;
	  text-align: center;
	  padding: 8px 0px 2px 0px;
	}
	.cal_date_outside_change {	
	  font-size: 13px;
	  color: #000000;
	  text-align: center;
	  background-color: #dddddd;
	  padding: 2px 0px 2px 0px;
	}
	.cal_date_during_change {
	  font-size: 13px;
		font-weight: bold;
	  color: #000000;
	  text-align: center;
	  background-color: #cccccc;
	  padding: 2px 0px 2px 0px;
	}
  
	.past {
	  color: #999999;
	}
	.today {
	  font-size: 16px;
	  font-weight: bold;
	  color: #000000;
	}
	
  * html table#legend { position: absolute; padding-top: 0px; left: -20px; bottom: 50px; }
  
  /* ANSWER SUMMARY */
  #summary {width: 100%; margin: 0 !important;}
  #summary ul {  margin: 0 !important; padding: 0 !important; }
    
  #summary h2 {clear: both; padding: .25em 0 0 0 !important; display: block;}
  #summary h3 {clear: both; padding: 0 .25em  !important; display: block;}

  #summary ul > li { padding: 0 !important; margin: .15% !important; clear: both; display: block;  }
  
  #summary > ul > li > ul { padding-bottom: .5em; }   
  #summary > ul > li > ul > li { display: block; clear: both; }
  
  .questions { margin: 0; border: 0; width: 100%; }    
  .questions td { font-size: 10pt; }    
  .questions .question-answer { text-align: right; }      
  
}