/* Permanent Styles that Always Apply */

#icon_tooltip
	{
		font-size:13px;
		color:#ffffff;
		background-color:#3F4E64;
		font-family: GothamNarrow-Medium;
		padding:3px;
		cursor:default;
	}
.hidden
	{
		display:none;
	}

#breaker
	{
		display:none;
	}
#articleTools {
	font: 9px Helvetica, Arial, sans-serif;
	color: #bbb;
	margin:auto;
	margin-top: 10px;
	width:90%;
	max-width:920px;
	padding: 0px 3px;
}
#articleTools p.lastUpdated {
	margin: 0;
	display:none;
	max-width: 350px;
 	color: rgba(0, 0, 0, 0);
}
#shareLinks {
	float: right
}
#shareLinks a {
 	color: rgba(0, 0, 0, 0);
 	padding: 2px 0 2px 1px;
	margin-left: 5px;
	width:15px;
}

#twitterLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left 1px
}
#facebookLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left -20px
}
#googleLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left -40px
}
#mailLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left -57px
}


.member_election_data_candidate
{
	float:left;
	width:60%;
}

.member_election_data_year h3
{
	font-size:20px;
}
.member_election_data_year h4
{
	font-family: GothamNarrow-Medium;
	font-size:20px;
	margin:0px;
	text-align:left;
}


.member_election_data_votes
{
	float:left;
	width:20%;
}
.member_election_data_perc
{
	float:right;
	width:15%;
}
p.lastUpdated {
	width: 300px;
}

.ieWarning {
	display: none;
	padding: 20px;
	margin: 20px;
}

/* DIstrict Card Width Independent Styles */ 


	
/* CSS Elements -- Default 320 Wide */
	

#logo > a > img {
    width: 166px;
}
h2.center {
	font-size: 12px;
	color: #999;
	font-weight: normal;
	font-style: normal;
	margin-top: 0;
	line-height: 140%;
	text-align:center;
}

h2.maintitle
{
    font-family: "Vitesse-Black";
    color: #4A5567;
	font-size:20px;
    margin-top: 5px;
    margin-bottom: 7px;
	width:100%;
}

body
{
    font-family: GothamNarrow-Book;
    font-size: 20px;
	min-width:300px;
	color:#333;
}

#contentArea.clearfix {
	min-width:290px;
	padding: 0px 5px;
	position: relative;
	width:95%;
	margin: 0 auto;
	margin-top:10px;
/*
	max-width:1080px;
	min-width:920px;
*/

}

#nav {
    background-color: #2F3B4B;
    height: 40px;
    position: fixed;
    z-index: 10000000;
    overflow: hidden;
    width: 100%;
}



.hidden
	{
		display:none;
	}

.hiddencontrol
	{
		display:none;
	}
	
.activecontrol
	{
		display:block;
	}

.note 
	{
		font-size: 12px;
		padding-left: 2px;
		padding-right: 2px;
		line-height: 110%;
		margin-bottom: 15px;
}

.footnote
	{
		margin-top:30px;
		padding:3px;
		font-weight:normal;
		
	}



#footer
	{
		padding:0px;
		margin:0px;
	}
	
#footer .footer-right-div .link-div {
    display: inline-block;
 	height:auto;
    position: relative;
    width: 90%;
	padding:0px;
	margin:0px;
}
#footer .footer-left-div {
    float: left;
    position: relative;
    width: 95%;
}


#logo > a > img {
    width: 166px;
}
#shareLinks
{
	font-size:12px;
	height:13px;
	padding:1px 0px;
}

@media (max-width: 649px)
{

body
{
	font-family: GothamNarrow-Book;
    font-size: 20px;
	min-width:320px;
	color:#333;
}

#mobile_nav_members
	{
		width:100%;
	}

#mobile_nav_delegation
	{
		width:100%;
	}

#mobile_nav
	{
		display:block;
		width:100%;
		text-align:center;
	}
	
#contentArea.clearfix {
  padding: 0px 0 20px 0;
	position: relative;
	width:100%;
	margin: 0 auto;
	max-width:500px;
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
}

#articleTools {
    font-family: GothamNarrow-Book;
	color: #bbb;
	margin:auto;
	margin-top: 10px;
	width:100%;
	min-width:320px;
	padding: 0px 0px;
	font-size:12px;
	float:left;
	padding-bottom:4px;
}
#articleTools p.lastUpdated {
	margin: 0;
	width:100%;
	color:#666;
	display:block;
	float:none;
	padding:3px;
}
#shareLinks {
	float: none;
	width:100%;
}
#shareLinks a {
	color: #555;
	padding: 2px 0 2px 20px;
	margin-left: 15px
}
#twitterLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left 1px
}
#facebookLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left -20px
}
#googleLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left -40px
}
#mailLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left -57px
}

