@import url(https://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%;
    max-height: 274px;
}

#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 {
}

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

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

#filter-records {
    background: #f7f7f7;
    margin: 10px;
    padding: 1em 0 .7em;
    border: 1px solid #d0d0d0;
}

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

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

#sponsor-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;
}

#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;
  }
}

/* donate */
.donate-btn {
  background: #DFE1E0;
  border-radius: 7px;
  color: #333;
  cursor: pointer;
  font-size: 18px;
  height: 42px;
  line-height: 42px;
  text-align: center;
}

.donate-btn.active {
  color: #fff;
  background: #fc0;
}

.donate-desc {
  margin: 10px 0 20px 0;
}

.donate-header p {
  margin: 20px 0;
}

.donate-form form {
  text-align: center;
}

.other-amount .input-prepend {
  width: 100%;
}

.other-amount input {
  /* 40px = 28px (add-on) + 6px (padding-left) + 6px (padding-right) */
  width: calc(100% - 40px);
}

@media (min-width: 768px ) {
  .donate-container {
    clear: left;
    padding: 0;
    height: 42px;
  }

  .donate-btn {
    float: left;
    width: 120px;
    margin: 0 15px 15px 0;
  }

  .other-amount {
    float: left;
    margin: 0 15px 15px 0;
  }

  .other-amount input {
    width: 79px;
  }

  .donate-desc {
    display: table-cell;
    vertical-align: middle;
    height: 42px;
  }

  .other-amount + .donate-desc {
    height: 30px;
  }

  .donate-form form {
    margin-top: 30px;
  }
}

.donatebar {
    padding: 10px;
    background: #f7f7f7;
    margin-bottom: 20px;
    text-align: center;
}

/* Mobile styles */
@media (max-width: 767px) {
    .donatebar {
        padding: 15px;
    }
}

@media (min-width: 720px) {
	.donatebar {
		display: block;
		background: #e8e8e8;
		padding: 15px;
		box-sizing: border-box;
		margin-bottom: 1.75em;
		text-align: center;
	}
}

.donatebar form {
	display: block;
	margin: 10px 0 0 0;
}

.white-popup {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 540px;
	margin: 20px auto;
}

.adsbygoogle.sidebar {
	margin-top: 30px;
}

a#year_dropdown.btn.dropdown-toggle {
    background-image:none;
    background-color:#fff;
    border:1px solid #c4c4c4;
    padding: 5px 30px;
    border-radius:0;
    font-size: 16px;
    box-shadow: none;
    text-decoration:none;
}
a#year_dropdown.btn:hover,
a#year_dropdown.btn:focus,
a#year_dropdown.btn:active,
a#year_dropdown.btn.active,
a#year_dropdown.btn.disabled,
a#year_dropdown.btn[disabled]{
    background-color:#e6e6e6;
}

ul#year_dropdown_sub{
    min-width: 0px;
    border-radius: 0;
    box-shadow: none;
}

ul#year_dropdown_sub li a{
    text-decoration:none;
    padding: 5px 40px 5px 39px
}

.release_drop {
  width: 100px;
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
    z-index: 2;
}

/* Responsive CSS code */

.container {
    background: #fff;
    margin: 0 auto 20px;
    border: thin solid #e0e0e0;
    max-width: 1100px;
}

#filter-records {
    margin: 5px auto;
    width: 100%;
}


#sponsor-records {
    width: initial;
    max-width: 500px;
}

.table {
    overflow-x: auto;
}

img#header {
}

.ad-unit {
    width: 100%;
    margin: 20px auto;
}

.ad-unit-header {
    margin-top: 0;
}

table.record-detail.summary {
    width: 100%;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
    left: .3em;
}

table.record-detail {
    width: 100%;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 28px;
}

.pagination ul>li {
    display: none;
}

.pagination .previous, .pagination .next {
    display: inline;
}

