/* ------ General Styeles ------ */
body {
background-color: #fff;
line-height: 1.4em;
}
a {
color: #295795;
text-decoration: none;
}
p {
margin: 10px 0px 14px 0px;
}
a:hover {
text-decoration: underline;
}
a.active {
color: #000;
font-weight: bold;
}
a.inactive,
a.inactive:hover {
color: gray;
cursor: default;
text-decoration: none;
}
h1 {
font-size: 1.8em;
margin-top: 20px;
margin-bottom: 10px;
clear: both;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.1em;
}
h1, h2, h3, h4 {
line-height: 1.0em;
color: #111;
}
h2, h3, h4 {
margin: 22px 0 10px;
}
h2.subtitle,
h3.subtitle {
margin: 10px 0;
}
dl dt {
font-weight: bold;
margin: 5px 0;
}
sup {
vertical-align: super;
font-size: 0.8em;
}
small {
color: #aaa;
font-size: 0.8em;
}
ul.links {
margin: 20px 0;
}
.node-links ul.links {
margin: 10px 0;
}
.admin-links ul.links,
.views-admin-links ul.links {
margin: 0;
}
ul.links li {
list-style-type: none;
margin: 0 10px 0 0;
display: inline;
}
.node-story p {
margin-bottom: 10px;
}
.node-teaser {
margin-bottom: 1.3em
}
.node-teaser h2,
.node-teaser h3,
.node-teaser a.title {
margin: 10px 0;
display: block;
}
.node-teaser h2 {
font-size: 1.35em;
}
/* Restyling default tabs */
ul.primary {
border-bottom: #DFDFDF solid 1px;
}
ul.tabs li a,
ul.primary li a {
margin: 0;
background-color: #EAE9E9;
border-color: #EAE9E9;
line-height: 1.3em;
padding-top: 1px;
padding-bottom: 1px;
}
ul.primary li.active a {
background-color: #FFF;
border-bottom: none;
border-color: #EAE9E9;
}
ul.primary li a:hover {
background-color: #FFF;
border-bottom: none;
border-color: #EAE9E9;
}
ul.primary {
padding: 0;
margin: 10px 0 0;
}
ul.primary li {
margin: 0;
padding: 0;
}
.skip-links {
position: absolute;
left: -9999px;
}
.footnote {
font-size: 0.84em;
line-height: 1.19em;
}
/* Default side menu */
#container ul.menu {
margin: 30px 0;
padding: 0;
border-top: #B4B4B4 solid 1px;
}
#container ul.menu ul.menu,
#container ul.menu ul {
border-top: none;
margin: 0;
}
#container ul.menu li {
list-style-type: none;
margin: 0;
}
#container ul.menu li a {
font-weight: bold;
color: #006600;
border-bottom: #B4B4B4 solid 1px;
display: block;
text-decoration: none;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 22px;
}
#container ul.menu li.last a {
border-bottom: #B4B4B4 solid 1px;
}
#container ul.menu li a:hover {
background-color: #ececec;
}
#container ul.menu li.leaf {
list-style-image: none;
}
#container ul.menu li.collapsed a,
#container ul.menu li.expanded a {
background-image: url(//images.maplight.org/sites/all/themes/maptheme/images/arrow-right-green.gif);
background-position: 7px 8px;
background-repeat: no-repeat;
padding-left: 22px;
}
#container ul.menu li.collapsed ul,
#container ul.menu ul.menu {
margin: 0;
}
#container ul.menu li.expanded ul li a {
background-image: none;
color: #000;
padding-left: 35px;
}
#container ul.menu li a.active {
background-color: #ececec;
}
#container ul.menu li.active-trail a.active {
color: #ff0000;
}
#container ul.menu li.collapsed ul li a {
border-bottom: none;
}
#container ul.menu li ul.menu li ul.menu li a {
padding-left: 50px;
}
#container ul.menu li ul.menu li ul.menu li ul.menu li a {
padding-left: 65px;
}
/* Left / right floated images */
.image-left img,
.image-right img {
display: block;
}
.image-left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.image-right {
float: right;
margin-left: 10px;
margin-bottom: 5px;
}
.left-image-spacing {
margin-left: 170px; /* Apply to body text and title, etc, to make room for an adjacent image */
}
div.item-list h3,
.block-map_search h2,
.block-apachesolr h2,
.block-apachesolr_search h2 {
border-bottom: 3px solid #606060;
margin-top: 0px;
margin-bottom: 5px;
font-size: 1em;
line-height: 1.6em;
}
/* Lists */
div.item-list ul li {
list-style-type: none;
margin: 5px 0;
}
div.item-list ul li.views-row {
margin: 10px 0;
}
ul.separated-list li,
.search-left-sidebar .search-facets ul li,
.block-map-map-blog-links .view-id-taxonomy_term ul li {
list-style-type: none;
margin: 5px 0;
padding-bottom: 8px;
border-bottom: #C0C0C0 solid 1px;
}
/* Tables */
table {
line-height: 1.2em;
width: 100%;
}
/* Table header */
thead th {
border-bottom:3px solid #606060;
font-weight: bold;
vertical-align: bottom;
line-height: 1.1em;
padding: 5px;
font-size: 0.9em;
}
thead th a.active {
color: #295795; /* Must override a.active to make this blue */
}
thead th.active {
/* text-align: left; This is too global. It would be better to find where align left was needed and target better. */
}
thead th.active a.active,
thead th.active a.active:hover {
color: #000;
padding-right: 15px;
background: transparent url(//images.maplight.org/sites/all/themes/maptheme/images/table-thead-selected.png) no-repeat right 5px;
}
thead th.active a img {
display: none; /* Hiding default selected graphic, in order to style our own in. */
}
/* Table rows and cells */
tr.even,
tr.odd {
background-color: transparent;
}
tr.even td, tr.odd td {
border-bottom: 1px solid #B4B4B4;
font-weight: normal;
}
tr.even td, tr.odd td {
padding: 1px 4px;
}
tr.even {
background-color: transparent;
}
tr.odd td,
tr.odd {
background-color: #F0F0F0;
}
td.active {
background-color: transparent;
}
/* --- Tabs (used in bill search filters) --- */
#content .map-tabs ul.ui-tabs-nav,
#content .map-expandable .prompt ul {
border-bottom: none;
margin: 0;
clear: both;
position: relative;
top: -30px;
left: 150px;
}
#content .map-tabs ul.ui-tabs-nav li,
.ui-tabs-nav li {
padding-left: 3px;
display: block;
float: left;
margin: 0 3px 0 0;
}
#content .map-tabs ul.ui-tabs-nav li a,
.map-expandable .prompt ul.ui-tabs-nav li a {
color: #295795;
background-image: none;
background-color: transparent;
font-weight: bold;
font-size: 0.8em;
border: none;
display: block;
margin: 0;
padding: 6px 13px 7px 10px;
}
#content .map-tabs ul.ui-tabs-nav li:hover,
#content .map-tabs ul.ui-tabs-nav li.ui-tabs-selected,
.map-expandable .prompt ul.ui-tabs-nav li:hover {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/tabs-bg-left.gif) no-repeat left top;
}
#content .map-tabs ul.ui-tabs-nav li:hover a,
#content .map-tabs ul.ui-tabs-nav li.ui-tabs-selected a,
.map-expandable .prompt ul.ui-tabs-nav li:hover a {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/tabs-bg-right.gif) no-repeat right top;
color: #fff;
}
/* --- Tabs (used in bill history) --- */
#map-bill-history-actions .map-tabs ul.ui-tabs-nav {
height: 28px;
width: 100%;
overflow: visible;
border: 0 solid #c0c0c0;
border-width: 0 0 1px;
}
#map-bill-history-actions .map-tabs ul.ui-tabs-nav li {
background: url("//images.maplight.org/sites/all/themes/maptheme/images/nav-sliding-door-items-grey.png") repeat-x scroll left top transparent;
height: 28px;
overflow: hidden;
}
#map-bill-history-actions .map-tabs ul.ui-tabs-nav li a {
background: url("//images.maplight.org/sites/all/themes/maptheme/images/nav-sliding-door-items-grey.png") repeat-x scroll right top transparent;
height: 28px;
}
#map-bill-history-actions .map-tabs ul.ui-tabs-nav li:hover,
#map-bill-history-actions .map-tabs ul.ui-tabs-nav li.ui-tabs-selected {
background-position: left -41px;
height: 29px;
}
#map-bill-history-actions .map-tabs ul.ui-tabs-nav li:hover a,
#map-bill-history-actions .map-tabs ul.ui-tabs-nav li.ui-tabs-selected a {
background-position: right -41px;
}
/* Overriding tabs styles */
.ui-tabs-panel {
border: none;
background-color: transparent;
background-image: none;
padding: 0;
}
.ui-tabs-nav li {
border: none;
background: transparent;
}
.ui-tabs-nav {
border: none;
}
/* ------ Theme chrome (page.tpl.php)------ */
#container {
background-color: #fff;
clear: both;
}
.squeez-center {
width: 992px;
margin: 0 auto;
}
#header {
margin: 0 auto;
width: 992px;
}
#name-logo {
display: inline;
float: left;
margin-top: 10px;
margin-bottom: 5px;
width: auto;
}
#name-logo a {
background: url(logo_20111031.png) no-repeat 0 0;
display: block;
width: 496px;
height: 45px;
text-indent: -9999px;
}
#tagline {
text-indent: -9999px;
font-size: 13px;
color: #00853F;
width: 105px;
margin-top: 29px;
margin-bottom: 5px;
float: left;
display: inline;
}
#top-links {
background-color: #006600;
border-bottom: #80B380 solid 4px;
height: 25px;
}
#user-links {
padding: 5px 0;
font-size: 11px;
float: left;
display: inline;
margin-left: 230px;
}
#user-links a {
font-weight: bold;
}
/* Search bar in header */
#header-search-box {
left: 35px;
height: 28px;
width: 263px;
margin-left: 45px;
}
#header-search-box #edit-search-theme-form-1-wrapper label {
display: none;
}
#header-search-box .form-item,
#header-search-box form,
#header-search-box div {
float: left;
display: inline;
margin: 0;
}
#header-search-box input.form-text {
border: #C0C0C0 solid 1px;
border-right: none;
padding: 4px;
width: 220px;
height: 14px;
}
#header-search-box .form-submit {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/search.png) no-repeat;
width: 30px;
border-top: #EED199 solid 1px;
border-right: #C0C0C0 solid 1px;
border-bottom: #C0C0C0 solid 1px;
border-left: #C0C0C0 solid 1px;
text-indent: -9999px;
border-radious: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding: 5px 3px 0;
-webkit-padding: 3px;
font-size: 0;
height: 24px;
display: inline;
float: left;
cursor: pointer;
}
#nav-wrapper {
border-bottom: #C0C0C0 solid 1px;
clear: both;
height: 28px;
}
#jurisdiction-switcher {
font-size: 1.12em;
font-weight: bold;
color: #333;
}
#jurisdiction-switcher .edit-link {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/arrow-right.gif) no-repeat 3px 3px;
padding-left: 12px;
font-size: 11px;
font-weight: normal;
color: #295795;
}
#jurisdiction-switcher .jurisdiction-title a {
padding-right: 4px;
color: #333;
}
#nav {
height: 28px;
margin-left: 40px;
}
#nav ul {
margin: 0;
}
#nav ul li {
float: left;
display: block;
margin: 0 1px;
padding: 0;
}
#nav ul li a {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/nav-sliding-door-items.png) no-repeat left top;
display: block;
float: left;
padding-left: 3px;
color: #000;
font-weight: bold;
font-size: 13px;
}
#nav ul li a span {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/nav-sliding-door-items.png) no-repeat right top;
display: block;
float: left;
padding: 5px 14px 4px 9px;
overflow: hidden;
height: 19px;
position: relative;
}
#nav ul li a:hover,
#nav ul li a.active {
background-position: left -41px;
text-decoration: none;
}
#nav ul li a:hover span,
#nav ul li a.active span {
background-position: right -41px;
padding-bottom: 5px;
}
#nav em.map-beta {
display: block;
position: absolute;
right: 14px;
bottom: -5px;
font-size: 0.7em;
opacity: 0.7;
}
#nav a:hover em.map-beta,
#nav a.active em.map-beta {
bottom: -4px;
}
#main {
padding: 0;
clear: both;
}
#page-tabs {
clear: both;
padding-top: 1px;
}
#content {
padding: 0;
}
#content h1 {
}
#content h1 sub,
#content h1 .small
{
vertical-align: baseline;
font-size: 0.7em;
font-weight: normal;
}
#left-sidebar {
width: 180px;
}
#jurisdiction-menu {
background-color: #A1C7A1;
padding: 18px 0;
clear: both;
overflow: hidden;
}
#jurisdiction-menu ul {
padding: 0;
margin: 0 0;
}
#jurisdiction-menu ul li {
float: left;
width: 208px;
margin: 0 45px 0 0;
padding: 0;
list-style-type: none;
}
#jurisdiction-menu ul li.last {
margin-right: 0;
}
#jurisdiction-menu a {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/locations-menu.gif) no-repeat left top;
color: #295795;
text-decoration: none;
display: block;
text-align: center;
padding-left: 4px;
font-size: 0.9em;
}
#jurisdiction-menu a span {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/locations-menu.gif) no-repeat right top;
display: block;
padding: 4px 10px 4px 7px;
}
#jurisdiction-menu a:hover {
color: #fff;
background-position: left -27px;
}
#jurisdiction-menu a:hover span {
background-position: right -27px;
}
#footer-menus {
background-color: #80B380;
font-size: 0.85em;
clear: both;
}
#footer-menus .inner {
padding: 30px 0;
overflow: hidden;
}
#footer-menus a {
text-decoration: none;
font-weight: bold;
}
#footer-menus h2 {
line-height: 1.9em;
border-bottom: #006600 solid 3px;
margin-top: 0;
margin-bottom: 10px;
font-size: 12px;
color: #fff;
}
#footer-menus h2 a {
color: #fff;
}
#footer-menus h2 a:hover {
color: #000;
}
#block-map-footer-menu {
margin: 0 0 0 10px;
}
#block-map-footer-menu .block {
float: left;
width: 17.5%;
margin-right: 2.5%;
}
#block-map-footer-menu {
margin: 0 10px;
}
#block-map-footer-menu ul.menu li {
list-style-type: none;
margin: 5px 0;
}
#block-map-footer-menu ul.menu a {
color: #000;
}
#block-map-footer-menu ul.menu a:hover {
color: #fff;
}
#footer {
clear: both;
background-color: #A1C7A1;
font-size: 12px;
font-weight: bold;
text-align: center;
}
#footer .inner {
padding: 10px 0;
}
/* ------ CSS Overrides ------ */
/* From blocks.css */
.block-region {
font-weight: normal;
}
.form-checkboxes, .form-radios {
margin: 0 0 0.5em;
}
.container-inline div.description {
display: block;
padding: 0 3px;
}
/* Panels overrides */
.inside {
margin-bottom: 0;
}
.panel-2col .panel-col-first .inside {
margin: 0 20px 0 0;
}
.panel-2col .panel-col-last .inside {
margin: 0 0 0 20px;
}
.panel-2col .panel-col-top .inside {
margin: 0;
}
/* Panes */
.panel-pane {
margin: 10px 0 20px;
}
.panel-pane h2,
.panel-pane h3,
.panel-pane h4 {
margin-top: 0;
}
.panel-pane h2.pane-title,
.panel-pane h2.title,
#frontpage-panel .node h2 {
font-size: 1.15em;
line-height: 1.6em;
border-bottom: #606060 solid 3px;
}
/* title of first node in slideshow and "Bills in the News" */
#frontpage-panel div.view-frontpage h2,
#frontpage-panel div.pane-bills-in-the-news h2 {
font-size: 1.8em;
line-height: 1.2em;
min-height: 2.4em;
}
div.view-frontpage a.title {
margin: 0;
}
div.panel-pane div.node {
margin: 0 0 .5em;
padding: 0;
}
/* --- Box styles / Misc custom / reusable elements --- */
.green-title {
color: #5DA778;
font-weight: bold;
font-size: 15px;
margin-bottom: 10px;
}
h2.title,
h2.pane-title,
h3.title,
.title {
position: relative;
font-weight: bold;
}
span.title-links {
position: absolute;
right: 0;
font-weight: bold;
margin-left: 5px;
zoom: 1;
}
h4 span.title-links {
position: static;
}
a.icon-link-rss,
a.icon-link-facebook,
a.icon-link-twitter,
a.icon-link-embed {
display: inline-block;
margin-left: 3px;
margin-top: 3px;
overflow: hidden;
width: 16px;
height: 16px;
text-indent: -99999px;
position: relative;
top: -2px;
}
a.icon-link-rss {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/icon-rss.png) no-repeat;
}
a.icon-link-facebook {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/icon-facebook.png) no-repeat;
}
a.icon-link-twitter {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/icon-twitter.png) no-repeat;
}
a.icon-link-embed {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/icon-embed-60.png) no-repeat;
width: 60px;
}
h2.title {
font-size: 1.15em;
line-height: 1.6em;
margin-bottom: 20px;
}
.content-footer {
border-top: #ddd solid 2px;
font-weight: bold;
font-size: 0.9em;
}
.narrow-text {
line-height: 1.2em;
}
.medium-text {
line-height: 1.3em;
}
.centered-text {
text-align: center;
}
.dropshadow-box {
clear: both;
background: url(//images.maplight.org/sites/all/themes/maptheme/images/grey-dropshadow-box-965px.png) repeat-y -971px top; /* Repeat middle */
float: left;
position: relative;
margin-bottom: 10px;
}
.dropshadow-box .inner {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/grey-dropshadow-box-965px.png) no-repeat -1945px bottom; /* Bottom */
float: left;
}
.dropshadow-box .inner .inner2 {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/grey-dropshadow-box-965px.png) no-repeat left top; /* Top */
padding: 10px 15px 8px;
float: left;
width: 935px;
}
.dropshadow-box .inner .inner2.no-top-shadow,
.no-top-shadow .inner .inner2 {
background-image: none;
}
/* --- Form styles --- */
input.form-text {
color: #141414;
}
/* Spacing below user login/register/password form */
body.page-user #content form {
padding-bottom: 20px;
}
/* Submit buttons */
.form-submit {
background-color: #295795;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: none;
padding: 3px 10px;
color: #FFF;
font-size: 0.95em;
font-weight: bold;
}
.form-submit:hover {
background-color: #333333;
}
/* Grey buttons (hover blue)*/
#map-bill-filter #edit-restore,
#map-bill-filter #edit-restore-1,
#map-bill-filter #edit-restore-2,
#map-bill-filter #edit-restore-3,
#map-bill-filter #edit-restore-4,
#map-bill-filter #edit-restore-5,
#map-bill-filter #edit-restore-6,
#map-bill-filter #edit-restore-7,
#map-near-days-form #edit-reset {
background-color: #A3A3A3;
}
#map-bill-filter #edit-restore:hover,
#map-bill-filter #edit-restore-1:hover,
#map-bill-filter #edit-restore-2:hover,
#map-bill-filter #edit-restore-3:hover,
#map-bill-filter #edit-restore-4:hover,
#map-bill-filter #edit-restore-5:hover,
#map-bill-filter #edit-restore-6:hover,
#map-bill-filter #edit-restore-7:hover,
#map-near-days-form #edit-reset:hover {
background-color: #295795;
}
/* Blue buttons (hover dark gray) */
#map-bill-filter #edit-apply,
#map-bill-filter #edit-apply-1,
#map-bill-filter #edit-apply-2,
#map-bill-filter #edit-apply-3,
#map-bill-filter #edit-apply-4,
#map-bill-filter #edit-apply-5,
#map-bill-filter #edit-apply-6,
#map-bill-filter #edit-apply-7,
#map-near-days-form #edit-submit,
input#edit-restore-interests {
background-color: #295795;
}
#map-bill-filter #edit-apply:hover,
#map-bill-filter #edit-apply-1:hover,
#map-bill-filter #edit-apply-2:hover,
#map-bill-filter #edit-apply-3:hover,
#map-bill-filter #edit-apply-4:hover,
#map-bill-filter #edit-apply-5:hover,
#map-bill-filter #edit-apply-6:hover,
#map-bill-filter #edit-apply-7:hover,
#map-near-days-form #edit-submit:hover,
input#edit-restore-interests:hover {
background-color: #333333;
}
/** Participate / signup form **/
#e2ma_signup_form {
margin-bottom: 20px;
overflow: hidden;
}
.e2ma_signup_form_row,
.e2ma_signup_form_required_footnote {
border: none !important;
margin: 10px 0 ;
}
/* So buttons on this form match rest of site */
input#e2ma_signup_submit_button,
input#e2ma_signup_reset_button {
background-color: #295795 !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: none !important;
padding: 3px 10px !important;
color: #FFF !important;
font-size: 0.95em !important;
font-weight: bold !important;
}
/* Blue submit */
input#e2ma_signup_submit_button:hover {
background-color: #333333 !important;
}
/* Grey reset/clear */
input#e2ma_signup_reset_button {
background-color: #A3A3A3 !important;
}
input#e2ma_signup_reset_button:hover {
background-color: #295795 !important;
}
/* Graph box */
.graph-title {
color: #fff;
font-size: 1.25em;
padding: 5px 10px;
margin-bottom: 0;
}
.graph-title.green {
background-color: #8ABC46;
}
.graph-title.green-check {
background: #8ABC46 url(//images.maplight.org/sites/all/themes/maptheme/images/green-check.png) no-repeat right 6px;
}
.graph-title.red-check {
background: #D0584F url(//images.maplight.org/sites/all/themes/maptheme/images/opposed-symbol.png) no-repeat right 2px;
}
.voted-yes {
color: #8ABC46;
font-weight: bold;
}
.voted-no {
color: #D0584F;
font-weight: bold;
}
/* Donate */
a.donate-link {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/donate.gif) no-repeat;
display: block;
text-indent: -9999px;
width: 180px;
height: 83px;
}
a.donate-small-link {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/donate-small.gif) no-repeat top left;
display: block;
text-indent: -9999px;
width: 142px;
height: 65px;
}
/* Search form in sidebar */
.search-sidebar div,
.search-sidebar form,
.search-sidebar input {
display: inline;
float: left;
}
.search-sidebar .form-item {
margin: 0;
}
.search-sidebar form {
padding: 6px;
background: url(//images.maplight.org/sites/all/themes/maptheme/images/search-side-bg.png) no-repeat;
width: 185px;
}
.search-sidebar form .form-item.even .form-item {
background-image: none;
padding: 0;
}
.search-sidebar label {
position: absolute;
left: -9999px;
}
.search-sidebar input.form-text {
height: 20px;
width: 133px !important;
padding: 3px 1px 0 4px;
}
.search-sidebar input#edit-submit {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/search2.png) no-repeat;
width: 30px;
height: 23px;
border: none;
border-radious: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
color: #295795;
text-indent: -9999px;
font-size: 0;
padding-top: 13px;
}
.search-sidebar input#edit-submit:hover {
background-position: left -26px;
}
.search-sidebar input.form-text {
border-top: #c0c0c0 solid 1px;
border-right: none;
border-bottom: none;
border-left: none;
}
/* Search bills form in sidebar */
.search-bills-sidebar div,
.search-bills-sidebar form,
.search-bills-sidebar input {
display: inline;
float: left;
}
.search-bills-sidebar .form-item {
margin: 0;
}
.search-bills-sidebar form .container-inline {
padding: 6px;
background: url(//images.maplight.org/sites/all/themes/maptheme/images/search-side-bg.png) no-repeat;
width: 185px;
}
.search-bills-sidebar form .form-item.even .form-item {
background-image: none;
padding: 0;
}
.search-bills-sidebar label {
position: absolute;
left: -9999px;
}
.search-bills-sidebar input.form-text {
width: 133px !important;
padding: 3px 1px 0 4px;
height: 20px;
}
.search-bills-sidebar input#edit-submit {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/search2.png) no-repeat;
width: 30px;
height: 23px;
border: none;
border-radious: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
text-indent: -9999px;
font-size: 0;
padding-top: 13px;
color: #295795;
}
.search-bills-sidebar input#edit-submit:hover {
background-position: left -26px;
}
.search-bills-sidebar input.form-text {
border-top: #c0c0c0 solid 1px;
border-right: none;
border-bottom: none;
border-left: none;
}
.search-options,
#edit-fields-wrapper {
border-top: #C0C0C0 dotted 2px;
border-bottom: #C0C0C0 dotted 2px;
margin: 10px 0;
padding: 5px 0 10px;
font-size: 0.9em;
}
#edit-fields-wrapper label {
padding: 2px 0 5px;
position: static;
font-weight: normal;
font-size: 1.1em;
}
/* ------ Bills page ------ */
#map-bill-header {
padding: 20px 10px 20px 0;
width: 665px;
float: left;
display: inline;
}
#map-bill-header h1 {
margin-top: 0;
}
#map-bill-header a {
color: #295795;
font-weight: normal;
}
#map-bill-header dl {
margin: 10px 0;
}
#map-bill-header dl dt {
float: left;
font-weight: bold;
margin: 0;
}
#map-bill-header dl dd {
padding-left: 105px;
}
#map-bill-header-vote {
float: left;
margin-top: 20px;
width: 265px;
padding: 10px 10px 0;
background-color: #F0F0F0;
display: inline;
}
#map-bill-header-vote .vote-title {
display: block;
}
#map-bill-header-vote .vote-details {
display: block;
padding-left: 10px;
}
#map-bill-header-vote .map-yes {
padding-right: 10px;
}
#map-bill-header-vote .map-yes,
#map-bill-header-vote .map-no {
font-weight: bold;
}
#map-bill-header-vote .votes-history {
display: block;
font-size: 12px;
margin-top: 10px;
}
#map-bill-header-vote ul.links {
margin: 0 0 10px 0;
}
#map-bill-header-vote ul.links li {
clear: both;
list-style-type: none;
display: block;
margin: 0 10px;
}
#map-bill-header-vote ul.links li a,
#map-bill-header-vote ul.links li a.active {
font-weight: normal;
color: #295795;
}
#map-bill-header-vote p {
margin: 0;
}
#map-graph-wrapper {
width: 935px;
}
#map-graph-container {
margin-left: 110px;
}
/* Table inside thickbox */
#map-bill-history-actions table tbody tr td {
font-size: 13px;
}
#map-bill-header-tabs {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/bills-tabs-bg.gif) repeat-x left 29px;
margin: 0;
clear: both;
width: 964px;
height: 36px;
}
#map-bill-header-tabs li {
float: left;
list-style-type: none;
margin: 0;
height: 36px;
}
#map-bill-header-tabs li a {
font-weight: bold;
float: left;
display: block;
padding-left: 1px;
text-decoration: none;
}
#map-bill-header-tabs li {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/bills-tabs-left.png) no-repeat -1px top;
display: block;
}
#map-bill-header-tabs li.first {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/bills-tabs-left-first.png) no-repeat left top;
}
#map-bill-header-tabs li a span,
#map-bill-header-tabs li span {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/bills-tabs-right.png) no-repeat right top;
display: block;
float: left;
padding: 8px 15px 9px 9px;
line-height: 1.5em;
margin-left: 2px;
}
#map-bill-header-tabs li span {
color: #999;
}
.map-amendment-full-text {
margin-bottom: 30px;
}
#map-bill-header-tabs li a,
#map-bill-header-tabs li a span {
color: #295795;
}
#map-bill-header-tabs li a:hover span,
#map-bill-header-tabs li a.active span {
text-decoration: none;
color: #000;
}
#map-bill-header-tabs li a:hover,
#map-bill-header-tabs li.active a {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/bills-tabs-left.png) no-repeat left -44px;
}
#map-bill-header-tabs li a:hover span,
#map-bill-header-tabs li.active a span {
background-position: right -44px;
}
#map-bill h2 {
margin-top: 0;
}
#map-bill h2.title {
width: 780px;
}
#map-bill .display-type {
position: absolute;
right: 20px;
top: 20px;
}
#map-bill .display-type ul.links {
margin-top: 0;
}
#map-bill .display-type ul li {
display: inline;
}
#map-bill .display-type ul li.chart a {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/display-type-chart.png) no-repeat;
padding-left: 20px;
padding-top: 1px;
}
#map-bill .display-type ul li.table a {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/display-type-table.png) no-repeat;
padding-left: 20px;
padding-top: 1px;
}
#map-bill table {
width: 100%;
clear: both;
}
#map-bill-meta {
border: #6C6C6C dashed 1px;
padding: 0;
width: 942px;
margin: 0 10px 12px;
float: left;
display: inline;
background-color: #F0F0F0;
}
#map-bill-meta .content {
float: left;
width: 520px;
height: 65px;
min-height: 65px;
padding: 10px;
background-color: #fff;
border-right: #6C6C6C dashed 1px;
color: #393939;
}
#map-bill-meta ul.links {
padding: 30px 14px;
float: right;
width: 365px;
margin: 0;
}
#map-bill-meta ul.links li {
float: left;
margin: 0;
padding: 0;
}
#map-bill-meta ul.links li a {
padding-top: 2px;
font-size: 12px;
}
#map-bill-meta ul.links li.csv a {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/links-download-cvs.png) no-repeat;
display: block;
width: 91px;
height: 23px;
padding-left: 22px;
}
#map-bill-meta ul.links li.share-this a {
display: block;
width: 89px;
height: 23px;
background: url(//images.maplight.org/sites/all/themes/maptheme/images/links-share-this.png) no-repeat !important;
padding: 2px 0 0 21px;
}
#map-bill-meta ul.links li.share-this a span {
width: auto;
background-image: none;
}
#map-bill-meta ul.links li.widget a {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/links-create-widget.png) no-repeat;
display: block;
width: 111px;
height: 23px;
padding-left: 22px;
}
#map-add-organization-form a.hide-content {
background-color: #A3A3A3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: none;
padding: 4px 8px;
color: #FFF;
background-image: none;
font-weight: bold;
}
#map-add-organization-form a.hide-content:hover {
text-decoration: none;
background-color: #295795;
}
.map-expandable .prompt .box-folded,
.map-expandable .content #map-bill-filter {
background-color: #D5D5D5;
border-top: #B4B4B4 solid 1px;
border-bottom: #B4B4B4 solid 1px;
padding: 10px;
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
clear: both;
/* display: inline; */
/* float: left; */
position: relative;
font-size: 0.9em;
margin: 10px 8px 10px 0;
}
.map-expandable .prompt a.show-content {
/* background: url(//images.maplight.org/sites/all/themes/maptheme/images/expandable.gif) no-repeat left top;
padding-left: 18px; */
color: #295795;
}
.map-expandable .prompt ul {
}
/* .map-expandable .content #map-bill-filter {
background-color: #D5D5D5;
border-top: #B4B4B4 solid 1px;
border-bottom: #B4B4B4 solid 1px;
padding: 10px;
margin-bottom: 10px;
float: left;
} */
.map-expandable .content a.hide-content {
/* background: url(//images.maplight.org/sites/all/themes/maptheme/images/expandable.gif) no-repeat left -27px;
padding-left: 18px; */
color: #295795;
}
.map-expandable .prompt ul.ui-tabs-nav li a {
background-image: none;
}
#map-bill .map-expandable {
background-color: transparent;
border: none;
padding: 10px 0;
margin: 10px 0;
border-top: #99958D solid 1px;
width: 100%;
clear: both;
}
.map-expandable table {
}
table th .map-expandable {
background-color: transparent;
border: none;
padding: 0;
margin: 0;
width: 70px;
}
table th .map-expandable .prompt a.show-content,
table th .map-expandable .content a.hide-content {
background: transparent none;
padding: 0;
}
/* --- Graph, aka chart --- */
.graph-box {
width: 457px;
display: inline;
margin: 0;
}
.graph-box.left {
margin-right: 10px;
float: left;
}
.graph-box.right {
margin-left: 10px;
float: left;
}
.graph-content {
background-color: #fff;
border-right: #C0C0C0 solid 1px;
border-bottom: #C0C0C0 solid 1px;
border-left: #C0C0C0 solid 1px;
padding: 10px 10px 10px 10px;
position: relative;
margin-bottom: 10px;
}
.graph-content table {
width: 100%;
}
.graph-content table tr td {
line-height: 1.2em;
padding: 1px 2px;
}
.graph-content table tr.odd td,
.graph-content table tr.even td {
background-color: transparent;
}
.graph-content tbody tr {
background-color: transparent;
}
.graph-content.supported tbody tr td {
border-bottom: 1px solid #8ABC46;
}
.graph-content.supported table tbody {
border-top: #8ABC46 solid 1px;
}
.graph-content.opposed table tr td {
border-bottom: #D0584F solid 1px;
}
.graph-content.opposed table tbody {
border-top: #D0584F solid 1px;
}
h2.map-yes-block,
h3.map-yes-block {
background: #8ABC46 url(//images.maplight.org/sites/all/themes/maptheme/images/green-check.png) no-repeat 7px 4px;
color: #FFFFFF;
margin: 0;
padding: 4px 4px 4px 35px;
font-weight: normal;
font-size: 1.5em;
}
h2.map-no-block,
h3.map-no-block {
background: #D0584F url(//images.maplight.org/sites/all/themes/maptheme/images/opposed-symbol.png) no-repeat 6px 4px;
color: #FFFFFF;
margin: 0;
padding: 4px 4px 4px 35px;
font-weight: normal;
font-size: 1.5em;
}
.graph-table-wrapper {
width: 260px;
float: left;
bottom: 15px;
left: 10px;
min-height: 300px;
_height: 300px;
}
.graph-table-wrapper table {
margin-top: 30px;
margin-bottom: 47px;
}
.graph-table-wrapper table tr.odd td,
.graph-table-wrapper table tr.even td{
background-color: transparent;
}
.graph-table-wrapper.supported table tr td {
border-color: #8ABC46;
}
.graph-table-wrapper.supported table tbody {
border-top: #8ABC46 solid 1px;
}
.graph-table-wrapper.opposed table tr td {
border-color: #D0584F;
}
.graph-table-wrapper.opposed table tbody {
border-top: #D0584F solid 1px;
}
.graph-content table tr td a {
color: #295795;
font-weight: normal;
}
.graph-content table tr.hover-active td,
.graph-content table tr.hover-active td a {
color: #fff;
text-decoration: none;
}
.graph-content table tbody tr.hover-active td {
color: #fff;
background-color: #295795 !important;
}
.graph-table-wrapper .graph-average-given {
position: absolute;
bottom: 26px;
left: 10px;
color: #000;
font-size: 0.95em;
line-height: 1.1em;
width: 295px;
}
/* Positions graph on Contributions by Vote page. */
.graph-bars {
float: right;
width: 145px;
line-height: 1em;
height: 300px;
position: absolute;
right: 5px;
bottom: 11px;
}
/* This overwrites some properties in map.css. Makes CSS for the mab bars compatible with IE6. */
.map-bars .short strong {
margin-top: 0;
top: -2em;
_top: -3em; /* Underscore targets IE6 only */
width: 92%;
position: absolute;
left: 0;
}
.map-bars .total strong {
position: static;
}
.table-content table tr td {
line-height: 1.2em;
padding: 2px;
}
.table-content table tbody {
border-top: 1px solid #B4B4B4;
}
/* See Which Organizations Supported and Opposed */
#map-bill-positions dl dt {
}
#map-bill-positions dl dd {
font-weight: normal;
margin-bottom: 10px;
}
/* --- Total Contributions --- */
/* Chart, aka graph */
#total-contributions-graph,
.graph-container {
clear: both;
position: relative;
min-height: 310px;
_height: 310px; /* This does the same thing as min-height for IE6 */
}
#total-contributions-graph .map-bars .bar .hover strong {
padding-top: 10%;
}
#total-contributions-graph .map-bars .bar .short.hover strong {
padding-top: 0%;
}
#total-contributions-graph .whom-supported,
.graph-container .whom-supported {
float: left;
width: 300px;
}
#total-contributions-graph .whom-opposed,
.graph-container .whom-opposed {
width: 300px;
float: right;
}
#total-contributions-graph .graph,
.graph-container .graph {
float: left;
width: 285px;
position: absolute;
bottom: 20px;
left: 320px;
}
#total-contributions-graph .graph .map-no-block {
left: auto;
right: 0;
}
#total-contributions-graph .graph-table-wrapper {
width: 270px;
}
#total-contributions-table .whom-supported,
#total-contributions-table .whom-opposed {
float: left;
width: 455px;
}
#total-contributions-table .whom-supported {
margin-right: 20px; /* Space between adjacent tables */
}
#total-contributions-table p {
clear: both;
}
#total-contributions-table h2 {
margin-top: 0;
}
#total-contributions-table table td.map-amount.map-yes,
#total-contributions-table table td.map-amount.map-no {
font-weight: bold;
}
#map-no-organizations, #map-no-contributions {
margin-top: 18px;
}
/* $ Near Votes */
#near-votes {
clear: both;
overflow: hidden;
}
#near-votes .whom-supported,
#near-votes .whom-opposed {
float: left;
width: 455px;
}
#near-votes .whom-supported {
margin-right: 20px;
}
table td.map-no,
table td.map-yes,
table td.map-nv-vote {
font-weight: bold;
}
/* About our data box */
#block-map-footer-source {
background-color: #F0F0F0;
margin-right: 5px;
}
#block-map-footer-source h2 {
background-color: #D5D5D5;
padding: 8px 15px;
font-size: 1em;
margin-top: 14px;
}
#block-map-footer-source p {
margin-bottom: 5px;
}
#block-map-footer-source p.right {
margin-top: 0;
float: right;
}
#block-map-footer-source .content {
padding: 0 15px 10px;
}
/* ------ Map bill filters ------ */
.filter-buttons {
float: none;
text-align: right;
clear: both;
height: 25px;
padding-left: 300px;
}
.map-bill-filters-and-politicians .prompt {
}
#map-bill-filter {
overflow: hidden;
}
.map-bill-filters-and-politicians .map-tabs h2,
.map-bill-filters-and-politicians .map-tabs h3,
.map-bill-filters-and-politicians .prompt h3 {
margin-top: 10px;
margin-bottom: 10px;
}
.map-bill-filters-and-politicians .prompt h3.expandable-title,
.map-bill-filters-and-politicians .content h3.expandable-title {
color: #295795;
}
#map-bill-filter .form-item .form-item {
border-bottom: 1px solid #B4B4B4;
font-weight: normal;
font-size: 0.9em;
padding: 1px 4px;
}
#map-bill-filter .form-radios .form-item.odd {
background-color: #F0F0F0;
}
#map-bill-filter .form-item .form-item {
width: auto;
float: none;
margin: 0;
}
#map-bill-filter .form-item label {
border-bottom: #666 solid 3px;
font-size: 0.9em;
line-height: 1.8em;
}
#map-bill-filter table tbody tr td {
font-size: 0.9em;
line-height: 1.8em;
}
#map-bill-filter .form-item label.option {
border: none;
}
/* --- Filter types --- */
#map-bill-filter-type {
overflow: hidden;
}
#map-bill-filter-type .form-item {
width: 47%;
float: left;
margin: 0 10px;
}
/* --- Near Votes Date Range */
#map-near-days-form {
margin: 20px 0;
float: left;
width: 100%;
}
#map-near-days-form p {
margin-bottom: 0;
}
#map-near-days-form small {
float: right;
color: #666;
}
.date-range-wrapper {
width: 48%;
float: left;
}
.date-range-wrapper .form-item {
width: 48%;
float: left;
}
.custom-date-range-wrapper {
width: 470px;
float: left;
}
.custom-date-range-wrapper label {
display: block;
}
#map-bill-filter-date #edit-custom-from-wrapper,
#map-bill-filter-date #edit-custom-to-wrapper {
display: inline;
float: left;
border: none;
}
#edit-custom-from-wrapper input,
#edit-custom-to-wrapper input {
margin-top: 10px;
}
/* Bill politician filters */
#map-bill-filter-politicians .politician-filters-box {
width: 182px;
float: left;
margin-right: 20px;
position: relative;
top: -38px;
}
#map-bill-filter-politicians fieldset {
margin-bottom: 0;
background: url(//images.maplight.org/sites/all/themes/maptheme/images/politician-filters-top.png) no-repeat left 10px;
}
#map-bill-filter-politicians fieldset legend {
display: none;
}
#map-bill-filter-politicians fieldset fieldset legend {
display: block;
}
#map-bill-filter-politicians fieldset fieldset legend span {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/politcians-filter-sidetab.png) no-repeat;
padding: 10px 20px 6px 10px;
position: relative !important;
display: block;
top: -22px;
left: -5px;
font-size: 1em;
letter-spacing: 0.1px;
color: #606060;
}
#map-bill-filter-politicians .politician-filters-box fieldset fieldset {
background: #fff url(//images.maplight.org/sites/all/themes/maptheme/images/politician-filters-bottom.png) no-repeat left bottom;
padding: 5px;
}
#map-bill-filter-politicians #edit-state {
width: 90%;
}
#map-bill-filter-politicians .politician-filters-box .form-item {
margin-top: 0;
}
#map-bill-filter-politicians fieldset .form-item label {
border-bottom: 3px solid #606060;
font-size: 0.8em;
line-height: 1.6em;
margin-bottom: 5px;
}
#map-bill-filter-politicians fieldset .form-item .form-item label {
margin-bottom: 0;
border-bottom: none;
line-height: inherit;
font-size: 0.8em;
}
#map-bill-filter-politicians .politician-table-wrap .politicians-table td.name {
width: 20%;
}
#map-bill-filter-politicians .politician-table-wrap .politicians-table td.map-amount {
width: 17%;
}
#map-bill-filter-politicians .politician-table-wrap table {
width: 100%;
}
#map-bill-filter-politicians fieldset .form-item .form-item {
border-bottom: 1px solid #C0C0C0;
}
#map-bill-filter-politicians .filter-buttons {
padding-left: 20px;
margin-top: 25px;
}
#map-bill-filter #edit-search-wrapper {
background: transparent url(//images.maplight.org/sites/all/themes/maptheme/images/bills-search-bg.png) no-repeat scroll 0 0;
padding: 6px 7px;
margin: 0 0 0 0;
position: relative;
top: -25px;
left: 205px;
width: 300px;
height: 25px;
}
#map-bill-filter #edit-search-wrapper {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/search-field-bg.png) no-repeat;
}
.map-label-in-field label {
position: absolute;
left: -9999px;
}
#map-bill-filter #edit-search-wrapper input.form-text,
.search-bills-sidebar #edit-search-wrapper input.form-text {
border-color: #C0C0C0;
border-style: solid none none;
border-width: 1px medium medium;
width: 270px;
padding: 4px 3px;
float: left;
}
#map-bill-filter #filters-edit-search.form-submit,
.search-bills-sidebar #filters-edit-search.form-submit {
background: transparent url(//images.maplight.org/sites/all/themes/maptheme/images/search2.png) no-repeat scroll 0 0;
border: medium none;
height: 23px;
padding-top: 22px;
width: 30px;
}
#map-bill-filter #filters-edit-search.form-submit:hover,
.search-bills-sidebar #filters-edit-search.form-submit:hover {
background-position:left -26px;
}
#map-bill-filter-politicians .politician-table-wrap {
float: left;
width: 740px;
position: relative;
top: -21px;
}
/* --- Map Bill Filter: interest groups form --- */
#map-bill-filter-interests h3 {
font-size: 1em;
}
#map-bill-filter-interests .special-interests-form-support thead th {
min-width: 80px;
}
#map-bill-filter-interests .special-interests-form-support,
#map-bill-filter-interests .special-interests-form-oppose {
float: left;
width: 48%;
}
#map-bill-filter-interests .special-interests-form-support {
margin-right: 2%;
}
#map-bill-filter-interests table {
width: 100%;
}
/* Add other Interest Groups form */
#map-bill-filter .add-support,
#map-bill-filter .add-oppose {
color: #295795;
}
#map-bill-filter #edit-search-interests-wrapper label {
margin-bottom: 5px;
border-bottom: none;
}
/* This positions the botton on /los-angeles/interest */
#map-interest-search-form #edit-restore-interests {
float: right;
}
/* Makes table full width */
#map-businesses-table {
width: 972px;
}
#map-businesses-table td.name {
width: 484px;
}
/* Interest Groups section of site */
.map-bills-with-descriptions td.description {
padding: 5px 5px 20px;
}
.map-bills-with-descriptions td.topic {
font-weight: bold;
}
.map-bills-with-descriptions tr.odd td,
.map-bills-with-descriptions tr.even td,
.map-bills-with-descriptions tr.odd,
.map-bills-with-descriptions tr.even {
background-color: transparent;
border: none;
}
/* Form elements on /us-congress/interest */
#map-interest-search-form #map-businesses-table tr td.map-amount {
text-align: center;
}
/* ------ Search pages ------ */
.page-search #page-tabs {
display:none;
}
#content .search-left-sidebar {
width: 180px;
}
.search-left-sidebar h2.title {
margin: 20px 0 10px;
}
.search-left-sidebar .search-facets ul li {
line-height: 1em;
font-weight: bold;
font-size: 0.9em;
}
.search-facets ul.links li {
margin: 10px 0;
display: block;
}
.apachesolr-unclick {
display: inline-block;
width: 17px;
}
.apachesolr-facet-list li .item-list {
margin-left: 17px;
}
#content .search-results-wrapper {
width: 710px;
}
.search-results-wrapper table {
width: 100%;
}
#content .search-results-wrapper h2 {
font-size: ;
margin: 20px 0 10px;
}
#content .search-results-wrapper h2.title,
#content .search-sidebar h2.title {
border-bottom: 3px solid #606060;
}
.search-title {
font-size: 1.1em;
margin-top: 0;
margin-bottom: 0;
}
.search-meta {
margin-bottom: 5px;
}
/* Sort bar */
.sort-by-bar {
border-bottom: 3px solid #606060;
}
.sort-by-bar strong {
margin-right: 10px;
font-size: 1.15em;
line-height: 1.6em;
}
.sort-by-bar a {
margin-left: 30px;
padding-left: 15px;
background: url(//images.maplight.org/sites/all/themes/maptheme/images/arrow-down.png) no-repeat left 6px;
}
.sort-by-bar a.active {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/arrow-down.png) no-repeat left -7px;
}
.mini-results {
font-size: 0.8em;
font-weight: bold;
color: #808080;
margin-right: 20px;
}
.show-all-link {
background: url(//images.maplight.org/sites/all/themes/maptheme/images/arrow-right.gif) no-repeat right 4px;
padding-right: 10px;
font-size: 0.85em;
font-weight: bold;
margin-right: 10px;
}
/* --- Search Results --- */
.search-results-title {
font-weight: bold;
color: #808080;
margin-bottom: 0;
}
.map-search-sort {
font-weight: bold;
border-bottom: 3px solid #606060;
margin: 20px 0;
}
.map-search-sort .sort-title {
font-size: 1.15em;
line-height: 1.6em;
margin-right: 10px;
float: left;
}
.map-search-sort .item-list {
float: left;
margin-top: 3px;
}
.map-search-sort .item-list ul {
margin: 0;
}
.map-search-sort .item-list ul li {
display: inline;
margin: 0;
}
.map-search-sort .item-list ul li a {
background: transparent url(//images.maplight.org/sites/all/themes/maptheme/images/arrow-down.png) no-repeat scroll left 6px;
margin-left: 30px;
padding-left: 15px;
}
.map-search-sort .item-list ul li a.active {
background:transparent url(//images.maplight.org/sites/all/themes/maptheme/images/arrow-down.png) no-repeat scroll left -7px;
}
.map-search-sort .item-list ul li img {
position: absolute;
left: -9999px; /* Hide sort graphic */
}
.search-results .search-info {
margin-bottom:0;
border-top: 1px solid #EEEEEE;
}
.bill-items-title {
font-weight: bold;
color: #808080;
font-size: 1.1em;
}
.bill-item,
.search-item {
margin: 20px 0;
}
.search-item {
padding: 5px
}
.search-item:hover {
background: #efffef
}
.search-item a.active {
color: #295795;
font-weight: normal;
}
.search-item .links {
margin-top: .5em;
}
.bill-item {
min-height: 100px;
_height: 100px;
}
.bill-item h3.title {
font-size: 1.1em;
margin: 0 110px 5px 0;
}
.search-item h3.title {
font-size: 1.3em;
line-height: normal;
font-weight: normal;
margin-top: 0;
}
.search-item h3.title a {
text-decoration: underline;
}
.search-item h3.title a .jurisdiction {
color: #555;
font-weight:bold;
font-style: italic;
}
.keywords {
font-style: italic;
color: #06391F;
}
.bill-item p,
.search-item p {
margin-right: 110px;
margin-bottom: 5px;
}
.bill-item p.search-keywords,
.bill-item p.search-meta,
.search-item p.search-keywords,
.search-item p.search-meta {
margin: 0;
}
.bill-item .bill-status {
position: relative;
float: left;
width: 100%;
}
.bill-item .bill-status .status-box {
background-color: #F9F8F8;
padding: 1px 8px;
position: relative;
margin-right: 110px;
}
.bill-item .bill-status .status-box .text {
padding: 0 17px 0 0;
}
.bill-item .bill-status .status-box .text .pass-introduced {
}
.bill-item .bill-status .status-box .text .bill-info {
margin-right: 20px;
font-weight: bold;
}
.bill-item .bill-status .status-box.voted-on {
height: 40px;
}
.bill-item .bill-status .status-box.voted-on .text {
padding: 10px 0 10px 0;
float: left;
margin-right: 17px;
}
.bill-item .bill-status .status-box .voted-yes,
.bill-item .bill-status .status-box .voted-no {
position: absolute;
right: 10px;
font-size: 0.95em;
}
.bill-item .bill-status .status-box .voted-no {
top: 20px;
}
.search-results .search-item .map-mini-graph {
float: right;
}
/* on front pages */
.bill-item .bill-status .map-mini-graph {
position: absolute;
}
.bill-item .bill-inner-wrap,
.search-item .bill-inner-wrap {
float: left;
width: 600px;
}
.bill-item .bill-inner-wrap h3,
.bill-item .bill-inner-wrap p,
.search-item .bill-inner-wrap h3,
.search-item .bill-inner-wrap p {
margin-right: 0;
}
/* Minor teaks for narrow/small Bill items, as required on home page */
#frontpage-panel .bill-item .status-box.voted-on .text {
padding-top: 0;
padding-bottom: 0;
margin-right: 100px;
}
#frontpage-panel .bill-item .status-box.voted-on .text span {
clear: left;
display: block;
}
/* --- Home page --- */
.front #content,
.fornt #main {
padding: 0;
margin: 0;
}
#frontpage-panel {
background: url("//images.maplight.org/sites/all/themes/maptheme/images/frontpage-panel-column-bg.png") repeat-y scroll 475px 0 transparent;
padding: 0 20px 0 0;
}
/* Mini Panel: Frontpage top right */
.panel-pane .node .meta {
margin-top: -8px;
}
#frontpage-panel #mini-panel-frontpage_top_right .panel-col-first .inside {
padding: 0;
margin: 0 10px 0 0;
}
#frontpage-panel #mini-panel-frontpage_top_right .panel-col-last .inside {
padding: 0;
margin: 0 0 0 10px;
}
#mini-panel-frontpage_top_right .center-wrapper {
border-top: #ddd solid 1px;
}
#mini-panel-frontpage_top_right .panel-col-first {
border-right: #ddd solid 1px;
width: 49%;
}
#mini-panel-frontpage_top_right .center-wrapper .panel-pane h2.pane-title {
border-bottom: none;
line-height: 1.15em;
}
/* Mini Panel: Frontpage top right part two */
#mini-panel-frontpage_top_right_part_two .panel-col-first {
width: 50%;
}
#mini-panel-frontpage_top_right_part_two .panel-col-last {
width: 50%;
}
#frontpage-panel #mini-panel-frontpage_top_right_part_two .panel-col-first .inside {
margin: 0 10px 0 0;
padding: 0;
}
#frontpage-panel #mini-panel-frontpage_top_right_part_two .panel-col-last .inside {
margin: 0 0 0 10px;
padding: 0;
}
/* LA home page */
#mini-panel-lax_bottom_left tr.odd td,
#mini-panel-lax_bottom_left tr.odd {
background-color: #FFF;
}
/* Politician pages */
#legislator-info {
margin-top: 10px;
clear: both;
}
#legislator-info .map-remote-control-icon {
float: right;
margin-left: 15px;
}
#legislator-info dt {
font-weight: bold;
margin-right:15px;
float: left;
margin-top: 0;
width: 150px;
line-height: 1.1em;
}
#legislator-info dd {
padding-bottom: 5px;
padding-left: 240px;
}
#legislator-info #stats {
width: 816px; /* total page width - geography thumbnail */
float: left;
margin-top: -10px; /* 10px top offset to match in bio info */
}
#legislator-info img.politician {
float:left;
height: auto;
margin: 10px 15px 14px 0; /* 10px top offset to match
in bio info */
margin-bottom: 14px;
padding: 0;
width: auto;
}
.map-former-committee {
display: block;
margin-top: 3px;
}
div.legislator-total {
float: left;
width: 100%;
}
div.legislator-links {
float: left;
}
div.legislator-links ul.links {
margin: 12px 0 0 30px;
font-weight: bold;
}
div.legislator-interests {
float: left;
clear:both;
margin-right: 50px;
}
div.legislator-individuals {
float: left;
}
.contribution-range-footer {
clear: both;
float:none;
width: 100%;
}
#map-politician-geo h2 {
margin: 0 0 15px 0;
padding-top: 20px;
clear: both;
float:none;
}
#map-politician-geo .summary {
float: left;
padding: 0 15px 0 0;
width: 400px;
}
#map-politician-geo .top-zips {
float: left;
padding: 0 50px 0 0;
width: 240px;
}
#map-politician-geo .top-zips-ca {
float: left;
padding: 0 15px 0 0;
width: 275px;
}
#map-politician-geo .top-states {
float: left;
padding: 0 15px 0 0;
width: 200px;
}
#map-politician-geo h3 {
margin-top: 5px;
}
#map-politician-geo p.download {
font-size: 1.4em;
text-align: center;
margin-top: 10px;
}
#map-politician-geo img.azavea-logo {
float: left;
padding: 0 1em 0 0;
}
#map-politician-geo {
width: 100%;
}
#map-remote-control-map {
padding: 10px 0 0 0;
clear: both;
float:none;
}
.map-contribution-total {
font-size: 1.5em;
font-weight: bold;
}
#map-politician-contribution-info {
float: right;
margin-right: 260px;
}
#map-politician-contribution-info p {
margin: 10px 0;
}
/* not currently used. Part of a project of Jeff F. which was tabled.
a.politician {
background:url(//images.maplight.org/sites/all/themes/maptheme/images/dollar-sign-green.png) no-repeat 100% 0 transparent;
padding-right:14px;
}
*/
.politician-content {
margin-bottom: 40px;
}
.politician-content h2,
.politician-content h3 {
margin: 10px 0;
}
.politicians-table td {
}
.politicians-table td.name {
width: 65%;
}
.map-other-category-links {
margin: 20px 0;
}
ul.map-other-category-links li {
display: block;
list-style-type: none;
margin-left: 0;
}
.block-map-map-blog-links {
margin: 20px 0;
}
.blog-view-all a {
font-size: 1.1em;
font-weight: bold;
}
#map-change-jurisdiction {
margin: 10px 0 0;
}
#map-change-jurisdiction li {
display: block;
}
/* Video Tour Icons in Research Guide */
.GuideTour a {
display: block;
width: 160px;
height: 107px;
text-decoration: none;
background: url(//images.maplight.org/sites/all/themes/maptheme/images/video_tour_on_160w_tall.png) no-repeat right top;
}
.GuideTour a:hover img{
visibility: hidden;
}
.GuideTour.align-right{
float: right;
}
.GuideTour.align-left{
float: left;
}
.GuideTourLength {
font-size: 0.8em;
position: relative;
top: -21px;
margin-right: 15px;
text-align: center;
}
/* Filefield icons */
div.field {
clear:both;
}
/*
* Autocomplete styles
*/
/* Suggestion list */
#autocomplete {
position: absolute;
border: 1px solid;
overflow: hidden;
z-index: 100;
background: #fff;
}
#autocomplete ul {
margin: 0;
padding: 0 5px 0 3px;
list-style: none;
}
#autocomplete li {
background: #fff;
color: #000;
margin: 0;
white-space: pre;
cursor: default;
}
#autocomplete li.selected {
background: #0072b9;
color: #A1C7A1;
}
#autocomplete .suggestion {
padding: 0 3px 0 5px;
}
/*
* Search results page
*/
.page-search #main {
padding-top: 20px;
}
.page-search #content {
left: 200px;
padding-left: 15px;
border-left: 1px solid #ddd;
}
.page-search h1 {
margin-top: 0;
}
.page-search #left-sidebar {
left: -750px;
top: -20px;
}
form .grid_16 {
display: block;
float: none;
clear: both;
padding-top: 2px;
}
/* Press Release Pages */
.view-press-releases .views-row {
margin-top: .5em;
min-height: 2.7em;
clear: both;
}
.view-press-releases .views-field-created {
float: left;
width: 150px;
}
.view-press-releases .views-field-title {
float: left;
width: 590px;
font-weight: bold;
margin-bottom: .5em
}
/* Topics pages */
/* Right col on index page */
.page-topic .panel-col-last .inside {
padding-top: 30%;
font-style: italic;
font-size: 1.5em;
}
.pane-related-links ul.links {
margin: 10px 0px;
}
.pane-related-links ul.links li {
display: block;
}
#page-topic .node {
clear: both;
}
#page-topic .pane-page-breadcrumb {
margin-bottom: 0;
}
#page-topic .pane-page-breadcrumb h1 {
margin-top: 5px
}
#page-topic .pane-page-breadcrumb a.active {
}
#page-topic .node-map-bill .status {
float: left;
margin-right: 15px;
}
#page-topic .node-map-bill .sums {
float: left;
}
.page-topic .pane-constraints {
margin-top: 0;
}
.page-topic .constraints,
.page-company .constraints {
margin-top: 10px;
font-style: italic;
clear:both;
}
/* "Read more" link in a teaser */
.node-teaser .content * a.more {
white-space: nowrap;
}
/* hide the widget on the nodes in jurisdiction home pages. For some reason it just won't go away */
#frontpage-panel .fb-social-like-widget {
display:none;
}
/* --------- MAPTHEME 2012 ----------- */
/*
Colors:
#165A28 - theme dark green
#DC291E - theme dark red
#D5DCD5 - light green (bar graph hover)
#ebc7c5 - light red (bar graph hover)
*/
body.props {
/* background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/bg_grn_4x4.png") repeat transparent; */
background: #007736;
padding-bottom: 27px;
font-family: Georgia, serif;
}
body.props .title,
body.props #nav-wrapper .left,
body.props #content-bottom .phone {
font-family: Helvetica, Arial, sans-serif;
}
/*
body.props #wrap {
background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/bg_grn_grad_lng.png") top left repeat-x transparent;
}
*/
body.props #wrap {
background: #007736; /* Old browsers */
background: -moz-linear-gradient(top, #235937 0%, #007736 100%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#235937), color-stop(100%,#007736), color-stop(100%,#007736)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #235937 0%,#007736 100%,#007736 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #235937 0%,#007736 100%,#007736 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #235937 0%,#007736 100%,#007736 100%); /* IE10+ */
background: linear-gradient(top, #235937 0%,#007736 100%,#007736 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#235937', endColorstr='#007736',GradientType=0 ); /* IE6-9 */
}
body.props #wrap-inner {
width: 1024px;
background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/bg_white_grad_upper.jpg") repeat-x transparent;
margin: auto;
}
body.props .squeez-center {
margin-left: 28px;
width: 968px; /* (width of wrap-inner) - (2 * margin-left) */
height: 100%;
position: relative;
}
body.props .container_16 {
width: 100%;
}
body.props #top-links {
border: none;
background:none;
height: auto;
}
body.props #top-links ul.links {
margin-top: 0;
}
body.props #header {
width: 100%;
height:87px;
}
body.props #nav-wrapper {
height:30px;
background: #c3c3c4;
border: none;
font-size: .96em;
line-height: 1em;
}
body.props #nav-wrapper ul.links {
margin: 0;
}
body.props #container {
background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/bg_diag_5x5_grey.png") repeat transparent;
}
body.props .container_16 .grid_16 {
/* essentially, same as .squeez-center */
margin-left: 28px;
width: 968px; /* (width of wrap-inner) - (2 * margin-left) */
}
body.props #main-inner {
padding-top: 15px;
}
body.props #content-bottom {
margin-top: 50px;
padding-bottom: 20px;
}
body.props .site-slogan {
padding-bottom: 12px;
}
body.props #content-bottom ul.links {
margin: 0;
clear: both;
}
body.props #content-bottom .phone {
float: right;
display: block;
height: 24px;
padding-left: 30px;
background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/icn_multi.20120307.png") no-repeat scroll -75px 0 transparent;
font-size: 1.25em;
padding-top: 3px;
margin-top: -3px;
}
body.props #content-bottom {
color: #4b4b4b;
}
body.props #footer-messages {
height: 40px;
line-height: 40px;
background: #252525;
font-size: .8em;
}
body.props #footer-messages,
body.props #footer-messages a {
font-family: Georgia, serif;
color: #fff;
}
body.props #footer-messages .creative-commons img {
vertical-align: text-bottom;
}
body.props .panel-pane.props-section {
margin: 0 0 15px;
font-size: 1.1em;
}
body.props #footer-messages .links {
margin: 0;
float: left;
}
body.props #footer-messages .links.right {
float: right;
}
body.props .content-footer {
border-top: 0;
font-weight: normal;
font-size: 1em;
}
body.props a.more {
color: #000000;
font-style: italic;
text-transform: lowercase;
}
body.props .pane-content table {
margin-bottom: 5px;
}
body.props thead th {
text-align: left;
border-bottom: 1px dotted #717171;
font-size: .8em;
font-family: Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: #393939;
}
body.props tr.odd td,
body.props tr.odd {
background-color: transparent;
}
body.props tr,
body.props tr.even td,
body.props tr.odd td {
border-bottom: 0;
color: #1b5925;
padding-top: .7em;
}
body.props tbody>tr:first-child>td {
padding-top: 8px;
}
.amount-column {
text-align: right;
}
body.props #footer-messages .col {
float: left;
margin-right: 1em;
}
body.props #footer-messages li {
border-right: 1px solid #c5c5c5;
margin-right: 5px;
padding-right: 8px;
}
body.props #footer-messages li.last {
border-right: 0 none;
margin-right: 0;
padding-right: 0;
}
body.props #page-tabs ul.primary {
margin: 0;
}
body.props #page-tabs ul.secondary {
margin: 0 0 5px;
background: #efefef;
}
body.props #page-tabs ul.secondary li {
margin-left: 0;
}
/* ------- form elements, editor, etc ----- */
body.mceContentBody.props,
body.props textarea {
padding: 5px;
background-color: #fff;
font-family: Georgia, serif;
}
body.mceContentBody.props {
font-size: .8em;
}
body.props textarea {
font-size: 1.0em;
}
body.props .mceEditor.defaultSkin tbody>tr:first-child>td {
padding-top: 1px;
}
body.props .field-wrapper {
margin: .5em auto;
padding: .5em 0;
border-bottom: 1px dotted #ccc;
}
body.props .wysiwyg-wrapper .form-item {
margin-top: 0;
margin-bottom: .5em;
}
body.props .form-item label {
color: #333333;
font-family: Helvetica, Arial, sans-serif;
margin-bottom: 0.5em;
}
body.props .container-inline label {
margin-bottom: 0;
}
body.props .form-submit {
padding: 0px 5px;
font-size: .9em;
font-style: italic;
vertical-align: baseline;
background-color: #659775;
}
body.props .shadow-inner>fieldset,
body.props .shadow-inner>fieldset.collapsed {
margin-bottom: 1em;
}
body.props .shadow-inner>fieldset {
}
body.props .shadow-inner>fieldset.collapsed {
}
body.props .shadow-inner>fieldset .fieldset-wrapper {
padding: 10px;
}
body.props .shadow-inner>fieldset .fieldset-wrapper>.container-inline {
margin-bottom: 2px;
}
body.props form .panel-pane {
border-top-width: 2px;
}
body.props form .props-section>h2.pane-title {
font-size: 1.3em;
height: 26px;
line-height: 27px;
text-align: left;
padding-left: 10px;
}
body.props form .map-expandable.section>.control,
body.props form .map-expandable.section>.prompt .show-content,
body.props form .map-expandable.section>.hide .hide-content {
top: 3px;
width: 950px;
background-position: 931px 0 !important;
background-color: transparent !important;
}
body.props form .map-expandable.section>.hide .hide-content {
background-position: 931px -25px !important;
}
body.maptheme_2012.page-access-denied #content>.content,
body.maptheme_2012.page-not-found #content>.content {
background: none repeat scroll 0 0 #FFFFFF;
font-size: 1.2em;
margin-top: 15px;
padding: 24px;
}
/* ------ PROPS PAGES -------- */
body.props a {
color: #1b5925;
}
body.props #name-logo,
body.props #name-logo a {
display: block;
height: 46px;
margin: 0;
position: absolute;
}
body.props #name-logo {
width: 185px;
background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/props/logo.20120215.png") no-repeat scroll 0 0 transparent;
left: 0;
top: 26px;
overflow: visible;
}
body.props #name-logo a {
width: 640px;
height: 26px;
background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/props/logo-voter-guide.20120308.png") no-repeat scroll 186px 0 transparent;
left: 0;
top: 18px;
}
body.props.lang-es #name-logo a {
background-position: 186px -35px;
}
body.props #header a#maplight-home {
/* background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/icn_multi.20120307.png") no-repeat scroll -110px 0 transparent; */
display: block;
height: 12px;
position: absolute;
left: 0;
top: 11px;
line-height: 1em;
font-family: Helvetica, Arial, sans-serif;
font-size: .84em;
color: #808080;
}
body.props #header a#voter-about {
/* background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/props/logo-voter-guide.20120308.png") no-repeat scroll 0 0 transparent; */
display: block;
width: 305px;
height: 27px;
position: absolute;
left: 340px;
top: 44px;
z-index: 50;
text-indent: -99999px;
}
body.props.lang-es #header a#voter-about {
width: 200px;
left: 445px;
background-position: 0 -35px;
}
body.props #lang-selector {
position: absolute;
bottom: 15px;
right: -35px;
}
body.props #lang-selector ul.links {
margin: 0;
}
body.props #lang-selector a {
display: block;
width: 86px;
height: 23px;
float: left;
background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/icn_lang.png") no-repeat scroll 0 0 transparent;
text-indent: -99999px;
}
body.props #lang-selector li.es a {
background-position: -86px 0;
}
body.props.lang-es #lang-selector li.en a {
background-position: 0 -30px;
}
body.props.lang-es #lang-selector li.es a {
background-position: -86px -30px;
}
/* tweak menus */
body.props #nav-wrapper .squeez-center {
bottom: 8px;
}
body.props #nav-wrapper .left {
position: absolute;
bottom: 0px;
left: 0;
}
body.props #nav-wrapper .right {
position: absolute;
bottom: 1px;
right: 0;
}
body.props #nav-wrapper a {
vertical-align: bottom;
}
body.props #nav-wrapper li {
margin-right: 5px;
padding-right: 8px;
border-right: 1px #363737 solid;
}
body.props #nav-wrapper li.last {
margin-right: 0;
padding-right: 0;
border-right: 0;
}
body.props #nav-wrapper a {
color: #363737;
text-decoration: none;
}
body.props #nav-wrapper a.active {
color: #1b5925;
}
body.props #nav-wrapper .left .title,
body.props #nav-wrapper .left ul.links {
float:left;
font-size: 1.15em;
}
body.props #nav-wrapper .left .title {
margin-right: 8px;
line-height: 1em;
}
body.props #nav-wrapper .left .title a {
color: #1b5925;
}
body.props #nav-wrapper .left ul.links {
letter-spacing: -.4px
}
body.props #nav-wrapper .right {
float: right;
font-family: Georgia, serif;
font-size: 1.15em;
margin-top: 1px; /* tweak to align with left menu */
}
body.props #nav-wrapper .right a.active {
font-weight: normal;
}
body.props #nav-wrapper .left .links a.active {
font-size: 1.22em;
}
body.props #title-block {
color: #FFFFFF;
background: #1A2523; /* Old browsers */
background: -moz-linear-gradient(top, #505758 0%, #1A2523 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505758), color-stop(90%,#1A2523)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #505758 0%,#1A2523 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #505758 0%,#1A2523 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #505758 0%,#1A2523 90%); /* IE10+ */
background: linear-gradient(top, #505758 0%,#1A2523 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505758', endColorstr='#1A2523',GradientType=0 ); /* IE6-9 */
}
body.props #title-block .inner {
padding: 14px 20px;
position: relative;
}
body.props #title-block h1 {
font-size: 2.9em;
color: #fff;
margin: 0;
padding: 0;
}
body.props.page-landing #title-block h1 {
font-size: 2.6em;
}
body.props.page-landing.lang-es #title-block h1 {
font-size: 2.3em;
}
body.props #title-block h1 .topic {
font-size: .65em;
padding-left: .5em;
}
body.props #title-block .summary {
clear: both;
margin-top: 1px;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
font-weight: bold;
}
body.props #title-block .breadcrumb {
padding: 0pt;
}
body.props #title-block .breadcrumb a {
display: block;
width: 803px;
height: 88px;
position: absolute;
left: 0;
top: 0;
text-indent: -99999px;
z-index: 5;
}
body.props .panel-pane {
border-top: 4px solid #393939;
}
body.props .props-section {
position: relative;
}
body.props .props-section>h2.pane-title {
height: 41px;
padding-top: 1px;
line-height: 42px;
margin-bottom: 0;
background: #ebebeb;
border-bottom: none;
text-align: center;
font-size: 1.8em;
font-family: Helvetica, Arial, sans-serif;
}
body.props .props-section>h2.pane-title,
body.props .props-section>h2.pane-title a {
color: #808080;
}
body.props div.shadow,
body.props div.node-proposition.node-teaser,
body.props.page-node .node {
background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/bg_white_grad_lower.jpg") repeat-x bottom left white;
border: solid #ebebeb;
border-width: 2px;
}
body.props div.node-proposition.node-teaser.node-unpublished,
body.props.page-node .node.node-unpublished {
background: #FFF4F4;
}
/* two-col section body shadows */
body.props .props-section.two-col>.pane-content>div>.content div.shadow {
border-left-color: transparent;
border-right-color: transparent;
background: none transparent;
border-bottom: none;
}
body.props .props-section.two-col {
background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/props/bg_two_col_481.20120402.png") repeat-y scroll 0 0 transparent;
}
body.props .props-section.two-col>.pane-content {
background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/props/bg_two_col_grad_btm_481.20120402.png") no-repeat scroll left bottom transparent;
overflow: auto;
margin-top: -50px;
padding-top: 50px;
}
body.props .props-section.two-col>.pane-content>div>.content div.shadow {
border-top: 4px #c3c3c4 solid;
}
body.props .props-section .shadow-inner>*:first-child {
margin-top: -2px; /* Because Georgia font seems to have some space at the top */
}
body.props .props-section .shadow-inner p:first-child,
body.props .props-section .shadow-inner ul:first-child,
body.props .props-section .shadow-inner li:first-child {
margin-top: 0;
padding-top: 0!important;
}
/* immediate descendent shadow box */
/* expandable section body */
body.props .panel-pane>.pane-content>div.shadow,
body.props .props-section>.pane-content>div>.content div.shadow {
border-top: 0;
}
body.props div.shadow .shadow-inner,
body.props div.node>.content,
body.props div.node>h2.title {
padding: 20px;
overflow: auto;
}
body.props .shadow-inner>.panel-pane {
margin-top: 0;
margin-bottom: 0;
border-top: 0;
}
body.props .props-section.two-col>.pane-content div.shadow {
float:left;
width: 477px;
position: relative;
}
body.props .props-section.two-col>.pane-content div.shadow:first-child {
margin-right: 6px
}
body.props #jurisdiction-menu {
background: none;
}
body.props #footer-menus {
background: none;
}
/*
body.props .map-expandable.section {
position: relative;
}
*/
/* nested expandable sections */
body.props .pane-content .section .map-expandable.icon {
position: relative;
clear: both;
margin-top: 0;
margin-bottom: 10px;
}
/* controls */
body.props .pane-content .section .map-expandable.icon .prompt .show-content,
body.props .pane-content .section .map-expandable.icon .hide .hide-content {
display: block;
width: 300px; /* approximately equal to left padding of section's div.content */
height: 20px; /* slightly taller than necessary for more clickable area */
position: absolute;
left: 0;
top: -2px;
z-index: 10;
}
body.props .pane-content .section .map-expandable.icon .hide .hide-content {
z-index: 5; /* "hide" element follows "show" element in page source, but we want the "show" element to be higher */
}
/* the actual image container */
body.props .pane-content .section .map-expandable.icon .prompt .show-content span,
body.props .pane-content .section .map-expandable.icon .hide .hide-content span {
display:block;
width: 17px;
height: 16px;
text-indent: -99999px;
background-color: white; /* obscure the underlying button */
margin-top: 2px; /* offset the positioning of parent element */
}
body.props .pane-content .section .map-expandable.icon .prompt .show-content span {
background-position: -24px 0;
}
body.props .pane-content .section .map-expandable.icon .hide .hide-content span {
background-position: -24px -25px;
}
body.props .pane-content .section .map-expandable.icon .hide .title {
margin-left: 20px;
margin-bottom: 0;
padding-top: 1px;
text-transform: uppercase;
font-size: 1.0em;
float: left;
}
body.props .pane-content .section .map-expandable.icon.left>.content {
padding-left: 318px;
}
body.props .pane-content .section .map-expandable.icon.left>.content>* {
margin-top:0;
}
body.props .map-expandable.section>.control,
body.props .map-expandable.section>.prompt .show-content,
body.props .map-expandable.section>.hide .hide-content {
display:block;
width: 19px;
height: 19px;
position: absolute;
right: 14px ;
top: 10px;
text-indent: -99999px;
}
body.props .map-expandable.section .control {
display:none;
}
/* first 2 are redundant, maybe. But, for clarity... */
/* show / hide button icons. Uses sprites */
body.props .pane-content .section .prompt .show-content span,
body.props .pane-content .section .hide .hide-content span,
body.props .map-expandable.section>.prompt .show-content,
body.props .map-expandable.section>.hide .hide-content {
background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/icn_multi.20120307.png") no-repeat scroll 0 0 transparent;
}
/* Section boxes, expandable */
body.props .pane-content .map-expandable.section>.prompt .show-content {
background-position: 0 0;
z-index: 20;
background-color: #ececec;
}
body.props .pane-content .map-expandable.section>.hide .hide-content {
background-position: 0 -25px;
}
/* generic yes / no labels */
.title.yes,
.title.no,
.label.yes,
.label.no {
background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/icn_multi.20120307.png") no-repeat scroll -55px -49px transparent;
height: 14px;
overflow: hidden;
margin: 0;
padding-top: 1px;
padding-left: 21px;
line-hight: 1em;
position: absolute;
top: -34px;
left: 200px;
color: #1b5925;
font-size: 1.1em;
text-transform: uppercase;
}
.title.no,
.label.no {
background-position: -55px -79px;
color: #ee2e24;
}
.props-inner-expandable .col {
width: 284px;
float: left;
margin-left: 15px;
position: relative;
}
.props-inner-expandable .col .title,
.node-proposition.node-teaser .content .col .title {
margin-bottom: 8px;
padding-left: 21px;
text-indent: 0;
position: static;
text-transform: uppercase;
font-size: 1.05em;
}
.props-inner-expandable .col .title.yes,
.node-proposition.node-teaser .content .col .title.yes {
background-position: -55px -50px;
}
.props-inner-expandable .col .title.no,
.node-proposition.node-teaser .content .col .title.no {
background-position: -55px -80px;
padding-left: 18px;
}
.props-inner-expandable.additionals .content {
position: relative;
top: -2px;
}
.props-inner-expandable.additionals .content .title {
font-family: Georgia, serif;
padding-right: .5em;
}
body.props #title-custom {
height: 88px;
margin-bottom: 15px;
}
body.props.with-share #title-block {
width: 640px;
height: inherit;
float: left;
}
body.props.with-share #title-block .breadcrumb a {
width: 640px;
}
body.props #title-custom .pane-share {
width: 312px;
float: right;
margin: 0;
}
body.props .pane-share .shadow {
height: 82px; /* #title-custom - border-width-top of .panel-pane - border-width-bottom */
}
body.props .pane-share>.pane-content {
position: relative
}
body.props .pane-share .btn {
background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/props/icn_share.png") no-repeat scroll -55px -50px transparent;
display: block;
width: 24px;
height: 24px;
text-indent: -99999px;
}
body.props .pane-share .follow .text {
position: absolute;
left: 0;
top: 40px;
overflow: visible;
font-size: 1.35em;
}
body.props .pane-share .follow a {
display: block;
font-family: Helvetica,Arial,sans-serif;
font-weight: bold;
left: 14px;
margin-top: -1.35em;
padding-bottom: 10px;
padding-right: 34px;
padding-top: 6px;
position: absolute;
width: 116px;
color: #818181;
}
body.props.lang-es .pane-share .follow .text {
font-size: 1.2em;
top: 41px;
}
body.props.lang-es .pane-share .follow a {
font-weight: normal;
letter-spacing: -0.03em;
line-height: 1.15em;
padding-top: 5px;
}
body.props.page-landing .follow {
position: absolute;
left: 0;
top: 14px;
}
body.props.page-landing .pane-share .follow .text {
top: 0;
}
body.props.page-landing .pane-share .follow a {
top: 0;
margin-top: 0;
padding-top: 0;
height: 54px;
line-height: 54px;
}
body.props.page-landing .pane-share .follow .btn.twitter {
top: 15px;
margin-top: 0;
}
body.props .pane-share .btn.twitter {
background-position: -137px -29px;
}
body.props .pane-share .follow .btn.twitter {
position: absolute;
right: 12px;
top: 1.35em;
margin-top: -12px;
}
body.props .pane-share .share {
border-left: 1px solid #CCCCCC;
height: 53px;
position: absolute;
right: 0;
top: 14px;
width: 147px;
}
body.props .pane-share .share .text {
color: #818181;
font-family: Helvetica,Arial,sans-serif;
font-size: 1.35em;
font-weight: bold;
line-height: 54px;
position: absolute;
right: 87px;
}
body.props .pane-share .share .links {
height: 54px;
position: absolute;
right: 16px;
top: 0;
width: 60px;
}
body.props .pane-share .share .btn {
float: left;
margin-right: 6px;
margin-bottom: 6px;
}
body.props .share .btn.fb {
background-position: -106px 0;
}
body.props .share .btn.twitter {
background-position: -137px -29px;
}
body.props .share .btn.gplus {
background-position: -137px 0;
}
body.props .share .btn.email {
background-position: -106px -29px;
}
body.props.lang-es .pane-share .share .text {
font-size: 1.2em;
font-weight: normal;
letter-spacing: -0.07em;
right: 82px;
}
/* --------- FUNDING BLOCK ------------*/
body.props .props-section.pane-funding>.pane-content div.shadow,
body.props .props-section.pane-funding .graph-container
{
position: static;
}
body.props .props-section.pane-funding h3.title {
top: 12px;
}
body.props .props-section.pane-funding .title.no {
left: 688px;
}
body.props .pane-funding td.rank {
text-align: center;
}
body.props .pane-funding td.name {
font-weight: bold;
}
body.props .pane-funding .totals {
overflow: auto;
}
body.props .pane-funding .totals .title.yes {
position: static;
}
body.props .pane-funding .amount-column {
float: right;
}
body.props #content div.pane-funding div.graph-container .whom-supported,
body.props #content div.pane-funding div.graph-container .whom-opposed {
width: 345px;
}
body.props .pane-funding .graph-content {
margin: -10px;
border: 0;
background: none;
}
body.props .pane-funding .graph-content tbody {
border-top: 0;
}
body.props .pane-funding .map-bars .bar {
width: 100%;
}
body.props #content div.pane-funding div.graph-container {
min-height: 300px;
}
body.props #content div.pane-funding div.graph-container .graph {
float: none;
width: 75px;
left: 385px;
bottom: 47px;
}
body.props #content div.pane-funding div.graph-container.oppose .graph {
left: 507px;
}
body.props.page-summary #content div.pane-funding div.graph-container .graph {
bottom: 65px;
}
body.props .pane-funding .content-footer {
margin-top: 14px;
}
/* bar colors */
body.props .map-yes-block {
background-color: #165A28;
}
body.props .hover-active .map-yes-block {
background-color: #D5DCD5
}
body.props .map-no-block {
background-color: #dc291e;
}
body.props .hover-active .map-no-block {
background-color: #ebc7c5
}
body.props .pane-funding .map-bars .total {
width: 99px;
margin-left: -12px;
height: 0;
overflow: visible;
position: absolute;
bottom: -5px;
font-family: "Helvetica Nueue", Helvetica, Arial, sans-serif;
color: #393A3A;
}
body.props .pane-funding .totals {
display: none;
}
body.props .graph-container.support .graph-content table tbody tr.hover-active td,
body.props .graph-container.support .map-bars .hover {
color: inherit;
background-color: #D5DCD5 !important;
}
body.props .graph-container.support .map-bars .hover {
color: inherit;
background-color: #165A28 !important;
}
body.props .graph-container.oppose .graph-content table tbody tr.hover-active td,
body.props .graph-container.oppose .map-bars .hover {
color: inherit;
background-color: #ebc7c5 !important;
}
body.props .graph-container.oppose .map-bars .hover {
color: inherit;
background-color: #dc291e !important;
}
body.props tr, body.props tr.even td, body.props tr.odd td {
padding-top: .35em;
padding-bottom: .35em;
}
body.props #content div.pane-funding .graph-container .map-bars .bar .hover strong,
body.props #content div.pane-funding .graph-container .map-bars .bar .short.hover strong {
padding-top: 0;
position: absolute;
left: 0;
top: -1.3em;
width: 92%;
height: 1.3em;
line-height: 1.1em;
color: #165A28;
}
body.props #content div.pane-funding .graph-container.oppose .map-bars .bar .hover strong {
color: #dc291e;
}
/* --------- PIE CHARTS ------------ */
/* uniform styling */
body.props div.selector,
body.props div.selector span {
width: auto;
}
body.props div.selector {
font-size: .7em;
vertical-align: text-bottom;
bottom: 1px;
margin-left: .3em;
}
body.props div.selector span {
padding-top: 1px;
}
body.props .pane-title option {
padding: 5px 10px!important;
font-size: 1.2em!important;
}
body.props img.chart {
margin-bottom: 15px;
}
/* --------- ENDORSEMENTS BLOCK ------------*/
body.props .pane-endorsements .shadow-inner>.panel-pane>.pane-content .links li {
display: block;
line-height: 1.2em;
padding-top: 0.7em;
}
body.props .pane-endorsements .shadow-inner>.panel-pane>.pane-content .links li a {
font-weight: bold;
}
/* --------- NEWS BLOCK ------------*/
body.props .shadow-inner .item-list .publications li {
line-height: 1.2em;
padding-top: 1.9em;
margin: 0;
}
body.props.page-summary .shadow-inner .item-list li,
body.props.page-funding .shadow-inner .item-list li {
padding-top: 0.7em;
}
body.props .shadow-inner .item-list .publications .publication {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
padding-right: 0.4em;
text-transform: uppercase;
font-size: .95em;
}
body.props .shadow-inner .item-list .publications .author {
padding-right: .4em;
}
body.props .shadow-inner .item-list .publications li .title {
font-family: Georgia, serif;
font-weight: normal;
padding-right: .45em
}
body.props .shadow-inner .item-list .publications li .date {
color: #4C4C4C;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.84em;
white-space: nowrap;
}
/* --------- ADVERTISEMENTS BLOCK ------------*/
body.props div.pane-advertisements div.node {
border: none;
background: none;
margin-bottom: 15px;
}
body.props .pane-advertisements .node.audio,
body.props .pane-advertisements .node.audio a {
display: block;
height: 32px;
line-height: 32px;
}
body.props .pane-advertisements .node.audio {
background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/icn_media.png") no-repeat scroll 0 0 transparent;
position:relative;
}
body.props .pane-advertisements .node.audio a {
padding-left: 42px;
}
/* dynamically-added media wrapper element */
body.props .pane-advertisements .node.audio>div {
position: relative;
top: 4px;
left: 42px;
}
/* dynamically-added control button */
body.props .pane-advertisements .node.audio .control {
display:block;
height:32px;
width:32px;
position:absolute;
left:0;
top:0;
cursor:pointer;
}
/* progress bar for jwplayer dynamic loading elements */
body.props .pane-advertisements .progress {
height: 12px;
opacity: .3;
}
body.props .pane-advertisements .progress .bar {
height: 100%;
}
/* --------- LANDING PAGE ----------- */
body.props.page-landing #main-inner {
padding-top: 28px;
}
body.props.page-landing #content>h1 {
height: 20px;
margin-bottom: -45px;
margin-left: 29px;
margin-top: 30px;
font-family: Helvetica, Arial, sans-serif;
color: #393939;
}
body.props.page-landing #content>.shadow {
margin-top: 15px;
padding-top: 16px;
}
body.props.page-landing #content>div>.shadow>.shadow-inner {
padding: 25px 0 25px 30px;
}
body.props .node-proposition.node-teaser {
width: 201px;
height: 262px;
float:left;
margin: 0 28px 28px 0;
position: relative;
}
body.props .node-proposition.node-teaser h2 {
margin: 0 0 4px;
padding: 0;
font-size: 1.9em;
}
body.props .node-proposition.node-teaser h2 a.title {
display: block;
width: 201px;
height: 250px;
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
text-align: center;
color: #1b5925;
z-index: 10;
background: none;
}
body.props .node-proposition.node-teaser h2 a.title:hover {
text-decoration: underline;
}
body.props .node-proposition.node-teaser h2 a.title span {
display: block;
width: 201px;
position: absolute;
left: 0;
top: 10px;
text-decoration: inherit;
}
body.props .node-proposition.node-teaser h2 a.title span:hover {
text-decoration: underline;
}
body.props .node-proposition.node-teaser .topic {
width: auto;
padding-top: 13px;
text-align: center;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.25em;
line-height: 1em;
font-weight: bold;
color: #393939;
}
body.props .node-proposition.node-teaser .funding {
margin-top: 12px;
width: 150px; /* block = 200px, with 24px padding each side */
position: absolute;
left: 25px;
bottom: 19px;
text-align: center;
}
body.props .node-proposition.node-teaser .funding .col {
clear: both;
overflow: auto;
padding-top: 3px;
}
body.props .node-proposition.node-teaser .funding .col .title {
display: inline;
vertical-align: baseline;
}
body.props .node-proposition.node-teaser .funding .col .content {
display: inline;
font-size: 1.2em;
margin-top: -1px;
position: absolute;
right: 0;
}
body.props .node-proposition.node-teaser .funding .col .title.no {
padding-left: 21px;
}
/* --------- NODE PAGES ----------- */
body.props.page-node .node .submitted {
padding: 20px;
position: relative;
top: 10px;
}
/* --------- MISC ----------- */
body.props .props-section #download-contributions {
display: block;
font-family: Georgia,serif;
font-size: 0.82em;
font-style: italic;
line-height: 1em;
position: absolute;
right: 22px;
text-align: right;
top: 9px;
width: 120px;
color: #00752C; /* slightly lighter due to small size and dark bg */
}
/* source tooltips */
body.props .helptip.control {
background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/icn_multi.20120307.png") no-repeat scroll -47px 3px transparent;
display: inline-block !important;
width: 20px;
height: 20px;
margin-left: 4px;
margin-top: -4px;
vertical-align: middle;
text-indent: -99999px
}
/*
* beautytips object is appended to the container of the trigger.
* Must reset.
*/
.map-helptip-wrapper {
text-align: left;
line-height: normal;
font-weight: normal;
}
.map-helptip-wrapper .hide-content {
background: url("//images.maplight.org/sites/all/themes/maptheme_2012/images/icn_multi.20120307.png") no-repeat scroll -25px -25px transparent;
height: 15px;
position: absolute;
right: 10px;
text-indent: -99999px;
top: 10px;
width: 15px;
}
body.props .props-section > h2.pane-title .map-helptip-wrapper {
color: #000;
}
body.props .props-section > h2.pane-title .map-helptip-wrapper a {
color: #1b5925;
}
/*--------- EXPERIMENTAL ---------*/
.share .links .apis * {
display: block ! important;
height: 24px ! important;
left: 0pt ! important;
opacity: 0 ! important;
overflow: hidden ! important;
position: absolute ! important;
top: 0pt ! important;
width: 24px ! important;
z-inde: 50;
}
.share .links .apis iframe div,
.share .links .apis div div {
position: static;
}
.share .links .apis .fb_iframe_widget {
top: 2px !important;
}
.share .links .apis iframe.twitter-share-button {
top: 32px!important;
}
/* google */
.share .links .apis div {
left: 30px !important;
}
body.page-votewatch #content-wrapper {
max-width: 616px;
margin: 15px auto 15px;
text-align: left;
background: #ffffff;
}
body.page-votewatch h1 {
color: #006600;
font-size: 130%;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
margin: 0 !important;
}
body.page-votewatch h2 {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
margin: 0 !important;
font-size: 105% !important;
background: none repeat scroll 0 0 #EBEBEB !important;
padding: 7px 10px 5px !important;
border-top: 4px solid #393939;
border-bottom: 0 !important;
}
body.page-votewatch h3 {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
margin: 0 !important;
border-bottom: 0;
}
body.page-votewatch div.panel-pane {
clear: both;
}
body.page-votewatch div.shadow-inner {
padding: 10px;
}
body.page-votewatch img.politician {
margin: 0 0 10px 10px;
}
body.page-votewatch div.groups {
padding-bottom: 5px;
}
body.page-votewatch div.pane-research div.item-list ul li {
list-style-type: disc;
margin: 0 0 0.25em 1.5em;
}
body.page-votewatch .label.yes,
body.page-votewatch .label.no {
position: static;
font-size: 1em;
padding-left: 18px;
}
body.page-votewatch .label.no {
background-position: -55px -80px;
color: #EE2E24;
}
body.page-votewatch #share div.btn {
display: block;
float: left;
text-align: center;
width: 25%;
}
body.page-votewatch #share .label {
font-size: 90%;
font-weight: bold;
}
#block-views--exp-map_pfd_search-page_1 {
float: left;
width: 220px;
}
input#edit-StockCompanyOrSource {
width: 193px;
-moz-box-sizing: content-box;
background-color: #FFFFFF;
background-image: linear-gradient(#EEEEEE 1%, #FFFFFF 15%);
border: 1px solid #AAAAAA;
cursor: text;
height: auto !important;
margin: 0;
overflow: hidden;
padding: 4px 5px;
position: relative;
}
#edit_PoliticianName_chosen.chosen-container {
margin-left: 10px;
}
#edit_PoliticianSessions_chosen.chosen-container {
margin-left: 10px;
}
#block-views--exp-map_pfd_search-page_1 select#edit-PoliticianSessions {
width: 195px;
}
#block-views--exp-map_pfd_search-page_1 select#edit-PoliticianName {
width: 195px;
}
#block-views-8610491169db5551ed56fff7bd90c7c9 {
float: left;
width: 752px;
}
.view-map-pfd-search {
width: 752px;
float: left;
}
.search-select {
margin-bottom: 5px;
}
.search-select label {
font-weight: normal;
}
.search-select input {
float: left;
margin-left: 3px;
}
.view-map-pfd-search table td {
padding: 5px 4px !important;
}
.view-map-pfd-most-commonly-held-stock td {
padding: 5px 4px !important;
}
.views-field-NumberOfMembersHolding, .views-field-StockRank {
text-align: center;
}
.views-field-TotalOfValueMin, .views-field-TotalOfValueMax,.views-field-ValueMin,.views-field-ValueMax,.views-field-AmountMin,.views-field-AmountMax {
text-align: right;
}
.view-map-pfd-search .item-list {
}