/* 2015-09-16 OD: For Grantee summary table */
.grantee-table-container, .grant-table-container{
  clear:both;
  padding-top:10px;
  color: rgb(0,0,0);
  //border:1.5px solid #666;
  margin:1px 1px 1px 1px;
  padding: 5px;
  background-color:white;
  line-height: 8px;
  overflow: -moz-scrollbars-vertical
  overflow: -moz-scrollbars-horizontal;
  overflow-y: scroll;
  overflow-x: scroll;
}

/*.grantee-table-container {*/
  /*height: 80px;*/
/*}*/
/*.grant-table-container {*/
  /*height: 100px;*/
/*}*/

.grantee-table-container td {
  padding: 1px 1px 1px 1px;
  min-width: 150px;
}

.grant-table-container td {
  padding: 1px 1px 1px 1px;
  min-width: 50px;
}

/*.grantee-table-container tbody {*/
  /*overflow: scroll;*/
/*}*/
/*.grant-table-container tbody {*/
  /*overflow: scroll;*/
/*}*/

.outer-container .header {
  height: 60px;
}
/* End of Grantee Summary Table */

/* 2015-09-09  OD: for legislator info and picture */
#mouse-tip #tip_container > div.tip-table,
#mouse-tip #tip_container > div#tip-legislator{
    position: relative;
    float: left;
}

#mouse-tip #tip_container > div#tip-legislator{
    width: 275px;
    top: 10px;
}

#mouse-tip #tip-legislator{
  font-weight:lighter;
  font-size: 12px;
  text-align: center;
  padding-top: 5px;
  height: 90px;
}

#mouse-tip #tip-legislator .leg-picture {
    position: absolute;
    border-radius:10px;
    overflow:hidden;
    left:5px;
    top:10px;

}
#tip-legislator .leg-picture {
    border-radius:10px;
}

#tip-legislator .leg-name, #tip-legislator .leg-header{
    font-family: Tahoma, Arial, Corbel, Verdana, Helvetica, sans-serif;
    font-size: 1em;
    white-space: nowrap;
}

#tip-legislator .leg-header{
  font-weight: normal;
}

#tip-legislator .leg-name{
  font-weight: bold;
}

#mouse-tip #tip-legislator .leg-name{
    position: absolute;
    left: 60px;
    top: 15px;
}

#mouse-tip #tip-legislator .leg-header{
    position: absolute;
    left: 60px;
    top: 35px;
}

#mouse-tip #tip-legislator .leg-contact{
    display: none;
}

#tip-legislator .leg-contact{
    text-align: center;
    white-space: nowrap;
    width: 150px;
}

#mouse-tip #tip-legislator .leg-contact{
    position: absolute;
    left: 60px;
    top: 50px;
}

#tip-legislator .leg-website{
    position: relative;
    float:left;
    padding: 5px;
    padding-left: 0px;
}

#tip-legislator .leg-email{
    position: relative;
    float:left;
    padding: 5px
}

#mouse-tip #detail-view-tip-header{
    display:none;
}

#mouse-tip #tip-legislator .tip-header{
    width: 210px;
}

#mouse-tip .tip-table{
    width: 100%;
}
#mouse-tip #tip_container div.div-close {
    display: none;
}

.background {
  fill: none;
  pointer-events: all;
}

path {
  stroke-linejoin: round;
}

.districts {
  fill: #bbb;
}

.districts :hover {
  fill: orange;
  cursor: pointer;
}

.district-boundaries {
  pointer-events: none;
  fill: none;
  /* stroke: #ddd;
  stroke: hsl(27, 98%, 6%); #charcoal */
  stroke: #fff;

}

.state-boundaries {
  pointer-events: none;
  fill: none;
  stroke: #fff;
  stroke-width: 1.5px;
}

.stateLabel, .districtLabel {
  color: #ccc;
  pointer-events: none;
}

.selected {
  fill: orange;
  background-color:orange;
}

