/* -------------------------------------------------------------- 
   
   section.css
      
-------------------------------------------------------------- */


/* Our Union Index */

.union #our-leadership a img {
    width: 47px; height: 63px;
    border: 1px solid #6a6a6a;
    float: left;
    margin: 2px 10px 0 0; 
    }

    .union #our-leadership a:hover img { border: 1px solid #353535; }

.union #our-leadership .metadata {
    text-transform: uppercase;
    margin-bottom: 4px;
    }

.union #primary #our-leadership.box ul { 
    width: 231px;
    padding: 0 0 15px 59px; 
    }

.union #primary #our-leadership.box li { width: 231px; }

.union #our-leadership.box li a { 
    width: 231px;
    background: transparent;
    padding-left: 0; 
    }

.union #our-leadership.box li a .date{ 
    text-transform: capitalize;
    display: inline-block;
    font-size: .9em;
    }



/* Our Union: Our Voices */

.voice { 
    border-bottom: 1px solid #dbdbdb; 
    margin-bottom: 20px;
    padding-bottom: 5px;
    }

.voice .imgleft { border: 1px solid #dbdbdb; width: 140px; height: 100px;}

.union .quote { 
    font-size: 1.2em; 
    line-height: 1.15em;
    color: #018a44;
    }

.union .quote p { 
    margin-bottom: .6em;
    }

.union .attribution { 
    padding-left: 180px;
    display: block;
    font-size: .75em;
    line-height: 1.25em;
    }

.union .attribution .name { 
    display: block;
    font-weight: bold;
    font-size: 1.25em;
    line-height: 1em;
    margin-left: -18px;
    }

.union #voices img { 
    border: 1px solid #dbdbdb;
    width: 278px;
    height: 198px;
    }

.union #voices .quote { 
    font-size: 1.2em; 
    line-height: 1.15em;
    color: #018a44;
    margin-top: .8em;
    }

.union #voices .quote p { 
    margin-bottom: .6em;
    }

.union #voices .attribution { 
    padding-left: 40px;
    display: block;
    font-size: .75em;
    line-height: 1.4em;
    }

.union #voices .attribution .name { 
    display: block;
    font-weight: bold;
    font-size: 1.25em;
    line-height: 1em;
    margin-left: -18px;
    }



/* Retirees Signup form */

#index.retirees #main #submenu .bottom {
    padding: 12px;
    width: 256px;
    }

.retirees #submenu p,
.retirees #submenu label {
    color: #ccffe4;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    margin: 0 0 2px 0;
    display: block;
    }
    
.retirees #submenu fieldset {
    display: block;
    margin-top: 6px;
    }
 
    
.retirees #submenu .first-name {
    float: left;
    width: 135px;
    }
    
.retirees #submenu .last-name {
    float: left;
    width: 121px;
    }
 
    
.retirees #submenu input {
    display: block;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    border: 0px;
    overflow: hidden;
    height: 17px;
    padding: 3px 0 3px 7px;
    margin: 0 0 5px 0;
    }

.retirees #submenu .first-name .input,
.retirees #submenu .last-name .input {
    background: url('/img/input-121.png') no-repeat left top;
    width: 114px;
    }
    
.retirees #submenu .email-address .input {
    background: url('/img/input-256.png') no-repeat left top;
    width: 249px;
    }

.retirees #submenu .submit {
    background: url('/img/btn-continue.png') no-repeat left top;
    width: 92px;
    height: 23px;
    margin: 8px 0 0 84px;
    cursor: pointer;
    outline: none;
    }










/* Blog */

.post .post-tags {
    padding: 8px 0px 8px 12px;
    font-size: 11px;
    border-top: 1px solid #e1e1e1;
    margin-top: .5em; 
    }

.post { 
    margin-bottom: 1.75em; 
    border-bottom: 2px solid #e1e1e1;
    }
    
    .post.works {
      padding-top: 69px;
      background: transparent url("/blog/image/digital-works-blog-template-logo.png") no-repeat top left;
      }
    
.photo-with-caption {    /* removed .post */
    font-size: .75em;
    color: #8e8e8e;
    line-height: 1.2em;
    }
    
.photo-with-caption.img-center {
    width: 610px;  
    margin-bottom: 15px;
    }
    
.photo-with-caption.img-center img {
    width: 610px;  
    }
    
.photo-with-caption.img-left {
    width: 340px; 
    float: left; 
    margin: 0 15px 15px 0; 
    }
    
