body, html
{
  margin: 0px;
  padding: 0px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  background-color: #f2f2f2;
}

a         { color: #96a6bd; text-decoration: none; outline: none; }
a:link    { color: #96a6bd; text-decoration: none; outline: none; }
a:visited { color: #96a6bd; text-decoration: none; outline: none; }
a:hover   { color: #96a6bd; text-decoration: none; outline: none; }
a:active  { color: #96a6bd; text-decoration: none; outline: none; }

/* Define the page layout */
/* Note that this was changed from a DIV layout to a TABULAR layout
   to handle any quirks presented with moving dynamic elements around
   in jQuery (tables can be a bit easier to program in that regard */

div.container
{
  position: relative;
  width: 100%;
}

div.header
{
  position: relative;
  width: 100%;
  height: 37px;
  background-color: #223c6d;
  border-bottom: 1px solid #65779a;
}

table.bodyContainer
{
  width: 100%;
  height: 100%;
  border-spacing: 0px;
}

table.bodyContainer td.navigation
{
  width: 242px;
  padding-top: 23px;
  background-color: #f2f2f2;
  border-right: 1px solid #d1d3d4;
  vertical-align: top;
}

table.bodyContainer td.content
{
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 23px;
  padding-bottom: 100px;
  vertical-align: top;
  background-color: #ffffff;
  border-bottom: 1px solid #d1d3d4;
}

table.bodyContainer td.content p
{
  font-size: 14px;
  line-height: 20px;
}


/* Define the internals of the program display */

table.data
{
  width: 90%;
}

table.data th
{
  color: #4e4e4f;
  padding-bottom: 12px;
  border-bottom: 2px solid #808080;
  font-size: 22px;
  text-align: left;
}

table.data tr td.text
{
  width: 248px;
  height: 40px;
  border-bottom: 1px solid #f6f6f6;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
}

table.data tr td.field
{
  height: 40px;
  border-bottom: 1px solid #f6f6f6;
}

table.data tr td.field input
{
  width: 204px;
  height: 28px; 
  border: 1px solid #cccccc;
  border-radius: 2px;
  font-family: 'Open Sans', sans-serif;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  color: #555555;
}


/* Define the pageheader */

  /* Define the various section headers */

  div.pageHeader
  {
    position: relative;
    height: 42px;
    border-bottom: 1px solid #dddddd;
    margin-top: 9px;
    clear: both;
  }

  div.pageSpacer
  {
    margin-top: 60px !important;
  }

  div.pageHeader div.title
  {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 25px;
    line-height: 20px;
    font-weight: 400;
    color: #333333;
  }

  div.pageHeader div.options
  {
    color: #222222;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 19.5px;
    padding-bottom: 0px;
    position: absolute;
    bottom: 0px;
  }

  div.pageHeader div.info
  {
    bottom: 5px;
    position: absolute;
    right: 0;
    font-size: 13px;
    font-family: 'Helvetica Neue', sans-serif;
    color: #555555;
  }

  div.pageHeader div.info span img
  {
    margin-bottom: -3px;
  }


div.pageSection {
    border-bottom: 1px solid #e5e5e5;
    clear: both;
    font-size: 18px;
    height: 28px;
    margin-bottom: 10px;
    margin-top: 25px;
    padding-bottom: 10px;
    position: relative;
}
div.pageSection title {
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 0;
}


  div.pageSection div.info
  {
    bottom: 5px;
    position: absolute;
    right: 0;
    font-size: 13px;
    font-family: 'Helvetica Neue', sans-serif;
    color: #555555;
  }


/* Define the tabular data */

table.tabular
{
  width: 100%;
  border-spacing: 0px;
  border: 1px solid #d1d3d4;
}

table.tabular th
{
  background-color: #f2f2f2;
  text-align: left;
  font-size: 12px;
  padding: 5px;
  height: 30px;
}

table.tabular td
{
  padding: 5px;
  border-top: 1px solid #dddddd;
}

table.tabular td input.text
{
  border: 1px solid #dddddd;
  padding: 6px;
  font-size: 11px;
}

table.receipt th
{
  height: 20px !important;
}

table.receipt td
{
  height: 25px;
}

table.receipt td.missing
{
  padding: 40px;
  font-size: 12px;
  text-align: center;
}


input:-moz-read-only, input:read-only, input[readonly], input[readonly="readonly"]
{
  background-color: #eeeeee !important;
}

table.tabular td textarea.text
{
  border: 1px solid #dddddd;
  padding: 6px;
  font-size: 11px;
  line-height: 15px;
}

/* Handle the placeholder */

::-webkit-input-placeholder
{
  /* WebKit, Blink, Edge */
  color:    #dddddd;
  font-family: 'Helvetica Neue', sans-serif;
}

:-moz-placeholder
{
  /* Mozilla Firefox 4 to 18 */
  color:    #dddddd;
  opacity:  1;
  font-family: 'Helvetica Neue', sans-serif;
}

::-moz-placeholder
{
  /* Mozilla Firefox 19+ */
  color:    #dddddd;
  opacity:  1;
  font-family: 'Helvetica Neue', sans-serif;
}

:-ms-input-placeholder
{
  /* Internet Explorer 10-11 */
  color:    #dddddd;
  font-family: 'Helvetica Neue', sans-serif;
}

:placeholder-shown
{
  /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #dddddd;
  font-family: 'Helvetica Neue', sans-serif;
}

/* Define the bylaws page */

#txt_Bylaws
{
  width: 940px;
  height: 315px;
  border: 1px solid #dddddd;
  padding: 6px;
  font-size: 11px;
  line-height: 15px;
}