body {
      font-family: verdana, sans-serif;
      margin: 0px;
      }

div.login_error_div {
                     display: inline-block;
                     color: red;
                     }

input.login_button {
                    width: 12em;
                    border-radius: 24px;
                    padding-top: 1em;
                    padding-bottom: 1em;
                    border: 0px;
                    margin: 0.5em;
                    background-color: silver;
                    color: black;
                    }

div.login_field_div {
                     font-size: 1.25em;
                     }

input.login_field_input {
                         border-radius: 16px;
                         font-size: 1.25em;
                         padding: 0.2em;
                         border: 0px;
                         }

div.login_field_div {
                     display: inline-block;
                     text-align: left;
                     margin: 0.25em;
                     }

img.login_image {
                 width: 40%;
                 background-color: white;
                 opacity: 1;
                 }

div.login_form_div {
                    display: inline-block;
                    background-color: RGBA(153, 204, 50, 0.5);
                    padding: 1em;
                    border-radius: 24px;
                    margin-top: 4em;
                    }

div.CustomerAccountLogin_div {
                              font-size: 3em;;
                              color: white;
                              }

div.page_login {
                text-align: center;
                }

@media screen and (orientation: portrait) {

/* width of page DIV now governed by padding of background DIV */
/*    div.page { */
/*              width: 100%; */
/*              } */

}

@media screen and (orientation: landscape) {

/* width of page DIV now governed by padding of background DIV */
/*    div.page { */
/*              width: 70%; */
/*              } */

}

div.page {
          }

div.logout_div {
                display: inline-block;
                background-color: white;
                }

div.logout_div_mobile {
                       display: inline-block;
                       background-color: white;
                       text-align: center;
                       position: relative;
                       top: 1em;
                       }

div.logo_mobile_div {
                     float: left;
                     }

img.logo {
          width: 16em;
          padding-bottom: 0px;
          }

img.desktop_image {
                   width: 16em;
                   padding: 0 1em;
                   }

div.desktop_image_div {
                       float: left;
                       display: inline-block;
                       }

div.desktop_logout_div {
                        display: block;
                        clear: left;
                        position: relative;
                        left: 1em;
                        top: -1.5em;
                        }

@media screen and (orientation: portrait) {

    div.desktop_div {
                     display: none;
                     }

}

@media screen and (orientation: landscape) {

    div.desktop_div {
                     display: inline-block;
                     }

}

div.desktop_div {
                 float: left;
                 }

#logout_button_id {
                   background-color: whitesmoke;
                   border-color: whitesmoke;
                   padding-left: 16px;
                   padding-right: 16px;
                   letter-spacing: 0.125em;
                   }

div.desktop_menu {
                  float: left;
                  display: inline-block;
                  margin-right: 16px;
                  background-color: whitesmoke;
                  padding: 1em;
                  clear: left;
                  position: relative;
                  top: -0.5em;
                  }

a.desktop_menuitem {
                    padding: 1em;
                    border-bottom: 1px solid #9fc36b;
                    text-align: left;
                    display: block;
                    font-weight: bold;
                    color: black;
                    text-decoration: none;
                    }

a.desktop_menuitem:hover {
                          color: #9fc36b;
                          }

a.desktop_menuitem_selected {
                             padding: 1em;
                             border-bottom: 1px solid #9fc36b;
                             text-align: left;
                             display: block;
                             font-weight: bold;
                             color: #697754;
                             text-decoration: none;
                             }

div.content {
             display: inline-block;
             width: 100%;
             }

div.AccountDetails {
                    display: inline-block;
                    float: left;
                    margin-right: 16px;
                    }

div.ChangeEmailAddress {
                        display: inline-block;
                        float: left;
                        }

div.ChangeEmailAddressBox {
                           border: 2px solid #697754;
                           border-radius: 25px;
                           padding: 8px;
                           }

div.change_email_message {
                          font-size: smaller;
                          max-width: 320px;
                          }

div.account_item {
                  margin-top: 16px;
                  margin-bottom: 8px;
                  display: block;
                  }

div.black_surround {
                    border: 1px solid black;
                    border-radius: 25px;
                    padding: 4px 10px;
                    display: inline;
                    }