.photo-with-caption.img-right {
    width: 340px; 
    float: right; 
    margin: 0 0 15px 15px; 
    }
    
    .photo-with-caption.img-left.small-float,
    .photo-with-caption.img-right.small-float { width: 200px; }
    
    
.photo-with-caption.img-left img,
.photo-with-caption.img-right img {
    width: 340px; 
    }   
    
    .photo-with-caption.img-left.small-float img,
    .photo-with-caption.img-right.small-float img { width: 200px; }   
    

    

.post .sharing-options {
    background: #f4f4f4;
    padding: 8px 0px 8px 12px;
    height: 20px;
    }

.post .sharing-options .addthis_toolbox { width: 45px; margin: 7px 0; float: left;  }

.post .sharing-options .addthis_toolbox.new { width: 404px; margin: 7px 0; float: left;  }

.post .sharing-options .addthis_toolbox a.share { width: 45px; background: url('/img/video-share.png') no-repeat left 0; height: 7px; display: block; float: left}

    .post .sharing-options .addthis_toolbox a.share:hover { background-position: left -7px; }
    .post .sharing-options .addthis_toolbox a.share span { display:none; }
    
.post .sharing-options .addthis_toolbox a.email { width: 69px; background: url('/img/video-email.png') no-repeat left 0; height: 7px; display: block; float: left; margin-left: 20px; }

    .post .sharing-options .addthis_toolbox a.email:hover { background-position: left -7px; }
    .post .sharing-options .addthis_toolbox a.email span { display:none; }

.post-etaf { 
    font-size: 11px; 
    line-height: 15px; 
    float: left; 
    height: 7px; 
    margin: 7px 270px 3px 20px; _margin: 7px 20px 3px 20px;
    display: block;  
    cursor: pointer;
    width: 69px; 
    background: url('/img/video-email.png') no-repeat left 0; 
    }

    .post-etaf:hover  { background-position: left -7px;}
    .post-etaf span { display:none; }


.fb_iframe_widget { height: 20px; width: 80px; _overflow: hidden; margin: 0; padding: 0; float; left;}
.twitter-share-button { margin: 0; padding: 0; float; left;}

  .fb-video.fb_iframe_widget.fb_iframe_widget_fluid_desktop { height: auto; }
  #fb-root { display:none; }

.blog .previous,
.blog .next {
    width: 300px;
    font-size: .8em;
    display: block;
    }

.blog .previous {
    float: left;
    }

.blog .next {
    float: right;
    text-align: right;
    }

#recent-posts {
    font-size: .8em;
    border-top: 1px solid #;
    padding-top: 1.5em;
    border-top: 1px solid #b7d1e2;
    }



/* News/Publications Index */

.news #our-leadership a img {
    width: 47px; height: 63px;
    border: 1px solid #6a6a6a;
    float: left;
    margin: 2px 10px 0 0; 
    }

    .union #our-leadership a:hover img { border: 1px solid #353535; }

.news #our-leadership .metadata {
    text-transform: uppercase;
    margin-bottom: 4px;
    }

.news #primary #our-leadership.box ul { 
    width: 231px;
    padding: 0 0 15px 59px; 
    }

.news #primary #our-leadership.box li { width: 231px; }

.news #our-leadership.box li a { 
    width: 231px;
    background: transparent;
    padding-left: 0; 
    }

.news #our-leadership.box li a .date{ 
    text-transform: capitalize;
    display: inline-block;
    font-size: .9em;
    }

/* News/Publications: Magazine Voices */

.news .voice { 
    border-bottom: 1px solid #dbdbdb; 
    margin-bottom: 20px;
    padding-bottom: 5px;
    }

.news .voice .imgleft { border: 1px solid #dbdbdb; width: 140px; height: 100px;}

.news .quote { 
    font-size: 1.2em; 
    line-height: 1.15em;
    color: #018a44;
    }

.news .quote p { 
    margin-bottom: .6em;
    }

.news .attribution { 
    padding-left: 180px;
    display: block;
    font-size: .75em;
    line-height: 1.25em;
    }

.news .attribution .name { 
    display: block;
    font-weight: bold;
    font-size: 1.25em;
    line-height: 1em;
    margin-left: -18px;
    }


/* Issues / Legislation */


/* Legislative Lookup Form */

#legislative-lookup  {
    width: 135px; height: 36px; overflow: hidden;
    background: url('/img/issues-legislative-lookup.png') no-repeat left top;  
    padding: 34px 0 0 165px; margin-bottom: 20px;
    }
    
    #secondary #legislative-lookup  {
        background: url('/img/issues-legislative-lookup-secondary.png') no-repeat left top;  
        padding: 34px 0 0 145px; margin-bottom: 10px;
        }

