html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}

  body {
    font-size:100%;
    font-family:Verdana,sans-serif;
    color:#5566cc;
    margin:0;
    min-width:300px;
    line-height: 1.5;
  }
  sup {
    color:gray;
  }
  sup[title] {
    font-weight:bold;
    font-size: 85%;
    text-decoration: underline;
  }
  sup[title]:hover {
    text-decoration: none;
    cursor: help;
  }
  H,G { /* H=Strong's Hebrew; G=Strong's Greek  */
    vertical-align: super;
    /*font-weight:bold;*/
    font-size: 65%;
    text-decoration: underline;
    cursor: pointer;
  }
  c:hover {
    text-decoration: none;
    cursor: help;
  }
  hasNote {
  }
  .verseNum{
    font-weight: bold;
    font-size: smaller;
  }
  .verseCount {
    font-weight: bold;
    white-space:nowrap;
    display: block;
  }
  r,.ref,.nav {
    font-weight: bold;
    color: rgb(149, 165, 166);
  }
  abbr[title] {
    color:#83A1F8;
    text-decoration: underline;
  }
  abbr[title]:hover {
    color:#83A1F8;
    text-decoration: none;
    cursor: context-menu;
  }
  #trans { /* translation selector */
    margin-bottom:9px;
  }
  footnote,#footnotes {
    color: gray;
    font-size: smaller;
  }
  F { /* F=Father God - words spoken by God */
    /*
    color:darkred;
    */
  } 
  E,.red { /* J=Jesus - words spoken by Jesus */
    color:red;
  }
  n { /* Translator Notes */
    font-size: smaller;
    color:rgb(0,153,51);
    font-style: italic;
  }
  .blue { color:#2233cc; } /* default color */
  .indent {
    margin-left:2em;
    border-left:4px solid silver ;
  }
  .paragraph {
    text-indent: 2em;
  }
  .paragraph .verse {
    display: inline;
  }
  .highlight {
    font-style: italic;
    font-weight: bold;
  }
  .BT, .XR { /* Bible text background-color: Gainsboro;*/
    color: gray;
    text-decoration: none;
    cursor: pointer;
    padding:0px 3px;
    margin: 2px -4px;
  }
  .BT:hover {
    text-decoration:none;
    color: #2233cc;
  }
  .BT-blue {
    color: #2233cc;
    text-decoration: none;
    cursor: pointer;
    padding:0;
  }
  .XR {
    font-size: smaller;
    padding: 0px 3px;
  }
  .header {
    background-color:#7788cc;
    padding:8px;
    text-align:center;
    min-width:200px;
  }
  .navigation {
    margin-left:8px;
    font-size:100%;
  }
  .divider {
    width: 100%;
    /*
    height: 20px;
    height: 16px;
    */
    height: 10px;
    border: 1px solid #7788cc;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    color: #7788cc;
    /* background-color: #7788cc; */
    margin-left: 8px;
    font-size: x-small;
    visibility: hidden;
  }
  .bible { color: #5566cc; }
  .searchForm { }
  #content { color: #2233cc; margin: 0 15px 0 15px; }
  #content i { color: gray }
  .FreeformSearchbox{width:98%;}
  .passageSearchbox {
    width:100%;
    /*
    padding: 12px 20px;
    */
  }
  #shortURLbox {
    padding: 0;
    margin: 0;
    border: 0;
  }
  label {cursor: pointer;}
  .wordSearchbox {
    width:70%;
  }
  button.nav {
    font-size: 115%;
    padding: 0 6px 0 6px;
    color: #7788cc;
    background-color: #e0dfdf;
    text-decoration: none;
    /*
    margin: 4px 2px;
    width: 130;
    */
  }
  button, input {
    border: 1px solid #7788cc;
    border-radius: 4px;
    box-sizing: border-box;
  }
  input[type=submit], select {
    font-size:100%;
    cursor: pointer;
  }
  input[type=text] {
    background-color: white;
    /*
    */
    background-image: url('searchicon.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 12px 5px 12px 5px;
    margin: 8px 0;
  }
  button, input[type=submit] {
    color: #7788cc;
    background-color: #e0dfdf;
    padding: 12px 14px;
    text-decoration: none;
    /*
    margin: 4px 2px;
    width: 130;
    */
  }
  button button {
    padding: 1px 6px;
  }
  .buttonClicked {
    background-color:#7788cc;
    color: white;
  }
  .radioElm,.checkBox {
    white-space:nowrap;
    font-size:100%;
  }
  .bookChapSelect {
    margin-top:8px;
  }
  @media screen and (max-width: 510px) {
    /* Do this when screen width < 510 */
    .wordSearchbox { width:60%; }
  }
  @media screen and (max-width: 390px) {
    /* Do this when screen width < 370 */
    .radioElm,  input[type=submit], input[type=text] {
      width: 50%;
      margin-top: 0;
    }
    select { font-size:100%; }
    .navigation {margin-left:0;}
    .bookChapSelect {margin-left:8px;}
  }