/* Large desktop */
@media (min-width: 1200px) {
    .ad-unit {
        margin: 40px auto;
        height: 200px;
    }

    .ad-unit-header {
        margin-top: 10px;
    }

    h1 {
        font-size: 38.5px;
    }

    h2 {
        font-size: 31.5px;
    }
}

/* above this all tablesaw columns are displayed */
@media (min-width: 1120px) {
    .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
        display: none;
    }

    .tablesaw-bar .minimap {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .donatebar form {
        display: inline;
        margin: 0 0 0 2px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .search-query {
        width: 50%;
    }

    .form-horizontal .control-label {
        width: initial;
        padding-right: 5px;
    }

    .form-horizontal .controls {
        margin-left: initial;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}

@media (min-width: 768px) {
    table.record-detail.summary {
        width: 50%;
    }

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

    .pagination ul>li {
        display: inline;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    button[type=submit] {
        height: 40px;
    }

    .span5.offset1 {
        margin-bottom: 30px;
    }

    .site-updates {
        margin-top: 25px;
        margin-bottom: 35px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    #filter-records input, #filter-records select {
        width: 30%;
        margin: 0 auto;
    }
}

.truthfinder-sidebar {
	display: none;
}

.ad-unit {
    height: 90px;
}

@media (min-width: 1200px) {
	.truthfinder-sidebar {
		display: block;
	}
}

.truthfinder-header-wrapper {
	width: 100%;
	margin: 50px 0 10px 0;
	display: none;
}

@media (min-width: 750px) {
	.truthfinder-header-wrapper {
		display: block;
	}
}

.truthfinder-header {
	width: 100%;
	margin: 0 auto;
}

/* Popup CSS code */

#main_container{

	line-height: 1.5rem;
}
#lt_container{
	float: left;
    width: 50%;
	padding-top: 25px;
	padding-bottom: 32px;
	padding-left: 20px;
	padding-right: 20px;
}
#rt_container{
	float: left;
    width: 50%;
	padding-top: 25px;
	padding-bottom: 32px;
	padding-left: 20px;
	padding-right: 20px;
	background: white;

}
#rt_container h2{
	font-size:20px;
	text-align: center;
}
#lt_container h2{
	color:#9c3028;
	font-size:20px;
	text-align: center;
}
#lt_container p{
	font-size: 14px;
}
.donationform{
	width:100%;
}
.dollarvalue{
	margin-bottom:20px;
	background-color:#0095dd;
	padding:5px 0px;
	border-radius:4px;
}
.dollarvalue label{
	color:#ffffff;
	font-size:16px;
	font-weight:700;
	display: inline;
    margin: 0 10px;
}
.dollarvalue input{
	border:none;
	border-radius:4px;
	padding: 10px;
    margin: 10px;
    width: 70%;
}
.donationtype_container{
	display:flex;
	justify-content:center;
	margin-bottom:10px;
}
.donationtype{
	float: left;
	margin: 10px 0px;
}
.donationtype label{
	padding-left:10px;
	display:inline;
}
.donatebutton{
	clear:both;
}
.donatebutton button{
	padding: 10px 20px;
	background-color: #49affd;
    color: #fff;
    background-image: linear-gradient(transparent,rgba(0,0,0,.1));
    border-radius:4px;
    border:none;
    width: 100%;
    font-size: 16px;
}
/**** Sunshine Week ****/
.ssw #rt_container{
	text-align:center;
}
.ssw #lt_container{
	width:40%;
}
.ssw #rt_container{
	width:60%;
}
.ssw h2{
	color: #334367;
	font-size:28px!important;
}
.ssw p{
	font-size:16px;
}
.ssw .donatebutton button{
	padding: 10px 20px;
	background-color: #f4c93c;
    color: #334367;
    background-image: linear-gradient(transparent,rgba(0,0,0,.1));
    border-radius:4px;
    border:none;
    width: 200px;
    font-size: 16px;
	font-weight:bold;
}
.ssw{
	background-color:#ffffff;
	display:flex;
	align-items:center;
}
@media (max-width:768px)
{
	.donationtype{
		float:none;
	}
	#lt_container, #rt_container{
		float:none;
		width:100%;
	}
}
.slickModal .close.icon {
	opacity: 1;
}

