@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);

body {
    background: #f7f7f7;
}

body, input, label, button, select {
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
}

input, button {
    font-size: 13px !important;
}

a {
    text-decoration: underline;
}

#container {
    background: white;
    margin: 0 auto 20px;
    border: thin solid #e0e0e0;
    border-top: 0;
    min-width: 1100px;
    width: 1100px;
    max-width: 1200px;
}

#header-wrapper {
    margin: 0 auto;
    width: 100%;
}

#container-wrapper {
    padding: 0 20px;
}

footer {
    margin-bottom: 20px;
}

footer a:link,
footer a:visited {
    color: #999; /* muted */
    text-decoration: none;
}

footer a:hover,
footer a:active {
    text-decoration: underline;
}

/* table */

td, th {
    vertical-align: middle !important;
}

h1 + table {
    margin-top: 20px;
}

th a:link,
th a:visited {
    color: #333;
    text-decoration: underline;
}

td a:link,
td a:visited {
    color: #333;
}

td small a:link,
td small a:visited {
    color: #999;
}

table.agency-list td a:link,
table.agency-list td a:visited {
    color: #08c;
}

table.agency-list td.new-letter a,
table.agency-list td.new-letter a:visited {
    color: #666;
}

table.record-detail {
    width: 50%;
    margin: 10px auto 0;
}

table.record-detail tr.last td,
table.record-detail tr.last th {
    /* border-bottom: 1px solid #ddd; */
}

table.record-detail tr.first td,
table.record-detail tr.first th {
    border-top: 0;
}

table.record-detail th,
table.record-detail td {
    width: 50%;
}

table.record-detail th {
    text-align: right;
}

.notice {
    padding: .8em;
    background: #FFF0E5;
    border: 1px solid #F2C3A1;
}

.notice.record-detail {
    display: block;
    width: 50%;
    margin: 20px auto 15px;
    padding-left: 0;
    padding-right: 0;
}

.notice.record-detail > span {
    padding-left: .8em;
    padding-right: .8em;
    display: block;
}

/* header styles */

h1, h2, h1 small {
    font-family: 'Source Sans Pro', Verdana, sans-serif;
}

h1, h2 {
    font-weight: 700;
}

h1 small {
    font-weight: 400;
    font-size: 19.6px; /* 24.5 * 80% = 19.6px  */
}

h1.record-detail a:link,
h1.record-detail a:visited {
    color: #999;
    text-decoration: underline;
}

h1.record-detail .record-name-search:link,
h1.record-detail .record-name-search:visited {
	color: #333;
}

h1.record-detail .record-name-search a:hover {
	color: #5b5b5b;
}

h1.record-detail a:hover {
    color: #5b5b5b;
}

h1.contact {
    margin-bottom: 30px;
}

/* IDs */

img#header {
    margin-bottom: 1.75em;
}

#basic-text {
    width: 70%;
    margin: 20px auto 0;
}

#basic-text + table {
    margin-top: 25px;
}

#filter-records {
    background: #f7f7f7;
    width: 50%;
    margin: 15px auto 20px;
    padding: 1em 0 .7em;
    border: 1px solid #d0d0d0;
}

#filter-records > p {
    font-style: italic;
}

#main-listing {
    margin-top: 20px;
}

.advanced-search-form {
    display: none;
    background: #f6f6f6;
    padding: 10px;
    border: 1px solid #D0CFCF;
}

.search-form-toggle {
    padding-left: 10px;
}

#search-forms hr {
    margin: 12px auto;
    width: 90%;
}

.pagination {
    /* The pagination div always looks like it has more space below it
    than above. So add some padding on the top to even it out. */
    padding-top: 6px;
    margin: 10px 0;
}

#contact-info {
    border-left: thin solid #eee;
    padding-left: 1.25em;
}

#disqus_thread {
    margin-top: 30px;
}

#view-downloads {
    display: none;
  /* background: oldlace; */
    width: 50%;
    margin: 0 auto;
}

#view-downloads p.export-link.first {
    padding-top: 10px;
}

#view-downloads p.export-link.last {
    padding-bottom: 10px;
}

table.contact-info {
    margin-top: 17px;
}

table.contact-info tr:first-child th,
table.contact-info tr:first-child td {
    border-top: 0;
}

table.contact-info th {
    text-align: right;
}

a.note {
  font-size: smaller;
  color: red !important;
}

.note-detail {
  width: 50%;
  margin: 0 auto;
  background: #FFFACD;
  padding: 5px;
}

@media (max-width: 767px) {
  .affix {
    position: static;
  }
}