#legislative-lookup input {
    display: block;
    float: left;
    color: #c2dcea;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    border: 0px;
    overflow: hidden;
    }


#legislative-lookup .zip-field {
    height: 17px;
    padding: 3px 0 3px 7px;
    margin: 0 3px 0 0;
    _margin: 0 1px 0 0;
    background: url(/img/issues-legislative-lookup-input.png) no-repeat left top;
    width: 77px;
    }

#legislative-lookup .submit {
    background: url(/img/issues-legislative-lookup-submit.png) no-repeat left top;
    width: 33px;
    height: 23px;
    margin: 0;
    cursor: pointer;
    outline: none;
    }

    #legislative-lookup .submit:hover { background-position: left -23px; }



/* Deaths on the Jobs */

#primary #fatality-tabs.box {
    background: transparent;
    width: 610px;
    padding: 15px 0px;
    }
    
#primary #fatality-tabs.box.ui-tabs .ui-tabs-nav {
    top: -10px;
    left: 170px;
    width: 440px;
    height: 20px;
    }
    
#primary #fatality-tabs.box.ui-tabs .ui-tabs-panel {
    width: 610px;
    }
    
#fatality-tabs th,
#fatality-tabs td {
    font-size: .70em;
    line-height: 1.15em;
    }
    
#fatality-tabs th {
    background: #eeeeee;
    border-right: 1px solid white;
    }

/* Deaths on the Jobs Form */

#fatality-intake {
    width: 320px;
    font-size: .85em;
    margin-left: 130px;
    padding: 15px;
    background: #eeeeee;
    border: 1px solid #cbcbcb;
    }
    
#fatality-intake fieldset {
    padding-bottom: 6px;
    }
    
#fatality-intake fieldset.clearfix label,
#fatality-intake fieldset.clearfix input,
#fatality-intake fieldset.clearfix select {
    float: left;
    }
    
#fatality-intake fieldset.clearfix label {
    width: 110px;
    }
    
#fatality-intake  label {
    margin: 2px 0 4px 0;
    display: block;
    }
    
#fatality-intake label.error,
#fatality-intake fieldset.clearfix label.error{
    width: 200px;
    color: #cc0000;
    }
    
#fatality-intake fieldset.clearfix input,
#fatality-intake fieldset.clearfix select,
#fatality-intake textarea {
    font-size: .9em;
    border: 1px solid #b7b7b7;
    }
    
#fatality-intake fieldset.clearfix input {
    width: 200px;
    padding: 3px 3px 3px 5px;
    }
    
#fatality-intake fieldset.clearfix select {
    width: 210px;
    padding: 2px 2px 2px 5px;
    margin: 0;
    }
    
#fatality-intake textarea {
    width: 308px;
    height: 120px;
    }
    
#fatality-intake #fatality-submit {
    margin: 5px 0 0 128px;
    }
    
#fatality-intake h2 {
    margin: 10px 0 10px 0;
    }
 

/* Advantage Request Form */

#advantage-request {
    width: 468px;
    font-size: .85em;
    padding: 15px;
    background: #eeeeee;
    border: 1px solid #cbcbcb;
    margin: 0 0 20px 55px;
    }
    
#advantage-request fieldset {
    padding-bottom: 6px;
    }
    
#advantage-request label,
#advantage-request input,
#advantage-request select {
    float: left;
    }

    
#advantage-request  label {
    margin: 2px 0 4px 0;
    width: 220px;
    display: block;
    padding: 0 15px;
    }
    
#advantage-request label.error,
#advantage-request fieldset.clearfix label.error{
    width: 200px;
    color: #cc0000;
    margin-left: 253px; 
    font-size: 10px; 
    text-transform: uppercase;
    }
    
#advantage-request fieldset.clearfix input,
#advantage-request fieldset.clearfix select,
#advantage-request textarea {
    font-size: .9em;
    border: 1px solid #b7b7b7;
    }
    
#advantage-request fieldset.clearfix input {
    width: 200px;
    padding: 3px 3px 3px 5px;
    }
    
#advantage-request fieldset.clearfix.checkbox input,
#advantage-request fieldset.clearfix.radio input {
    width: 12px;
    }
    