.clicked {
  fill: red;
  backgroud-color: white
}
#resetButton {
    background-color: #fff;
    padding: 3px 8px;
    position: absolute;
    left: 849px;
    top: 550px;
    z-index: 90000;
    display: inline-block;
    font-size: 10px;
    color: #555;
    cursor: pointer;
    width: 60px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#resetButton:hover {
	background-color: #ccc;
	color: #444;
  //      border: 1px solid #444;
}

#zoomButton {
    background-color: #fff;
    position: absolute;
    left: 905px;
    top: 74px;
    z-index: 500;
    display: inline-block;
    font-size: 10px;
    color: #555;
    cursor: pointer;
    width: 20px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#zoomButton:hover {
 // border: 1px solid #444;
}

div#zoomButton div {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}

div#zoomButton div.in {
  border-bottom: 1px solid #ccc;
}

div#zoomButton div:hover {
    background-color: #ccc;
    color: #444;
    //border: 1px solid #444;
    width: 100%;
}

div#mapdiv{
  width: 920px;
  height: 525px;
  overflow: hidden;
}
/*
svg#map{
 width: 920px;
 height: 518px;
 overflow: hidden;
}
*/
svg#map{
 width: 920px;
 height: 525px;
 overflow: hidden;
}

#facet-panel-toolbar{
  margin-bottom:10px;
}

div.odd{
  height:780px;
}

#filters {
  width: 50%;
  float: auto;
}
//

#filters select {
  margin-right: 10px;

}

#summary fieldset div.form-row label, label#filter_option_item {
  font-family: Tahoma, Arial, Corbel, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

/*

svg{
  border: 1px gray solid;
}


div#content{
  width: 767px;
  height: 600px;
  text-align: center;
  margin: 0 auto;
  display: block;
}

div#header{
  position:relative;
  margin: auto;
}


h1{
  padding-top: 50px;
  padding-bottom: 25px;
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  font-family: Verdana
}

body {background-color: #3e3e3e}
*/

.d3-tip, #mouse-tip {
  line-height: 1.5;
  padding-top: 8px;
  padding-bottom: 8px;
  z-index: 91000;
  border: 1px solid #ccc;
  color: rgba(0,0,0,1);
  background: #fff;
  border-radius: 0px;
  text-align: center;
  font-family: Tahoma, Arial, Helvetica;
  font-size: 12px;
  border-radius: 15px;
 /* box-shadow: 1px 1px 1px;*/
  width:275px;

}

#tip_container div.tip-legislator div{
    position:relative;
    float:left;
}

#tip_container, #tip_container span {
  border: 0px white solid;

}

#tip_container #row {
  /*width:210px;*/
  clear:both;
}
/* changed from 120 to 200 */
#tip_container span.key {
  text-align:left;
  float:left;
  width: 120px;
  padding-left:5px;
  padding-right:0px;
}

#tip_container span.value1 {

  text-align:right;
  float:right;
  clear:right;
  padding-right:5px;
  width:90px;
}

#tip_container span.dollars {
  text-align: right;
  float:right;
  clear:right;
  padding-right:5px;
  width:90px;
}

#tip_container div.tip-header {
  border-bottom: 1px black solid;
  font-weight: bold;
  padding: 5px;
}

div#map-controls {
 width: 920px;
 height: 50px;
}

div#legend-container{
  float: right;
  width: 200px;
}

div#label-container{
  margin-top: 3px;
  width: 200px;
}

div#label-container #lowest{
  float: left;
  width: 80px;
}

div#label-container #highest{
  float: right;
  text-align: right;
  width:80px;
}

#legend {
  width: 200px;
  height: 12px;
  border: 1px solid #ccc;
}

#org-legend {
    width: 200px;
    height: 48px;
    /* border: 1px solid #ccc; */
}

