/* ************************* */
/* *    common settings    * */
/* ************************* */
img.patient-image {
  height: 120px;
  width: 90px; }

#PatientListing div.full-name {
  text-align: center; }

/* ************************* */
/* *  Patients index page  * */
/* ************************* */
#patients-index {
  margin: 10px 20px 10px 20px;
  /* ************************* */
  /* *     Not logged in     * */
  /* ************************* */
  /* ************************* */
  /* *    User Home Page     * */
  /* * (patient index page)  * */
  /* ************************* */ }
  #patients-index #not-logged-in {
    margin-top: 2em; }
  #patients-index #user-home-page {
    font-size: 80%; }
    #patients-index #user-home-page table#upcoming-appointments {
      width: 100%; }
      #patients-index #user-home-page table#upcoming-appointments caption {
        display: none; }
    #patients-index #user-home-page #PatientListing caption {
      display: none; }
    #patients-index #user-home-page h2 {
      padding-top: 0.5em; }

/* ************************* */
/* *   Patient Home Page   * */
/* ************************* */
#show-patient {
  padding: 0;
  margin: 0;
  /* ******************* */
  /* * Patient Summary * */
  /* ******************* */ }
  #show-patient span.field-name {
    display: block;
    float: left;
    width: 200px;
    font-weight: bold;
    color: black; }
  #show-patient span.field-value {
    display: block;
    color: black; }
  #show-patient #patient-summary {
    background: #ddd;
    margin: 0;
    padding: 8px;
    font-size: 0.8em;
    /* Specific Fields */ }
    #show-patient #patient-summary div.name-and-photo {
      float: left;
      width: 104px;
      padding: 0.2em 0.4em 0.7em 0.2em; }
      #show-patient #patient-summary div.name-and-photo div.photo {
        width: 104px; }
        #show-patient #patient-summary div.name-and-photo div.photo span.field-name {
          display: none; }
        #show-patient #patient-summary div.name-and-photo div.photo span.field-value {
          display: block; }
          #show-patient #patient-summary div.name-and-photo div.photo span.field-value img {
            height: 120px;
            width: 90px; }
      #show-patient #patient-summary div.name-and-photo div.full-name {
        width: 104px; }
        #show-patient #patient-summary div.name-and-photo div.full-name span.field-name {
          display: none; }
        #show-patient #patient-summary div.name-and-photo div.full-name span.field-value {
          text-align: center;
          font-weight: bold; }
    #show-patient #patient-summary div.introduction {
      display: block;
      height: 134px; }
      #show-patient #patient-summary div.introduction span.field-name {
        display: block;
        width: 81.5%;
        padding-bottom: 0.4em; }
  #show-patient #upcoming-appointments-wrapper {
    font-size: 0.8em;
    padding-left: 8px; }
    #show-patient #upcoming-appointments-wrapper table#upcoming-appointments {
      width: 100%; }
      #show-patient #upcoming-appointments-wrapper table#upcoming-appointments caption {
        font-size: 1.6em;
        font-weight: normal;
        padding-left: 0; }
  #show-patient #blog-summary {
    margin-top: 10px;
    font-size: 0.8em;
    padding-left: 8px; }
    #show-patient #blog-summary h2 {
      letter-spacing: +0.1em;
      margin-bottom: 0.4em; }
    #show-patient #blog-summary div.blog-entry {
      border-top: groove 3px #61B7CF; }
      #show-patient #blog-summary div.blog-entry span.title {
        display: block;
        font-weight: bold; }
      #show-patient #blog-summary div.blog-entry span.created {
        font-style: italic;
        font-size: 80%; }
      #show-patient #blog-summary div.blog-entry span.author {
        font-size: 80%;
        padding-left: 2em; }
        #show-patient #blog-summary div.blog-entry span.author span.by {
          font-style: italic; }
      #show-patient #blog-summary div.blog-entry span.summary {
        display: block;
        margin-bottom: 0.4em; }

/* ********************** */
/* * Patient Background * */
/* ********************** */
/* defaults */
#patient-background {
  padding-left: 10px;
  font-size: 0.8em; }
  #patient-background span.field-name {
    display: block;
    float: left;
    margin-left: 10px;
    width: 13em;
    font-style: italic;
    color: #95EE6B; }
  #patient-background span.field-value {
    display: block;
    color: #057D9F; }
  #patient-background #list-of-illnesses {
    margin-left: 10px; }
    #patient-background #list-of-illnesses caption {
      font-size: 1.6em;
      letter-spacing: +0.1em;
      font-weight: normal; }

/* ********************** */
/* *    Edit Patient    * */
/* ********************** */
#edit-patient {
  margin: 0px 70px 0px 10px; }
  #edit-patient h1 {
    font-size: 1.6em;
    letter-spacing: +0.1em;
    padding-top: 1em; }
  #edit-patient span.field-name {
    display: block;
    float: left;
    width: 190px;
    font-style: italic;
    color: #95EE6B;
    letter-spacing: -0.05em;
    font-size: 80%; }
  #edit-patient span.field-value {
    display: block;
    color: #057D9F; }
  #edit-patient fieldset.edit-patient {
    padding-bottom: 0;
    margin-bottom: 10px; }
    #edit-patient fieldset.edit-patient legend {
      font-size: 1.5em;
      letter-spacing: +0.1em; }
    #edit-patient fieldset.edit-patient fieldset.patient-information, #edit-patient fieldset.edit-patient fieldset.background {
      margin-top: 0.6em; }
      #edit-patient fieldset.edit-patient fieldset.patient-information legend, #edit-patient fieldset.edit-patient fieldset.background legend {
        font-size: 1.4em;
        letter-spacing: +0.1em; }
    #edit-patient fieldset.edit-patient fieldset.background {
      margin-bottom: 1.2em; }

/* ************************** */
/* * FIND PATIENT SETTINGS: * */
/* ************************** */
#FindPatient {
  padding: 3em 2em 3em 2em; }
  #FindPatient legend.form-title {
    padding-bottom: 1em; }

/* *************************** */
/* * FOUND PATIENT SETTINGS: * */
/* *************************** */
#found-patients {
  padding: 3em 8em 3em 2em;
  font-size: 82%; }
  #found-patients caption {
    font-size: 1.6em;
    padding-bottom: 2em; }

/* ************************** */
/* * GENERAL SETTINGS: * */
/* ************************** */
.form-title {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 200%;
  font-weight: bold; }

.patient-name {
  color: teal; }

.FieldName {
  display: block;
  color: #48DD00;
  font-size: 90%;
  width: 190px;
  float: left; }

.FieldValue {
  color: green; }

span.Submit {
  float: left;
  width: 97%; }