#left_column
{
	width:25%;
	min-width:220px;
	max-width:220px;
	float:left;
	padding-top:15px;
	margin:0px 3px;
	display:none;
	/* border-right:1px solid grey; */
	/* height:100vh; */
}
.spotlight_map-container
{
	height:400px;
	width:220px;
	margin:auto;
}
svg#spotlight_map {
	fill: none;
	height: 400px;
	position: relative;
	z-index: 0;
	cursor: pointer;
	margin-right: 15px;
	pointer-events:none;
	margin:auto;
	display:block;
}
#other_members_list hr
{
	margin: 0;
}
#other_members_list h3
{
	margin:5px 0px;	
	font-size:16px;
	font-family:GothamNarrow-Bold;
	color:#000000;
}
#other_members_list h4
{
	margin:4px 0px;	
	font-size:15px;
	font-family: GothamNarrow-Medium;
	color:#333;
}
#other_members_list
{
	font-size:15px;
	font-family: GothamNarrow-Book;
	color:#000000;
}
.cq_reference
{
	font-family: GothamNarrow-Book;
	font-size:15px;
	color:#333;
	font-style:italic;
}
#other_members_list a
{
	font-size:15px;
	font-family: GothamNarrow-Book;
}
#other_members_list_delegation
{
/*	max-height:100px;
	height:100px;
	overflow:auto;*/
	padding-bottom:5px;
                padding-top:5px;}
#new_leaderboard
{
	display:none;
}

#central_column
{
	width:100%;
	min-width:200px;
	float:none;
	/* border-right:1px solid grey; */
	/* height:100vh; */
}

#flexad
{
	float:none;
	width:100%;
	margin:auto;
	max-width:320px;
}
#twitterblock
{
	float:none;
	width:100%;
	margin:auto;
	max-width:320px;
}
#member_headline h2
{
	font-size:30px;
    font-family:LyonDisplay-Black;
	margin-bottom:2px;
}
#member_headline
{
	font-family: GothamNarrow-Book;
	font-size:20px;
	float:left;
	width:70%;
	min-width:210px;
	display:table-cell;
	vertical-align:bottom;
}

.member_biography h3
{
	font-size:23px;
	font-family: GothamNarrow-Bold;
	color:#000000;
}
.member_election_data_year h3
{
	font-size:20px;
}
.member_election_data_year h4
{
	font-family: GothamNarrow-Medium;
	font-size:20px;
	margin:0px;
	text-align:left;
}

.google-visualization-tooltip { 

	  width: 250px !important;
	  font-size:  12px !important;
	  padding:3px;
	  display:none;

	}
	

#right_column
{
	width:100%;
	min-width:300px;
	padding-top: 15px;
	float:none;
	margin:auto;
	/* border-right:1px solid grey; */
	/* height:100vh; */
}

#loading {
	position: absolute;
	top: 350px;
	left: 355px;
	z-index: 100;
	text-align: center;
	width: 250px;
	color: #c5c5c5;
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 16px;
	border-style: none;
}


.member_header
{
	width:100%;
	margin:3px;
	display:table;
}

#member_image
{
	float:left;
	padding-right:10px;
	display:table-cell;
	vertical-align:bottom;
}

.member_biography
{
	width:100%;
	margin:3px;
}

.sub_heading
{
	font-family: "GothamNarrow-Medium";
	color: #333333;
}
h3
{
	font-family: "GothamNarrow-Bold";
	color: #4A5567;
}
#loading img {
	margin-bottom: 10px;
}


	
.footnote
	{
		margin-top:30px;
		padding:15px;
		font-weight:normal;
		
	}

#mobile-nav
{
	display:none;
}




}


@media (max-width: 899px) and (min-width: 650px)
{
	#logo > a > img {
	width: 450px;
}

#mobile_nav
	{
		display:none;
	}

#breaker
{
	width:100%;
	float:none;
	clear:both;
	display:block;
}
body
{
	font-family: GothamNarrow-Book;
    font-size: 20px;
	min-width:300px;
	color:#333;
}

#contentArea.clearfix {
  padding: 0px 0 20px 0;
	position: relative;
	width:100%;
	margin: 0 auto;
	margin-top:10px;
	max-width:1030px;
}

