body#fullReportPage, body#fieldStatsPage { padding-bottom: 3em; }
#fullReportPage div.logo, #fieldStatsPage div.logo { text-align:center }
#fullReportPage h1, #fieldStatsPage h1 { text-align:center }
#fullReportPage h2.title, #fieldStatsPage h2.title { margin:0;padding:0;font-size:2em; background: #FFF; color: #666; }
#fullReportPage h3.subtitle { font-weight: normal; color: #888; padding:1em 0; margin:0; font-size: 1em; }
#fullReportPage h2, #fieldStatsPage h2 { font-size: 14px; padding: 0; margin: 0; }
#fullReportPage #data-view, #fieldStatsPage #data-view { padding:2em; background-color:#FFF; }

#fullReportPage div.detailed_report, #fieldStatsPage div.detailed_report { margin: auto; width:95%;  border-top: 1px solid #666; padding: 20px 0; margin-bottom: 4em; }
#fullReportPage div.fieldItem, #fieldStatsPage div.fieldItem { margin:10px 0; padding-top:5px; border-bottom:1px solid #F0F0F0 }
#fullReportPage div.fieldItem strong, #fieldStatsPage div.fieldItem strong { font-size:14px; font-weight:bold; margin-right:3px; }
#fullReportPage div.fieldItem small, #fieldStatsPage div.fieldItem small { color:#666; margin-left:3px }
#fullReportPage div.graph, #fieldStatsPage div.graph { height:25px; line-height:25px; padding:5px 0; background-color:#EEE}
#fullReportPage div.graph strong, #fieldStatsPage div.graph strong { float:left; margin-right:3px; margin-left: 3px; }

#fullReportPage div.graph-bar, #fieldStatsPage div.graph-bar { width:90%; margin-left: 5em; }
#fullReportPage div#map, #fieldStatsPage div#map { width: 500px; margin:auto }
#fullReportPage div.actions, #fieldStatsPage div.actions { margin-top:10px }

#fullReportPage .array-question, #fieldStatsPage .array-question { margin-bottom:1em }
#fullReportPage .array-question-stats, #fieldStatsPage .array-question-stats { margin-left: 1.5em; }
#fullReportPage .array-question-stats table, #fieldStatsPage .array-question-stats table  { margin: 10px auto; }
#fullReportPage .array-question-stats td, #fieldStatsPage .array-question-stats td  { margin: 10px auto; word-wrap: break-word; }


div.field { page-break-inside:avoid; }

body { font-family:arial,tahoma,verdana }
#content { width:90%; margin:auto }
div.logo { text-align:center }
h1 { text-align:center }
h2.title { margin:0;padding:3px; background-color:#e0ffcf; font-size:20px }
h2 { font-size: 18px }
#fullReportPage #data-view, #data-view { padding:10px 5px; background-color:#FFF; border:0px solid #dcdcdc }

div.detailed_report { margin: 20px auto; width:95% }
div.fieldItem { margin:10px 0 0px 0; border-bottom:1px solid #F0F0F0 }
div.fieldItem strong { color:#DC5151; font-size:14px; font-weight:bold; margin-left:3px }
div.fieldItem small { color:#666; margin-left:10px }

div.graph-bar {
  width:90%;
  margin-left: 4em;
}

div#map { width: 500px; margin:auto }
div.actions { display:none }

table { border-collapse:collapse; width:100%; }
table td { border:1px solid #d7d7d7; }