span.key {
    /*border-top-width: 15px;
    border-top-style: solid;
    font-size: .75em;*/
    width: 8.33%;
    padding-left: 0;
    padding-right: 0;
    float:left;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.outer-container {
  width:1220px;
}

.outer-container .rank-widget-container {
  width:275px;
  height:568px;
  float:right;
  border-radius: 4px;
  background:#fff;
  border:1.5px solid #ccc;
}

.outer-container .rank-table-container {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  height: 468px;
}

.outer-container .rank-widget-container .header {
  height: 60px;
}

.outer-container .rank-widget-container .footer {
  height: 40px;
}


.rank-table-container table {
}

.rank-table-container td {
  padding: 3px 0px 3px 7px;
  whitespace: no-wrap;
  min-width:40px;
}

.rank-table-container tbody {
  overflow: scroll;
}

.outer-container .map-with-controls {
  float:left;
  width:920px;
}

span.key-80{
}

span.key-25{
}

div.footnote{
  clear:both;
  padding-top:30px;
  color: rgb(0,0,0);

  border:1px solid #666;
  margin:10px 0px 40px 0px;
  padding: 5px;
  background-color:#DDD;

  line-height: 18px;
}

div.footnote p{

}

div#advice{
  position:absolute;
  text-align:left;
  padding-left:20px;
  top:480px;
  font-style:italic;
  font-weight:bold;
  //display:none;
}

div.state-barchart-container{
  width:100%;
  text-align:center;
  margin-top:50px;
}

#state-barchart div {
  font: 10px sans-serif;
  background-color: steelblue;
  text-align: right;
  padding: 3px;
  margin: 1px;
  color: white;
  position:absolute;
  bottom:0px;
}



.chart rect {
  fill: steelblue;
}

.chart text {
  fill: white;
  font: 10px sans-serif;
  text-anchor: middle;
}


.axis text {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

div#state-barchart-title{
  font-weight:bold;
  padding-left:20px;
}

div.territories {
    height: 60px;
    clear: both;
    //border: 1px solid black;
    padding: 15px;
}

#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
    //text-align:center;
    z-index: 95000;
    display:none;
}

#lightbox div.row {
    //height:0px;
    text-align:right;
    position:absolute;
    right:0px;
    top:-3px;
    z-index: 95001;
}


#tables-container{
    width: 90%; /*can be in percentage also.*/
    height: 75%;
    min-height: 50px;
    margin: 0 auto;
    padding-right: 10px;
    position: relative;
    background-color: white;
    top: 50px;
    border-radius: 10px;
    border: 1px solid white;
}

#tables-container #title-row{
    padding-left: 15px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

#tables-container #title-row h2 {
    font-family: Tahoma, Arial, Corbel, Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
}

#tables-container h3 {
    font-family: Tahoma, Arial, Corbel, Verdana, Helvetica, sans-serif;
    font-size: 1.1em;
    //font-weight: bold;
}
.grant-summary{
    position:relative;
    float:left;
    //left:100px;
    width:625px;
    //height:40%;
    padding-top:20px;
    //background-color: rgb(229, 247, 206);
    border-radius: 5px;
    border: 1px solid rgb(68, 94, 33);;

}

.grant-details{
    position:relative;
    float:left;
    overflow: scroll;
    height: inherit;
    width: 100%
}

.grant-details table tbody tr td {
    white-space: nowrap;
}

div.dataTables_length{
    position: absolute;
    left: 210px;

}

div.dataTables_wrapper div.dataTables_filter{
    position: relative;
    float:left; 
    padding-left: 10px; 
}


.grant-details table.dataTable thead th,table.dataTable thead td{
  padding-top: 10px;
  padding-bottom: 10px; 
  padding-left: 10px;
  padding-right: 0px;
}
.grant-details table tbody tr td {
    white-space: nowrap;
}


.grant-details > .dataTables_wrapper > .dataTable > tbody > tr > td:nth-child(2),
.grant-details > .dataTables_wrapper > .dataTable > tbody > tr > td:nth-child(3),
.grant-details > .dataTables_wrapper > .dataTable > tbody > tr > td:nth-child(4),
.grant-details > .dataTables_wrapper > .dataTable > tbody > tr > td:nth-child(5)
{
    text-align: right;

}

