/* 
* Use the section codes below to Ctrl+F jump to their respective sections. 
* 
* CODE SECTION 
* ================================= 
* MODLC Modular layout classes 
* GLOBL Globals 
* RGTRL Right rail 
* CUCLS Custom classes 
* SEC01 Registration Detail 
* SEC03 Home 
* SEC04 Action Alerts 
* SEC06 Compose Letters 
* SEC07 Share Your Story 
* SECXX1 Thank You After Compose Letters Phone Alert 
* SEC08 Tell A Friend 
* SEC09 Key Contact Survey 
* SEC10 My Profile 
* SEC14 Missing Information 
* SEC11 Edit My Profile 
* SEC15 Legislator Search 
* SEC16 Legislator Details 
* SEC17 Committee Search 
* SEC18 Committee Details 
* SEC19 Contact Us 
* SEC20 News 
* SEC21 News Details 
* SEC22 Media Soft 
* SEC23 Blog 
* SEC24 Map 
* SEC25 Additional Information 
* SEC26 Content 
* SEC27 General Content Widget 
* SEC28 Login 
* SEC29 Registration and Login
* SEC30 Password Assistance 
* SEC31 Reset Password 
* SEC32 IE8 and IE9 Support 
* SEC33 SharedThis overrides
* SECXX2 - Take Action Workflow patches
* SECXX3 - Legislator Search Patches
* SECXX4 - Legislator Search - Details Patches
* SECXX5 Signup Page (Register/Login hybrid)
* SECXX6 Committee Search Pagination
* SECXX7 New Recaptcha on Contact Us
* SECXX8 Phone Confirmation patch
* SECXX9 - Section 34 - Tabbed Feed + Sidebar Callouts desktop layout
*/

 @import url('jquery/jquery-ui.min.css');
 @font-face {
     font-family: 'Museo-500';
     src: url('fonts/museo_500/Museo_500-webfont.eot');
     src: url('fonts/museo_500/Museo_500-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fonts/museo_500/Museo_500-webfont.woff') format('woff'), 
     url('fonts/museo_500/Museo_500-webfont.ttf') format('truetype');
}
 @font-face {
     font-family: 'Museo-700';
     src: url('fonts/museo_700/Museo_700-webfont.eot');
     src: url('fonts/museo_700/Museo_700-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fonts/museo_700/Museo_700-webfont.woff') format('woff'), 
     url('fonts/museo_700/Museo_700-webfont.ttf') format('truetype');
}
 html {
     height: 100%;
     min-height: 100%;
}
 body {
     height: 100%;
     font: 14px Helvetica, Arial, sans-serif;
}
/* Modular layout classes [MODLC] ============================================================================================== */
 .one-column {
     clear: both;
     margin-bottom: 25px;
     width: 100%;
}
 .two-columns {
     float: left;
     width: 65%;
     margin: 0 4% 25px 0;
}
 .two-columns.equal-width {
     width: 47.5%;
}
 .two-columns.with-border {
     border-right: 1px solid #fff;
     margin: 0 0 25px;
     padding: 0 30px 0 0;
     width: 439px;
}
 .two-columns.with-border.column-rail {
     border: 0;
     border-left: 1px solid #c8c8c8;
     padding: 0 0 0 30px;
}
 .three-columns {
     float: left;
     width: 31%;
     margin: 0 3% 25px 0;
}
 .column-rail, aside {
     float: left;
     margin-bottom: 25px;
     width: 30.9%;
    /* duplicated to cascade - do not move */
}
 .one-column.column-rail {
     width: 100%;
}
 .two-columns.column-rail {
     margin-right: 0;
}
 .three-columns.column-rail {
     width: 31%;
     margin-right: 0;
}
 aside.widget {
     width: 100%;
}
 .content-top {
     margin: 0 0 20px;
}
 .content-bottom {
     clear: both;
     margin: 20px 0 0;
}
/* expandable 2 column */
 .body-wrapper-expandable {
     margin: 0 auto;
     padding: 32px 0 0;
     width: 940px;
}
 .body-wrapper-expandable .two-columns {
     display: table-cell;
     margin-bottom: 25px;
     float: none;
     width: auto;
     vertical-align: top;
}
 .body-wrapper-expandable .sidebar {
     display: table-cell;
     float: none;
     padding-left: 4%;
}
 @media screen and (max-width: 960px){
     .body-wrapper-expandable {
         margin: 0;
         padding: 32px 3% 0;
         width: auto;
    }
}
 @media screen and (max-width: 720px){
     .body-wrapper-expandable .two-columns {
         display: block;
    }
     .body-wrapper-expandable .sidebar {
         display: block;
         padding-left: 0;
    }
}
/* Globals [GLOBL] ============================================================================================== */
/* Form elements */
 fieldset > div,
 fieldset aside > div,
 fieldset form > div {
     clear: both;
     margin: 5px 0;
}
 label {
     color: #174560;
     font-weight: bold;
     line-height: 2em;
}
 input[type="text"],
 input[type="password"],
 textarea, select {
     background: #fff;
     border: 1px solid #adadad;
     padding: 5px 2%;
     color: #595959;
}
 select {
    /*to fix select height in WebKit browsers*/
     height: 28px;
     padding: 5px 2%;
}
 input[type="text"]:focus,
 input[type="password"]:focus,
 textarea:focus, select:focus {
     border-color: #3c7a9f;
}
 input[type="submit"] {
     cursor: pointer;
     padding-top: 8px;
     padding-bottom: 8px;
     box-sizing: border-box;
     color: #fff;
     font: normal 16px/normal Museo-500, Georgia, "Times New Roman", Times, serif;
     border: 1px solid #732F00;
     background: #D96E26;
     text-shadow: -1px -1px 1px #494949;
     background: linear-gradient(to bottom, #E48622, #CC4812);
}
 input[type="submit"]:hover {
     background: #CA3B00;
     background: linear-gradient(to bottom, #ca3b00, #CC4812);
}
 select {
     font: normal 12px/1em Helvetica, Arial, Tahoma, sans-serif;
}
/* List elements */
 ul {
     list-style: disc outside url(../img/ico-bullet-square-blue.png);
     margin-left: 17px;
}
 ol {
     list-style: decimal outside none;
     margin-left: 17px;
}
/* Structural elements */
 .page-active {
     min-height: 100%;
     display: block;
     overflow: visible;
     border: 0 none;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0;
}
 .page-wrapper {
     min-height: 100%;
     position: relative;
}
 .page-inner {
     overflow: auto;
     padding-bottom: 65px;
    /* must be same height as the footer */
}
 .assistive-text,
 .site .screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute !important;
}
/* Responsive helpers */
/* following 3 styles must be in this particular order*/
 .tablet-hidden {
     display: block;
}
 .phone-hidden {
     display: block;
}
 .desktop-hidden {
     display: none;
}
/* Header elements */
 header {
     position: relative;
    /* required for z-index to work */
     z-index: 1200;
     background: #1b6996 url(../img/bg-grad-header.png) repeat-x left bottom;
}
 .hot-bar, .identity {
     margin: 0 auto;
     width: 940px;
     padding: 0;
     min-height: 22px;
}
 .hot-bar-container {
     background-color: #1b4963;
     display: block;
}
 .hot-bar {
     height: 37px;
     color: #90d1f7;
     font-size: 10.5px;
     text-transform: uppercase;
}
 .hot-bar p {
     float: right;
     margin: 12px 0 0;
}
 .hot-bar p:first-child {
     float: left;
}
 .hot-bar a {
     color: #fa8537;
     font-weight: bold;
     padding: 0 3px;
}
 .hot-bar span a i {
     margin: 0 0 0 4px;
     vertical-align: middle;
     color: #ffffff;
}
 .hot-bar span:hover a i {
     opacity: .5;
}
 .hot-bar span:hover a:hover i {
     opacity: 1;
}
 .login-form {
     position: absolute;
     top: 37px;
}
 .login-form fieldset {
     background-color: #11354a;
     border-radius: 0 0 5px 5px;
     display: none;
     padding: 15px;
}
 .login-form fieldset div {
     clear: none;
     float: left;
     margin: 0 0 0 5px;
     position: relative;
}
 .login-form fieldset div:first-child {
     margin: 0;
}
 .login-form fieldset div label {
     left: 7px !important;
}
 .login-form fieldset div label.error {
     width: 130px;
     line-height: normal;
}
 .login-form fieldset div input[type="text"],
 #LoginForm fieldset div input[type="password"] {
     margin: 0 0 5px;
     width: 120px;
}
 .login-form fieldset div input[type="submit"] {
     padding: 3px 13px;
}
 .login-form fieldset p.error {
     clear: both;
     margin: 0;
}
 .identity {
     height: 115px;
     position: relative;
}
 .identity .logo {
     background: url(../img/img-identity.png) no-repeat top left;
     display: block;
     height: 58px;
     position: absolute;
     top: 19px;
     width: 223px;
     background-size: auto 100%;
     text-indent: -9999px;
     overflow: hidden;
}
 nav {
     height: 55px;
     top: 31px;
     position: relative;
     margin-right: -10px;
     margin-left: 250px;
}
 nav .menu-toggle {
     display: none;
}
 nav ul {
     float: right;
     list-style: none;
     overflow: hidden;
     margin-left: 0;
     background-color: transparent;
}
 nav ul li {
     float: left;
}
 nav ul li:hover {
     background-color: #9bafb9;
}
 nav > ul > li:first-child {
     border-left: 1px solid #133950;
}
 nav ul li a {
     display: block;
     font: normal 14px/55px Museo-500, Georgia, "Times New Roman", Times, serif;
     color: #fff;
     padding-left: 12px;
     padding-right: 10px;
}
 nav > ul > li:first-child > a {
     border-left: 1px solid #3e647b;
}
 nav ul li ul {
     background-color: #9bafb9;
     height: auto;
     left: -9999em;
     position: absolute;
     width: 250px;
}
 nav ul li ul li {
     border: 0;
     width: 250px;
     position: relative;
}
 nav ul li ul li a {
     border: 0;
     padding-left: 12px;
     padding-right: 12px;
     color: #174560;
}
 nav ul li a:hover {
     background-color: #c2dbe7;
     text-decoration: none;
}
 nav ul li:hover a {
     color: #174560;
}
 nav ul li:hover ul {
     left: auto;
}
 .mnav-mobile-btn i,
 .mnav-open-close {
     display: none;
}
 .mnav, .mnav-menu {
     display: block;
}
 .show-login, .show-logout {
     display: none;
     position: absolute;
     top: 11px;
     padding: 5px 0 5px 15px;
     color: #FFFFFF;
     font-size: 15px;
     right: 3%;
}
 p.link-container {
     text-align: right;
}
/* Body elememnts */
 .body-wrapper {
     margin: 0 auto;
     padding: 32px 0 0;
     width: 940px;
}
/* Footer elements */
 .footer-wrapper {
     clear: both;
     height: 64px;
     margin-top: -65px;
     position: relative;
     border-top: 1px solid #c8c8c8;
     font-size: 10.5px;
     text-transform: uppercase;
}
 footer {
     margin: 0 auto auto;
     width: 940px;
}
 .copyright {
     float: left;
     margin-top: 10px;
}
 .copyright p {
     margin-top: 0;
}
 .more-links {
     float: right;
     margin-top: 10px;
}
 .more-links ul {
     list-style: none;
}
 .more-links ul li {
     float: left;
     margin-left: 20px;
}
 .more-links li:first-child {
     margin-left: 0;
}
 .more-links a {
     font-weight: normal;
}
/*Mobile Hot Bar */
 .mobile-hot-bar {
     border-bottom: 1px solid #C8C8C8;
     padding: 10px 0;
     text-align: center;
     display: none;
}
 .mobile-hot-bar a {
     display: inline-block;
     border: 1px solid #bdbdbd;
     width: 38px;
     height: 31px;
     text-align: center;
     padding-top: 7px;
     text-shadow: none;
     margin: 0 0 0 5px;
     vertical-align: middle;
     color: #797979;
     font-size: 16px;
}
 .mobile-hot-bar a i {
     margin: 0;
     vertical-align: middle;
     color: #797979;
}
 .mobile-hot-bar div:hover a i {
     opacity: .5;
}
 .mobile-hot-bar div:hover a:hover i {
     opacity: 1;
}
/* Floating Button */
 .button-float {
     border-top: 1px solid #C8C8C8;
     display: block;
     left: 0;
     padding: 10px 0;
     width: 100%;
     text-align: center;
     background: none repeat scroll 0 0 #ffffff;
     z-index: 1000;
}
 .button-static-mode {
     bottom: 65px;
     position: absolute;
}
 .button-fixed-mode {
     position: fixed;
     bottom: 0;
     opacity: .9;
}
 .button-fixed-mode:hover {
     opacity: 1;
}
 p.pager-pages {
     display: inline-block;
     text-align: center;
     width: 100%;
}
 .blog-pager {
     text-align: center;
     font: bold 12px Helvetica,Arial,sans-serif;
}
 .pager-previous,
 .prev {
     float: left;
     font: bold 14px Helvetica,Arial,sans-serif;
}
 .pager-next,
 .next {
     float: right;
     font: bold 14px Helvetica,Arial,sans-serif;
}
 a.pager-current{
     color: #000000;
}
 a.pager-current:hover {
     text-decoration: none;
}
/* Right rail [RGTRL] ============================================================================================== */
 aside > ul {
     list-style: none none;
     margin: 0;
}
 aside ul li {
     padding: 10px 0;
}
 aside ul li:first-child {
     padding-top: 0;
}
 aside ul li a {
     color: #595959;
     font-weight: normal;
}
 aside li a:hover {
     text-decoration: none;
}
 aside ul li h3 a {
     color: #174560;
}
 aside ul li h3 a:hover {
     text-decoration: underline;
}
 aside span {
     margin: 7px 0 5px 0;
}
 aside img {
     margin-top: 7px;
     margin-bottom: 10px;
     width: 100%;
}
 aside #CaptchaImg {
     width: 99%;
}
/* Custom classes [CUCLS] ============================================================================================== */
 .dotted-border {
     border-top: 1px dotted #ccc;
}
 .dotted-border:first-child {
     border: 0;
}
 .form-step {
     background-color: #1a6691;
     border: 3px solid #9db9c9;
     border-radius: 15px;
     display: block;
     float: left;
     width: 23px;
     color: #fff;
     font: normal 14px/1.65em Museo-700, Georgia, "Times New Roman", Times, serif;
     text-align: center;
}
 .form-step + h4 {
     float: left;
     margin: 4px 0 10px 8px;
}
 .form-step + h4 + * {
     clear: both;
}
 .loading-bar {
     background: url(../img/ani-loading-bar.gif) no-repeat center;
     height: 13px;
}
 .more-arrow-orange {
     border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
     border-left: 8px solid #ff8537;
     float: right;
     height: 0;
     margin: 3px 0 0 3px;
     width: 0;
}
/* Section 1 - Registration Detail [SEC01] ============================================================================================== */
 .register-content fieldset div {
     position: relative;
}
 .register-content fieldset div label {
     width: 24%;
     margin-right: 2%;
}
 .register-content fieldset div label.placeholder {
     left: 28% !important;
     top: 0 !important;
}
 .register-content fieldset div label.error {
     clear: both;
     float: none !important;
    /* override float styles in jqtransform.css */
     margin-left: 26%;
     width: auto;
}
 .register-content fieldset div input[type="text"],
 .register-content fieldset div input[type="password"] {
     float: left;
     width: 49%;
}
 .register-content fieldset div input[type="submit"] {
     margin: 0 0 0 26%;
}
 .register-content fieldset div select {
     float: left;
     width: 35%;
}
 .register-content .additional-question {
     clear: none;
     float: left;
     width: 49%;
}
 .register-content .additional-question label {
     width: 100%;
}
 .register-content .additional-question span {
     margin: 2px 5px 0 0;
}
 .register-content aside div p {
     margin-left: 26%;
}
 .register-content aside div ul {
     margin-left: 29%;
     margin-bottom: 10px;
}
/* Section 3 - Home [SEC03] ============================================================================================== */
 .home-content {
     margin-bottom: 25px;
}
 .home-content .carousel-container-wrapper {
     border-bottom: solid 1px #c6c6c6;
     width: 940px;
     margin: 0 auto;
}
 .home-content .carousel-container-decor-wrapper {
     position: relative;
     margin-left: -10px;
}
 .home-content .carousel-container-decor {
     display: block;
     width: 10px;
     height: 110px;
    /*should match height+padding of .home .carousel .carousel-caption*/
     position: absolute;
     bottom: 40px;
     left: 0;
     background-color: #19628b;
}
 .home-content .carousel-container {
     background: transparent url(../img/bg-carousel-shadow.png) no-repeat center bottom !important;
    /* override inline styles */
     height: 335px;
     margin-bottom: 5px;
     width: 940px;
     margin-left: 10px;
}
 .home-content .carousel {
     width: 100%;
     height: 315px;
}
 .home-content .carousel > ul li {
     height: 315px;
     width: 940px;
}
 .home-content .carousel .carousel-caption {
     padding: 15px;
     bottom: 20px;
     height: 80px;
     margin-right: 5px;
     background: none repeat scroll 0 0 rgba(38, 38, 38, .85);
     max-width: 606px;
}
 .home-content .carousel > ul li img {
     height: 315px;
     width: 940px;
}
 .home-content .carousel > ul li .chevron-container {
     background-color: #E75C00;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     width: 78px;
     vertical-align: middle;
     text-align: center;
}
 .home-content .carousel > ul li i {
     font-size: 20px;
     left: 50%;
     margin: -10px 88px 0 -5px;
     position: absolute;
     top: 50%;
}
 .home-content .carousel > ul li h2 {
     margin: 0;
     color: #fff;
     font: normal 26px/1.2em Museo-700, Georgia, "Times New Roman", Times, serif;
}
 .home-content .carousel > ul li p {
     margin: 0 88px 0 0;
     font-size: 18px;
}
 .home-content .carousel > ul li p.tablet-hidden.phone-hidden {
     color: #E75C00;
}
 .home-content .carousel > ul li a:hover {
     text-decoration: none;
}
 .actions-container {
     background-color: #155378;
     width: 294px;
     position: absolute;
     right: 0;
     bottom: 40px;
}
 .actions-container ul {
     list-style: none none;
     margin: 0;
}
 .actions-container ul li {
     border-top: 1px solid #114563;
}
 .actions-container ul li:hover {
     background-color: #0e364d;
     border-top: 1px solid #0c2e42;
}
 .actions-container ul li:first-child {
     border: none;
}
 .actions-container ul li h3 {
     font-size: 19px;
     line-height: 1em;
     padding-bottom: 4px;
}
 .actions-container ul li a {
     display: block;
     height: 75px;
     padding: 16px 18px 0;
     width: auto;
     text-decoration: none;
}
 .actions-container ul li:first-child a {
     height: 74px;
}
 .actions-container ul li a p {
     margin: 5px 0;
     width: 230px;
     color: #ffffff;
     font-weight: normal;
}
 .actions-container ul li a .more-arrow-orange {
     margin: 23px 0 0;
}
 .callouts-container {
     clear: both;
     margin-bottom: 30px;
     overflow: hidden;
}
 .callouts-container ul {
     list-style: none;
     margin: 0;
}
 .callouts-container ul li {
     float: left;
     margin-left: 29px;
     width: 294px;
     height: 220px;
}
 .callouts-container li a {
     font-weight: normal;
     color: #595959;
     text-decoration: none;
}
 .callouts-container ul li h3 a {
     color: #174560;
}
 .callouts-container ul li h3 a:hover {
     text-decoration: underline;
}
 .callouts-container ul li a img {
     width: 100%;
     margin-bottom: 10px;
     height: auto;
}
 .callouts-container ul li a span {
     color: #595959;
     line-height: 1.25em;
     margin: 10px 0;
}
 .home-content .callouts-container-wrapper {
     margin-top: 10px;
     padding-top: 8px;
}
 .home-content .callouts-container {
     width: 969px;
     margin: 0 auto 0 -29px;
}
 .home-content .tabs-content {
     height: 470px;
     overflow: auto;
}
 .sidebar-callouts-container {
     float: right;
     position: relative;
}
 .sidebar-callouts-container ul {
     list-style: none none;
     margin: 0;
}
 .home-content .details-container-wrapper {
     margin-top: 20px;
     padding-top: 24px;
     border-top: solid 1px #d7d7d7;
}
/* Section 4 - Action Alerts [SEC04] ============================================================================================== */
 .action-alerts article {
     margin: 0 0;
}
 .action-alerts article .alert-intro {
     margin: 10px 0;
     max-height: 50px;
}
 .action-alerts article .alert-badge {
     display: inline-block;
     margin: 0 5px 0 0;
     overflow: hidden;
     color: #fff;
     font-size: 11px;
     font-weight: bold;
     line-height: 20px;
     text-transform: uppercase;
}
 .action-alerts article .alert-badge.hot {
     background: url(../img/bg-badge-alert.png) no-repeat right -20px;
     padding: 0 15px 0 2px;
}
 .action-alerts article .alert-badge.hot span {
     background: url(../img/bg-badge-alert.png) no-repeat left 0;
     float: left;
     height: 18px;
     margin: 0 2px 0 0;
     width: 20px;
}
 .action-alerts article .alert-badge.info {
     background: url(../img/bg-badge-alert.png) no-repeat right -40px;
     padding: 0 15px 0 10px;
}
 .action-alerts article .alert-badge.media {
     background: url(../img/bg-badge-alert.png) no-repeat right -60px;
     padding: 0 15px 0 10px;
}
 .action-alerts article .alert-links {
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     height: 24px;
     margin: 10px 0 20px;
     padding: 6px 0;
}
 .action-alerts article .alert-links span {
     float: right;
     line-height: 2em;
}
 .action-alerts article .alert-links .share-links {
     float: left;
}
 .action-alerts article .alert-links .share-links a {
     display: block;
     float: left;
     margin: 0 6px 0 0;
}
 .read-more {
     margin-left: 6px;
}
 aside .action-alerts .alert-links span {
     margin-top: 0;
     margin-bottom: 0;
}
 aside .action-alerts .alert-links .st_fblike {
     margin-top: -3px;
}
/* Section 6 - Compose Letters [SEC06] ============================================================================================== */
 .compose-letters {
     margin-bottom: 75px;
}
 .compose-letters .body-wrapper {
     position: static;
}
 .compose-letters h1 {
     margin-bottom: 5px;
}
 .compose-letters h2 {
     margin-top: 20px;
}
 .compose-letters .content-top {
     margin-bottom: 15px;
}
 .compose-letters .targets {
     list-style: none none;
     margin: 15px 0 0;
     float: left;
}
 .compose-letters .targets li {
     display: block;
     float: left;
     clear: left;
}
 .compose-letters .targets li:first-child {
     clear: none;
}
 .compose-letters .targets label {
     font-size: .9em;
     margin-left: 25px;
     display: block;
}
 .compose-letters .targets input {
     float: left;
     display: block;
     margin-top: 6px;
}
 .compose-letters .targets-call {
     list-style: disc inside url(../img/ico-bullet-square-blue.png);
     margin: 0 0 15px 0;
}
 .compose-letters h5 {
     margin: 10px 0;
     font-size: 14px;
}
 .compose-letters .targets-call li label {
     margin-left: 0;
     font-weight: normal;
}
 .compose-letters .targets-call li a {
     color: #2489CE;
     margin-left: 10px;
}
 .compose-letters .letter-section {
     margin: 0;
     padding: 0 0 15px;
     float: left;
     width: 620px;
}
 .compose-letters .letter {
     font-size: 14px;
     background-color: #fff;
     margin: 15px auto 0;
     padding: 20px;
     font-family: Helvetica, Arial, Tahoma, sans-serif;
}
 .compose-letters .letter-salutation {
     margin: 0 0 18px;
     font-size: 14px !important;
}
 .compose-letters .letter-top {
     margin: 0 0 15px;
}
 .compose-letters textarea {
     border: 1px solid #d9d9d9;
     background: none;
     height: 210px;
     margin: 0;
     width: 94%;
     padding: 3%;
     font: normal 12px/normal Helvetica, Arial, Tahoma, sans-serif;
}
 .compose-letters .letter-bottomhalf {
     padding: 18px 0 0;
}
 .compose-letters .letter-bottom {
     margin-top: 0;
}
 .compose-letters .letter-signature {
     margin: 0;
     font-size: 14px !important;
}
 .compose-letters .recipients {
     padding-left: 640px;
     padding-top: 0;
}
 .compose-letters .comm-types {
     list-style: none;
     margin: 0;
}
 .compose-letters .comm-types li {
     float: left;
     margin-right: 10px;
}
 .compose-letters .ui-widget-content,
 .compose-letters .ui-widget-header {
     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
     border: 0 none;
}
/* Footer */
 .compose-letters .footer-wrapper {
     height: 105px;
     margin-top: -106px;
}
 .compose-letters .page-inner {
     padding-bottom: 106px;
}
/* Section 7 - Share Your Story [SEC07] ============================================================================================== */
 .share-your-story textarea {
     height: 150px;
     width: 95%;
}
 .share-your-story .error {
     width: 95%;
}
 .share-your-story input[type="submit"] {
     margin-top: 10px;
}
/* Section 8 - Tell A Friend [SEC08] ============================================================================================== */
 .tell-a-friend label {
     display: block;
     margin-top: 5px;
}
 .tell-a-friend label:first-child {
     margin: 0;
}
 .tell-a-friend label.error {
     clear: both;
     margin: 0;
}
 .tell-a-friend input[type="text"] {
     float: left;
     margin: 0 2% 0 0;
     width: 40%;
}
 .tell-a-friend label + input[type="text"],
 .tell-a-friend label + textarea {
     clear: both;
     float: none;
     margin: 0;
     width: 95%;
}
 .tell-a-friend textarea {
     height: 150px;
     width: 95%;
     margin-bottom: 5px;
}
 .tell-a-friend .email-bottom {
     margin-top: 10px;
}
 .tell-a-friend .recaptchatable #recaptcha_response_field {
     position: static !important;
}
 .tell-a-friend #recaptcha_response_field + .error {
     left: -29px;
     position: absolute;
     top: 49px;
     font-size: 12px;
}
 .tell-a-friend input[type="submit"] {
     margin: 25px 0 0;
}
 .tell-a-friend label {
     width: 99%;
}
 .tell-a-friend .email-message-container{
     border: 1px solid #c6c6c6;
     margin-top: 25px;
     margin-bottom: 20px;
     padding: 0 2% 2%;
     width: 95%;
}
/* Section 9 - Key Contact Survey [SEC09] ============================================================================================== */
 .key-contact-survey label {
     display: block;
     float: left;
     margin: 6px 2% 0 0;    /* if the right padding changes - need to update the input margin-left */
     width: 29%;            /* If this changes - need to update the input margin-left */
     line-height: 1.5em;
}
 .key-contact-survey label.error {
     float: right;
     margin: 6px 0 10px 0;
     width: 69%;
}
 .key-contact-survey textarea {
     height: 150px;
     width: 60%;
}
 .key-contact-survey select,
 .key-contact-survey input[type="submit"] {
     width: 50%;
}
.key-contact-survey input[type="submit"] {
    margin-left: 31%; /* needs to be label width plus any label margin */
}
/* Section 10 - My Profile [SEC10] ============================================================================================== */
 .my-information {
     margin: 0;
     position: relative;
     line-height: 1.5em;
}
 .my-information h3 {
     margin: 0 0 20px;
}
 .my-information div {
     float: left;
     min-width: 50%;
}
 .my-information .my-information-name {
     clear: both;
     float: none;
}
 .my-information strong {
     clear: both;
     display: block;
     float: left;
     width: 120px;
}
 .my-information p {
     clear: left;
}
 .my-legislators {
     margin: 0 0 25px;
}
 .my-legislators h3 {
     clear: both;
     margin: 10px 0 0;
     padding-bottom: 0;
     font-size: 18px;
}
 .my-legislators ul {
     list-style: none;
     margin: 10px 0;
}
 .my-legislators ul li {
     float: left;
     height: 230px;
     padding: 15px 15px 0;
     width: 158px;
     position: relative;
}
 .my-legislators ul li:hover {
     background: linear-gradient(to bottom, #e9e9e9, #d4d8de);
}
 .my-legislators ul li img {
     max-width: 100%;
}
 .my-legislators .key-contact-link {
     position: absolute;
     bottom: 2px;
     left: 15px;
     display: block;
     width: 39px;
     height: 39px;
     background: transparent url("../img/ico-legislator-key-contact.png") no-repeat top left;
     text-indent: -9999px;
}
 .my-participation {
     clear: both;
}
 .my-participation .tabs-container {
     margin-top: 10px;
}
 .my-profile .tabs-container li {
     line-height: 35px;
}
 .my-participation .tabs-container .tabs-content ul li {
     padding: 5px 0;
}
/* Section 11 - Edit My Profile [SEC11] ============================================================================================== */
 .edit-my-profile fieldset div {
     position: relative;
}
 .edit-my-profile fieldset div label {
     width: 24%;
}
 .edit-my-profile fieldset div label.placeholder {
     left: 26% !important;
     top: 0 !important;
}
 .edit-my-profile fieldset div label.error {
     clear: both;
     float: none !important;
    /* override float styles in jqtransform.css */
     margin-left: 24%;
     width: auto;
}
 .edit-my-profile fieldset div select {
     float: left;
     width: 37%;
}
 .edit-my-profile fieldset div input[type="text"],
 .edit-my-profile fieldset div input[type="password"] {
     float: left;
     width: 51%;
}
 .edit-my-profile fieldset div input[type="submit"]{
     margin-left: 24%;
}
 .edit-my-profile .additional-question {
     clear: none;
     float: left;
     width: 49%;
}
 .edit-my-profile .additional-question label {
     width: 100%;
}
 .edit-my-profile .additional-question span {
     margin: 2px 5px 0 0;
}
 @media screen and (max-width: 960px) {
     .edit-my-profile fieldset div.additional-question a {
         margin: 0;
         padding: 0;
    }
     .edit-my-profile fieldset div.additional-question span {
         padding: 0;
    }
}
 @media screen and (max-width: 720px) {
     .edit-my-profile .additional-question {
         width: 100%;
    }
     .edit-my-profile .additional-question label {
         width: 100%;
    }
     .edit-my-profile .additional-question span {
         margin: 2px 5px 0 0;
    }
     .edit-my-profile fieldset div div {
         margin-left: 2%;
    }
}
/* Section 15 - Legislator Search [SEC15] ============================================================================================== */
 .legislator-search fieldset {
     float: left;
     position: relative;
}
 .legislator-search fieldset div#chamber-type-group_CB {
     width: 19em;
}
 .legislator-search .search-address {
     width: 55%;
     margin-right: 4%;
}
 .legislator-search aside .search-address {
     width: 100%;
     margin-right: 0;
}
 .legislator-search fieldset h4 {
     margin: 0 0 10px;
}
 .legislator-search fieldset div {
     min-height: 33px;
     position: relative;
}
 .legislator-search .search-address .search-additional-fields {
     display: none;
     margin: 0;
}
 .legislator-search fieldset div label {
     width: 20%;
}
 .legislator-search fieldset div label.error {
     clear: both;
     float: none !important;
    /* override float styles in jqtransform.css */
     margin-left: 23px;
     width: auto;
}
 .legislator-search .search-address div label.error {
     margin-left: 20%;
}
 .legislator-search fieldset div input[type="text"] {
     width: 51%;
     box-sizing: border-box;
}
 .legislator-search fieldset div select {
     width: 51%;
}
 .legislator-search .search-address div .jqTransformCheckboxWrapper {
     margin-left: 20%;
}
 .legislator-search fieldset div .placeholder {
     left: 120px !important;
}
 .legislator-search fieldset div .jqTransformCheckboxWrapper + label {
     margin-left: 4px;
     width: auto;
}
 .legislator-search .search-submit-container {
     float: left;
     width: 100%;
     border-top: 1px solid #c8c8c8;
     padding-top: 15px;
     margin-top: 15px;
}
 .legislator-search .search-submit-container input[type="submit"] {
     width: 39%;
}
 .legislator-search .results {
     margin: 35px 0 0;
}
 .legislator-search .results h4 {
     font-size: 18px;
}
 .legislator-search .results ul {
     list-style: none;
     margin: 10px 0;
}
 .legislator-search .results ul li {
     float: left;
     height: 230px;
     padding: 15px 15px 0;
     width: 158px;
     line-height: normal;
}
 .legislator-search .key-contact-link {
     position: absolute;
     bottom: 2px;
     left: 15px;
     display: block;
     width: 39px;
     height: 39px;
     background: transparent url("../img/ico-legislator-key-contact.png") no-repeat top left;
     text-indent: -9999px;
}
 .legislator-search .results li {
     position: relative;
}
 .legislator-search .results ul li:hover {
     background: linear-gradient(to bottom, #e9e9e9, #d4d8de);
}
 .legislator-search .results ul li img {
     max-width: 100%;
}
/* Switching search filters position*/
 .search-results .search-address,
 .search-results .search-types,
 .search-results .search-submit-container,
 aside .search-address,
 aside .search-types,
 aside .search-submit-container {
     display: none;
}
 .search-results aside .search-address,
 .search-results aside .search-types,
 .search-results aside .search-submit-container {
     display: block;
}
 .search-results aside ul {
     display: none;
}
/* Section 16 - Legislator Detail [SEC16] ============================================================================================== */
 .legislator-detail .contact-info {
     padding: 10px 0 20px;
}
 .legislator-detail .contact-info > img {
     float: left;
     width: 80px;
     height: auto;
}
 .legislator-detail .contact-info h4 {
     margin: 0 0 7px;
}
 .legislator-detail .contact-info strong {
     display: block;
     float: left;
     width: 50px;
}
 .legislator-detail .contact-info .cap-address,
 .legislator-detail .contact-info .dist-address {
     float: left;
     margin-left: 30px;
     width: 36%;
     line-height: 1.5em;
}
 .legislator-detail .contact-info .cap-address div,
 .legislator-detail .contact-info .dist-address div {
     margin: 7px 0 0;
}
 .legislator-detail .contact-info ul {
     list-style: none outside none;
     margin-left: 0;
     margin-top: 15px;
     width: 147px;
     float: left;
     margin-left: 110px;
}
 .legislator-detail .contact-info ul li {
     float: left;
     margin-right: 10px;
}
 .legislator-detail .contact-info ul li:first-child {
     margin-right: 10px;
}
.legislator-detail .contact-info .email-me-image {
    background: url(../img/ico-legislator-email.png) no-repeat left;
    height: 39px;
    width: 39px;
    display: inline-flex;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
 .legislator-detail .contact-info .my-website-image {
     background: url(../img/ico-legislator-website.png) no-repeat left;
     height: 39px;
     width: 39px;
     display: inline-flex;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
}
 .legislator-detail .contact-info .key-contact-image {
     background: url(../img/ico-legislator-key-contact.png) no-repeat left;
     height: 39px;
     width: 39px;
     display: inline-flex;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
}
 .legislator-detail .personal-information label {
     color: #595959;
}
 .legislator-detail .education table {
     clear: both;
     width: 100%;
}
 .legislator-detail .education table tr {
     background: #f5f5f5;
     border-bottom: 1px solid #fff;
}
 .legislator-detail .education table tr:first-child {
     background: #fff;
}
 .legislator-detail .education table tr th,
 .legislator-detail .education table tr td {
     padding: 5px;
}
 .legislator-detail .education table tr th {
     color: #174560;
     font-weight: bold;
     text-align: left;
}
 .legislator-detail .education table tr th:last-child {
     width: 1%;
     white-space: nowrap;
}    
 .legislator-detail .biography {
     margin: 13px 0 0;
}
 .legislator-detail .biography div {
     border: 1px solid #d9d9d9;
     clear: both;
     height: 400px;
     overflow: auto;
     padding: 10px;
}
 .legislator-detail .tabs-container {
     margin-top: 20px;
}
.legislator-detail .committees #committees {
     display: none;
} 
.legislator-detail #personal-information-link {
     display: block;
}
.legislator-detail #scorecard-link {
    display: none;
}
.legislator-detail .personal-information h5 {
    color: #595959;
    margin-top: 2px;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 2em;
}
 .scorecard-bill {
     margin: 20px 0 0;
     padding: 20px 0 0;
}
 .scorecard-bill:first-child {
     margin: 0;
     padding: 0;
}
 .scorecard-bill > h5 {
     float: left;
     margin: 0 5px 0 0;
}
 .scorecard-bill .scorecard-info + h5  {
     background: url(../img/ico-scorecard-arrow-closed.png) no-repeat left;
     padding: 0 0 0 12px;
     color: #174560;
}
 .scorecard-bill h5:hover {
     text-decoration: none;
     cursor: pointer;
}
 .scorecard-info {
     margin: 10px 0;
}
 .scorecard-info span {
     display: block;
     float: left;
     width: 125px;
}
 .scorecard-info img {
     vertical-align: middle;
}
.scorecard-bill .scorecard-info + h5.desc-open {
     background: url(../img/ico-scorecard-arrow-open.png) no-repeat left;
}
 .scorecard-bill .scorecard-desc {
     clear: both;
     display: none;
     padding-top: 5px;
}
/* Section 17 - Committee Search [SEC17] ============================================================================================== */

 .committee-search fieldset div label:first-child {
     width: 95px;
}
 .committee-search fieldset div div {
     margin: 0;
}
 .committee-search .jqTransformCheckboxWrapper + label {
     margin-left: 4px;
     margin-right: 20px;
     /* note: jqtransform is injecting the cursor style inline. This is a fallback */
     cursor: pointer;
}
 .committee-search .results h3 + ul {
     margin-top: 10px;
}
 .committee-search input[type="submit"] {
     margin-top: 15px;
}
/* Section 18 - Committee Detail [SEC18] ============================================================================================== */
 .committee-detail h1 {
     margin-bottom: 5px;
}
 .committee-detail .content-top {
     margin-bottom: 30px;
}
 .committee-detail h3 + ul {
     margin-top: 10px;
     margin-bottom: 10px;
}
 .committee-detail .committee-roster {
     list-style: none;
     margin: 0;
}
 .committee-detail .committee-roster li {
     float: left;
     height: 230px;
     padding: 15px 15px 0;
     width: 158px;
     position: relative;
     line-height: normal;
}
 .committee-detail .committee-roster li:hover {
     background: linear-gradient(to bottom, #e9e9e9, #d4d8de);
}
 .committee-detail .key-contact-link {
     position: absolute;
     bottom: 2px;
     left: 15px;
     display: block;
     width: 39px;
     height: 39px;
     text-indent: -9999px;
}
 .committee-detail .committee-roster li img {
     max-width: 100%;
}
/* Section 19 - Contact Us [SEC19] ============================================================================================== */
 .contact-us fieldset label {
     float: left;
     width: 24%;
}
 .contact-us label.error {
     margin-left: 24%;
     width: 66.4%;
}
 .contact-us .recaptcha label.error {
     margin-left: 0;
     width: 100%;
}
 .contact-us fieldset input[type="text"], .contact-us fieldset textarea {
     float: left;
     width: 66.4%;
}
 .contact-us fieldset .subject[type="text"], .contact-us fieldset textarea {
     width: 66.4%;
}
 .contact-us #recaptcha_response_field {
     width: 96%;
}
 .contact-us fieldset textarea {
     height: 200px;
}
 .contact-us .recaptcha label + div {
     clear: none;
     float: left;
     width: 66.4%;
}
 .contact-us input[type="submit"] {
     margin-left: 24%;
}
/* Section 20 - News [SEC20] ============================================================================================== */
 ul.articles{
     margin-left: 0;
     list-style: none;
}
 .articles li {
     margin-bottom: 12px;
     padding-top: 14px;
     border-top: 1px solid #d7d7d7;
}
 .articles li:first-child {
     border-top: 0 none;
     padding-top: 0;
}
/* Section 22 - Media Soft [SEC22] ============================================================================================== */
 .media-search fieldset h3 {
     margin: 20px 0 10px;
}
 .media-search fieldset h3:first-child {
     margin-top: 0;
}
 .media-search fieldset div {
     margin: 0;
}
 .media-search .jqTransformCheckboxWrapper + label {
     margin: 2px 0 0 25px;
}
 .media-search input[type="submit"] {
     margin: 10px 5px 0 0;
}
 form.jqtransformdone .media-search label {
     float: none;
}
 .media-search .two-columns-container {
     clear: none;
     float: left;
     margin-right: 3%;
     width: 45%;
}
/* Section 23 - Blog [SEC23] ============================================================================================== */
 .blog .content-top {
     margin: 0 0 10px;
}
 .blog h4 {
     line-height: 14px;
}
 article.blog-post {
     background: #fdfdfd;
     padding: 10px;
     margin: 10px 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 article.blog-post .featured-img {
     height: 210px;
     width: 230px;
     display: block;
     overflow: hidden;
     float: left;
     position: relative;
 }
 article.blog-post .featured-img + .caption {
     margin-left: 260px
 }
 article.blog-post .taxonomy {
     text-transform: uppercase;
     font-size: 90%;
 }
 p.post-info {
     margin: 15px 0;
 }
 p.post-info span {
     margin-right: 10px;
 }
article.blog-post .featured-img img {
    bottom: -9999px;
    height: 210px;
    left: -9999px;
    margin: auto;
    object-fit: cover;
    position: absolute;
    right: -9999px;
    top: -9999px;
    width: 150%;
    z-index: 1;
}
 article {
     margin: 0;
     float: left;
     width: 100%;
}
 article.blog-post-full {
     margin: 0;
}
 .blog-post-body {
     float: left;
     margin: 0 0 20px;
}
 .blog-post-body:after {
     content: " ";
     display: block;
     height: 0;
     clear: both;
}
 .two-columns .blog-post-body {
     width: 100%;
}
 .blog-post-body > img.wp-post-image:first-child {
     width: 100%;
     height: auto;
 }
 .blog-post-content {
     background-color: #fafafa;
     padding: 15px;
 }
 .column-rail article .blog-post-body,
 aside article .blog-post-body {
}
 .blog-post-body p > img.aligncenter {
     width: 100%;
 }
 .blog h2 a {
     font-weight: normal;
}
 .blog .blog-post-timestamp {
     margin: 5px 0 10px;
     color: #888;
     font-size: 11px;
     text-transform: uppercase;
}
 article .truncate {
     min-height: 45px;
}
 .blog .blog-post-meta {
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     clear: both;
     height: 24px;
     padding: 6px 0;
     margin: 10px 0 20px;
}
 .blog .blog-post-meta .share-links a {
     display: block;
     float: left;
     margin: 0 6px 0 0;
}
 .blog + aside .recent-blog-posts li {
     border: 0;
     padding: 5px 0;
}
 .blog + aside .recent-blog-posts li span {
     background: linear-gradient(to bottom, #386986, #2f5870);
     border-radius: 4px;
     display: block;
     float: left;
     margin: 0 10px 0 0;
     padding: 5px 0;
     width: 35px;
     color: #fff;
     font: normal 18px/normal Museo-700, Georgia, "Times New Roman", Times, serif;
     text-align: center;
}
 .blog + aside .recent-blog-posts li a {
     float: left;
     width: 255px;
     line-height: normal;
}
/*Comments*/
 .comment-respond {
     border-top: 1px solid #D7D7D7;
     float: left;
     width: 100%;
     padding-top: 20px;
     margin-top: 20px;
}
 .blog-comments {
     border-top: 1px solid #d7d7d7;
     margin-top: 20px;
     padding-top: 20px;
     float: left;
     width: 100%;
}
 .comment-form p:first-child input[type="text"] {
     box-sizing: border-box;
     width: 90%;
}
 .comment-form-comment textarea {
     height: 120px;
     box-sizing: border-box;
     width: 90%;
}
 .blog-comments ul {
     margin-left: 0;
}
 .blog-comments ul li:first-child {
     border-top: 0 none;
}
 .blog-comments ul li {
     list-style: none;
     border-top: 1px solid #D7D7D7;
     padding: 20px 0;
}
 .blog-comments .avatar-container {
     float: left;
     max-height: 40px;
     overflow: hidden;
     width: 40px;
}
 .comment-header {
     margin-left: 50px;
     position: relative;
}
 .comment-content{
     margin-left: 50px;
     position: relative;
     min-height: 40px;
}
 .comment-content > p {
     margin-top: 0;
}
 .blog-comments textarea {
     width: 610px;
     height: 100px;
}
 .blog-comments input[type="submit"] {
     margin-top: 10px;
}
 .blog-comments fieldset {
     margin-bottom: 20px;
     border-bottom: 1px solid #D7D7D7;
     padding-bottom: 20px;
}
 #blog .blog-post-meta .chicklets {
     margin-top: 4px;
}
 .blog article .blog-post-links {
     border-top: 1px solid #d7d7d7;
     display: block;
     float: left;
     height: 24px;
     margin: 0;
     padding: 6px 0;
     width: 100%;
}
/* Section 23.1 - Blog > CATEGORY PAGE [SEC23.1] ============================================================================================== */
.wp-aside-list, .wp-aside-list li {
    list-style: none none;
    padding: 0;
    margin: 0;
}
.wp-aside-list a {
    display: block;
    background-color: #0e364d;
    color: #FFFFFF;
    padding: 10px;
    margin: 5px 0;
}

/* Section 24 - Map [SEC24] ============================================================================================== */
 #USMap {
     height: 400px;
     width: 610px;
}
/* Section 25 - Additional Information [SEC25] ============================================================================================== */
 #AdditionalInfo .GeneralInformationContainer,
 #AdditionalInfo .LegislatorPanel {
     margin: 0 0 30px;
}
 #AdditionalInfo .FormRowContainer {
     margin: 5px 0;
     overflow: hidden;
}
 #AdditionalInfo .jqTransformCheckboxWrapper {
     margin-right: 6px;
}
 #AdditionalInfo .LabelAndRadioButtonContainer {
     display: block;
     overflow: hidden;
}
 #AdditionalInfo .Label_X_RequiredMark {
     display: block;
     overflow: hidden;
}
 #AdditionalInfo .Label_X_RequiredMark .RequiredMark {
     display: none;
}
 #AdditionalInfo #AdditionalInfo_GeneralInformationContainer .Label_X_RequiredMark {
     float: left;
     width: 85px;
}
 .additional-info label {
     width: 24%;
     float: left;
}
 .additional-info input[type="text"] {
     float: left;
     width: 40%;
}
 .additional-info select {
     float: left;
     width: 37%;
}
 .additional-info label.error {
     clear: both;
     width: 100%;
}
 .additional-info input[type="submit"] {
     margin-left: 24%;
     width: 44%;
     padding-left: 0;
     padding-right: 0;
     text-align: center;
}
/* Section 26 - Content [SEC26] ============================================================================================== */
 .content .articles .truncate {
     max-height: 50px;
}
/* Section 27 - General Content Widget [SEC27] ============================================================================================== */
 .widget_generalcontentwidget .general_content_widget_linked_content {
     color: #222;
     font-weight: normal;
     text-decoration: none;
}
/* Clearfix - http://css-tricks.com/snippets/css/clear-fix/ ============================================================================================== */
 .group:before, .group:after {
     content: "";
     display: table;
}
 .group:after {
     clear: both;
}
 .group {
     zoom: 1;
    /* for IE 6/7 (trigger hasLayout) */
}
/* Placeholder plugin ============================================================================================== */
 .placeholder, :-moz-placeholder {
     cursor: text;
     color: #999 !important;
     font-style: italic !important;
     font-weight: normal !important;
}
/* Validation plugin ============================================================================================== */
 .error {
     display: block;
}
 label.error, p.error {
     color: #f00;
}
 label.error {
     font-weight: normal;
    /* override bold weight when used on labels */
}
/* Modal plugin ============================================================================================== */
 #simplemodal-overlay {
     background: #000;
     z-index: 30000 !important;
}
 #simplemodal-container {
     background: #fff;
     border-radius: 10px;
     height: auto !important;
     z-index: 30001 !important;
}
 .modalCloseImg {
     background: url(../img/btn-modal-close.png) no-repeat;
     cursor: pointer;
     display: inline;
     height: 29px;
     position: absolute;
     right: -12px;
     top: -12px;
     width: 25px;
     z-index: 2000;
}
 #simplemodal-data {
     padding: 0;
}
 .simplemodal-wrap{
     width: auto !important;
     padding: 20px !important;
}
/*Scroll To Top Plugin ============================================================================================== */
 .to-top-anchor-container {
     position: fixed;
     bottom: 5px;
     width: auto;
     display: block;
     z-index: 9999;
     right: 0;
}
 #toTop {
     display: none;
     width: 40px;
     height: 40px;
     background-image: url('../img/ico-to-top.png');
     background-repeat: no-repeat;
     border: 3px solid #ffffff;
     float: right;
     margin-right: 10px;
}
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-resolution: 240dpi) {
    /* HD/"retina" sprite */
     #toTop {
         background-image: url('../img/ico-to-top-high.png');
         background-size: 40px 40px;
    }
}
/* Tabs ============================================================================================== */
 .tabs-container .tabs {
     list-style: none;
     margin: 0;
}
 .tabs-container .tabs li {
     border-right: 1px solid #e9e9e9;
     float: left;
     text-align: center;
}
 .tabs-container .tabs li a {
     background: linear-gradient(to bottom, #386986, #2f5870);
     display: block;
     padding: 0 25px;
     color: #fff;
     font: normal 15px/2.5em Museo-700, Georgia, "Times New Roman", Times, serif;
     text-decoration: none;
}
 .tabs-container .tabs li a:hover {
     background: linear-gradient(to bottom, #5a8ba7, #40728f);
}
 .tabs-container .tabs li a.active {
     background: none;
     background: #fff;
     color: #174560;
}
 .tabs-container .tabs-content {
     background: #fff;
     padding: 20px;
}
/* jQuery UI Tabs ============================================================================================== */
 .ui-corner-all,
 .ui-corner-top,
 .ui-corner-right,
 .ui-corner-tr,
 .ui-corner-all,
 .ui-corner-top,
 .ui-corner-left,
 .ui-corner-tl {
     border-top-right-radius: 0;
     border-top-left-radius: 0;
}
/*.jq-tabs {
     width: 100%;
}
*/
 .jq-tabs .ui-tabs-nav .ui-state-active,
 .jq-tabs .ui-tabs-nav .ui-widget-content .ui-state-active,
 .jq-tabs .ui-tabs-nav .ui-widget-header .ui-state-active {
     background: none repeat scroll 0 0 transparent;
}
/* Desktop- hidden tabs */
 .desktop-hidden .ui-tabs-panel {
     padding-left: 0;
     padding-right: 0;
}
/* Section 27 - Callout Widget ============================================================================================== */
 .callout-widget img {
     width: 100%;
}
 .callout-widget h3 {
     line-height: 1.75em;
}
 .callout-widget p {
     margin: 5px 0;
}
/* Section 28 - Login [SEC28] ============================================================================================== */
 .login fieldset {
     border: 3px double #1B6996;
     border-radius: 10px;
     padding: 20px;
}
 .login input[type="text"],
 .login input[type="password"] {
     width: 69%;
     float: left;
}
 .login-input-container-username,
 .login-input-container-password {
     position: relative;
}
 .login fieldset div label.placeholder {
     left: 28% !important;
     top: 0 !important;
}
 .login-input-container-username label,
 .login-input-container-password label {
     width: 24%;
     margin-right: 2%;
}

div.login-input-container.login-input-container-rememberme label {
    width: 100%;
    line-height: 2.5em;
}
div.login-input-container.login-input-container-rememberme span {
    margin-right: 5px;
}

 .login fieldset div.login-input-container-rememberme label {
     width: 100%;
}
 .login fieldset div.login-input-container-rememberme label span {
     margin: 2px 5px 0 0;
}
 .login-input-container-rememberme,
 .login-input-container-forgotpassword {
     padding-left: 26%;
}
 .login .link-forgotpassword {
     line-height: 20px;
}
 .login fieldset input[type="submit"] {
     margin: 0 0 0 26%;
     width: 49%;
}
 .login .column-rail p:first-child {
     margin-top: 0;
}
 .login label.error {
     margin-left: 26%;
     width: auto;
}
/* The login that lives in the header */
 header .LoginWidget {
     position: absolute;
     right: 0;
}
 header .login-input-container-username label,
 header .login-input-container-password label,
 header .login-input-container-rememberme label {
     color: #ffffff;
     width: auto !important;
     margin-right: 0;
}

header .login-input-container-rememberme label span{
    margin-right: 5px;
}

header .login-input-container-rememberme label {
    line-height: 2.5em;
}

 header input[type="text"],
 header input[type="password"],
 header textarea {
     float: left;
     box-sizing: border-box;
}
 header .login-form fieldset div {
     margin: 5px 0;
     width: 100%;
}
 header .login-form label {
     display: inline-block;
     white-space: nowrap;
}
 header .login-input-container-rememberme,
 header .login-input-container-forgotpassword {
     padding-left: 0;
}
 header .login-form fieldset div {
     clear: both;
}
 header .login-form fieldset div input[type="text"],
 header fieldset div input[type="password"] {
     width: 100%;
     min-width: 200px;
}
 header .login-form .error{
     clear: both;
}
 header .login-form fieldset div label.error {
     white-space: normal;
}
/* Section 29 - Registration Login [SEC29] ============================================================================================== */
 .register-login fieldset div {
     position: relative;
}
 .register-login fieldset div label {
     width: 24%;
     margin-right: 2%;
}
 .register-login fieldset div label.placeholder {
     left: 28% !important;
     top: 0 !important;
}
 .register-login fieldset div label.error {
     clear: both;
     float: none !important;
    /* override float styles in jqtransform.css */
     margin-left: 26%;
     width: auto;
}
 .register-login fieldset div input[type="text"] {
     box-sizing: border-box;
     float: left;
     width: 49%;
}
 .register-login fieldset div input[type="password"] {
     box-sizing: border-box;
     float: left;
     width: 49%;
}
 .register-login fieldset div input[type="submit"] {
     margin: 0 0 0 26%;
}
 .register-login fieldset div select {
     float: left;
     width: 35%;
}
 .register-login .additional-question {
     clear: none;
     float: left;
     width: 49%;
}
 .register-login .additional-question label {
     width: 100%;
}
 .register-login .additional-question span {
     margin: 2px 5px 0 0;
}
 .register-login .content-top p {
     marging-bottom: 20px;
}
 .register-login .link-forgotpassword {
     line-height: 20px;
}
 .register-login .scroll {
     background-image: linear-gradient(to bottom, #ffffff, #dcdcdc);
     border: 1px solid #b5b5b5;
     color: #19445f;
     font-weight: normal;
     margin-right: 0;
     text-shadow: none;
     font-family: Museo-700,Georgia,"Times New Roman",Times,serif;
     margin-bottom: 0;
     margin-left: 5px;
     padding: .7em 15px;
}
 .register-login .scroll:hover{
     text-decoration: none;
     border: 1px solid #b5b5b5;
     font-weight: normal;
     background: linear-gradient(to bottom, #c5c5c5, #dcdcdc);
}
/* Section 30 - Password Assistance [SEC30] ============================================================================================== */
 .password-assistance input[type="text"] {
     width: 45%;
}
 .password-assistance #recaptcha_response_field {
     width: 95%;
}
 .password-assistance label + input[type="text"] {
     float: none;
     width: 95%;
}
 .password-assistance fieldset div label.placeholder {
     left: 2% !important;
     top: 0 !important;
}
 .password-assistance label {
     width: 99%;
}
 .password-assistance fieldset input[type="submit"] {
     margin: 10px 0 0;
     width: 49%;
}
 a.ok-button {
     font-family: Museo-700,Georgia,"Times New Roman",Times,serif;
     border: 1px solid #b5b5b5;
     font-weight: normal;
     font-size: 15px;
     padding: .7em 30px;
     background: linear-gradient(to bottom, #ffffff, #dcdcdc);
     color: #19445F;
     margin-right: 0;
     margin-bottom: 0;
     display: inline-block;
     text-align: center;
}
 a.ok-button:hover {
     border: 1px solid #b5b5b5;
     font-weight: normal;
     background: linear-gradient(to bottom, #c5c5c5, #dcdcdc);
     text-decoration: none;
}
 .container-ok-button {
     text-align: center;
}
 fieldset div label.error {
     line-height: 1.2em;
}
/* Section 31 - Reset Password [SEC31] ============================================================================================== */
 .reset-password input[type="password"] {
     width: 59%;
     float: left;
     position: relative;
}
 .reset-password fieldset .reset-widget-form div {
     position: relative;
}
 .reset-password fieldset div label,
 .reset-password fieldset div label {
     width: 34%;
     margin-right: 2%;
}
 .reset-password fieldset input[type="submit"] {
     margin: 0 0 0 36%;
     width: 35%;
}
 .reset-password aside ul li {
     padding: 0;
}
 .reset-password aside div p {
     margin-left: 36%;
}
 .reset-password aside div ul {
     margin-left: 39%;
     margin-bottom: 10px;
}
 .reset-password fieldset div label.error {
     clear: both;
     float: none !important;
     margin-left: 36%;
     margin-right: 0;
     width: auto;
     line-height: 1.2em;
     padding-top: 10px;
}
 .reset-password fieldset div label.placeholder {
     left: 38% !important;
     top: 0 !important;
}
/* Section 32 - IE8 and IE9 Support [SEC32] ============================================================================================== */
 .ie8 body {
     min-width: 978px;
}
 .ie8 header,
 .ie8 section,
 .ie8 aside,
 .ie8 footer,
 .ie8 nav,
 .ie8 article {
     display: block;
}
 .ie8 *, .ie9 * {
     border-radius: 0 !important;
    /* disabling rounded corners in IE because it does not play well with CSS gradients */
}
 .ie8 .page-active {
     position: static;
}
 .ie8 .placeholder,
 .ie9 .placeholder {
     color: #999;
     font-weight: normal;
     cursor: text;
}
/* Header elements */
 .ie8 nav ul li:hover {
     background-color: #9bafb9;
}
 .ie8 nav ul li a:hover {
     background-color: #c2dbe7;
     text-decoration: none;
}
 .ie8 nav ul li:hover a {
     color: #174560;
}
 .ie8 nav ul li:hover ul {
     left: auto;
}
 .ie8 nav ul li:hover a {
     color: #174560;
}
 .ie8 .mobile-hot-bar {
     display: none;
}
 .ie8 .legislator-search fieldset div .placeholder,
 .ie9 .legislator-search fieldset div .placeholder {
     left: 107px !important;
}
 .ie8 .tell-a-friend .recaptchatable #recaptcha_response_field {
     position: absolute !important;
}
 .ie8 .compose-letters .ui-widget-content {
     background-color: #e9e9e9;
}
 .ie8 .compose-letters .tabs-content {
     display: block !important;
}
 .ie8 .compose-letters .jq-tabs .desktop-hidden {
     display: none !important;
}
 .ie8 .compose-letters .ui-widget-content {
     background-image: none !important;
}
/* Responsive Structure ============================================================================================== */
 @media screen and (max-width: 960px){
    /* Modular layout classes [MODLC] ============================================================================================== */
     .three-columns {
         width: 46.5%;
    }
     .three-columns.column-rail {
         width: 100%;
    }
    /* Globals [GLOBL] ============================================================================================== */
    /* Form elements */
     input[type="text"],
     textarea,
     select,
     input[type="password"] {
         font-size: 14px;
    }
    /* Structural elements */
    /* Header elements */
     header {
         background: linear-gradient(to bottom, #1B6996, #155276);
         position: relative;
    }
     .identity {
         margin: 0;
         width: auto;
         height: 45px;
         position: static;
    }
     .identity .logo {
         background-size: auto 36px;
         height: 45px;
         background-position: center center;
         margin: 0 auto;
         position: relative;
         top: 0;
         z-index: 100;
    }
     .hot-bar-container {
         display: none;
    }
     .mnav, .mnav-menu {
         display: none;
    }
     nav {
         margin: 0;
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         float: left;
    }
     nav ul {
         padding: 0;
         position: absolute;
         top: 45px;
         width: 100%;
         z-index: 1999;
         background-color: #155377;
         border-top: 1px solid #e9e9e9;
         border-bottom: 1px solid #e9e9e9;
    }
     nav ul li {
         display: block;
         float: none;
         position: relative;
         width: 100%;
         line-height: normal;
         overflow: hidden;
    }
     nav ul li a {
         border-bottom: 1px solid #114563;
         padding-left: 3%;
    }
     nav ul li ul {
         display: none;
         left: 0;
         margin: 0;
         overflow: hidden;
         top: 0;
         position: relative;
         width: 100%;
    }
     nav ul li ul li {
         width: 100%;
    }
     nav ul li ul li a {
         border-bottom: 1px solid #859eab;
         padding-left: 3%;
    }
     .show-login, .show-logout {
         display: block;
         width: 20px;
         position: absolute;
         z-index: 1000;
    }
     .mnav-mobile-btn {
         left: 3%;
         top: 11px;
         padding: 5px 15px 5px 0;
         color: #FFFFFF;
         font-size: 15px;
         position: relative;
         display: block;
         width: 20px;
    }
     .mnav-mobile-btn i {
         display: inline-block;
    }
     .mnav-open-close {
         display: block;
         float: right;
         cursor: pointer;
         margin-right: 3%;
         padding: 20px 0 10px;
         text-align: right;
         width: 36px;
    }
     .mnav-open-close i {
         font-size: 20px;
         color: #90d1f7;
    }
     .mnav-mobile-arrow {
         cursor: pointer;
         display: block;
         height: 43px;
         padding: 5px;
         width: 36px;
    }
    /* Responsive helpers */
    /* following 3 styles must be in this particular order*/
     .desktop-hidden {
         display: block;
    }
     .phone-hidden {
         display: block;
    }
     .tablet-hidden {
         display: none;
    }
    /* Body elememnts */
     .body-wrapper {
         margin: 0;
         padding: 32px 3% 0;
        /*padding: 32px 0 0;*/
         width: auto;
    }
     .page-inner {
         padding-bottom: 126px;
    }
    /*Show More Button*/
     .long-description-button {
         background: linear-gradient(to bottom, #ffffff, #dcdcdc);
         border: 1px solid #b5b5b5;
         color: #19445f;
         font-weight: normal;
         margin-right: 0;
         text-shadow: none;
         font-family: Museo-700,Georgia,"Times New Roman",Times,serif;
         margin-bottom: 0;
         margin-left: 0;
         padding: .7em 15px;
         float: right;
    }
     .long-description-button i {
        /*color: #919191;*/
         margin-right: 5px;
         font-size: 16px ;
         font-weight: bold;
    }
     .long-description-button:hover{
         text-decoration: none;
         border: 1px solid #b5b5b5;
         font-weight: normal;
         background: linear-gradient(to bottom, #c5c5c5, #dcdcdc);
    }
     .long-description-more p:first-child {
         margin-top: 0;
    }
    /*Select All Button*/
     .select-all-button {
         background: linear-gradient(to bottom, #ffffff, #dcdcdc);
         border: 1px solid #b5b5b5;
         color: #19445f;
         font-weight: normal;
         margin-right: 0;
         text-shadow: none;
         font-family: Museo-700,Georgia,"Times New Roman",Times,serif;
         margin-bottom: 0;
         margin-left: 0;
         padding: .7em 15px;
    }
     .select-all-button:hover{
         text-decoration: none;
         border: 1px solid #b5b5b5;
         font-weight: normal;
         background: linear-gradient(to bottom, #c5c5c5, #dcdcdc);
    }
    /* Footer elements */
     .footer-wrapper {
         height: 125px;
         margin-top: -126px;
    }
     footer {
         margin: 0;
         width: auto;
         text-align: center;
    }
     .more-links, .copyright {
         float: none;
         margin-bottom: 10px;
    }
     .copyright{
         margin-left: 0;
    }
     .more-links {
         margin-right: 0;
         text-align: center;
         display: inline-block;
    }
    /* Floating Button*/
     .button-static-mode {
         bottom: 126px;
    }
     .button-float input[type="submit"] {
         width: 94%;
    }
    /* Mobile hot Bar */
     .mobile-hot-bar {
         display: block;
    }
    /* jQuery UI Tabs ============================================================================================== */
     .ui-widget-content, .ui-widget-header {
         border: 0 none;
         background: none;
    }
     .ui-tabs .ui-tabs-panel {
         padding: 15px;
    }
     .jq-tabs {
         padding: 0;
    }
     .jq-tabs .ui-tabs-nav {
         padding: 0;
    }
     .jq-tabs .ui-tabs-nav li {
         float: left;
         border: 0 none;
         margin: 0;
         padding: 0;
         text-align: center;
         width: 50%;
    }
     .jq-tabs .ui-tabs-nav .ui-state-default a {
         background: none repeat scroll 0 0 #e9e9e9;
         display: block;
         font: normal 15px/50px Museo-700, Georgia, "Times New Roman", Times, serif;
         margin: 0;
         max-width: 100%;
         color: #174560;
         border: 1px solid #B5B5B5;
    }
     .jq-tabs .ui-tabs-nav .ui-state-active a {
         background: none repeat scroll 0 0 #fff;
         margin-bottom: 0;
         padding-bottom: 0;
    }
     .jq-tabs .ui-tabs-nav .ui-tabs-anchor {
         padding-top: 0;
         padding-bottom: 0;
         float: none;
    }
     .jq-tabs .ui-tabs-nav .ui-state-active a,
     .jq-tabs .ui-tabs-nav .ui-state-active a:link,
     .jq-tabs .ui-tabs-nav .ui-state-active a:visited {
         color: #174560;
         padding: 0 1em;
    }
     .jq-tabs .ui-tabs-nav .ui-state-active a {
         background: none repeat scroll 0 0 #fff;
         border-bottom: 1px solid #fff;
         border-left: 1px solid #fff;
         border-right: 1px solid #fff;
         margin: 0;
         padding: 0;
         text-decoration: none;
         text-shadow: none;
    }
    /* Section 1 - Registration Detail [SEC01] ============================================================================================== */
     .register-content fieldset div label {
         width: 44%;
    }
     .register-content fieldset div label.placeholder {
         left: 48% !important;
         top: 0 !important;
    }
     .register-content fieldset div label.error {
         clear: both;
         float: none !important;
        /* override float styles in jqtransform.css */
         margin-left: 46%;
         width: auto;
    }
     .register-content fieldset div input[type="submit"] {
         margin: 0 0 0 46%;
    }
    /* Section 3 - Home [SEC03] ============================================================================================== */
     .actions-container {
         position: static;
         width: 100%;
    }
     .actions-container ul li a {
         padding-left: 3%;
         padding-right: 25px;
    }
     .actions-container ul li a p {
         width: auto;
    }
     .home-content .carousel-container-wrapper {
         width: auto;
    }
     .home-content .carousel-container-decor {
         display: none;
    }
     .home-content .carousel-container {
         background: none !important;
         width: 100%;
         margin: 0;
         height: auto;
    }
     .home-content .carousel-container-decor-wrapper {
         margin-left: 0;
    }
     .home-content .carousel {
         width: 100%;
         height: auto;
    }
     .home .body-wrapper {
         padding: 0;
    }
     .home-content .carousel > ul li {
         width: 100%;
         height: auto;
    }
     .home-content .carousel > ul li img {
         display: block;
         height: auto !important;
    }
     .home-content .carousel .carousel-caption {
         background: none repeat scroll 0 0 rgba(38, 38, 38, 1);
         bottom: 0;
         height: auto;
         width: auto;
         padding-left: 3%;
         padding-right: 0;
         max-width: none;
         min-height: 24px;
         right: 0;
         margin-right: 0;
    }
     .home-content .carousel > ul li h2 {
         font: 18px/1em Museo-700,Georgia,"Times New Roman",Times,serif;
    }
     .home-content .carousel > ul li p {
         font-size: 14px;
         font-weight: normal;
         margin-right: 75px;
    }
     .home-content .carousel > ul li .chevron-container {
         width: 62px;
    }
     .home-content .callouts-container-wrapper {
         border-top: 0 none;
    }
     .home-content .callouts-container {
         margin: 10px;
         width: auto;
    }
     .callouts-container ul li {
         width: 100%;
         height: auto;
         margin: 15px 0;
    }
     .details-container-wrapper {
         margin: 0 3%;
         width: auto;
    }
    /* Section 4 - Action Alerts [SEC04] ============================================================================================== */
     .action-alerts.two-columns {
         width: 100%;
    }
     .action-alerts article .alert-intro {
         max-height: none;
    }
     .action-alerts article .alert-links {
         height: auto;
    }
     .action-alerts .action-links {
         color: #E9E9E9;
         font-size: 0;
         display: inline-block;
         padding-top: 12px;
    }
     .action-alerts article .alert-links {
         padding: 12px 0;
    }
     .action-alerts article .alert-links .share-links {
         display: block;
    }
     .action-alerts article .alert-links span {
         line-height: normal;
    }
     .action-alerts .action-links a {
         font-family: Museo-700,Georgia,"Times New Roman",Times,serif;
         font-weight: normal;
         font-size: 15px;
         padding: .7em 15px;
         border: 1px solid #732F00;
         background: #396b9e;
         text-shadow: -1px -1px 1px #494949;
         background: linear-gradient(to bottom, #E48622, #CC4812);
         color: #ffffff;
         margin-bottom: 0;
         display: inline-block;
         margin-left: 0;
    }
     .action-alerts .action-links a:hover {
         text-decoration: none;
         background: #CA3B00;
         background: linear-gradient(to bottom, #ca3b00, #CC4812);
    }
     .action-alerts .action-links a.modal-link {
         text-shadow: 0 0 0 #c5c5c5;
        /*fix for ios anchor as 'button' placement*/
         border: 1px solid #b5b5b5;
         font-weight: normal;
         background: linear-gradient(to bottom, #ffffff, #dcdcdc);
         color: #19445F;
         margin-right: 0;
    }
     .action-alerts .action-links a.modal-link:hover {
         border: 1px solid #b5b5b5;
         font-weight: normal;
         background: linear-gradient(to bottom, #c5c5c5, #dcdcdc);
    }
    /* Section 6 - Compose Letters [SEC06] ============================================================================================== */
     .compose-letters .letter {
         margin: 0;
         padding: 0;
         background-color: transparent;
    }
     .compose-letters .letter-section {
         margin-top: -1px;
         width: inherit;
         float: none;
    }
     .compose-letters .letter-tophalf {
         padding: 0;
    }
     .compose-letters .targets {
         margin: 0;
    }
     .compose-letters .ui-widget, .compose-letters .tabs-content {
         font-size: 14px;
         font-family: Helvetica, Arial, sans-serif;
         width: auto;
    }
     .compose-letters textarea {
         font: 14px Helvetica,Arial,Tahoma,sans-serif;
    }
     .compose-letters .recipients {
         margin-top: -1px;
         background: none repeat scroll 0 0 #FFFFFF;
    }
     .compose-letters .messages-header {
         height: 39px;
         padding: 0;
         width: auto;
         border-left: 1px solid #B5B5B5;
         border-right: 1px solid #B5B5B5;
         border-top: 1px solid #B5B5B5;
         background: none repeat scroll 0 0 #dbdbdb;
         position: relative;
    }
     .compose-letters .messages-header h4 {
         text-align: center;
         font: 16px Museo-700,Georgia,"Times New Roman",Times,serif;
         line-height: 39px;
    }
     .compose-letters .alert-details {
         margin: 0 0 30px 0;
    }
     .compose-letters .alert-details:after {
         content: " ";
         display: block;
         height: 0;
         clear: both;
    }
     .compose-letters .previous-slide,
     .compose-letters .next-slide {
         display: inline-block;
         position: absolute;
         top: 0;
         height: 39px;
         font: 14px Museo-700,Georgia,"Times New Roman",Times,serif;
         line-height: 39px;
    }
     .compose-letters .previous-slide {
         padding: 0 15px 0 0;
         left: 5px;
    }
     .compose-letters .next-slide {
         padding: 0 0 0 15px;
         right: 5px;
    }
     .compose-letters .previous-slide i {
         margin: 0 5px 0 0;
         font-size: 16px;
         vertical-align: middle;
    }
     .compose-letters .next-slide i {
         margin: 0 0 0 5px;
         font-size: 16px;
         vertical-align: middle;
    }
     .compose-letters .messages {
         border-left: 1px solid #B5B5B5;
         border-right: 1px solid #B5B5B5;
         border-bottom: 1px solid #B5B5B5;
         background-color: #FFFFFF;
    }
     #ComposeLettersSubmitButton {
         width: 94%;
    }
     .compose-letters .swiper-help {
         background: #fff;
         height: 70px;
         display: block;
         position: absolute;
         z-index: 1000;
         margin-top: 90px;
         left: 5%;
         right: 5%;
         opacity: .8;
         border: 1px solid #666666;
         box-shadow: 0 0 8px #000;
         text-align: center;
         padding-top: 60px;
    }
     .alert-description-more p:first-child {
         margin-top: 0;
    }
    /* Section 10 - My Profile [SEC10] ============================================================================================== */
     .my-profile aside {
         display: none;
    }
     .my-profile .two-columns {
         margin-bottom: 0;
         margin-right: 0;
         width: 100%;
    }
     .my-profile .action-links a {
         font-family: Museo-700,Georgia,"Times New Roman",Times,serif;
         font-weight: normal;
         font-size: 15px;
         padding: .7em 15px;
         border: 1px solid #732F00;
         background: #396b9e;
         text-shadow: -1px -1px 1px #494949;
         background: linear-gradient(to bottom, #E48622, #CC4812);
         color: #ffffff;
         margin-bottom: 10px;
         display: block;
         text-align: center;
    }
     .my-profile .action-links a:hover {
         text-decoration: none;
    }
     .my-legislators h3,
     .my-legislators p {
         margin-left: 3%;
    }
     .my-legislators ul li {
         display: block;
         width: 100%;
         height: 80px;
         border-top: 1px solid #114563;
         padding: 0 0 0 0;
         overflow: hidden;
         background: none no-repeat scroll right center #155377;
         position: relative;
         text-overflow: ellipsis;
         white-space: nowrap;
    }
     .my-legislators ul li:hover {
         background: none repeat scroll 0 center #0e364d;
         border-top: 1px solid #0c2e42;
    }
     .my-legislators ul li a:first-child {
         width: 66px;
         height: 80px;
         position: relative;
         display: block;
    }
     .my-legislators ul li img {
         height: auto !important;
         width: auto;
         min-height: 80px;
         max-width: 66px;
    }
     .my-legislators ul li a {
         float: left;
         color: #90D1F7;
         font: 16px Museo-700,Georgia,"Times New Roman",Times,serif;
    }
     .my-legislators ul li a:hover {
         text-decoration: none;
    }
     .my-legislators ul li .key-contact-link {
         display: none;
    }
     .my-legislators ul li .list-button-link {
         position: absolute;
         top: 0;
         bottom: 0;
         line-height: 80px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         right: 0;
         left: 66px;
         padding-right: 45px;
         padding-left: 14px;
    }
     .my-legislators ul li i {
         color: #f98439;
         margin-top: -9px;
         position: absolute;
         top: 50%;
         right: 16px;
         font-size: 20px;
         cursor: pointer;
    }
     .my-legislators {
         margin: 35px -3% 0;
    }
    /*
     * Start of Temporary Fix for MyProfile Layout.
     * This should be removed when we change the markup of the MyProfileWidget to default to new template
     */
     .my-information strong {
         position: absolute;
         left: 0;
         width: 30%;
    }
     .my-information br {
         height: 12px;
         line-height: 12px;
    }
     .my-information div {
         width: 65%;
         padding-left: 31%;
         position: relative;
    }
     @media screen and (max-width: 960px){
         .my-information div {
             font: normal 12px/normal Helvetica, Arial, Tahoma, sans-serif;
        }
    }
     @media screen and (max-width: 720px){
         .my-information strong {
             width: 35%;
        }
         .my-information div {
             width: 60%;
             padding-left: 36%;
        }
    }
    /* * End of Temporary Fix for MyProfile Layout. * This should be removed when we change the markup of the MyProfileWidget to default to new template */
    /* Section 11 - Edit My Profile [SEC11] ============================================================================================== */
     .edit-my-profile fieldset div label {
         width: 44%;
    }
     .edit-my-profile fieldset div label.placeholder {
         left: 46% !important;
         top: 0 !important;
    }
     .edit-my-profile fieldset div label.error {
         clear: both;
         float: none !important;
        /* override float styles in jqtransform.css */
         margin-left: 44%;
         width: auto;
    }
     .edit-my-profile fieldset div input[type="submit"] {
         display: block;
         margin: 10px 0 0 44%;
         width: 55.5%;
    }
     .edit-my-profile fieldset div span {
         margin: 0 0 0 44%;
         padding: 20px 15px 0;
         display: block;
         text-align: center;
    }
     .edit-my-profile fieldset div a {
         margin: 0 0 10px 44%;
         padding: 20px 15px;
         display: block;
         text-align: center;
    }
    /* Section 15 - Legislator Search [SEC15] ============================================================================================== */
     .legislator-search .two-columns {
         width: 100%;
         margin-right: 0;
         margin-bottom: 0;
    }
     .legislator-search aside {
         display: none;
    }
     .legislator-search fieldset {
         width: 40%;
    }
     .legislator-search .search-address {
         margin-right: 3%;
         width: 53%;
    }
     .legislator-search .results h3 {
         margin-left: 3%;
    }
     .legislator-search .results ul li {
         display: block;
         width: 100%;
         height: 80px;
         border-top: 1px solid #114563;
         padding: 0 0 0 0;
         overflow: hidden;
         background: none no-repeat scroll right center #155377;
         position: relative;
         text-overflow: ellipsis;
         white-space: nowrap;
    }
     .legislator-search .results ul li:hover {
         background: none repeat scroll 0 center #0e364d;
         border-top: 1px solid #0c2e42;
    }
     .legislator-search .results ul li a {
         float: left;
         color: #90D1F7;
         font: 16px Museo-700,Georgia,"Times New Roman",Times,serif;
    }
     .legislator-search .results ul li a:hover {
         text-decoration: none;
    }
     .legislator-search .results ul li a:first-child {
         width: 66px;
         height: 80px;
         position: relative;
         display: block;
         overflow: hidden;
    }
     .legislator-search .results ul li img {
         height: auto !important;
         width: auto;
         min-height: 80px;
         max-width: 66px;
    }
     .legislator-search .results ul li .key-contact-link {
         display: none;
    }
     .legislator-search .results ul li .list-button-link {
         position: absolute;
         top: 0;
         bottom: 0;
         line-height: 80px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         right: 0;
         left: 66px;
         padding-right: 45px;
         padding-left: 14px;
    }
     .legislator-search .results ul li i {
         color: #f98439;
         margin-top: -9px;
         position: absolute;
         top: 50%;
         right: 16px;
         font-size: 20px;
         cursor: pointer;
    }
     .legislator-search .results {
         margin: 15px -3% 0;
    }
     .search-submit-container input[type="submit"] {
         width: 100%;
    }
    /* Switching search filters position*/
     .search-results .search-address,
     .search-results .search-types,
     .search-results .search-submit-container {
         display: block;
    }
    /* Section 16 - Legislator Detail [SEC16] ============================================================================================== */
     .legislator-detail .two-columns {
         width: 100%;
         margin-right: 0;
    }
     .legislator-detail aside {
         width: 103%;
         margin-left: -3%;
    }
     .legislator-detail aside ul li {
         display: inline-block;
         width: 46.5%;
         margin-left: 3%;
         vertical-align: top;
    }
     .legislator-detail .committees li{
         line-height: 35px;
    }
    /* Section 17 - Committee Search [SEC17] ============================================================================================== */
     .committee-search .two-columns {
         width: 100%;
         margin-right: 0;
    }
     .committee-search aside {
         width: 103%;
         margin-left: -3%;
    }
     .committee-search .tabs-content .filter-container {
         float: none;
         width: auto;
    }
     .committee-search aside ul li {
         display: inline-block;
         width: 46.5%;
         margin-left: 3%;
         vertical-align: top;
    }
     .committee-search .results h3 {
         margin-top: 20px;
    }
     .committee-search fieldset div label:first-child {
         width: 125px;
    }
     .committee-search fieldset div:first-child {
         clear: right;
    }
     .committee-search input[type="submit"] {
         padding: 8px 0;
         width: 100%;
    }
     .legislator-search .results h3 {
         margin-left: 3%;
    }
    /* Section 18 - Committee Detail [SEC18] ============================================================================================== */
     .committee-detail h4 {
         margin-top: 20px;
    }
     .committee-detail .committee-roster li {
         display: block;
         width: 100%;
         height: 80px;
         border-top: 1px solid #114563;
         padding: 0 0 0 0;
         overflow: hidden;
         background: none no-repeat scroll right center #155377;
         position: relative;
         text-overflow: ellipsis;
         white-space: nowrap;
    }
     .committee-detail .committee-roster li:hover {
         background: none no-repeat scroll right center #0e364d;
         border-top: 1px solid #0c2e42;
    }
     .committee-detail .committee-roster li a {
         float: left;
         color: #90D1F7;
         font: 16px Museo-700,Georgia,"Times New Roman",Times,serif;
    }
     .committee-detail .committee-roster li a:hover {
         text-decoration: none;
    }
     .committee-detail .committee-roster li a:first-child {
         width: 66px;
         height: 80px;
         position: relative;
         display: block;
         overflow: hidden;
    }
     .committee-detail .committee-roster li img {
         height: auto !important;
         width: auto;
         min-height: 80px;
         max-width: 66px;
    }
     .committee-detail .committee-roster li .key-contact-link {
         display: none;
    }
     .committee-detail .committee-roster li .list-button-link {
         position: absolute;
         top: 0;
         bottom: 0;
         line-height: 80px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         right: 0;
         left: 66px;
         padding-right: 45px;
         padding-left: 14px;
    }
     .committee-detail .committee-roster li i {
         color: #f98439;
         margin-top: -9px;
         position: absolute;
         top: 50%;
         right: 16px;
         font-size: 20px;
         cursor: pointer;
    }
     .committee-detail .committee-roster {
         margin: 15px -3% 0;
    }
     .committee-detail .subcommittee-list li {
         display: block;
         width: 100%;
         height: 30px;
         border-top: 1px solid #114563;
         padding: 0 0 0 0;
         overflow: hidden;
         background: none no-repeat scroll right center #155377;
         position: relative;
         text-overflow: ellipsis;
         white-space: nowrap;
    }
     .committee-detail .subcommittee-list li:hover {
         background: none repeat scroll 0 center #0e364d;
         border-top: 1px solid #0c2e42;
    }
     .committee-detail .subcommittee-list li a {
         float: left;
         color: #ffffff;
         font: bold 12px Helvetica,Arial,Tahoma,sans-serif;
         position: absolute;
         top: 0;
         bottom: 0;
         line-height: 30px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         right: 0;
         left: 15px;
         padding-right: 45px;
    }
     .committee-detail .subcommittee-list li a:hover {
         text-decoration: none;
    }
     .committee-detail .subcommittee-list li i {
         color: #f98439;
         margin-top: -9px;
         position: absolute;
         top: 50%;
         right: 16px;
         font-size: 17px;
         cursor: pointer;
    }
     .committee-detail .subcommittee-list {
         margin: 15px -3% 0;
    }
    /* Section 19 - Contact Us [SEC19] ============================================================================================== */
     .contact-us section.two-columns,
     .contact-us fieldset.two-columns {
         width: 100%;
    }
     .contact-us input[type="submit"] {
         width: 70.4%;
    }
    /* Section 22 - Media Soft [SEC22] ============================================================================================== */
     .media-search .content-top:after {
         content: " ";
         display: block;
         height: 0;
         clear: both;
    }
     .media-search .two-columns-container {
         width: 100%;
    }
     .select-all-button {
         float: left;
    }
    /* Section 23 - Blog [SEC23] ============================================================================================== */
     .blog input[type="submit"] {
         width: 100%;
         padding-left: 0;
         padding-right: 0;
         text-align: center;
    }
     .comment-form p:first-child input[type="text"] {
         width: 100%;
    }
     .comment-form-comment textarea {
         width: 100%;
    }
     .blog .page-numbers {
         display: inline-block;
         min-width: 25px;
    }
    /* Tabs ============================================================================================== */
     .tabs-container .tabs li a {
         font: 13px/50px Museo-700,Georgia,"Times New Roman",Times,serif;
         padding: 0 15px;
    }
    /* Section 28 - Login [SEC28] ============================================================================================== */
     .login input[type="text"],
     .login input[type="password"] {
         width: 65%;
         float: left;
    }
     .login-input-container-username label,
     .login-input-container-password label {
         width: 28%;
         margin-right: 2%;
    }
     .login fieldset div label.placeholder {
         left: 32% !important;
    }
     .login-input-container-rememberme,
     .login-input-container-forgotpassword {
         padding-left: 30%;
    }
     .login fieldset div.login-input-container-rememberme label {
         width: 100%;
    }
     .login fieldset div.login-input-container-rememberme label span {
         margin: 2px 5px 0 0;
    }
     .login .link-forgotpassword {
         line-height: 25px;
    }
     .login fieldset input[type="submit"] {
         margin: 0 0 0 30%;
         width: 45%;
    }
     .login .column-rail p:first-child {
         margin-top: 0;
    }
     .login label.error {
         margin-left: 30%;
         width: auto;
    }
    /* Section 29 - Registration Detail [SEC29] ============================================================================================== */
     .register-login {
         margin: 0 -3%;
    }
     .register-login .two-columns {
         margin: 0 0 25px 0;
    }
     .register-login .swiper-slide .content-top {
         margin: 0 3%;
    }
     .register-login fieldset div label.error {
         clear: both;
         float: none !important;
        /* override float styles in jqtransform.css */
         margin-left: 3%;
         width: auto;
    }
     .register-login fieldset div label.placeholder {
         left: 2% !important;
         top: 2em !important;
    }
     .register-login fieldset div input[type="text"] {
         width: 93%;
         margin-left: 3%;
    }
     .register-login fieldset div input[type="submit"] {
         margin: 10px 0 10px 3%;
         width: 93%;
    }
     .register-login fieldset div select {
         width: 93%;
         margin-left: 3%;
    }
     .register-login fieldset div label{
         margin-left: 3%;
    }
     .register-login .additional-question {
         width: 93%;
         margin-left: 3%;
    }
     .register-login .additional-question label {
         width: 93%;
         margin-left: 3%;
    }
     .register-login .additional-question span {
         margin: 2px 5px 0 3%;
    }
     .register-login .login-input-container-forgotpassword {
         margin-left: 3%;
         padding-left: 0;
    }
     .register-login .link-forgotpassword {
         line-height: 25px;
    }
    /* Section 30 - Password Assistance [SEC30] ============================================================================================== */
     .password-assistance .content-top {
         margin-bottom: 0;
    }
     .password-assistance input[type="text"] {
         width: 95%;
    }
     .password-assistance fieldset input[type="submit"] {
         margin: 10px 0 0;
         width: 99%;
    }
     .password-assistance .two-columns.column-rail {
         margin-top: 0;
    }
    /* Section 31 - Reset Password [SEC31] ============================================================================================== */
     .reset-password .two-columns {
         width: 65%;
    }
     .reset-password input[type="password"] {
         width: 54%;
    }
     .reset-password fieldset div label,
     .reset-password fieldset div label {
         width: 39%;
    }
     .reset-password fieldset input[type="submit"] {
         margin: 0 0 0 41%;
    }
     .reset-password aside div p {
         margin-left: 41%;
    }
     .reset-password aside div ul {
         margin-left: 43%;
    }
     .reset-password fieldset div label.error {
         margin-left: 41%;
    }
     .reset-password fieldset div label.placeholder {
         left: 42% !important;
    }
}
 @media screen and (max-width: 720px) {
     body {
         font-size: 15px;
    }
    /* Modular layout classes [MODLC] ============================================================================================== */
     .two-columns, 
     .two-columns.equal-width,
     .three-columns,
     .column-rail,
     aside {
         width: 100%;
         margin-right: 0;
         margin-bottom: 0;
    }
     .two-columns.equal-width {
         width: 100%;
    }
     .two-columns.column-rail {
         margin-top: 20px;
    }
    /* Globals [GLOBL] ============================================================================================== */
    /* Form elements */
     input[type="submit"] {
         font-size: 16px;
         border-radius: 0;
    }
     input[type="text"],
     textarea,
     select,
     input[type="password"] {
         font-size: 15px;
    }
    /* Structural elements */
    /* Responsive helpers */
    /* following 3 styles must be in this particular order*/
     .desktop-hidden {
         display: block;
    }
     .tablet-hidden {
         display: block;
    }
     .phone-hidden {
         display: none;
    }
    /* Body elememnts */
     .body-wrapper {
         padding: 20px 3% 10px;
    }
     .content aside {
         border-top: 1px solid #c8c8c8;
         padding-top: 20px;
         margin-top: 15px;
    }
    /* Section 1 - Registration Detail [SEC01] ============================================================================================== */
     .register-content fieldset div label {
         width: auto;
    }
     .register-content fieldset div label.error {
         margin-left: 0;
    }
     .register-content .two-columns.column-rail,
     .register-content aside {
         margin-top: 0;
    }
     .register-content fieldset div label.placeholder {
         left: 2% !important;
         top: 2em !important;
    }
     .register-content fieldset div input[type="text"],
     .register-content fieldset div input[type="password"] {
         width: 96%;
    }
     .register-content fieldset div input[type="submit"] {
         margin: 10px 0 0;
         width: 100%;
    }
     .register-content fieldset div select {
         width: 100%;
    }
     .register-content .additional-question {
         width: 100%;
    }
     .register-content .additional-question label {
         width: 100%;
    }
     .register-content .additional-question span {
         margin: 2px 5px 0 0;
    }
     .register-content fieldset div div {
         margin-left: 2%;
    }
    /* Section 3 - Home [SEC03] ============================================================================================== */
     .home-content .callouts-container {
         margin: 0 3% 0 0;
         width: auto;
    }
     .callouts-container ul li {
         margin-left: 3%;
         width: 96%;
         height: auto;
         margin-top: 15px;
    }
     .sidebar-callouts-container {
         margin-top: 25px;
    }
     .home-content .tabs-content {
         height: auto;
    }
    /* Section 6 - Compose Letters [SEC06] ============================================================================================== */
     #ComposeLettersSubmitButton {
         width: 88%;
    }
    /* Section 7 - Share Your Story [SEC07] ============================================================================================== */
     .share-your-story textarea {
         height: 150px;
         width: 96%;
    }
     .share-your-story .error {
         width: 96%;
    }
     .share-your-story input[type="submit"] {
         width: 100%;
    }
    /* Section 8 - Tell A Friend [SEC08] ============================================================================================== */
     .tell-a-friend textarea {
         height: 150px;
         width: 96%;
    }
     .tell-a-friend input[type="submit"] {
         margin-left: 0;
         margin-right: 0;
         margin-bottom: 0;
         width: 100%;
    }
     .tell-a-friend input[type="text"] {
         width: 95%;
         margin-right: 0;
         margin-top: 5px;
    }
    /* Section 9 - Key Contact Survey [SEC09] ============================================================================================== */
     .key-contact-survey aside {
         border-top: 1px solid #c8c8c8;
         padding-top: 20px;
         margin-top: 15px;
    }
     .key-contact-survey fieldset aside {
         margin-top: 0;
         border-top: 0 none;
         padding-top: 0;
    }
     .key-contact-survey .content-top{
         margin-bottom: 0;
    }
     .key-contact-survey label {
         display: block;
         float: left;
         margin: 6px 0 0;
         width: 100%;
         line-height: 1.5em;
    }
     .key-contact-survey label.error {
         margin-left: 0;
         width: auto;
         float: left;
    }
     .key-contact-survey select {
         width: 100%;
    }
     .key-contact-survey textarea {
         height: 150px;
         width: 96%;
    }
     .key-contact-survey input[type="submit"] {
         margin: 0 0 0;
         width: 100%;
    }
    /* Section 11 - Edit My Profile [SEC11] ============================================================================================== */
     .edit-my-profile .content-top h2 {
         margin-bottom: 0;
         font-size: 15px;
    }
     .edit-my-profile fieldset div label.placeholder {
         left: 2% !important;
         top: 2em !important;
    }
     .edit-my-profile fieldset div input[type="text"] {
         width: 96%;
    }
     .edit-my-profile fieldset div input[type="submit"] {
         margin: 10px 0 0;
         width: 100%;
    }
     .edit-my-profile fieldset div select {
         width: 100%;
    }
     .edit-my-profile fieldset div span {
         margin-left: 0;
    }
     .edit-my-profile fieldset div a {
         margin-left: 0;
    }
     .edit-my-profile fieldset div label.error {
         margin-left: 0;
    }
    /* Section 15 - Legislator Search [SEC15] ============================================================================================== */
     .legislator-search .search-types {
         margin-top: 15px;
         width: 100%;
    }
     .legislator-search .search-address {
         width: 100%;
         margin-right: 0;
         margin-top: 15px;
    }
     .legislator-search select {
         width: 100%;
    }
     .legislator-search fieldset div label {
         width: 99%;
    }
     .legislator-search input[type="submit"] {
         padding: 8px 0;
    }
     .legislator-search .search-address div .jqTransformCheckboxWrapper {
         margin-left: 0;
    }
     .legislator-search fieldset div input[type="text"] {
         width: 100%;
         margin-right: 0;
    }
     .legislator-search fieldset div select {
         width: 100%;
    }
     .legislator-search fieldset div label.placeholder {
         top: 2em !important;
    }
     .search-submit-container {
         border-top: 0;
    }
    /* Section 16 - Legislator Detail [SEC16] ============================================================================================== */
     .legislator-detail aside {
         width: 100%;
         margin-left: 0%;
         margin-top: 15px;
    }
     .legislator-detail aside ul li {
         display: block;
         margin-left: 0;
         width: 100%;
    }
     .legislator-detail .contact-info .cap-address {
         margin-left: 30px;
         width: auto;
    }
     .legislator-detail .contact-info .dist-address {
         margin-left: 110px;
         margin-top: 20px;
         width: auto;
    }
     .legislator-detail .contact-info ul {
         clear: left;
    }
    /* Section 17 - Committee Search [SEC17] ============================================================================================== */
     .committee-search aside {
         width: 100%;
         margin-left: 0%;
         margin-top: 15px;
    }
     .committee-search aside ul li {
         display: block;
         width: 100%;
         margin-left: 0%;
    }
     .committee-search .search-address div .jqTransformCheckboxWrapper {
         margin-left: 0;
    }
     .committee-search .results {
         margin: 25px 0 0;
    }
    /* Section 19 - Contact Us [SEC19] ============================================================================================== */
     .contact-us fieldset label {
         width: 100%;
    }
     .contact-us label.error {
         margin-left: 0;
         width: 100%;
    }
     .contact-us fieldset input[type="text"],
     .contact-us fieldset .subject[type="text"],
     .contact-us fieldset textarea {
         width: 96%;
    }
     .contact-us .recaptcha label + div {
         width: 100%;
    }
     .contact-us input[type="submit"] {
         margin-left: 0;
         width: 100%;
    }
    /* Section 20 - News [SEC20] ============================================================================================== */
     .news aside {
         border-top: 1px solid #c8c8c8;
         padding-top: 20px;
         margin-top: 15px;
    }
    /* Section 21 - News Details [SEC21] ============================================================================================== */
     .news-details aside {
         border-top: 1px solid #c8c8c8;
         padding-top: 20px;
         margin-top: 15px;
    }
    /* Section 23 - Blog [SEC23] ============================================================================================== */
     .blog aside {
         border-top: 1px solid #c8c8c8;
         padding-top: 20px;
         margin-top: 15px;
    }
    /* Section 25 - Additional Information [SEC25] ============================================================================================== */
     .additional-info aside{
         margin-top: 20px;
    }
     .additional-info aside ul li{
         padding: 5px 0;
    }
     .additional-info .content-top {
         margin-bottom: 20px;
    }
     .additional-info label {
         width: 100%;
    }
     .additional-info input[type="text"] {
         width: 96%;
    }
     .additional-info select {
         float: left;
         width: 96%;
    }
     .additional-info input[type="submit"] {
         margin: 10px 0 0;
         width: 100%;
    }
    /* Section 28 - Login [SEC28] ============================================================================================== */
     .login fieldset input[type="submit"] {
         margin-top: 10px;
         width: 100%;
         margin-left: 0;
    }
     .login fieldset {
         border: 0 none;
         border-radius: 0;
         padding: 0;
    }
     .login input[type="text"],
     .login input[type="password"] {
         width: 96%;
    }
     .login-input-container-username label,
     .login-input-container-password label {
         width: 96%;
    }
     .login fieldset div label.placeholder {
         left: 2% !important;
         top: 27px !important;
    }
     .login-input-container-rememberme,
     .login-input-container-forgotpassword {
         padding-left: 0%;
    }
     .login .link-forgotpassword {
         padding-left: 0;
    }
     .login .column-rail p:first-child {
         margin-top: 10px;
    }
     .login label.error {
         margin-left: 0;
         width: 96%;
    }
    /* Section 31 - Reset Password [SEC31] ============================================================================================== */
     .reset-password .two-columns {
         width: 100%;
    }
     .reset-password input[type="password"] {
         width: 96%;
    }
     .reset-password fieldset div label.placeholder {
         left: 2% !important;
         top: 0 !important;
    }
     .reset-password fieldset div label,
     .reset-password fieldset div label {
         width: 96%;
         margin-right: 0;
    }
     .reset-password fieldset input[type="submit"] {
         margin: 0;
         width: 99%;
    }
     .reset-password aside div p {
         margin-left: 0;
    }
     .reset-password aside div ul {
         margin-left: 3%;
    }
     .reset-password fieldset div label.error {
         margin-left: 0;
    }
     .reset-password fieldset div label.placeholder {
         left: 2% !important;
         top: 27px !important;
    }
    /* Section 31 - IE8 and IE9 Support ============================================================================================== */
     .ie9 .legislator-search fieldset div .placeholder {
         left: 2% !important;
    }
}
/* Targeting phone landscape view */
 @media screen and (orientation: landscape) and (max-width: 720px) {
    /*Make Floating button smaller so more content fits on the screen*/
     .button-fixed-mode,
     .button-static-mode {
         padding: 3px 0;
    }
     input[type="submit"] {
         padding-top: 4px;
         padding-bottom: 3px;
    }
    /*Make button font smaller so more fits on the screen*/
     input[type="submit"] {
         font: 15px Museo-500,Georgia,"Times New Roman",Times,serif;
    }
}
 @media print {
     body {
         height: auto;
         overflow: visible;
    }
     .body-wrapper {
         max-width: 100%;
    }
     .page-wrapper,
     .page-inner {
         overflow: visible;
    }
     .hot-bar-container,
     nav {
         display: none;
    }
     input[type="submit"] {
         background: linear-gradient(to bottom, #D96E26, #D96E26);
         color: #ffffff;
    }
     .button-static-mode,
     .button-fixed-mode {
         position: static;
    }
}
/* * SECXX1 Thank You After Compose Letters Phone Alert */
/* Section 7 - Thank You After Compose Letters Phone Alert [SECXX1] ============================================================================================== */
 .thankyou-composeletters-phone {
     margin-bottom: 75px;
}
 .compose-letters .body-wrapper {
     position: static;
}
 .thankyou-composeletters-phone h1 {
     margin-bottom: 5px;
}
 .thankyou-composeletters-phone h2 {
     margin-top: 20px;
}
 .thankyou-composeletters-phone .content-top {
     margin-bottom: 15px;
}
 .thankyou-composeletters-phone .targets {
     list-style: none none;
     margin: 15px 0 0;
     float: left;
}
 .thankyou-composeletters-phone .targets li {
     display: block;
     float: left;
     clear: left;
}
 .thankyou-composeletters-phone .targets li:first-child {
     clear: none;
}
 .thankyou-composeletters-phone .targets label {
     font-size: .9em;
     margin-left: 25px;
     display: block;
}
 .thankyou-composeletters-phone .targets input {
     float: left;
     display: block;
     margin-top: 6px;
}
 .thankyou-composeletters-phone .targets-call {
     list-style: disc inside url(../img/ico-bullet-square-blue.png);
     margin: 0 0 15px 0;
}
 .thankyou-composeletters-phone h5 {
     margin: 10px 0;
     font-size: 14px;
}
 .thankyou-composeletters-phone .targets-call li label {
     margin-left: 0;
     font-weight: normal;
}
 .thankyou-composeletters-phone .targets-call li a {
     color: #2489CE;
     margin-left: 10px;
}
 .thankyou-composeletters-phone .letter-section {
     margin: 0;
     padding: 0 0 15px;
     float: left;
     width: 620px;
}
 .thankyou-composeletters-phone .letter {
     background-color: #fff;
     margin: 15px auto 0;
     padding: 20px;
}
 .thankyou-composeletters-phone .letter-salutation {
     margin: 0 0 18px;
     font-size: 14px !important;
}
 .thankyou-composeletters-phone .letter-top {
     margin: 0 0 15px;
}
 .thankyou-composeletters-phone textarea {
     border: 1px solid #d9d9d9;
     background: none;
     height: 210px;
     margin: 0;
     width: 94%;
     padding: 3%;
     font: normal 12px/normal Helvetica, Arial, Tahoma, sans-serif;
}
 .thankyou-composeletters-phone .letter-bottomhalf {
     padding: 18px 0 0;
}
 .thankyou-composeletters-phone .letter-bottom {
     margin-top: 0;
}
 .thankyou-composeletters-phone .letter-signature {
     margin: 0;
     font-size: 14px !important;
}
 .thankyou-composeletters-phone .recipients {
     padding-left: 640px;
     padding-top: 0;
}
 .thankyou-composeletters-phone .comm-types {
     list-style: none;
     margin: 0;
}
 .thankyou-composeletters-phone .comm-types li {
     float: left;
     margin-right: 10px;
}
 .thankyou-composeletters-phone .ui-widget-content,
 .thankyou-composeletters-phone .ui-widget-header {
     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
     border: 0 none;
}
 @media screen and (max-width: 960px){
    /* Section 7 - Thank You After Compose Letters Phone Alert [SECXX1] ============================================================================================== */
     .thankyou-composeletters-phone .letter {
         margin: 0;
         padding: 0;
         background-color: transparent;
    }
     .thankyou-composeletters-phone .letter-section {
         width: auto;
         float: none;
         padding: 15px 15px 0;
    }
     .thankyou-composeletters-phone .letter-tophalf {
         padding: 0;
    }
     .thankyou-composeletters-phone .targets {
         margin: 0;
    }
     .thankyou-composeletters-phone textarea {
         font: 14px Helvetica,Arial,Tahoma,sans-serif;
    }
     .thankyou-composeletters-phone .recipients {
         margin-top: -1px;
         background: none repeat scroll 0 0 #FFFFFF;
         padding-left: 0;
         padding: 25px 15px 15px;
    }
     .thankyou-composeletters-phone .messages-header {
         height: 39px;
         padding: 0;
         width: auto;
         border: 1px solid #B5B5B5;
         background: none repeat scroll 0 0 #dbdbdb;
         position: relative;
    }
     .thankyou-composeletters-phone .messages-header h4 {
         text-align: center;
         font: 16px Museo-700,Georgia,"Times New Roman",Times,serif;
         line-height: 39px;
    }
     .thankyou-composeletters-phone .alert-details {
         margin: 0 0 30px 0;
    }
     .thankyou-composeletters-phone .alert-details:after {
         content: " ";
         display: block;
         height: 0;
         clear: both;
    }
     .thankyou-composeletters-phone .previous-slide,
     .thankyou-composeletters-phone .next-slide {
         display: inline-block;
         position: absolute;
         top: 0;
         height: 39px;
         font: 14px Museo-700,Georgia,"Times New Roman",Times,serif;
         line-height: 39px;
    }
     .thankyou-composeletters-phone .previous-slide {
         padding: 0 15px 0 0;
         left: 5px;
    }
     .thankyou-composeletters-phone .next-slide {
         padding: 0 0 0 15px;
         right: 5px;
    }
     .thankyou-composeletters-phone .previous-slide i {
         margin: 0 5px 0 0;
         font-size: 16px;
         vertical-align: middle;
    }
     .thankyou-composeletters-phone .next-slide i {
         margin: 0 0 0 5px;
         font-size: 16px;
         vertical-align: middle;
    }
     .thankyou-composeletters-phone .messages {
         border-left: 1px solid #B5B5B5;
         border-right: 1px solid #B5B5B5;
         border-bottom: 1px solid #B5B5B5;
         background-color: #FFFFFF;
    }
     #ComposeLettersSubmitButton {
         width: 94%;
    }
     .thankyou-composeletters-phone .swiper-help {
         background: #fff;
         height: 70px;
         display: block;
         position: absolute;
         z-index: 1000;
         margin-top: 90px;
         left: 5%;
         right: 5%;
         opacity: .8;
         border: 1px solid #666666;
         box-shadow: 0 0 8px #000;
         text-align: center;
         padding-top: 60px;
    }
     .alert-description-more p:first-child {
         margin-top: 0;
    }
     .thankyou-composeletters-phone .scroll {
         background: linear-gradient(to bottom, #ffffff, #dcdcdc);
         border: 1px solid #b5b5b5;
         color: #19445f;
         font-weight: normal;
         margin-right: 0;
         text-shadow: none;
         font-family: Museo-700,Georgia,"Times New Roman",Times,serif;
         margin: 10px 0;
         padding: .7em 15px;
         display: block;
         float: right;
    }
     .thankyou-composeletters-phone .scroll:hover{
         text-decoration: none;
         border: 1px solid #b5b5b5;
         font-weight: normal;
         background: linear-gradient(to bottom, #c5c5c5, #dcdcdc);
    }
}
 @media screen and (max-width: 719px) {
    /* Section 7 - Thank You After Compose Letters Phone Alert [SECXX1] ============================================================================================== */
     #ComposeLettersSubmitButton {
         width: 88%;
    }
}
/****** Section SECXX2 - Take Action Workflow patches *******/
/**** Tab Corrections ***/
 .jq-tabs ul {
     list-style-image: none;
     list-style-type: none;
}
/**** Swiper Corrections ***/
 .floating-next fieldset {
     margin: 0;
     padding: 0;
     border: none;
     width: auto;
     min-width: 0;
     max-width: none;
}
 @-moz-document url-prefix() {
     .floating-next fieldset {
         display: table-cell;
    }
}
 @media screen and (max-width: 960px) {
     .single-swiper {
         border-top: 1px solid #B5B5B5;
    }
}
/**** Media Search Corrections ****/
 .body-wrapper {
    /*do not put to the layout.css. Instead of it, remove .body-wrapper { position: relative; } from the layout.css*/
     position: static;
}
 .mobile-hot-bar {
     padding: 0;
}
 .mobile-hot-bar a {
     margin: 10px 0 10px 5px;
}
 .button-static-mode {
     position: absolute;
}
 .mobile-hot-bar div {
    /*do not put to the layout.css. Instead of it, remove .mobile-hot-bar div { display: inline-block; }
     from the layout.css*/
     display: inline;
}
 .media-search input[type="submit"] {
     margin: 0;
}
 .media-search.one-column {
     margin-bottom: 0;
}
 .media-search form fieldset {
     margin-bottom: 100px;
}
 .media-search .button-float {
     width: 100%;
}
/* Section 14 - Missing Information [SEC14] ============================================================================================== */
 .missing-info fieldset div {
     position: relative;
}
 .missing-info fieldset div label {
     width: 24%;
     margin-right: 2%;
}
 .missing-info fieldset div label.placeholder {
     left: 28% !important;
     top: 0 !important;
}
 .missing-info fieldset div label.error {
     clear: both;
     float: none !important;
    /* override float styles in jqtransform.css */
     margin-left: 26%;
     width: auto;
}
 .missing-info fieldset div input[type="text"] {
     box-sizing: border-box;
     float: left;
     width: 49%;
}
 .missing-info fieldset div input[type="submit"] {
     margin: 0 0 0 26%;
}
 .missing-info fieldset div select {
     float: left;
     width: 35%;
}
 .missing-info .content-top p {
     marging-bottom: 20px;
}
 .missing-info .scroll {
     background: linear-gradient(to bottom, #ffffff, #dcdcdc);
     border: 1px solid #b5b5b5;
     color: #19445f;
     font-weight: normal;
     margin-right: 0;
     text-shadow: none;
     font-family: Museo-700,Georgia,"Times New Roman",Times,serif;
     margin-bottom: 0;
     margin-left: 5px;
     padding: 10px 15px;
     float: right;
}
 .missing-info .scroll:hover{
     text-decoration: none;
     border: 1px solid #b5b5b5;
     font-weight: normal;
     background: linear-gradient(to bottom, #c5c5c5, #dcdcdc);
}
 @media screen and (max-width: 960px){
    /* Section 14 - Missing Information [SEC14] ============================================================================================== */
     .missing-info {
         margin: 0 -3%;
    }
     .missing-info .two-columns {
         margin: 0 0 25px 0;
    }
     .missing-info .content-top {
         margin: 0 3%;
    }
     .missing-info fieldset div label.error {
         clear: both;
         float: none !important;
        /* override float styles in jqtransform.css */
         margin-left: 3%;
         width: auto;
    }
     .missing-info fieldset div label.placeholder {
         left: 2% !important;
         top: 2em !important;
    }
     .missing-info fieldset div input[type="text"] {
         width: 93%;
         margin-left: 3%;
    }
     .missing-info fieldset div input[type="submit"] {
         margin: 10px 0 10px 3%;
         width: 93%;
    }
     .missing-info fieldset div select {
         width: 93%;
         margin-left: 3%;
    }
     .missing-info fieldset div label{
         margin-left: 3%;
    }
     .missing-info .additional-question {
         width: 93%;
         margin-left: 3%;
    }
     .missing-info .additional-question label {
         width: 93%;
         margin-left: 3%;
    }
     .missing-info .additional-question span {
         margin: 2px 5px 0 3%;
    }
     .missing-info .link-forgotpassword {
         margin-left: 3%;
         line-height: 25px;
    }
}
/* Section XX3 - Legislator Search / Details Patches [SECXX3] */
/* ========================================================== */
/*
* NOTE: I modified the LegislatorsWidget to override the before/after form so that it no longer
* adds a <fieldset> element. This matches the mock-up but if we want to AVOID this solution, we
* can make the fieldset NOT override the width setting.
*/
 aside.LegislatorsWidget {
    /* this prevents the width inherited from layout.css .column-rail, aside from making the results too narrow */
     width: 100%;
}
/* without this section - the headshots are distorted, and too wide */
 aside.LegislatorsWidget img {
     margin-top: 0;
     margin-bottom: 0;
     width: auto;
}
/* without this section - the legislator names do not render as in the mockup*/
 aside.LegislatorsWidget ul li a {
     color: #0092e7;
     font-weight: bold;
     text-decoration: none;
     width: auto;
}
 .legislator-search aside {
     display: block;
}
 aside.LegislatorsWidget fieldset {
     display: block;
}
 .legislator-search aside .search-address {
     max-width: 50%;
}
 .legislator-search input[type="submit"] {
     width: 39%;
}
 .legislator-search hr {
     height: 1px;
     margin: 20px 0;
     color: #c8c8c8;
     background: #c8c8c8;
     font-size: 0;
     border: 0;
}
 @media screen and (max-width: 960px) {
     .legislator-search aside .search-address {
         max-width: 100%;
         width: 100%;
    }
     .legislator-search input[type="submit"] {
         width: 100%;
    }
     .legislator-search fieldset div label {
         width: 10%;
    }
     .legislator-search .search-address div .jqTransformCheckboxWrapper {
         margin-left: 10%;
    }
}
 @media screen and (max-width: 720px) {
     .legislator-search aside .search-address{
         max-width: 100%;
         width: 100%;
    }
     .legislator-search input[type="submit"] {
         width: 100%;
    }
     .legislator-search .search-address div .jqTransformCheckboxWrapper {
         margin-left: 0;
    }
}
 .LegislatorsWidget h3.error {
     color: #f00;
     disaply: block;
}
/* Section XX4 - Legislator Search / Details Patches [SECXX4] */
/* ========================================================== */
/* Without this - the icons in the Legislator Details have unexpected padding on each icon other than the first. */
 aside ul li {
     padding: 0 0;
}
 .legislator-detail .contact-info .dist-address {
     margin-top: 0;
}
 @media screen and (max-width: 720px) {
     .legislator-detail .contact-info .dist-address {
         margin-top: 20px;
    }
}
/****** SECXX5 Signup Page (Register/Login hybrid) *****/
 .register-login fieldset div label {
     float: left;
}
 @media screen and (min-width: 961px) {
     .register-login .swiper-slide {
         margin-right: 0;
    }
     .register-login fieldset div input[type="text"],
     .register-login fieldset div input[type="password"] {
         float: left;
         width: 49%;
         box-sizing: border-box;
    }
     .register-login fieldset div input[type="submit"] {
         margin: 0 0 0 26%;
    }
}
 @media screen and (max-width: 960px) {
     .register-login fieldset div input[type="password"] {
         width: 93%;
         margin-left: 3%;
         box-sizing: border-box;
    }
     .register-login .swiper-slide h3,
     .register-login .swiper-slide p {
         margin-right: 3%;
         margin-left: 3%;
    }
}
/***** SECXX6 Committee Search Pagination ***/
 .committee-search .navigation {
     position: relative;
     height: 60px;
}
 .committee-search .page-selection {
     text-align: center;
     z-index: 100;
     position: absolute;
     width: 100%;
     top: 20px;
}
 .committee-search .page-selection ul {
     margin: 0;
     list-style: none outside none;
     text-align: center;
     display: inline-block;
     width: 100%;
}
 .committee-search .page-selection ul li {
     display: inline-block;
     border-left: solid 1px #000000;
}
 .committee-search .page-selection ul li.prev {
     border-left: 0 none;
     float: left;
}
 .committee-search .page-selection ul li.prev + li {
     border-left: 0 none;
}
 .committee-search .page-selection ul li.next {
     float: right;
     border-left: 0 none;
}
 .committee-search .page-selection ul li a {
     padding: 0 10px;
     float: left;
}
 .committee-search .page-selection ul li.prev a {
     padding-left: 0;
}
 .committee-search .page-selection ul li.next a {
     padding-right: 0;
}
 .committee-search .page-selection .bootpag:after {
     content: " ";
     display: block;
     height: 0;
     clear: both;
}
 .committee-search .page-selection .disabled a {
     color: #000000;
}
 .committee-search .page-selection .prev.disabled a,
 .committee-search .page-selection .next.disabled a {
     color: #dbdbdb;
}
 .committee-search .page-selection .disabled a:hover {
     text-decoration: none;
     cursor: default;
}
 @media screen and (max-width: 960px){
     .committee-search .page-selection ul li a {
         padding: 0 15px;
    }
}
 @media screen and (max-width: 720px) {
     .committee-search .page-selection {
         top: 0;
    }
     .committee-search .page-selection ul li {
         display: none;
    }
     .committee-search .page-selection .prev,
     .committee-search .page-selection .next {
         display: inline-block;
    }
     .committee-search .page-selection-info {
         display: block;
         width: 100%;
         text-align: center;
         z-index: 9;
         margin-top: 20px;
    }
}
/* SECXX7 New Recaptcha on Contact Us */
 .contact-us .recaptcha .recaptcha-container {
     margin-bottom: 1em;
}
 #recaptcha_widget img {
     margin: 0;
     padding: 0;
}
 .recaptcha-image-container {
     width: 100%;
     margin: 1em 0 .5em 0;
     border: 1px solid rgb(173,173,173);
     background-color: #fff;
}
 #recaptcha_image {
     margin: auto;
}
 .captcha-button, .captcha-button a img {
     height: 17px;
     width: 25px;
     float: right;
     background-color: rgb(5,100,2000);
     border-radius: 50%;
     border-color: rgb(1,90,170);
     margin: 0 .2em;
}
 span.recaptcha_only_if_image, span.recaptcha_only_if_audio {
     float: left;
     margin: 0;
     padding: 0;
     line-height: 1.5em;
}
 input#recaptcha_response_field {
     width: 100%;
}
 @media screen and (min-width: 721px) {
     input#recaptcha_response_field {
         width: 100%;
    }
     .contact-us .recaptcha .recaptcha-container {
         width: 70.5%;
    }
}
/* Section 33 - SharedThis overrides ============================================================================================== */
/* we need to override the margins set earlier for aside span. otherwise, the social icons are not properly aligned vertically */
 span.share-links {
     margin: 0;
}
/* SECXX8 Phone Confirmation patch */
 .targets-call li .phone-hidden {
     margin-left: 10px;
}
/* SECXX9 - Section 34 - Tabbed Feed + Sidebar Callouts desktop/tablet layout */
 @media screen and (min-width: 721px) {
     .tabbed-feeds-wrapper {
         float: left;
         width: 66%;
    }
}