#advantage-request fieldset.clearfix input.int-text-field {
    width: 40px;
    padding: 3px 3px 3px 5px;
    }
    
#advantage-request fieldset.clearfix select {
    width: 210px;
    padding: 2px 2px 2px 5px;
    margin: 0;
    }
    
#advantage-request textarea {
    width: 308px;
    height: 120px;
    }
    
#advantage-request #advantage-submit {
    margin: 5px 0 0 220px;
    }
    
#advantage-request h3 {
    margin: 15px 0 10px 0;
    padding-top: 20px;
    border-top: 1px solid #cbcbcb;
    font-weight: bold;
    }
 



/* Action Center */

.action #main,
#main.action {
    height: 400px;
    }
    
.stop-the-lies #main {
    background: black;
    }

.action #topstory {
    height: 400px;
    }

.action #topstory embed,
.action #topstory object {
    width: 660px;
    height: 370px;
    }

.action #topstory.ui-tabs .ui-tabs-panel,
.action #topstory.ui-tabs .ui-tabs-panel a,
#index.action #topstory a.mask {
    height: 400px;
    }


.action #topstory.ui-tabs .ui-tabs-nav { 
    top: 380px;
    left: 10px;
    width: 90px;
    }

.action #topstory .share {
    width: 430px;
    float: right;
    padding: 4px 0 0 0;
    }

.action #topstory .share .title {
    width: 120px;
    float: left;
    color: white;
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-weight: 600;
    }

.action #topstory .share a {
    padding: 4px 0 0 10px;
    float: left;
    }

   .action #topstory .share a.facebook { width: 75px; }
   .action #topstory .share a.twitter  { width: 64px; }
   .action #topstory .share a.youtube  { width: 68px; }
   .action #topstory .share a.taf      { width: 50px; }

#index.action #main #submenu {
    max-height: 360px;
    height: 360px;
    width: 260px;
    padding: 10px;
    background: url('/img/action-center-panel.jpg') no-repeat top left;
    }
    
#index.stop-the-lies #main #submenu {
    max-height: 360px;
    height: 360px;
    width: 260px;
    padding: 10px;
    background: url('/img/stl-form.png') no-repeat top left;
    }

#index.action #main #submenu .title,
#index.stop-the-lies #main #submenu .title {
    font-size: 24px;
    color: white;
    font-weight: 600;
    line-height: 1em;
    }

#index.action #main #submenu p,
#index.stop-the-lies #main #submenu p{
    font-size: .95em;
    line-height: 1.20em;
    color: white;
    margin-bottom: 10px;
    }



/* Petition Form */

.action #submenu input {
    display: block;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    border: 0px;
    overflow: hidden;
    height: 23px;
    padding: 3px 0 3px 7px;
    margin: 0 0 5px 0;
    }

.action #submenu .input {
    background: url('/img/action-center-input.png') no-repeat left top;
    width: 253px;
    }

.action #submenu .submit {
    background: url('/img/action-center-submit.png') no-repeat left top;
    width: 140px;
    height: 33px;
    margin: 10px 0 0 60px;
    cursor: pointer;
    outline: none;
    }
    
.stop-the-lies #submenu .submit {
    background: url('/img/stl-submit.png') no-repeat left top;
    width: 139px;
    height: 28px;
    margin: 10px 0 0 60px;
    cursor: pointer;
    outline: none;
    }


.action #featured-photos .thumbnail {
    width: 276px;
    margin: 0 0 10px 0;
    border: 1px solid #eeeeee;
    padding: 1px;
    float: none;
    }






/* Organize */

#the-people ul li a {
    width: 280px;
    padding: 6px 0;
    background: transparent;
    }

#the-people ul li a img {
    float: left;
    width: 49px;
    height: 65px;
    margin: 0 10px 10px 0;
    }

#the-people ul li a .headline {
    font-size: 1.2em;
    }

#the-people ul li a .description {
    font-size: 1em;
    }




/* Events */

.event-details  {
    width: 220px; 
    padding: 10px 10px 0px 10px;
    background: #ebf4ff;
    border: 1px solid #e1e1e1;
    float: right;
    margin: 0 0 15px 15px; 
    }
    
.event-details p {
    vertical-align: top;
    font-size: .85em;
    line-height: 1.15em;
    }
    
    
    
/* Events Wrap-Up */  

#focus-video {
    width: 630px; height: 260px; overflow: hidden;
    float: left;
    background-repeat: no-repeat;
    padding: 20px;
    }
    
