body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}
#DefaultView {
  width: 100%;
  background-color: #fff;
  margin: auto;
  padding-bottom: 4pt;
}
#DefaultView > * {
  text-align: center;
  margin: 0;
  padding-top: 12pt;
  padding-bottom: 12pt;
}
#DefaultView > h1 {
  font-size: 14pt;
}
#DefaultView > h2 {
  font-size: 13pt;
  background-color: #eee;
  position: relative;
}
#DefaultView > h2 > button {
  position: absolute;
  top: 50%;
  right: 2pt;
  transform: translate(0, -50%);
}
#DefaultView > a {
  display: block;
  font-size: 12pt;
  text-decoration: none;
  color: blue;
  border-bottom: solid 1pt #eee;
}
#DefaultView > a:visited {
  color: blue;
}
#DefaultView > button {
  margin: auto;
  width: 90%;
  display: block;
  font-size: 12pt;
  margin-top: 4pt;
  margin-bottom: 4pt;
}
#DefaultView > div {
  width: 100%;
  padding: 0;
}
#DefaultView > div > a {
  display: block;
  font-size: 12pt;
  text-decoration: none;
  color: blue;
  border-bottom: solid 1pt #eee;
  width: 100%;
  padding-top: 12pt;
  padding-bottom: 12pt;
}
#DefaultView > div > a:visited {
  color: blue;
}
#ListView {
  width: 100%;
  background-color: #fff;
  margin: auto;
  text-align: center;
  max-width: 580pt;
}
@media (min-width: 580pt) {
  #ListView {
    padding-bottom: 8pt;
  }
}
#ListView > h1 {
  font-size: 110%;
  font-weight: normal;
  background-color: #eee;
  position: relative;
  text-align: center;
  padding-top: 16pt;
  padding-bottom: 16pt;
  margin: 0;
  width: 100%;
  max-width: 580pt;
  margin: auto;
}
#ListView > h1 > div {
  position: absolute;
}
#ListView > h1 > div.toolbarRight,
#ListView > h1 > div.toolbarLeft {
  top: 4pt;
}
#ListView > h1 > div.toolbarRight > button,
#ListView > h1 > div.toolbarLeft > button,
#ListView > h1 > div.toolbarRight > img,
#ListView > h1 > div.toolbarLeft > img,
#ListView > h1 > div.toolbarRight > a,
#ListView > h1 > div.toolbarLeft > a {
  display: inline-block;
  width: 24pt;
  height: 24pt;
}
#ListView > h1 > div.toolbarRight > button > img,
#ListView > h1 > div.toolbarLeft > button > img,
#ListView > h1 > div.toolbarRight > img > img,
#ListView > h1 > div.toolbarLeft > img > img,
#ListView > h1 > div.toolbarRight > a > img,
#ListView > h1 > div.toolbarLeft > a > img {
  width: 100%;
}
#ListView > h1 > div.toolbarRight {
  position: absolute;
  top: 50%;
  right: 2pt;
  transform: translate(0, -50%);
}
#ListView > h1 > div.toolbarLeft {
  position: absolute;
  top: 50%;
  left: 2pt;
  transform: translate(0, -50%);
}
#ListView > h1 > div.menu {
  width: 100%;
  z-index: 100;
  top: 100%;
  background-color: #fff;
  padding-bottom: 8pt;
  border-bottom-left-radius: 8pt;
  border-bottom-right-radius: 8pt;
  box-sizing: border-box;
}
#ListView > h1 > div.menu > button,
#ListView > h1 > div.menu > a {
  display: block;
  width: 90%;
  text-decoration: none;
  text-align: center;
  padding-top: 12pt;
  padding-bottom: 12pt;
  margin: auto;
  font-size: 12pt;
  font-weight: normal;
}
#ListView > section,
#ListView > a {
  width: 98%;
  height: 1in;
  border: solid 1pt #ccc;
  display: inline-block;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  margin-top: 4pt;
  box-sizing: border-box;
}
@media (min-width: 580pt) {
  #ListView > section,
  #ListView > a {
    width: 284pt;
  }
  #ListView > section:nth-of-type(2n),
  #ListView > a:nth-of-type(2n) {
    margin-left: 4pt;
  }
}
#ListView > section > h2,
#ListView > a > h2 {
  width: 100%;
  font-size: 13pt;
  background-color: #eee;
  margin: 0;
  padding-top: 12pt;
  padding-bottom: 12pt;
}
#ListView > section > div,
#ListView > a > div {
  width: 100%;
}
#ListView > section > p.transcript,
#ListView > a > p.transcript {
  font-size: 8pt;
}
#DetailsView {
  width: 100%;
  background-color: #fff;
  margin: auto;
  text-align: center;
  max-width: 580pt;
}
@media (min-width: 580pt) {
  #DetailsView {
    padding-bottom: 8pt;
  }
}
#DetailsView > h1 {
  font-size: 110%;
  font-weight: normal;
  background-color: #eee;
  position: relative;
  text-align: center;
  padding-top: 16pt;
  padding-bottom: 16pt;
  margin: 0;
  width: 100%;
  max-width: 580pt;
  margin: auto;
}
#DetailsView > h1 > div {
  position: absolute;
}
#DetailsView > h1 > div.toolbarRight,
#DetailsView > h1 > div.toolbarLeft {
  top: 4pt;
}
#DetailsView > h1 > div.toolbarRight > button,
#DetailsView > h1 > div.toolbarLeft > button,
#DetailsView > h1 > div.toolbarRight > img,
#DetailsView > h1 > div.toolbarLeft > img,
#DetailsView > h1 > div.toolbarRight > a,
#DetailsView > h1 > div.toolbarLeft > a {
  display: inline-block;
  width: 24pt;
  height: 24pt;
}
#DetailsView > h1 > div.toolbarRight > button > img,
#DetailsView > h1 > div.toolbarLeft > button > img,
#DetailsView > h1 > div.toolbarRight > img > img,
#DetailsView > h1 > div.toolbarLeft > img > img,
#DetailsView > h1 > div.toolbarRight > a > img,
#DetailsView > h1 > div.toolbarLeft > a > img {
  width: 100%;
}
#DetailsView > h1 > div.toolbarRight {
  position: absolute;
  top: 50%;
  right: 2pt;
  transform: translate(0, -50%);
}
#DetailsView > h1 > div.toolbarLeft {
  position: absolute;
  top: 50%;
  left: 2pt;
  transform: translate(0, -50%);
}
#DetailsView > h1 > div.menu {
  width: 100%;
  z-index: 100;
  top: 100%;
  background-color: #fff;
  padding-bottom: 8pt;
  border-bottom-left-radius: 8pt;
  border-bottom-right-radius: 8pt;
  box-sizing: border-box;
}
#DetailsView > h1 > div.menu > button,
#DetailsView > h1 > div.menu > a {
  display: block;
  width: 90%;
  text-decoration: none;
  text-align: center;
  padding-top: 12pt;
  padding-bottom: 12pt;
  margin: auto;
  font-size: 12pt;
  font-weight: normal;
}
#DetailsView > h2 {
  font-size: 13pt;
  background-color: #eee;
  padding-top: 12pt;
  padding-bottom: 12pt;
  text-align: center;
  margin: 0;
  margin-top: 4pt;
}
#DetailsView > section {
  width: 98%;
  box-sizing: border-box;
  border: solid 1pt #ccc;
  margin-top: 4pt;
  display: inline-block;
  min-height: 1in;
  overflow: hidden;
}
@media (min-width: 580pt) {
  #DetailsView > section {
    width: 284pt;
  }
  #DetailsView > section:nth-of-type(2n) {
    margin-left: 4pt;
  }
}
#DetailsView > section > label {
  font-size: 9pt;
  display: block;
  width: 100%;
  text-indent: 2pt;
  padding-top: 2pt;
  text-align: left;
  text-transform: uppercase;
}
#DetailsView > section > p {
  font-size: 9pt;
  width: 100%;
  text-align: center;
  padding-left: 8pt;
  padding-right: 8pt;
  margin: 0;
  box-sizing: border-box;
  margin-top: 8pt;
}
#DetailsView > section > audio {
  margin: auto;
  width: 90%;
  display: block;
  border: solid 1pt #000;
  margin-top: 8pt;
  box-sizing: border-box;
}
#DetailsView > section > textarea {
  margin: auto;
  width: 90%;
  font-size: 9pt;
  font-family: 'Courier New', Courier, monospace;
  height: 1in;
  border: solid 1pt #000;
  margin-top: 8pt;
  box-sizing: border-box;
}
#DetailsView > section.bigTextSection {
  display: inline-block;
  height: auto;
}
@media (min-width: 580pt) {
  #DetailsView > section.bigTextSection {
    width: 580pt;
  }
  #DetailsView > section.bigTextSection:nth-of-type(2n) {
    margin-left: 4pt;
  }
}
#DetailsView > section.bigTextSection > p,
#DetailsView > section.bigTextSection > textarea {
  height: 2in;
  overflow: auto;
  text-align: left;
}
#DetailsView > section.bigTextSection > textarea {
  width: 100%;
  box-sizing: border-box;
}
form#LinearFormView {
  width: 100%;
  background-color: #fff;
  margin: auto;
  padding-top: 8pt;
  padding-bottom: 8pt;
}
form#LinearFormView > * {
  display: block;
  margin: auto;
  box-sizing: border-box;
  width: 90%;
  max-width: 5in;
}
form#LinearFormView > h1 {
  font-size: 14pt;
  text-align: center;
  position: relative;
  padding-top: 12pt;
  padding-bottom: 12pt;
  width: 100%;
}
form#LinearFormView > h1 > div {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
form#LinearFormView > h1 > div > a {
  margin-right: 2pt;
  width: 32pt;
  display: inline-block;
}
form#LinearFormView > h1 > div > a > img {
  width: 100%;
}
form#LinearFormView > img {
  width: 50%;
}
form#LinearFormView > img.squareButton {
  width: 1in;
}
form#LinearFormView > img.bottomAnimation {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 80%;
}
form#LinearFormView > h2 {
  font-size: 13pt;
  background-color: #eee;
  position: relative;
}
form#LinearFormView > h2 > button {
  position: absolute;
  top: 50%;
  right: 2pt;
  transform: translate(0, -50%);
}
form#LinearFormView > textarea {
  font-size: 9pt;
  font-family: 'Courier New', Courier, monospace;
  height: 2in;
  border: solid 1pt #000;
  margin-top: 2pt;
}
form#LinearFormView > label {
  font-size: 9pt;
  text-transform: uppercase;
  margin-top: 8pt;
}
form#LinearFormView > input {
  font-size: 12pt;
  text-decoration: none;
  padding-top: 12pt;
  padding-bottom: 12pt;
  border: solid 1pt #000;
  margin-top: 2pt;
}
form#LinearFormView > a {
  font-size: 12pt;
  text-decoration: none;
  color: blue;
  text-align: center;
  padding-top: 12pt;
  padding-bottom: 12pt;
  border: solid 1pt #000;
  margin-top: 8pt;
}
form#LinearFormView > a:visited {
  color: blue;
}
form#LinearFormView > p {
  font-size: 10pt;
  text-decoration: none;
  padding-top: 12pt;
  padding-bottom: 12pt;
  margin-top: 8pt;
}
form#LinearFormView > button {
  font-size: 12pt;
  text-decoration: none;
  color: #000;
  text-align: center;
  padding-top: 12pt;
  padding-bottom: 12pt;
  border: solid 1pt #000;
  margin-top: 8pt;
}
form#LinearFormView > button:disabled {
  color: #aaa;
}
form#LinearFormView > div {
  border: solid 1pt #ccc;
  min-height: 1in;
  margin-top: 8pt;
}
form#LinearFormView > div.recording {
  padding-bottom: 4pt;
}
form#LinearFormView > div.recording > h3 {
  text-align: center;
  margin: 0;
  padding-top: 8pt;
  padding-bottom: 8pt;
  position: relative;
}
form#LinearFormView > div.recording > h3 > span {
  font-size: 12pt;
}
form#LinearFormView > div.recording > h3 > div {
  position: absolute;
}
form#LinearFormView > div.recording > h3 > div.toolbarRight,
form#LinearFormView > div.recording > h3 > div.toolbarLeft {
  top: 4pt;
}
form#LinearFormView > div.recording > h3 > div.toolbarRight > button,
form#LinearFormView > div.recording > h3 > div.toolbarLeft > button,
form#LinearFormView > div.recording > h3 > div.toolbarRight > img,
form#LinearFormView > div.recording > h3 > div.toolbarLeft > img {
  display: inline-block;
  width: 24pt;
  height: 24pt;
}
form#LinearFormView > div.recording > h3 > div.toolbarRight > button > img,
form#LinearFormView > div.recording > h3 > div.toolbarLeft > button > img,
form#LinearFormView > div.recording > h3 > div.toolbarRight > img > img,
form#LinearFormView > div.recording > h3 > div.toolbarLeft > img > img {
  width: 100%;
}
form#LinearFormView > div.recording > h3 > div.toolbarRight {
  right: 2pt;
}
form#LinearFormView > div.recording > h3 > div.toolbarLeft {
  left: 2pt;
}
form#LinearFormView > div.recording > h3 > div.menu {
  width: 100%;
  z-index: 100;
  top: 100%;
  left: 0;
  background-color: #fff;
  padding-bottom: 8pt;
  border-bottom: solid 1pt #ccc;
}
form#LinearFormView > div.recording > h3 > div.menu > button,
form#LinearFormView > div.recording > h3 > div.menu > a {
  display: block;
  width: 90%;
  text-decoration: none;
  color: #000;
  text-align: center;
  padding-top: 12pt;
  padding-bottom: 12pt;
  margin: auto;
  margin-top: 8pt;
  font-size: 12pt;
  font-weight: bold;
  text-transform: uppercase;
}
form#LinearFormView > div.recording > audio {
  margin: auto;
  width: 90%;
  display: block;
  border: solid 1pt #000;
  margin-top: 8pt;
}
form#LinearFormView > div.recording > textarea {
  margin: auto;
  width: 90%;
  display: block;
  border: solid 1pt #000;
  margin-top: 2pt;
  min-height: 72pt;
  box-sizing: border-box;
}
form#LinearFormView > div.recording > textarea:disabled {
  background-color: #eee;
}
form#LinearFormView > div.recording > img {
  display: block;
  margin: auto;
  width: 0.5in;
  margin-top: 8pt;
  background-color: #ccc;
}
form#LinearFormView > div.recording > div.statusPanel {
  width: 100%;
  padding-top: 8pt;
  padding-bottom: 8pt;
  text-align: center;
}
form#LinearFormView > div.recording > div.statusPanel > img {
  width: 24pt;
}
form#LinearFormView p.recordingStatusMessage {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 18pt;
  font-weight: bold;
}
form#LinearFormView p.recordingStatusMessageActive {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 18pt;
  font-weight: bold;
  color: red;
  animation: blink-animation 1s steps(2, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
form#LinearFormView p.recordingExplanationMessage {
  text-align: center;
  margin-top: 0;
  font-size: 10pt;
  padding-top: 0;
}
form#LinearFormView button.recordButton {
  height: 2in;
  text-align: center;
}
form#LinearFormView button.recordButton > img {
  width: 1in;
  height: 1n;
}
form.SectionFormView {
  width: 100%;
  background-color: #fff;
  margin: auto;
  padding-bottom: 4pt;
}
form.SectionFormView > h1 {
  font-size: 14pt;
  margin: auto;
  text-align: center;
  margin-top: 8pt;
}
form.SectionFormView img {
  width: 50%;
  margin: auto;
  display: block;
}
form.SectionFormView > h2 {
  font-size: 13pt;
  background-color: #eee;
  position: relative;
  margin-top: 8pt;
}
form.SectionFormView > h2 > button {
  position: absolute;
  top: 50%;
  right: 2pt;
  transform: translate(0, -50%);
}
form.SectionFormView > button {
  margin: auto;
  width: 50%;
  display: block;
  font-size: 12pt;
  padding-top: 4pt;
  padding-bottom: 4pt;
  margin-top: 8pt;
}
form.SectionFormView textarea {
  margin: auto;
  width: 90%;
  display: block;
  font-size: 9pt;
  font-family: 'Courier New', Courier, monospace;
  height: 2in;
  border: solid 1pt #000;
  margin-top: 8pt;
}
form.SectionFormView audio {
  margin: auto;
  width: 90%;
  display: block;
  font-size: 9pt;
  font-family: 'Courier New', Courier, monospace;
  height: 2in;
  border: solid 1pt #000;
  margin-top: 8pt;
}
form.SectionFormView input {
  margin: auto;
  display: block;
}
form.SectionFormView > a {
  display: block;
  font-size: 12pt;
  text-decoration: none;
  color: blue;
  border-bottom: solid 1pt #eee;
}
form.SectionFormView > a:visited {
  color: blue;
}
form.SectionFormView > div {
  width: 100%;
  padding: 0;
}
form.SectionFormView > div > a {
  display: block;
  font-size: 12pt;
  text-decoration: none;
  color: blue;
  border-bottom: solid 1pt #eee;
  width: 100%;
  padding-top: 12pt;
  padding-bottom: 12pt;
}
form.SectionFormView > div > a:visited {
  color: blue;
}
#DashboardView {
  width: 100%;
  background-color: #fff;
  margin: auto;
  text-align: center;
  max-width: 580pt;
}
@media (min-width: 580pt) {
  #DashboardView {
    padding-bottom: 8pt;
  }
}
#DashboardView > h1 {
  font-size: 110%;
  font-weight: normal;
  background-color: #eee;
  position: relative;
  text-align: center;
  padding-top: 16pt;
  padding-bottom: 16pt;
  margin: 0;
  width: 100%;
  max-width: 580pt;
  margin: auto;
}
#DashboardView > h1 > div {
  position: absolute;
}
#DashboardView > h1 > div.toolbarRight,
#DashboardView > h1 > div.toolbarLeft {
  top: 4pt;
}
#DashboardView > h1 > div.toolbarRight > button,
#DashboardView > h1 > div.toolbarLeft > button,
#DashboardView > h1 > div.toolbarRight > img,
#DashboardView > h1 > div.toolbarLeft > img,
#DashboardView > h1 > div.toolbarRight > a,
#DashboardView > h1 > div.toolbarLeft > a {
  display: inline-block;
  width: 24pt;
  height: 24pt;
}
#DashboardView > h1 > div.toolbarRight > button > img,
#DashboardView > h1 > div.toolbarLeft > button > img,
#DashboardView > h1 > div.toolbarRight > img > img,
#DashboardView > h1 > div.toolbarLeft > img > img,
#DashboardView > h1 > div.toolbarRight > a > img,
#DashboardView > h1 > div.toolbarLeft > a > img {
  width: 100%;
}
#DashboardView > h1 > div.toolbarRight {
  position: absolute;
  top: 50%;
  right: 2pt;
  transform: translate(0, -50%);
}
#DashboardView > h1 > div.toolbarLeft {
  position: absolute;
  top: 50%;
  left: 2pt;
  transform: translate(0, -50%);
}
#DashboardView > h1 > div.menu {
  width: 100%;
  z-index: 100;
  top: 100%;
  background-color: #fff;
  padding-bottom: 8pt;
  border-bottom-left-radius: 8pt;
  border-bottom-right-radius: 8pt;
  box-sizing: border-box;
}
#DashboardView > h1 > div.menu > button,
#DashboardView > h1 > div.menu > a {
  display: block;
  width: 90%;
  text-decoration: none;
  text-align: center;
  padding-top: 12pt;
  padding-bottom: 12pt;
  margin: auto;
  font-size: 12pt;
  font-weight: normal;
}
#DashboardView > section {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
}
#DashboardView > section:first-of-type {
  margin-top: 4pt;
}
@media (min-width: 580pt) {
  #DashboardView > section {
    width: 288pt;
    border: solid 1pt #ccc;
    margin-top: 4pt;
  }
  #DashboardView > section:nth-child(2n) {
    margin-left: 0;
  }
  #DashboardView > section:nth-child(2n + 1) {
    margin-left: 4pt;
  }
}
#DashboardView > section > h2 {
  background-color: #eee;
  position: relative;
  text-align: center;
  padding-top: 12pt;
  padding-bottom: 12pt;
  margin: 0;
  width: 100%;
  font-size: 13pt;
}
#DashboardView > section > h2 > div {
  position: absolute;
}
#DashboardView > section > h2 > div.toolbarRight,
#DashboardView > section > h2 > div.toolbarLeft {
  top: 4pt;
}
#DashboardView > section > h2 > div.toolbarRight > button,
#DashboardView > section > h2 > div.toolbarLeft > button,
#DashboardView > section > h2 > div.toolbarRight > img,
#DashboardView > section > h2 > div.toolbarLeft > img,
#DashboardView > section > h2 > div.toolbarRight > a,
#DashboardView > section > h2 > div.toolbarLeft > a {
  display: inline-block;
  width: 24pt;
  height: 24pt;
}
#DashboardView > section > h2 > div.toolbarRight > button > img,
#DashboardView > section > h2 > div.toolbarLeft > button > img,
#DashboardView > section > h2 > div.toolbarRight > img > img,
#DashboardView > section > h2 > div.toolbarLeft > img > img,
#DashboardView > section > h2 > div.toolbarRight > a > img,
#DashboardView > section > h2 > div.toolbarLeft > a > img {
  width: 100%;
}
#DashboardView > section > h2 > div.toolbarRight {
  position: absolute;
  top: 50%;
  right: 2pt;
  transform: translate(0, -50%);
}
#DashboardView > section > h2 > div.toolbarLeft {
  position: absolute;
  top: 50%;
  left: 2pt;
  transform: translate(0, -50%);
}
#DashboardView > section > h2 > div.menu {
  width: 100%;
  z-index: 100;
  top: 100%;
  background-color: #fff;
  padding-bottom: 8pt;
  border-bottom-left-radius: 8pt;
  border-bottom-right-radius: 8pt;
  box-sizing: border-box;
}
#DashboardView > section > h2 > div.menu > button,
#DashboardView > section > h2 > div.menu > a {
  display: block;
  width: 90%;
  text-decoration: none;
  text-align: center;
  padding-top: 12pt;
  padding-bottom: 12pt;
  margin: auto;
  font-size: 12pt;
  font-weight: normal;
}
#DashboardView > section > div.dropDownMenu {
  width: 100%;
  margin: auto;
  padding: 0;
}
#DashboardView > section > div.dropDownMenu > a {
  display: block;
  font-size: 12pt;
  text-decoration: none;
  color: blue;
  text-align: center;
  width: 100%;
  padding-top: 12pt;
  padding-bottom: 12pt;
}
#DashboardView > section > div.dropDownMenu > a:visited {
  color: blue;
}
#DashboardView > section > a {
  display: block;
  font-size: 12pt;
  text-decoration: none;
  color: blue;
  text-align: center;
  width: 100%;
  padding-top: 12pt;
  padding-bottom: 12pt;
}
#DashboardView > section > a:visited {
  color: blue;
}