#articleTools {
    font-family: GothamNarrow-Book;
	color: #bbb;
	margin:auto;
	margin-top: 10px;
	width:100%;
	min-width:760px;
	padding: 0px 10px;
	font-size:12px;
	float:left;
	padding-bottom:4px;
}
#articleTools p.lastUpdated {
	margin: 0;
	max-width: 350px;
	color:#666;
	display:block;
	float:left;
}
#shareLinks {
	float: right
}
#shareLinks a {
	color: #555;
	padding: 2px 0 2px 20px;
	margin-left: 15px
}
#twitterLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left 1px
}
#facebookLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left -20px
}
#googleLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left -40px
}
#mailLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left -57px
}

#left_column
{
	width:25%;
	min-width:220px;
	max-width:220px;
	padding-top:15px;
	float:left;
	margin:0px 3px;
	/* border-right:1px solid grey; */
	/* height:100vh; */
}
.spotlight_map-container
{
	height:400px;
	width:220px;
	margin:auto;
}
svg#spotlight_map {
	fill: none;
	height: 400px;
	position: relative;
	z-index: 0;
	cursor: pointer;
	margin-right: 15px;
	pointer-events:none;
}
#other_members_list hr
{
	margin: 0;
}
#other_members_list h3
{
	margin:5px 0px;	
	font-size:16px;
	font-family:GothamNarrow-Bold;
	color:#000000;
}
#other_members_list h4
{
	margin:4px 0px;	
	font-size:15px;
	font-family: GothamNarrow-Medium;
	color:#333;
}
#other_members_list
{
	font-size:15px;
	font-family: GothamNarrow-Book;
	color:#000000;
}
.cq_reference
{
	font-family: GothamNarrow-Book;
	font-size:15px;
	color:#333;
	font-style:italic;
}
#other_members_list a
{
	font-size:15px;
	font-family: GothamNarrow-Book;
}
#other_members_list_delegation
{
/*	max-height:100px;
	height:100px;
	overflow:auto;*/
	padding-bottom:5px;
                padding-top:5px;}
#new_leaderboard
{
	display:none;
}

#central_column
{
	width:62%;
	min-width:200px;
	float:left;
	/* border-right:1px solid grey; */
	/* height:100vh; */
}

#flexad
{
	float:right;
	width:45%;
	
}
#twitterblock
{
	float:left;
	width:50%;
}
#member_headline h2
{
	font-size:30px;
    font-family:LyonDisplay-Black;
	margin-bottom:2px;
}
#member_headline
{
	font-family: GothamNarrow-Book;
	font-size:20px;
	float:left;
	width:70%;
	min-width:210px;
	display:table-cell;
	vertical-align:bottom;
}

.member_biography h3
{
	font-size:23px;
	font-family: GothamNarrow-Bold;
	color:#000000;
}
.member_election_data_year h3
{
	font-size:20px;
}
.member_election_data_year h4
{
	font-family: GothamNarrow-Medium;
	font-size:20px;
	margin:0px;
	text-align:left;
}

.google-visualization-tooltip { 

	  width: 250px !important;
	  font-size:  12px !important;
	  padding:3px;

	}
	

#right_column
{
	width:100%;
	min-width:300px;
	padding-top: 15px;
	float:none;
	margin:0px 3px;
	/* border-right:1px solid grey; */
	/* height:100vh; */
}

#loading {
	position: absolute;
	top: 350px;
	left: 355px;
	z-index: 100;
	text-align: center;
	width: 250px;
	color: #c5c5c5;
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 16px;
	border-style: none;
}


.member_header
{
	width:100%;
	margin:3px;
	display:table;
}

#member_image
{
	float:left;
	padding-right:10px;
	display:table-cell;
	vertical-align:bottom;
}

.member_biography
{
	width:100%;
	margin:3px;
}

.sub_heading
{
	font-family: "GothamNarrow-Medium";
	color: #333333;
}
h3
{
	font-family: "GothamNarrow-Bold";
	color: #4A5567;
}
#loading img {
	margin-bottom: 10px;
}


	
.footnote
	{
		margin-top:30px;
		padding:15px;
		font-weight:normal;
		
	}

#mobile-nav
{
	display:none;
}




}

 
@media (max-width:1049px) and (min-width: 900px)
{
	#logo > a > img {
	width: 450px;
}

#mobile_nav
	{
		display:none;
	}