.grant-details > .dataTables_wrapper > .dataTable > thead > tr > th:nth-child(2),
.grant-details > .dataTables_wrapper > .dataTable > thead > tr > th:nth-child(3),
.grant-details > .dataTables_wrapper > .dataTable > thead > tr > th:nth-child(4),
.grant-details > .dataTables_wrapper > .dataTable > thead > tr > th:nth-child(5)
{
    text-align: left;

}

.grant-details > .dataTables_wrapper > .dataTable > thead > tr > th:nth-child(1),
.grant-details > .dataTables_wrapper > .dataTable > thead > tr > th:nth-child(6),
.grant-details > .dataTables_wrapper > .dataTable > thead > tr > th:nth-child(7),
.grant-details > .dataTables_wrapper > .dataTable > thead > tr > th:nth-child(8){
    padding-left: 10px;
}

.grant-details-title{
    position: relative;
    float: left;
    margin-top: 10px;
}

a[href ^="mailto:"] {
    padding-right: 20px;
    background: transparent url(../images/icon_mailto.gif) no-repeat center right;
}

a[class ~="external"] {
    padding-right: 18px;
    background: transparent url(../images/icon_external.gif) no-repeat center right;
}

.rank-table-container tr, .territories {
    cursor: pointer;
}

#tables-container #title-row > div {
    position:relative;
}
#tables-container #title-row > div.header {
    float:left;
}
#tables-container #title-row > div.buttons {
    float:right;
}
#tables-container #title-row > div.close {
    float:right;
    right: -22px;
    top: -12px;
    cursor: pointer;
}
#tables-container #title-row > div.buttons > a {
    font-family: Tahoma, Arial, Corbel, Verdana, Helvetica, sans-serif;
    //font-size: 1.1em;
    font-weight: bold
}
#summary > div.hd > div > h2 > div > a{
  padding-left: 1px; 
  padding-right: 1px;
}
#summary > div.hd > div > h2 > div{

}
body.nifa-grant-awards-by-congressional-district #summary > div.hd > div > h2 {
  padding-right: 0px;
}

#tables-container #title-row #tip_container .div-close{
    display:none;
}
#tables-container #title-row #tip_container .tip-header{
    display:none;
}
#tables-container #title-row #tip_container {
    clear:both;
    width: inherit;
    top: 10px;
    height: 100px;
}
#tables-container #title-row #tip_container > div.tip-table{
    position:relative;
    float: left;
    clear: left;
}
#tables-container #title-row #tip_container > div#tip-legislator{
    float: left;
    border: 0px solid white;
    position: relative;
    width: 300px;
    left: 20px;
}
#tables-container #title-row #tip_container #tip-legislator > div[class ^="leg"]{
    top: 0px;
    position: absolute;
}

#tables-container #title-row #tip_container #tip-legislator div.leg-header{
    top: 20px;
    left: 60px;
}

#tables-container #title-row #tip_container #tip-legislator div.leg-name{
    top: 0px;
    left: 60px;
}

#tables-container #title-row #tip_container #tip-legislator div.leg-contact{
  top: 35px;
    left: 60px;
}

#tables-container #title-row #tip_container #tip-legislator div.leg-picture{
  left:5px;
}

#tables-container #title-row #tip_container #tip-legislator div.leg-picture img{
    border-radius: 5px;
}

#tip_container .tip-table .row_2{
    border-top: 1px solid black;
}
#tables-container > #title-row > div.header{
    height: 20px;
}

#tables-container #tip_container > #detail-view-tip-header{
    display:block;
}
#tables-container #tip_container > #detail-view-tip-header > div{
    position: relative;
    float: left;
    white-space: nowrap;
    font-family: Tahoma, Arial, Corbel, Verdana, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    padding-top:5px;
    padding-bottom: 5px;
}
#tables-container #tip_container > #detail-view-tip-header > div.first{
    width: 220px;
    left: 5px;
}
#tables-container #tip_container > #detail-view-tip-header > div.second{
    width: 200px;
    left: 25px;
}
table.dataTable {
    font-size: 12px;
}
iframe#csvDownloadFrame{
  display: none;
}