#focus-video embed,
#focus-video object,
#focus-video iframe {
    width: 380px; height: 246px; overflow: hidden;
    float: left;
    }
    
#focus-video #wrap-up {
    float: left;
    width: 230px;
    padding-right: 20px;
    }
    
#focus-video h2 {
    color: white;
    }
    
#focus-video p {
    font-size: 1em;
    line-height: 1.15em;
    color: #c5c5c5;
    }
    
#focus-video a {
    color: white;
    }





.espanol .box .headline,
.en-espanol .box .headline {
    font-weight: bold;
    line-height: 1em;
    }




/* Photos */

#wide.photos object,
#wide.photos embed {
    width: 910px;
    height: 500px;
    padding-bottom: 20px;
    }
    
.photoset object,
.photoset embed {
    width: 610px;
    height: 458px;
    }


/* Politics */

.politics img.feature {
    width: 610px;
    margin-bottom: 25px;
    }
    
/* Daily Newswire items */
.dnw {
    margin-bottom: 1em;
}
.dnw h4 { margin-bottom: .25em; }


    
/* Polling Location form */    

#polling-location {
    background: #bfc8c5; 
    padding: 13px 0 13px 13px;
    border-radius: 4px;
  		-moz-border-radius: 4px; 
			-webkit-border-radius: 4px;
    }

#polling-location input {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    border: 0;
    overflow: hidden;
    background: white;
    border-radius: 4px;
    	-moz-border-radius: 4px; 
			-webkit-border-radius: 4px;
    }


#polling-location .email-field,
#polling-location .zip-field {
    height: 17px;
    padding: 3px 0 3px 7px;
    margin: 0 3px 0 0;
    _margin: 0 1px 0 0;
    }

    #polling-location .email-field { 
        width: 142px;
        }

    #polling-location .zip-field {
        width: 59px;
        }

#polling-location .submit {
    background: url(/img/signup-btn.png) no-repeat left top;
    width: 33px;
    height: 23px;
    margin: 0;
    cursor: pointer;
    outline: none;
    }

    #polling-location.submit:hover { background-position: left -23px; }
  
    
    
/*  Candidate List */

ul.candidates { 
    list-style: none; 
    margin: 0;
    }

ul.candidates li a {  
    display: block; 
    padding: 5px 5px 5px 50px;
    _padding: 5px 0 0 0; _width: 150px;
    text-decoration: none;
    line-height: 1.1.5em;
    font-size: .9em;
    }

ul.candidates li a span.headline { font-size: 14px; line-height: 1.2em; padding: 0; margin: 0;}

ul.candidates li a img { 
    width: 40px;
    display: block;
    float: left;
    margin: 2px 0 0 -50px;
    _margin: 2px 0 0 5px;
    .padding-top: 3px;
    _padding-top: 0;
    _width: 90px;
    }


/*  Candidate Page */

.candidate-headshot {
    width: 120px;
    }
 
.candidate {
    color: #0082d5;
    margin-bottom: 0;
    font-weight: bold;
    }
    
.office {
    font-size: 14px;
    color: #585858; /* was #00a34d */
    }

#map-box {
    background: #0082d5;
    width: 280px;
    height: 280px;
    float: left;
    margin-top: 10px;
    -webkit-appearance: none; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -o-border-radius: 4px; 
    -ms-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px; 
    }
      
#map-box .title {
    display: block;
    padding: 10px 0 5px 10px;
    font-family: "proxima-nova-1","proxima-nova-2",helvetica,arial,sans-serif; font-weight: 800; font-size: 18px; line-height: 18px;
    color: white;
    }
    
#map-box .subsubtitle {
    display: block;
    margin: 0 0 20px 10px;
    color: #ceecff;
    line-height: 11px;
    }
    
#map-box embed {
    margin-bottom: 25px;
    }

   #map-box select {
      width: 65px; height: 17px;
      float: left;
      background-color: #004c80;
      border: 0;
      margin: 0 10px 4px 10px; padding: 2px;
      width: 138px; height: 23px;
      color: #f3f9fd; font-size: 11px; line-height: 19px;
      }

   #map-box .enlarge-btn {
      width: 110px; height: 23px;
      display: block;
      float: left;
      background: url('/img/directory-enlarge-btn.png') no-repeat left top;
      }

      #map-box .enlarge-btn:hover { background-position: left -23px; }
      #map-box .enlarge-btn span { display: none; }