/* General */
a:link {
  color: #005ea8;
  text-decoration: underline;
}
a:visited {
  color: #0e8bae;
  text-decoration: underline;
}

/* Login */
.login_title {
  background-color: #ffb446;
  color: black;
}
.login_form {
  background-color: #fedba8;
}
.login_submit {
  background-color: #eaeaea;
  color: black;
}
.menucenter {
  background-color: #eaeaea;
  border: none;
  padding: 5px 0px;
}
.dlgframe {
  background-color: #fedba8;
  border: none;
}
.login_form_bottom {
  background-color: #ffb446;
}

/* Logbook index */
.selframe {
  background-color: white;
  border: none;
  width: 60%;
}
.dlgtitle {
  background-color: #eaeaea;
  border-radius: 20px;
  color: black;
}
.dlgtitle a:link {
  color: black;
  text-decoration: underline;
}
.dlgtitle a:visited {
  color: #005ea8;
  text-decoration: underline;
}
.dlgtitle font {
  color: black;
}
.seltitle {
  background-color: #ffb446;
  border: none;
  color: black;
}
.sellogbook, .selentries {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ffb446;
  border-right: 1px solid #ffb446;
}
.selframe tr:nth-child(2n+3) {
  background-color: #fedba8;
}
.selframe tr:nth-child(2n+4) {
  background-color: white;
}
.selgroup {
  background-color: #eaeaea;
  border: none;
  border-bottom: 1px solid #ffb446
}
.selspace {
  background-color: white;
  border: none;
  border-bottom: 1px solid #ffb446
}

/* Logbook tabs */
.tabs {
  padding-bottom: 4px;
}
.gtab, .ltab, .sgtab, .sltab {
  border: none;
  color: black;
}
.gtab > a, .ltab > a {
  background-color: #eaeaea;
  color: black;
  padding: 0 10px;
}
.sgtab > a, .sltab > a {
  background-color: #ffb446;
  padding: 0 10px;
}
.sgtab > a:visited, .sltab > a:visited {
  color: #005ea8;
}

/* Title */
.title1 { /* Logbook name */
  background-color: #ffb446;
  border: none;
  color: black;
}
.title2 { /* "Logged in as" */
  background-color: #ffb446;
  border: none;
  color: black;
  text-align: right;
}
.title3 { /* GSI logo */
  background-color: #ffb446;
  border: none;
  vertical-align: baseline;
}

/* Menues */
.menu1 {
  /* Hide pipe characters between links */
  color: transparent;
}
.menu3 {
  font-weight: normal;
}
.menu1 > a, .menu1 > input, .menu2a > a, .menu3 > a {
  /* Show links as buttons */
  background-color: #eaeaea;
  border: 1px solid #888888;
  border-radius: 6px;
  color: black;
  cursor: pointer;
  padding: 2px 6px 2px 6px;
  text-decoration: none;
}
.menu1 > a {
  /* Use space from transparent pipe characters */
  margin: 0px -5px;
}
.menu2a > a:first-child {
  /* Adjust to menu1 */
  margin-left: -5px;
}

/* Forms */
.form1, .form2 {
  background-color: #fedba8;
  border: none;
}

/* Entry list */
.listframe {
  margin: 4px 0px;
}
.listtitle, .listtitle2, .listtitle3 {
  background-color: #ffb446;
  border: 1px solid #ffb446; 
}
.listtitle > a, .listtitle2 > a, .listtitle3 > a {
  color: black;
  display: block;
  width: 100%;
}
.list1, .list1h, .list2, .list2h, .summary, .listatt {
  border: 1px solid #ffb446; 
  border-top: none;
  border-left: none;
  padding: 0px 5px;
  white-space: nowrap;
}
.list1, .list1h {
  background-color: #fedba8;
}
.list2, .list2h, .listatt {
  background-color: white;
}
.list1 > a, .list1h > a, .list2 > a, .list2h > a {
  color: black;
}
.list1 > a:visited, .list2 > a:visited {
  color: #005ea8;
}
.summary {
  white-space: wrap;
}
.listdraft {
  border: none;
  border-bottom: 1px solid #ffb446;
  border-right: 1px solid #ffb446;
}
.listdraft > a:link {
  color: black;
}

/* Full view */
.attachment {
  background-color: #eaeaea;
}

/* Threaded view */
.thread, .threadh {
  background-color: transparent;
  border-bottom: 1px solid #ffb446;
}
.listframe tr:nth-child(odd) {
  background-color: #fedba8;
}
.listframe tr:nth-child(even) {
  background-color: white;
}

/* Attributes */
.attribhead, .menuframe {
  background-color: rgb(234, 234, 234);
  border: none;
}
.attribvalue {
  background-color: white;
  border: none;
}
.attribname {
  background-color: #ffb446;
  border: none;
  text-align: right;
}

/* Edit toolbar */
.toolframe {
  background-color: rgb(234, 234, 234);
  border: none;
}

/* Text and attachments */
.messageframe {
  border: 1px solid rgb(234, 234, 234);
  padding: 0px 20px 20px
}
#TextParent {
  padding: 4px 0px !important;
}

/* Footer */
.bottomlink {
  /* Hide ELOG version */
  display: none;
}

/* Small screens */
@media only screen and (max-width: 900px) {
  body {
    margin: 0px;
  }
  .selframe {
    width: 100%;
  }
  /* Text area in configuration editor */
  body > form > table > tbody > tr > td > textarea {
    width: 98%
  }
}