body
{
	font-family: GothamNarrow-Book;
    font-size: 20px;
	min-width:300px;
	color:#333;
}

#contentArea.clearfix {
  padding: 0px 0 20px 0;
	position: relative;
	width:100%;
	margin: 0 auto;
	margin-top:10px;
	max-width:1030px;
}

#articleTools {
    font-family: GothamNarrow-Book;
	color: #bbb;
	margin:auto;
	margin-top: 10px;
	width:100%;
	min-width:760px;
	padding: 0px 10px;
	font-size:12px;
	float:left;
	padding-bottom:4px;
}
#articleTools p.lastUpdated {
	margin: 0;
	max-width: 350px;
	color:#666;
	display:block;
	float:left;
}
#shareLinks {
	float: right
}
#shareLinks a {
	color: #555;
	padding: 2px 0 2px 20px;
	margin-left: 15px
}
#twitterLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left 1px
}
#facebookLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left -20px
}
#googleLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left -40px
}
#mailLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left -57px
}

#left_column
{
	width:25%;
	min-width:220px;
	max-width:220px;
	padding-top:15px;
	float:left;
	margin:0px 3px;
	/* border-right:1px solid grey; */
	/* height:100vh; */
}
.spotlight_map-container
{
	height:400px;
	width:240px;
	margin:auto;
}
svg#spotlight_map {
	fill: none;
	height: 400px;
	position: relative;
	z-index: 0;
	cursor: pointer;
	margin-right: 15px;
	pointer-events:none;
}
#other_members_list hr
{
	margin: 0;
}
#other_members_list h3
{
	margin:5px 0px;	
	font-size:16px;
	font-family:GothamNarrow-Bold;
	color:#000000;
}
#other_members_list h4
{
	margin:4px 0px;	
	font-size:15px;
	font-family: GothamNarrow-Medium;
	color:#333;
}
#other_members_list
{
	font-size:15px;
	font-family: GothamNarrow-Book;
	color:#000000;
}
.cq_reference
{
	font-family: GothamNarrow-Book;
	font-size:15px;
	color:#333;
	font-style:italic;
}
#other_members_list a
{
	font-size:15px;
	font-family: GothamNarrow-Book;
}
#other_members_list_delegation
{
/*	max-height:100px;
	height:100px;
	overflow:auto;*/
	padding-bottom:5px;
                padding-top:5px;}
#central_column
{
	width:40%;
	min-width:300px;
	float:left;
	/* border-right:1px solid grey; */
	/* height:100vh; */
}

#member_headline h2
{
	font-size:30px;
    font-family:LyonDisplay-Black;
	margin-bottom:2px;
}
#member_headline
{
	font-family: GothamNarrow-Book;
	font-size:20px;
	float:left;
	width:70%;
	min-width:210px;
	display:table-cell;
	vertical-align:bottom;
}

.member_biography h3
{
	font-size:23px;
	font-family: GothamNarrow-Bold;
	color:#000000;
}
.member_election_data_year h3
{
	font-size:20px;
}
.member_election_data_year h4
{
	font-family: GothamNarrow-Medium;
	font-size:20px;
	margin:0px;
	text-align:left;
}

.google-visualization-tooltip { 

	  width: 250px !important;
	  font-size:  12px !important;
	  padding:3px;

	}
	

#right_column
{
	width:28%;
	min-width:300px;
	padding-top: 15px;
	float:right;
	margin:0px 3px;
	/* border-right:1px solid grey; */
	/* height:100vh; */
}

#loading {
	position: absolute;
	top: 350px;
	left: 355px;
	z-index: 100;
	text-align: center;
	width: 250px;
	color: #c5c5c5;
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 16px;
	border-style: none;
}


.member_header
{
	width:100%;
	margin:3px;
	display:table;
}

#member_image
{
	float:left;
	padding-right:10px;
	display:table-cell;
	vertical-align:bottom;
}

.member_biography
{
	width:100%;
	margin:3px;
}

.sub_heading
{
	font-family: "GothamNarrow-Medium";
	color: #333333;
}
h3
{
	font-family: "GothamNarrow-Bold";
	color: #4A5567;
}
#loading img {
	margin-bottom: 10px;
}


	
.footnote
	{
		margin-top:30px;
		padding:15px;
		font-weight:normal;
		
	}

#mobile-nav
{
	display:none;
}


}
@media (min-width: 1050px)
{

#logo > a > img {
	width: 450px;
}

#mobile_nav
	{
		display:none;
	}