input.gray_button {
                   border: 1px solid silver;
                   border-radius: 25px;
                   padding: 4px;
                   font-size: 16px;
                   background: #dbdbdb;
                   }

input.account_input {
                     border: 0px;
                     }

div.button_div {
                margin-top: 8px;
                }

#firstname_label_id {
                     display: none;
                     }

#firstname_input_id {
                     display: none;
                     }

#lastname_label_id {
                     display: none;
                     }

#lastname_input_id {
                     display: none;
                     }

#jobtitle_input_id {
                     display: none;
                     }

#organisation_input_id {
                     display: none;
                     }

#telephone_input_id {
                     display: none;
                     }

#save_button_id {
                 display: none;
                 }

@media screen and (orientation: portrait) {

    .mainMenu {
               display: block;
               }

}

@media screen and (orientation: landscape) {

    .mainMenu {
               display: none;
               }

}

/* A DIV CONTAINING THE ENTIRE MENU SYSTEM */
.mainMenu {
  overflow: hidden;
  background-color: white;
  position: relative;
}

/* A DIV CONTAINING THE ITEMS IN THE MENU */
.mainMenu #menuItems {
/*  display: block; */
}

/* ANCHOR TAGS WITHIN THE ENTIRE MENU SYSTEM */
.mainMenu a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: inline-block;
}

/* THE ANCHOR TAG THAT IS THE HAMBURGER MENU */
.mainMenu a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 3em;
}

/* ANCHOR TAGS HAVE A LIGHT GREY BACKGROUND WHEN THE MOUSE IS OVER THEM */
.mainMenu a:hover {
  background-color: #ddd;
  color: black;
}

/* THE CURRENT PAGE HAS A GREEN BACKGROUND */
.active {
  background-color: white;
  color: white;
  display: inline-block;
}

/* STYLES FOR PAGES */
div.div2025_pagetitle {
                       color: #9fc36b;
                       font-size: 3em;
                       margin: 32px 4px 1em 4px;
                       text-align: center;
                       padding-bottom: 2px;
                       text-decoration: underline;
                       text-decoration-thickness: 1px;
                       text-underline-position: under;
                       }

td.cell2025_menu {
                  vertical-align: top;
                  }

td.cell2025_content {
                     width: 100%;
                     vertical-align: top;
                     }
div.booking_list {
                  border: solid 4px #9fc36b;
                  border-radius: 50px;
                  padding: 8px;
                  margin-top: 8px;
                  }

td.booking_detail {
                   padding: 0px 8px;
                   vertical-align: top;
                   }

a.booking_link {
                text-decoration: none;
                color: black;
                }

td.booking_detail_title {
                         font-weight: bold;
                         padding: 0px 8px;
                         }

input.booking_page_back {
                         border: 0px;
                         border-radius: 25px;
                         padding: 4px;
                         }

input.booking_page_view_invoice {
                                 border: 0px;
                                 background: white;
                                 padding: 0px;
                                 margin-top: 1em;
                                 font-size: 1em;
                                 font-weight: bold;
                                 text-decoration: underline;
                                 }

p.booking_page_details_p {
                          font-weight: bold;
                          }

div.booking_details_frame_div {
                               border: 1px solid black;
                               border-radius: 25px;
                               padding: 16px;
                               width: 75%;
                               text-align: left;
                               display: inline-block;
                               }
div.content_booking_details {
                             display: inline-block;
                             text-align: center;
                             }

div.invoice_list {
                  margin-top: 1em;
                  }

table.invoice_list {
                    border-collapse: collapse;
                    border: 2px solid black;
                    }

td.invoice_list_cell {
                      vertical-align: top;
                      border: 1px solid black;
                      padding: 0px 0.5em;
                      }

a.invoice_list_link {
                     text-decoration: none;
                     color: black;
                     }

div.invoice_event_name {
                        font-weight: bold;
                        margin-bottom: 1em;
                        }

div.ca_label {
              text-decoration: underline;
              }

div.ca_text {
             margin-bottom: 0.25em;
             }

input.invoice_detail_back_button {
                                  border: 0px;
                                  border-radius: 25px;
                                  padding: 4px;
                                  }

div.invoice_link {
                  display: inline-block;
                  }


