/*/  BLANK SLATE  /*/
  * { margin:0; padding:0; font:100% verdana,arial,helvetica,sans-serif; }
  header, nav, main, footer { border:1px dashed rgba(0,0,0,.1); }


  /*/  DOCUMENT FLOW  /*/
  body { color:black; background:white; }
  header { padding:1em; background:#3599ac; } /* colorkit.co { #c7522a #e5c185 #fbf2c4 #74a892 } */
  footer { max-width:60%; margin:1em auto; position:relative; }
  nav {}
  main { max-width:75%; margin:1em auto; }
  section, div.section { margin:1em auto; padding:1.5em 2em; border:1px solid gray; border-radius:.5em; position:relative; }

  /*/  CONTENT FLOW  /*/
  h1 { font-size:150%; font-weight:bold; margin:1em 0; color:white; column-span: all; }
  header h1 { text-align:center; line-height:150%; }
  h2 { font-size:125%; font-weight:bold; margin:1em 0; color:#0088a1; column-span: all; }
  h3 { font-size:115%; font-weight:bold; font-style:italic; margin:0 1em 1em 1em; column-span: all; }
  h4 {}
  h5 {}
  h6 {}
  p { margin:1em 0; line-height: 150%; }

  article {}
  aside {}
  blockquote {}
  details {}
  samp {}
  details {}
    summary {}


  /*/ DISPLAY /*/
  pre { font:1em "courier new",monospace; white-space:pre; }


  a { color:inherit; font-size:interit; }
  strong { font-weight:bold; font-style:inherit; }
  em { font-style:italic; font-weight:inherit; }
  section.datashow { columns:5 10em; column-gap:1em; column-rule:2px solid lightblue; font:1em monospace;}
  section.dashitem { columns:2 25em;}
  div#restart { margin:1em; padding:1em; color:gray; font-size:.8em; }
  div.section { border-color:#3599ac; }
  .flex2 { display:flex; justify-content:space-around; }
  .flex2 > div { width:45%; }


  /*// LIST ELEMENTS //*/
  ul,ol { margin:1em; padding:0 1em; }
  ul.none { margin:1em; padding:0 1em; list-style-type:none; }
  ul.nonex li { border:2px solid lightgray; padding:.5em; }
  li { margin:.5em 0; }


  /*// FORM ELEMENTS //*/
  label.repeater { color:gray; }
  input.repeater { visibility:hidden; }
  fieldset { padding:1em; background:#e5c185; border-radius:.5em; text-align:center; }
  legend { padding:1em; background:#74a892; border-radius:.25em; }
  label { margin:0.5em; cursor:pointer; }
  input[type=text] { margin:.5em; padding:.25em; }
  input[type=radio] { margin:0 .5em; }
  input[type=checkbox] { margin-right:1em; width:1.25em; height:1.25em; position:relative; top:.25em; }
  input[type=submit] { margin:.5em; padding:.5em 1em; background-color:rgba(107,171,101,.75); border:1px solid gray; border-radius:.25em; }
  input[type=submit]:hover { background-color:rgba(107,171,101,1); cursor:pointer; }
  input[type=button] { margin:.5em; padding:.5em 1em; color:gray; background-color:#lightblue; border:1px solid gray; border-radius:.25em; }
  textarea { font:100% monospace; width:90%; min-height:5em; margin:1em auto 1em auto; padding:.5em; border:1px solid gray; border-radius:.25em; }
  input.page_return { background-color:rgba(0,139,139,.5); }
  input.page_return:hover { background-color:rgba(0,139,139,.75); cursor:pointer; }
  input.dashboard { position:absolute; top:1em; right:1em; min-width:6em; min-height:6em; }
  input.pending, input.pending:hover { color:gray; background-color:lightgray; }
  .xlargecheck { width:1em; height:1em; background-color:green; }


  span.csv { font:1em monospace; }
  span.qualtparam { position:absolute; left:50%; background-color:lightgray; padding:.1em .5em; }
  ol.limit50 { margin-right:50%; }
  p.csvhead { margin-left:1em; margin-bottom:0; padding:.5em; font:100% monospace; }
  p.csvdata { font:100% monospace; margin:0 1em 1em 1em; padding:.5em; border:1px solid gray; border-radius:.25em; }
  ul.study_keypoints { list-style-type:none; }
  ul.study_keypoints li { position:relative; }
  span.descriptor { font-weight:bold; display:inline-block; border:1px solid white; width:40%; text-align:right; padding-right:1em; }
  span.descvalue { position:relative; }


  /*// ERRORS //*/
  .error { border:2px solid red; border-radius:.2em; padding:.5em; color:red; display:inline-block; }
  section.repeater { border:2px solid red; color:red; margin:1em 2em; }

  /*// {chooser} studylist //*/
  section.studylist { border-left:none; border-right:none; margin:2em; }
  section.studylist table { width:100%; margin:0 auto; }
  section.studylist td:nth-child(odd) { text-align:right; width:10em; padding-right:1em; }
  section.studylist th { text-align:left; padding-bottom:1em; font-weight:bold; }
  .studylist_col_1 { span:1; width:25%; }
  div.studybutton { margin:1em 0 0 10%; }

  /*// {criteria} studydescription //*/
  section.studydesc { border-left:none; border-right:none; margin:2em; }
  section.studydesc table { width:90%; margin:0 auto; }
  section.studydesc td { padding:1em 0; vertical-align:top; }
  section.studydesc td:nth-child(odd) { text-align:right; padding-right:1em; font-weight:bold; }
  section.studydesc th { text-align:left; padding-bottom:1em; font-weight:bold; }
  .studydesc_col_1 { span:1; width:25%; }
  div.descbutton { margin:1em 0; text-align:center; }
  div.mssgalert { margin:0 1em 1em 1em; }
  span.alertmssg { background:gold; font-size:110%; padding:.35em; color:red; }



//