body
{
	font-family: GothamNarrow-Book;
	font-size: 20px;
	min-width:300px;
	color:#333;
}

#contentArea.clearfix {
  padding: 0px 0 20px 0;
	position: relative;
	width:100%;
	margin: 0 auto;
	margin-top:10px;
	max-width:1200px;
}

#articleTools {
    font-family: GothamNarrow-Book;
	color: #bbb;
	margin:auto;
	margin-top: 10px;
	width:100%;
	min-width:990px;
	padding: 0px 10px;
	font-size:12px;
	float:left;
}
#articleTools p.lastUpdated {
	margin: 0;
	max-width: 350px;
	color:#666;
	display:block;
	float:left;
}
#shareLinks {
	float: right
}
#shareLinks a {
	color: #555;
	padding: 2px 0 2px 20px;
	margin-left: 15px
}
#twitterLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left 1px
}
#facebookLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left -20px
}
#googleLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left -40px
}
#mailLink {
	background: transparent url(http://data.rollcall.com/pub/lib/images/share-icons.gif) no-repeat left -57px
}

#left_column
{
	width:25%;
	min-width:250px;
	max-width:250px;
	padding-top:15px;
	float:left;
	margin:0px 5px;
	/* border-right:1px solid grey; */
	/* height:100vh; */
}
.spotlight_map-container
{
	height:400px;
	width:240px;
	margin:auto;
}
svg#spotlight_map {
	fill: none;
	height: 400px;
	position: relative;
	z-index: 0;
	cursor: pointer;
	margin-right: 15px;
	pointer-events:none;
}
#other_members_list hr
{
	margin: 0;
}
#other_members_list h3
{
	margin:5px 0px;	
	font-size:16px;
	font-family: GothamNarrow-Bold;
	color:#000000;
}
#other_members_list h4
{
	margin:4px 0px;	
	font-size:15px;
	font-family: GothamNarrow-Medium;
	color:#333;
}
#other_members_list
{
	font-size:15px;
	font-family: GothamNarrow-Book;
	color:#000000;
}
.cq_reference
{
	font-family: GothamNarrow-Book;
	font-size:15px;
	color:#333;
	font-style:italic;
}
#other_members_list a
{
	font-size:15px;
	font-family: GothamNarrow-Book;
}
#other_members_list_delegation
{
/*	max-height:100px;
	height:100px;
	overflow:auto;*/
	padding-bottom:5px;
    padding-top:5px;
}
#central_column
{
	width:45%;
	min-width:395px;
	float:left;
	padding:0px 15px;
	/* border-right:1px solid grey; */
	/* height:100vh; */
}

#member_headline h2
{
	font-size:30px;
    font-family:LyonDisplay-Black;
	margin-bottom:2px;
	color:#000000;
}
#member_headline
{
	font-family: GothamNarrow-Book;
	font-size:20px;
	float:left;
	width:70%;
	min-width:210px;
	display:table-cell;
	vertical-align:bottom;
}

.member_biography h3
{
	font-size:23px;
	font-family: GothamNarrow-Bold;
	color:#000000;
}
.member_election_data_year h3
{
	font-size:20px;
}
.member_election_data_year h4
{
	font-family: GothamNarrow-Medium;
	font-size:20px;
	margin:0px;
	text-align:left;
}
.google-visualization-tooltip { 

	  width: 250px !important;
	  font-size:  12px !important;
	  padding:3px;
	}
	

#right_column
{
	width:28%;
	min-width:300px;
	padding-top: 15px;
	float:left;
	margin:0px 5px;
	/* border-right:1px solid grey; */
	/* height:100vh; */
}

#loading {
	position: absolute;
	top: 350px;
	left: 355px;
	z-index: 100;
	text-align: center;
	width: 250px;
	color: #c5c5c5;
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 16px;
	border-style: none;
}


.member_header
{
	width:100%;
	margin:3px;
	display:table;
}

#member_image
{
	float:left;
	padding-right:10px;
	display:table-cell;
	vertical-align:bottom;
}

.member_biography
{
	width:100%;
	margin:3px;
}

.sub_heading
{
	font-family: "GothamNarrow-Medium";
	color: #333333;
}
h3
{
	font-family: "GothamNarrow-Bold";
	color: #4A5567;
}
#loading img {
	margin-bottom: 10px;
}


	
.footnote
	{
		margin-top:30px;
		padding:15px;
		font-weight:normal;
		
	}

#mobile-nav
{
	display:none;
}



}