span.button_link {
                  background: silver;
                  margin: 4px;
                  border: 0px;
                  border-radius: 25px;
                  padding: 4px 1em;
                  }

a.invoice_button_link {
                       text-decoration: none;
                       color: black;
                       font-weight: bold;
                       }

div.receipt_link {
                  display: inline-block;
                  }
a.receipt_button_link {
                       text-decoration: none;
                       color: black;
                       font-weight: bold;
                       }
tr.event_list {
               border-bottom: 1px solid #9fc36b;
               }

td.event_list_cell {
                    padding: 1em 0px;
                    }

div.event_list_PSby {
                     font-size: smaller;
                     }

td.event_list_PS {
                  text-align: center;
                  }

input.delegate_resources_back_button {
                                      border: 0px;
                                      border-radius: 1em;
                                      padding: 0.25em 2.5em;
                                      margin-bottom: 0.75em;
                                      margin-left: 1em;
                                      margin-right: 1em;
                                      margin-top: 32px;
                                      letter-spacing: 0.125em;
                                      background: #dbdbdb;
                                      }

input.delegate_resources_back_button_invisible {
                                                border: 0px;
                                                border-radius: 1em;
                                                padding: 0.25em 2.5em;
                                                margin-bottom: 0.75em;
                                                margin-left: 1em;
                                                margin-right: 1em;
                                                margin-top: 32px;
                                                letter-spacing: 0.125em;
                                                background: #dbdbdb;
                                                visibility: hidden;
                                                }

input.delegate_resources_logout_button {
                                        border: 0px;
                                        border-radius: 1em;
                                        padding: 0.25em 2em;
                                        letter-spacing: 0.125em;
                                        margin-left: 1em;
                                        margin-right: 1em;
                                        background: #dbdbdb;
                                        }

input.delegate_resources_logout_button_invisible {
                                                  border: 0px;
                                                  border-radius: 1em;
                                                  padding: 0.25em 2em;
                                                  letter-spacing: 0.125em;
                                                  margin-left: 1em;
                                                  margin-right: 1em;
                                                  background: #dbdbdb;
                                                  visibility: hidden;
                                                  }

div.delegate_resources_event_name {
                                   width: 100%;
                                   font-size: 1.5em;
                                   margin-bottom: 1em;
                                   text-align: center;
                                   }

p.delegate_resources_event_name {
                                 font-size: 1.5em;
                                 margin-bottom: 1em;
                                 text-align: center;
                                 }

table.delegate_resourcesPS {
                            margin-bottom: 1em;
                            }

div.delegate_resources_certificate {
                                    display: inline-block;
                                    text-align: center;
/* asked to try green background instead of whitesmoke */
                                    background: #9fc36b;
                                    padding: 0.5em;
                                    border-radius: 2em;
                                    color: black;
                                    text-decoration: none;
/* initially with was 35% of DIV that was 100% width - now 70% of DIV which is 50% width */
                                    width: 70%;
                                    }

div.delegate_resources_post_conference_website {
                                                display: inline-block;
                                                text-align: center;
/* asked to try green background instead of whitesmoke */
                                                background: #9fc36b;
                                                padding: 0.5em;
                                                border-radius: 2em;
                                                color: black;
                                                text-decoration: none;
/* initially with was 35% of DIV that was 100% width - now 70% of DIV which is 50% width */
                                                width: 70%;
                                                }

a.upcoming_events_link {
                        color: black;
                        text-decoration: none;
                        }

td.upcoming_events_cell {
                         padding: 1em 0px;
                         }

table.delegate_resources {
                          border-collapse: collapse;
                          width: 100%;
                          margin-bottom: 1em;
                          }

tr.delegate_resources_row {
                           border-bottom: 1em solid white;
                           }

td.delegate_resources_cell {
                            width: 50%;
                            vertical-align: middle
                            }

td.delegate_resources_cell_center {
                                   width: 50%;
                                   text-align: center
                                   }

div.ca2025background {
                      background-image: url("/images/WebsiteBackgroundImage.jpg");
                      padding: 6%;
                      }

table.table2025 {
                 background-color: white;
                 width: 100%;
                 }

img.event_resources_logo {
                          width: 144px;
                          }

img.event_resources_logo_square {
                                 width: 80px;
                                 }