.adBanner {
    background-color: transparent;
    height: 1px;
    width: 1px;
}
/** Payment Form CSS **/
#payment-form{
    max-width: 600px;
    margin: 0 auto;
    padding: 30px;
    background-color: #f6f6f6;
}
#payment-form input{
    box-shadow: none;
    border-radius: 0px;
    padding: 5px 4px;
    width:100%;
}
#payment-form textarea{
    width:100%;
    min-height:200px;
}
input#custom_amount, input#email{
    width:45%;
}
.input_left{
    width:45%!important;
    float:left;
}
.input_right{
    width:45%!important;
    float:right;
}
#payment-form select{
    border-radius:none;
    width:100%;
}

#zip_code{
    clear:both;
    width:45%;
}
.card-input{
    background-color:#ffffff;
    border-radius:0!important;
    box-shadow:none!important;
    padding:8px 4px!important;
}
#payment-form input.checkbox, #payment-form input.radio{
    width: 20px!important;
    display: inline-block;
    margin-top: -5px;
}
#payment-form label.checkbox, #payment-form label.radio{
    display:inline-block;
    padding-left:0!important;
}
@media only screen and (max-width: 450px){
    .input_left, .input_right{
        width:100%!important;
        float:none;
    }
    input#amount, input#email, input#zip_code{
        width:100%!important;
    }
}

/* donation thermometer */
.progress-bg {
	margin: 0 auto;
	width: 65%;
	height: 78px;
	border-radius: 10px;
  text-align: center;
	-moz-box-shadow:    inset 0 0 10px #ccc;
	-webkit-box-shadow: inset 0 0 10px #ccc;
	box-shadow:         inset 0 0 10px #ccc;
}

.progress-bar {
	height: 78px;
	border-radius: 10px;
	float: left;
	width: 50%;
	/* fallback */
	background-color: #1c314a;

	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1c314a), to(#27425f));

	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #1c314a, #27425f);

	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #1c314a, #27425f);

	/* IE 10 */
	background: -ms-linear-gradient(top, #1c314a, #27425f);

	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #1c314a, #27425f);
}

.progress-bg h3.goal, .progress-bg h3.raised {
	font-family: Arial,sans-serif;
    font-size: 1.5em;
    font-weight: 600;
	line-height: 78px;
	margin: 0;
	padding: 0;
	text-align: center;
	display: inline;
}


.progress-bg h3.raised {
	color: #fff;
	margin: 14px 25px 0 50px;
	padding: 0 25px 0 0;
}

.progress-bg h3.goal {
	color: #b2b2b2;
  text-align: center;
}

body .progress-bg h3.raised {
    -webkit-animation: fadein 4s; /* Safari and Chrome */
       -moz-animation: fadein 4s; /* Firefox */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera */
            animation: fadein 4s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

.progress-bg h3.goal {
	float: right;
	display: inline;
	padding: 0 25px 0 0;
  text-align: center;
}

body .progress-bg div {
	-webkit-animation: progress-bar 2s ease forwards;
	-moz-animation: progress-bar 2s ease forwards;
	-o-animation: progress-bar 2s ease forwards;
	animation: progress-bar 2s ease forwards;
}

@media (max-width: 600px) {
    .progress-bg h3.raised {
        font-size: 1em;
        display: block;
        margin: 0;
        padding: 0;
    }
    .progress-bg h3.goal {
        display: none;
    }
}
#mobileClose {
    display: none;
}

@media (max-width: 670px) {
    #lt_container {
        display: none;
    }
    .ssw #rt_container {
        width: 100%;
    }
    #mobileClose {
        display: block;
    }
}

@media print {
    /* display all columns when printing */
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6,
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5,
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4,
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3,
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2,
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: table-cell !important;
  }
    /* hide links */
    a[href]:after {
        content: none !important;
    }
}