definition */ .advocacy-page p, .community-stories-section p { /* trailing margin only to bring
s close to headers */ margin: 0 0 1em 0; } p.image-with-caption { font-size: 93%; } p.image-right { float: right; margin: 0 0 1em 1em; } p.image-left { float: left; margin: 0 1em 1em 0; } /* new rules to apply icons - created by hannonhill */ #advocacy-title-interior{background: transparent url(../images/common/advocacy_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #advocacy-title{background: transparent url(../images/common/advocacy_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #benefits-title-interior{background: transparent url(../images/common/bee_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #benefits-title{background: transparent url(../images/common/bee_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #retirement-title-interior{background: transparent url(../images/common/retirement_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #retirement-title{background: transparent url(../images/common/retirement_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #insurance-title-interior{background: transparent url(../images/common/insurance_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #insurance-title{background: transparent url(../images/common/insurance_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #news-title-interior{background: transparent url(../images/common/bee_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #news-title{background: transparent url(../images/common/bee_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #events-title-interior{background: transparent url(../images/common/events_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #events-title{background: transparent url(../images/common/events_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #directory-title-interior{background: transparent url(../images/common/bee_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #directory-title{background: transparent url(../images/common/bee_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #forum-title{background: transparent url(../images/common/forum_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #gigs-title-interior{background: transparent url(../images/common/gigs_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #gigs-title{background: transparent url(../images/common/gigs_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #discounts-title-interior{background: transparent url(../images/common/discounts_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #discounts-title{background: transparent url(../images/common/discounts_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #blogs-title-interior{background: transparent url(../images/common/blog_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #blogs-title{background: transparent url(../images/common/blog_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #become-title-interior{background: transparent url(../images/common/bee_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #become-title{background: transparent url(../images/common/bee_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #member-title-interior {background: transparent url(../images/common/bee_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #member-title-interior {background: transparent url(../images/common/bee_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #shop-title-interior{background: transparent url(../images/common/bee_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} #shop-title{background: transparent url(../images/common/bee_icon.gif) no-repeat 0 0; margin-left: -6px; padding-left: 5px;} /* home page */ #flickr-hit-us { padding: 10px; border: 1px solid #4f5a63; margin: 1em 0; } /* Homepage content layout */ #home #content-column1 {float: left; display: block; text-align: center; width: 566px; margin: 15px 0 0 16px; padding: 0;} #home #content-column2 {float: left; display: block; width: 180px; margin-left: 30px; margin-top: 15px; padding: 0;} #home #content-column3 {float: left; display: block; width: 180px; margin-left: 30px; margin-top: 15px; padding: 0;} #home #join-today-callout img { margin-top: 10px; } /* Feature layout and styles */ #home div.left-features p {text-align: center; margin: 1em auto;} #home div.right-features p {text-align: center; margin: 1em auto;} div.feature-contents img {padding: 0;} div.left-features {float: left;} div.right-features {float: left; width: 280px;} /* with grey box border -- div.feature-container {float: left; clear: left; text-align: left; margin-top: 15px; padding: 10px; background: #E6E6E6;}*/ /* without grey border*/ div.feature-container {text-align: left; margin: 15px 0; padding: 0;} /*feature boxes with borderline*/ /* div.feature-contents {float: left; width: 233px; padding: 10px; border: 1px solid #4F5A63; background: #FFF;} div.feature-contents {float: left; width: 233px; padding: 10px; border: 1px solid #4F5A63; background: #FFF;} div.feature-contents {float: left; width: 250px; padding: 0px; background: #FFF;}*/ /*div.feature-contents p {font-size: 0.9625em; line-height: 1.2em;} disabled for advocacy buttons on homepage*/ /* Varying feature img layouts */ div.feature-contents img.middle {float: none; clear: both; display: block; margin: 0 auto;} div.feature-contents img.left {float: left; clear: left; display: block;} div.feature-contents img.right-content {float: right; clear: both; display: block;} /* Homepage member elections btn */ .electionsRollover {display:block; width:235px; height:219px; background: url(../images/homepage/elections_home.png) 0 0 no-repeat; text-decoration: none;} .electionsRollover a {background: url(../images/homepage/elections_home.png) 0 0 no-repeat; text-decoration: none;} .electionsRollover a:hover {background: url(../images/homepage/elections_home_hover.png) 0 0 no-repeat; } /* Homepage slideBanner */ #bannerRotator { margin-bottom:15px;} /* Homepage offers */ #home h1 {margin-bottom: 15px;} #offers {float: left; width: 100%; margin: 0; padding: 0; border-top: 1px solid #21272B;} #offers h2 {height: 25px; color: #A7B7B7; margin: 0; padding: 0; line-height: 1em;} #offers h2 span {display:none;} #offers ul {margin: 0; padding: 0; list-style: none;} #offers li {list-style: none; margin: 0; padding: 0; line-height: 1em; border-top: 1px solid #DCDEE0; border-bottom: 1px solid #CAD4D4; cursor: hand;} #offers p {line-height: 1em;} /* #offers p.link {text-decoration: underline; color: #0066cc;} */ #offers li a { display: block; padding: 23px 10px 15px 45px; } #offers li a p{ color: #21272B; } #offers li a:hover { text-decoration: none; } /* Homepage offers Rollovers */ #offers li.insurance a {background: transparent url(../images/common/insurance_icon.gif) no-repeat 0 25px;} #offers li.insurance a h2 {background: transparent url(../images/common/insurance.gif) no-repeat 0 0;} #offers li.insurance a:hover {background: #e6e6e6 url(../images/common/insurance_icon_hover.gif) no-repeat 0 25px;} #offers li.insurance a:hover h2 {background: transparent url(../images/common/insurance_hover.gif) no-repeat 0 0;} #offers li.retirement a {background: transparent url(../images/common/retirement_icon.gif) no-repeat 0 25px;} #offers li.retirement a h2 {background: transparent url(../images/common/retirement.gif) no-repeat 0 0;} #offers li.retirement a:hover {background: #e6e6e6 url(../images/common/retirement_icon_hover.gif) no-repeat 0 25px;} #offers li.retirement a:hover h2 {background: transparent url(../images/common/retirement_hover.gif) no-repeat 0 0;} #offers li.advocacy a {background: transparent url(../images/common/advocacy_icon.gif) no-repeat 0 25px;} #offers li.advocacy a h2 {background: transparent url(../images/common/advocacy.gif) no-repeat 0 0;} #offers li.advocacy a:hover {background: #e6e6e6 url(../images/common/advocacy_icon_hover.gif) no-repeat 0 25px;} #offers li.advocacy a:hover h2 {background: transparent url(../images/common/advocacy_hover.gif) no-repeat 0 0;} #offers li.community a {background: transparent url(../images/common/directory_icon.gif) no-repeat 0 25px;} #offers li.community a h2 {background: transparent url(../images/common/yellow_pages.gif) no-repeat 0 0; height: 51px;} #offers li.community a:hover {background: #e6e6e6 url(../images/common/directory_icon_hover.gif) no-repeat 0 25px;} #offers li.community a:hover h2 {background: transparent url(../images/common/yellow_pages_hover.gif) no-repeat 0 0;height: 51px;} #offers li.events a {background: transparent url(../images/common/events_icon.gif) no-repeat 0 25px;} #offers li.events a h2 {background: transparent url(../images/common/events.gif) no-repeat 0 0;} #offers li.events a:hover {background: #e6e6e6 url(../images/common/events_icon_hover.gif) no-repeat 0 25px;} #offers li.events a:hover h2 {background: transparent url(../images/common/events_hover.gif) no-repeat 0 0;} #offers li.gigs a {background: transparent url(../images/common/gigs_icon.gif) no-repeat 0 25px;} #offers li.gigs a h2 {background: transparent url(../images/common/gigs.gif) no-repeat 0 0;} #offers li.gigs a:hover {background: #e6e6e6 url(../images/common/gigs_icon_hover.gif) no-repeat 0 25px;} #offers li.gigs a:hover h2 {background: transparent url(../images/common/gigs_hover.gif) no-repeat 0 0;} #offers li.education a {background: transparent url(../images/common/education_icon.gif) no-repeat 0 25px;} #offers li.education a h2 {background: transparent url(../images/common/education.gif) no-repeat 0 0;} #offers li.education a:hover {background: #e6e6e6 url(../images/common/education_icon_hover.gif) no-repeat 0 25px;} #offers li.education a:hover h2 {background: transparent url(../images/common/education_hover.gif) no-repeat 0 0;} /*Homepage Social Sidebar*/ #social-sidebar h2 {border-bottom: 1px solid #4F5A63; padding: 10px 5px; width: 170px;} #social-sidebar ul, #social-sidebar li {list-style-type: none; } #social-sidebar ul {padding: 10px; width: 170px; margin: 0; } #social-sidebar li {margin: 10px 0;} #social-sidebar li a {padding: 12px 0 0 55px; display: block; margin: 10px;font-size: 15px; font-weight: bold; height: 32px;} #social-sidebar li.twitter a{ background: url(../images/social-links/twitter.png) no-repeat; background: url(../images/social-links/social-sprite-tb.png) no-repeat 0 0; } #social-sidebar li.facebook a{ background: url(../images/social-links/facebook.png) no-repeat; background: url(../images/social-links/social-sprite-tb.png) no-repeat 0 -44px; } #social-sidebar li.flickr a{ background: url(../images/social-links/flickr.png) no-repeat; background: url(../images/social-links/social-sprite-tb.png) no-repeat 0 -88px; } /* Tertiary Nav */ .tertiaryNav a {color:#21272B; font-size:1.1em; font-weight:bold; line-height:1.25em; padding:4px 6px 4px 0;} .tertiaryNav a:hover {background:#E6E6E6 none repeat scroll 0 0; color:#F25012; text-decoration:none;} .tertiaryNav a:active {color:#F25012; text-decoration:none;} .tertiaryNav li {margin: 0px 0px 1em .2em;} /* Sidebar with border */ div.block {float: left; margin: 0; width: 100%; background: #FFF; border: 1px solid #4F5A63;} div.block .title {width: 170px; border-bottom: 1px solid #4F5A63; padding: 10px 5px;} #sidebar .block .title h2, .block .title h2 {float: left; margin: 0; padding: 0; text-align: left; border: none;} div.block .title img {float: right;} div.block .title p {clear: both;} div.block .title a {color: #F25012; } div.block p {line-height: 1.3em;} div.block .content {width: 160px; padding: 10px;} div.block h3 {color: #0066cc;} div.block h4 {margin: 0 0 10px 0;} div.block ul {list-style: none; margin: 0; padding: 0;} div.block li {list-style: none; margin: 0; padding: 0 0 0 0;} div.block .date {color: #A7B7B7; padding-right: 5px; font-weight: bold;} div.block .big-date {font-size: 2.1875em; font-weight: bold; color: #4F5A63; maring-bottom:8px;} h2.page-title {margin: 0 0 0 40px;} h1.page-subtitle {margin: 0 0 0 40px; padding: 0; line-height: 1em; font-weight: normal; color: #21272B; text-align: left; } /* Insurance landing page */ #insurance .feature-block ul {float: left; display: block; width: 250px;} #insurance .feature-block ul li {display: block; width: 100%;} #insurance .feature-block img {float: left; margin: 0 1em 0 0; } #insurance .feature-block .zip-code {float: left; display: block; clear: both; margin: 20px 0 0 0; padding: 0; width: 100%; border: none;} #insurance .feature-block .zip-code fieldset { display: block; border: none; width: 350px; margin: 0 auto;} #insurance .feature-block .zip-code input { margin: 0 10px; padding: 0; width: 100px; font-size: 0.875em; border: 1px solid #21272B;} #insurance .feature-block .zip-code input.submit {margin: 0; padding: 0; border: none; float: left; display: block; width: 137px;} #insurance .feature-block .zip-code label {font-size: 1.3125em; display: block; float: left; padding: .3em 5px;} /* Global interior pages */ #main-content {background: #FFF; border: 1px solid #21272B; margin: 1em 0; } #main-content-borderless { background: #FFF; border: none; margin: 1em 0;} #main-content .content {padding: 10px; } #main-content h1 {margin: 0; padding: 5px 10px; border-bottom: 1px solid #21272B;} #main-content div.content h1 {border: none; padding-left: 0;} .leftcontainer {float: left; clear: left; margin: 0; width: 390px;} .rightcontainer {float: right; clear: left; margin: 0; width: 390px;} .feature-block.left {float: left; clear: left; margin: 15px 0 0 0; width: 390px; background: #FFF; border: 1px solid #21272B;} .feature-block.right {float: right; margin: 15px 0 0 10px; width: 390px; background: #FFF; border: 1px solid #21272B;} .feature-block h1 {margin: 0; padding: 5px 10px; width: 370px; border-bottom: 1px solid #21272B;} .feature-block .feature {float: left; margin: 0; padding: 0; border-bottom: 1px solid #21272B;} .feature-block .feature-last {float: left; margin: 10px 0 0 0; padding: 0; border-bottom: none;} .feature img, .feature-last img {float: left; margin: 0; padding: 10px 10px 10px 0;} .feature h5 a, .feature-last h5 a {color: #21272B;} /* Landing page feature blocks */ .feature-block a.float-right {padding: 10px;} .feature-block .content {float: left; padding: 10px; width: 370px;} .feature-block ul {float: left; list-style: none; margin-bottom: 10px; padding: 0;} .feature-block li {clear: left; float: left; list-style: none;} .feature-block ul img {clear: left; float: left; display: block; margin: 0; padding: 15px 0 0 0; width: 69px; height: 54px;} /* Advocacy */ #advocacy .feature-block ul.issues-list {width: 100%; margin: 0; padding: 0;} #advocacy .feature-block ul.issues-list li {list-style: none; width: 100%;} #advocacy .feature-block ul.issues-list li h5 {float: left; width: 100%;} #advocacy .feature-block ul.issues-list li h5 a {color: #21272b;} #advocacy .feature-block ul.issues-list li img {float: left; clear: left; margin: 0; padding: 0;} #advocacy .feature-block ul.issues-list li p {float: left; clear: none; margin: 0; padding: 0 0 0 10px; width: 280px;} /* Discounts */ #discounts #main-content .sub-nav ul {clear: both; float: left; font-weight: normal; margin: 0; padding: 0; list-style: none;} #discounts #main-content .sub-nav li {float: left; margin: 0; padding: 5px 0; list-style: none; font-size: 0.875em;} #discounts #main-content .sub-nav a,#discounts #main-content .sub-nav a:visited {padding: 5px 10px; color: #21272B;} #discounts #main-content .sub-nav a:hover {color: #F25012; background: #E6E6E6; text-decoration: none;} #discounts #main-content .sub-nav a:active {color: #F25012; background: none; text-decoration: none;} #discounts #category h2, #discounts #vendor h2, #discounts #detail h2 {margin: 0; padding: 3px 10px; font-size: 1.05em; color: #FFF; background: #F7916A url(../images/common/red_gradient_ground.gif) repeat-x;} #discounts #category {float: left; clear: left; width: 132px; height: 100%;} #discounts #category img, #discounts #vendor img {margin: 0 0 -8px 0; padding: 0 10px;} #discounts #category ul, #discounts #vendor ul {margin: 0; padding: 0;} #discounts #category ul li, #discounts #vendor ul li {width: 100%; list-style: none; margin: 10px 0 0 0; padding: 0;} #discounts #category a, #discounts #vendor a {width: 100%; height: 28px; display: block; font-size: 0.875em; font-weight: bold; color: #21272B; margin: 0; padding: 0; background: transparent url(../images/discounts/arrow.gif) no-repeat 95% 50%;} #discounts #category a:hover, #discounts #vendor a:hover {width: 100%; height: 28px; display: block; margin: 0; padding: 0; text-decoration: none; background: #E6E6E6 url(../images/discounts/arrow.gif) no-repeat 95% 50%;} #discounts #vendor {float: left; width: 152px; height: 100%;} #discounts #detail {float: left; width: 512px;} #discounts #detail .inner {float: left; padding: 10px;} #discounts #detail .inner .availability {float: right; clear: left; width: 250px;} #discounts #detail .inner .availability h6, #discounts #detail .inner .availability p {margin: 0; padding: 0;} /* Homepage flash styles */ #home #flash-container { background: #E6E6E6; height: 255px; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; clear: both; } #home #flash-content { float: left; width: 330px; height: 255px; padding-right:8px;} #home #flash-content a { display: block; background: #FFF; width: 100%; height: 100%; vertical-align: middle; text-decoration: none; } #home #flash-content a img { padding-top: 44px;} .alternate-flash-content {height:255px; background-color:#fff;} .alternate-flash-content p {padding:0px 10px 0px 10px;} .alternate-flash-content a {display:inline !important;} #home ul#flash-playlist li { list-style: none; text-align: left; margin: 0; } #home ul#flash-playlist li a { display: block; text-decoration: none; background: #E6E6E6; padding: 10px; height: 44px; color: #000; } #home ul#flash-playlist li a span.title { font-size: 1.125em; font-weight: bold; } #home ul#flash-playlist li.selected a { background: #FFF; color: #F25012; } #home ul#flash-playlist li a:hover { color: #F25012; } /* Insurance Page Tables */ table#insurance-plan-descriptions td, table#contactus td, table#rules-and-procedures-toc td { padding: 0 50px 25px 0; vertical-align: top; } table#insurance-plan-descriptions th, table#contactus th, table#rules-and-procedures-toc th { text-align: left; } table.insurance-plan-rates { border: 1px solid #000000; border-collapse: collapse; } table.insurance-plan-rates th { text-align: left; background: #E6E6E6; padding: 5px 15px 5px 3px } table.insurance-plan-rates td { padding: 5px 15px 5px 3px; border: 1px solid #000000; } table.eligibility { border: 1px solid #000000; border-collapse: collapse; } table.eligibility th { background: #E6E6E6; text-align: left; padding: 5px 15px 5px 3px } table.eligibility td { padding: 0.25em 0.5em; border: 1px solid #000000; max-width: 200px; } /* PYG and Sposto Fun */ div.pyg-block { margin-top: 1em !important; margin-bottom: 1em !important; padding: 0 1em; width: 330px; float: right; border: 1px solid #a7b7b7; } /* meetup side bar */ #sidebar img#meetuplogo { padding-top: 1em; } /* common */ .hidden {display: none;} /*ubt advocacy page*/ #ubtFormat {width:700px; margin-left:40px;} #campaign {width:760px; margin-left:8px;} #campaignMain {width:486px; height: 700px; float:left; padding: 10px 15px 10px 10px; margin-right: 3px;} #campaignSidebar {width: 221px; background-color: #e6e6e6; color: #4f5a63; float:left; padding: 0 10px 20px 15px; margin: 20px 0 0 0;} #campaign #campaignMain #campaignFlash {margin: 20px 0 20px 0;} .float-leftB {float: left; width:175px; height: 250px; font-size: 14px; line-height:17px; margin-left:10px;} .float-leftC {float: left; width:175px; height: 250px; font-size: 14px; line-height:17px; margin-top:15px; margin-left:8px;} /*homepage advocacy buttons */ .float-leftA {float: left; width:125px;font-size: 14px; line-height:17px;} .float-rightA {float: right; width:105px; margin-top:30px; margin-left: 18px; font-size: 14px; line-height:17px;} /*FIC Checklist*/ div.left-col {float:left; width: 240px; border-right: 1px solid #a7b7by; margin:0 10px 0 10px;} div.center-col {float:left; width: 240px; border-right: 1px solid #a7b7by; margin:0 10px 0 10px;} div.right-col {float:left; width: 240px; margin:0 10px 0 0px;} div.left-col h2 {margin-top: 10px;} div.center-col h2 {margin-top: 10px;} div.right-col h2 {margin-top: 10px;} /* Membership/Community Home */ ul.social-link-list, ul.social-link-list li { list-style-type: none; margin: 2em 0; float: none; clear: both; } ul.social-link-list li { padding: 0; margin: 0; display: inline; } ul.icon-link-list { list-style-type: none; margin: 1em 0; } ul.icon-link-list li { list-style-type: none; padding: 0; margin: 0; } ul.icon-link-list li a { padding: 20px 1em 0px 50px; height: 45px; font-size: 1.4em; display: block; background-repeat: no-repeat; background-position: 5px 10px; background-attachment: scroll; background-color: transparent; color: #000000; } ul.icon-link-list li a:hover { background-color: #e6e6e6; color: #f25012; text-decoration: none; } /* list-item anchor for Billing and Enrollment */ ul.icon-link-list li a.li-billing { background-image: url(../images/common/billing_icon.gif); } ul.icon-link-list li a.li-billing:hover { background-image: url(../images/common/billing_icon_hover.gif); } /* list-item anchor for FIC */ ul.icon-link-list li a.li-fic { background-image: url(../images/common/fic_icon.gif); } ul.icon-link-list li a.li-fic:hover { background-image: url(../images/common/fic_icon_hover.gif); } /* list-item anchor for Advocacy */ ul.icon-link-list li a.li-advocacy { background-image: url(../images/common/advocacy_icon.gif); } ul.icon-link-list li a.li-advocacy:hover { background-image: url(../images/common/advocacy_icon_hover.gif); } /* list-item anchor for Profile */ ul.icon-link-list li a.li-profile { background-image: url(../images/common/directory_icon.gif); } ul.icon-link-list li a.li-profile:hover { background-image: url(../images/common/directory_icon_hover.gif); } /* list-item anchor for Contact */ ul.icon-link-list li a.li-contact { background-image: url(../images/common/bee_icon.gif); } ul.icon-link-list li a.li-contact:hover { background-image: url(../images/common/bee_icon_hover.gif); } hr { border: none; border-top: solid 1px #333333; } /* RETIREMENT Remove urls for page containers! */ /* Retirement Tertiary Nav */ #retire-sidebar {float: left; margin: 0 0 0 0px; padding: 0; width: 180px;} #retire-sidebar h2 {padding-bottom: 5px; text-align: left; padding-left:15px; border: 1px solid #21272B;} .retire-sidebar-contents {margin: 5px 15px 15px 16px;} .retire-sidebar-contents img {margin-top: 80px;} .retire-sidebar-contents li {list-style: none; margin: .7em 0;} .retire-sidebar-contents h5 {margin: 0; padding: 0;} .retire-sidebar-contents ol {list-style: inside decimal; margin: 0; padding: 0;} .retire-tertiary a {color:#21272B; font-weight: normal; font-size: 15px; margin: 0px 0px 1em .2em; line-height:1.35em; padding:2px 6px 4px 0;} .retire-tertiary a:hover {background:#E6E6E6 none repeat scroll 0 0; color:#F25012; text-decoration:none;} .retire-tertiary a:active {color:#F25012; text-decoration:none; } .retire-tertiary li a {margin: 0px 0px 1em .2em; color:#21272B; font-size:15px; font-weight:bold; line-height:1.25em; padding:2px 6px 4px 0;} #retire-sidebar .retire-tertiary li a:current {color:#F25012; font-weight:bold; list-style-type:none; background-repeat: no-repeat; background-position: 0 .4em; padding-left: 1.9em;} .retire-events {background-image: url(../images/retirement/retirement_events.gif); background-repeat:no-repeat; height: 350px; width:180px; padding:80px 0 0 17px; margin:0;} .retire-events span.text26bold {color: #21272b; font-size: 26px; font-weight:bold; line-height:1.2em;} .retire-events a.link18bold {font-weight: bold; color: #0066cc; font-size:18px; margin:0;} .retire-events a.link18bold:hover {font-weight: bold; background:none; text-decoration: underline;} .retire-events a.link15bold {font-weight: bold; color: #0066cc; font-size:15px; margin:0;} .retire-events a.link15bold:hover {font-weight: bold; background:none; text-decoration: underline;} .text16bold {color: #21272b; font-size: 16px !important; font-weight:bold; line-height:1.2em;} p.retire-email {margin-top: 60px; line-height: 1.5em;} ul.retirement-sidebar-items, ul.retirement-sidebar-items li { list-style-type:none; margin: 1em 0; padding: 0; } ul.retirement-sidebar-items p { margin: 0 0 1em 0; } /* Retirement Sections */ #retire-dotted-section {color: #21272b; font-size:13px; background-image: url(../images/retirement/dotted-line.gif); background-position: bottom center; background-repeat:no-repeat; padding: 15px 15px 10px 20px; margin-bottom: 15px; line-height: 1.3em;} #retire-dotted-section p{ margin-top: 0px;} #retire-dotted-section p.retireOverviewText {color: #4f5a63; font-size: 20px; line-height: 1.3em;} #retire-read-on-btn {background-image: url(../images/retirement/read_on.gif); background-repeat: no-repeat; background-position: center center; width:463px; height:54px; margin-left: 150px; margin-top: 20px; margin-bottom: 15px; color: #4f5a63; font-weight:bold; font-size:20px; } #retire-read-on-btn p.retireReadOnBtnText {position: absolute; top:center; right:center; padding: 0 0 10px 25px; } #retire-dotted-section ul li {list-style-type: disc; margin: 0.5em 15pt;} /*Retirement Overview Table*/ #retire-dotted-section table.retireTable { border: none; border-collapse: collapse; margin-top: 15px; margin-bottom: 15px; width: 720px;} #retire-dotted-section table.retireTable th { text-align: left; padding: 15px 5px 10px 10px; font-size: 20px; font-weight: bold; border-bottom: 1px solid #000000; line-height: 1.1em;} #retire-dotted-section table.retireTable td { padding: 0.25em 0.5em; max-width: 200px; border-bottom: 1px solid #000000;} #retire-dotted-section table.retireTable td.lastRow { padding: 0.25em 0.5em; border-bottom: none; max-width: 200px; } #retire-dotted-section table.retireTable td.lastRowPink { padding: 0.25em 0.8em; border-bottom: none; max-width: 200px; background-color:#fef1ec;} #retire-dotted-section table.retireTable a {color: #f25012; text-decoration: none; border-bottom: 1px dotted; } #retire-dotted-section table.retireTable a:hover {color: #f25012; text-decoration: none; border:none;} #retire-dotted-section table.retireTable .grayTableText {color:#4f5a63; font-size:15px; line-height:1.3em;} #retire-dotted-section table.retireTable th.pink {background-color:#fef1ec;} #retire-dotted-section table.retireTable td.pink {background-color:#fef1ec;} /*Retirement Learn More Page*/ #learn-more-intro {color: #21272b; background-image: url(../images/retirement/top_box.gif); background-position: top center; background-repeat:no-repeat; padding: 10px 10px 5px 10px; margin: 20px 0 0px 15px; width:738px; height: 323px; line-height:1.3em; } #learn-more-intro p.learnMoreIntro1 {font-weight: bold; font-size: 16px; margin: 20px 10px 0 30px; width: 670px;} #learn-more-intro p.learnMoreIntro2 {font-weight: normal; font-size: 14px; margin: 160px 10px 0 30px; width: 670px;} #retire-dotted-section h1 {color: #21272b; font-weight:bold; font-size:16px; line-height: 1em; margin-bottom: 0px;} #learnMoreDottedLine {margin-bottom: 15px;} #retire-dotted-section ul.contributions p {margin-top:0px;} #retire-dotted-section ul.contributions blockquote {margin-top:0px;} #retire-dotted-section ul.contributions li {background-image: url(../images/retirement/money_sign.gif); list-style-type:none; background-repeat: no-repeat; background-position: 0 .4em; padding-left: 1.9em; } #retire-dotted-section ul.contributions {.25em 10pt .25em 40pt; } #retire-dotted-section #piggy {font-size:15px; font-weight:bold; margin: 18px 0 15px 12px;} #retire-dotted-section #piggy li {background-image: url(../images/retirement/piggy.gif); list-style-type:none; background-repeat: no-repeat; background-position: 0; padding: 1em 1em 1em 5em; } /*Retirement Get Started*/ #get-started-content {min-height:450px; width: 780px; background-color: #4f5a63; font-size: 15px; color: #fff; border: 2px solid #a7b7b7;} /*Retirement Compare Plans*/ #compare-plans-content {padding: 0px 5px 0px 15px;} #compare-plans-content table.retireTable { border: none; border-collapse: collapse; margin-top: 15px; margin-bottom: 15px; width: 720px;} #compare-plans-content table.retireTable th { text-align: left; padding: 15px 5px 10px 10px; font-size: 20px; font-weight: bold; border-bottom: 1px solid #000000; line-height: 1.1em; } #compare-plans-content table.retireTable td { padding: 0.5em 0.8em; border-bottom: 1px solid #000000; vertical-align:text-top;} #compare-plans-content table.retireTable td.lastRow { padding: 0.5em 0.8em; border-bottom: none; } #compare-plans-content table.retireTable td.lastRowPink { padding: 0.5em 0.8em; border-bottom: none; background-color:#fef1ec;} #compare-plans-content table.retireTable a {color: #f25012; text-decoration: none; border-bottom: 1px dotted; } #compare-plans-content table.retireTable a:hover {color: #f25012; text-decoration: none; border:none;} #compare-plans-content table.retireTable .grayTableText {color:#4f5a63; font-size:15px; line-height:1.3em;} #compare-plans-content table.retireTable th.pink {background-color:#fef1ec;} #compare-plans-content table.retireTable td.pink {background-color:#fef1ec;} #compare-plans-content p.retireOverviewText {color: #4f5a63; font-size: 20px; line-height: 1.4em;} #compare-plans-content table.retireTable td img {margin-top:15px;} /*Benefits Landing Page*/ /* YUI stuff */ .boxed-content { margin-top: 1em; } .boxed-content .hd { padding: 5px 10px; border-left: solid 1px black; border-top: solid 1px black; border-right: solid 1px black; } .boxed-content .bd { padding: 10px; border: solid 1px black; margin-bottom: 1.25em; } .benefits-landing h3 { color:#0066cc; font-size:18px; font-weight:bold; margin:0; } .benefits-landing p { margin-top:0; color: #4F5A63; margin-right: 22px; } .benefits-landing, .benefits-landing li { list-style-type: none; margin: 0; padding: 0; } .benefits-landing li { padding-left: 70px; padding-bottom: 25px; background-position: 0 0; background-repeat: no-repeat; } .benefits-landing-pictureborder { border-top: 3px solid #21272b; border-bottom: 1px solid #e7e7e7; padding: 3.5px 120px 3.5px 0; } #benefits-landing-health { background-image: url(../images/retirement/benefits_health.gif); } #benefits-landing-dental { background-image: url(../images/retirement/benefits_dental.gif); } #benefits-landing-disability { background-image: url(../images/retirement/benefits_disability.gif); } #benefits-landing-life { background-image: url(../images/retirement/benefits_life.gif); } #benefits-landing-retirement { background-image: url(../images/retirement/benefits_retirement.gif); padding-bottom: 25px; } #benefits-landing-healthpartners { background-image: url(../images/retirement/benefits_healthpartners.png); padding-bottom: 25px; } #benefits-landing-discounts { background-image: url(../images/retirement/discounts_icon.jpg); padding-bottom: 25px; } #benefits-insurance-box, #benefits-retirement-box, #benefits-healthpartners-box { margin-top: 0; } .benefits-box { margin: 1em 0; } #benefits-insurance-box h2.hd { background-position: 0 0; } #benefits-retirement-box h2.hd { background-position: 0 -38px; } #benefits-healthpartners-box h2.hd { background-position: 0 -77px; } #benefits-discounts-box h2.hd { background-position: 0 -116px; } .benefits-box h2.hd{ background-image: url(../images/retirement/benefits_headers.png); background-repeat: no-repeat; border-bottom: 1px solid #E7E7E7; border-top: 3px solid #21272B; color: #21272B; font-size: 1.4em; height: 40px; padding: 0; text-indent: -4000px; text-transform: lowercase; } .benefits-box .hd { margin: 0 0 0.25em; } /*Retirement Funds Chart*/ table.fundsTable {border:none; border-collapse: collapse; margin-top: 15px; margin-bottom: 15px; width: 720px;} table.fundsTable th { color:#f25012; text-align: left; padding: 10px 5px 10px 5px; font-size: 20px; font-weight: bold;line-height: 1.1em; } table.fundsTable td { padding: 0.25em 0.5em; max-width: 140px; vertical-align:text-top;} table.fundsTable tr.greyRow { padding: 0.25em 0.5em; max-width: 200px; background-color: #f3f3f3; } /** Meet the Candidates **/ /* #candidate-left-col {float: left; margin: 5px 10px 15px 20px;} #candidate-left-col img {border: 1px #a7a7a7 solid; padding: 2px; margin-right:5px;} #candidate-left-col #candidate-box {margin: 5px 5px; height:140px;} #candidate-left-col #candidate-box a {font-weight: bold; color: #0066cc; font-size:15px; margin:0;} #candidate-right-col {float: left;} #candidate-right-col img {border: 1px #a7a7a7 solid; padding: 2px; margin-right:5px;} #candidate-right-col #candidate-box {margin: 5px 5px; height:140px;} #candidate-right-col #candidate-box a {font-weight: bold; color: #0066cc; font-size:15px; margin:0;} */ #candidate-list, #candidate-list li { list-style-type: none; } #candidate-list li { padding: 15px; margin: 0; width: 200px; float: left; } #candidate-list li h3, #candidate-list li p { text-align: center; margin: 3px 0; } /** Candidate individual pages **/ .candidate-infobox { margin: 3px 0; font-size: 16px; /* IE float hack */ *zoom: 1; } /* fix floats in non-ie browsers */ .candidate-infobox:after { content: "*"; visibility: hidden; height: 0; clear: both; display: block; } .candidate-infobox img { float: left; padding: 0 5px 5px 0; } .candidate-infobox ul, .candidate-infobox li { margin: 0; padding: 0; list-style-type: none; clear: right; } .candidate-infobox ul { position: relative; top: 152px; } .candidate-infobox li { margin: 2px 0; } /* Alert/announce boxes */ .alert { color: red; } .alert p { font-size: 1.3em; } .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 { color: red; } a.member-elections-meet span { display: none; } a.member-elections-meet { margin: 1em auto; display: block; width: 217px; height: 203px; background: url(../images/homepage/member_elections_meet_pair.png) no-repeat ; } a:hover.member-elections-meet { background-position: -217px 0; } .member-elections-social-rotate { clear: both; } /*PAC */ .pacIntro {width: auto; margin-right: 20px; line-height: 21px; font-size: 15px;} .pacIntro img {float: left; margin-right: 15px;} .pacContribute {margin: 15px 0px; height: 250px; width: 780px;} .pacBox { background-color: #e6e6e6; border: 2px solid #a8b8b7; width: 165px; float:left; padding: 10px 8px 5px 8px;margin: 15px 20px 0 0;} .pacBox h6 {font-size: 14px;} .pacBoxOnline {float: left; width: 160px; margin-right:20px;} .pacOr {float:left; width:100px; height: 180px; margin-top: 40px;} .pacBoxCheck {float: left; width: 290px;} .pacBoxCheck ul li {margin-top:0;} .pacContribute .text17 { margin-bottom: 0px;} .pacContribute form {margin-top: 20px;} p.spinner { margin: 1em auto; text-align: center; } /*California Member Drive*/ #ca3cols {width:798px; height: 340px;} .caCol1 { float:left; width: 254px; height: 326px; margin:0 7px 0 0; } .caCol2 { float:left; width: 254px; height: 326px; margin:0 7px 0 0; } .caCol3 { float:left; width: 254px; height: 326px; margin:0; } .caText { font-size: 15px; line-height: 18px; } #ca-events {overflow:hidden; width: 780px; height: 480px;} /* CA Map */ #ca-events-map {float:left; width: 304px; height: 406px;} #ca-events-list {float: left; height: 406px; width: 350px;} #ca-events-list ul {height: 384px; width: 350px;} #ca-events-list li {overflow:hidden; height: 67px; margin: .25em 10pt 4px 10pt; list-style-type: none;} #ca-events-list h4 { font-size: 17px; } #ca-events-list a, #ca-events-list a:hover { color: #21272b; text-decoration: none; display: block; } #ca-events-list a .highlight-link, #ca-events-list a:hover .highlight-link { color: #0066cc; } #ca-events-list a:hover .highlight-link { text-decoration: underline; } iframe#send-to-friend { border-width: 0px; width: 100%; height: 930px; } div.ca-ripe { width: 500px; } .ca-ripe h3 { color: #21272b; font-size: 17px; line-height: 17px; margin: 1em 0; } .ca-ripe ul, .ca-ripe li { list-style-type: none; margin-left: 0; } div.ca-counter { border:5px solid #A7B7B7; color:#4E5B64; float:right; font-size:12px; margin:25px 25px 0 0; padding:15px; width:175px; } span#member-count { color:#A7B7B7; display:block; font-size:43pt; font-weight:bold; padding:13px 0; } span#member-count-as-of { } img.ca-strong { padding:0 0 10px 0; } .site-intro p { font-size: 15px; text-align: left; line-height: 22px; margin: .5em .5em .5em 0; } .site-intro a { font-weight: bold; } .site-intro p:first-letter { font-size : 200%; font-weight : bold; color : #F25012; } /* sidebar banner ad */ /* sidebar banner ad */ .sidebar-banner {float: left; border: solid 1px black; width: 180px; margin: 1em 0;} .sidebar-banner h2 { float: left; border-bottom: solid 1px black; padding: 10px 0; text-indent: 5px; width: 100%; } .sidebar-banner p { margin: 0; padding: 15px; float: left; } #ubt-youtube-banner-ad { height: 105px; width: 150px; text-indent: -500em; display: block; overflow: hidden; background-image:url(../images/advocacy/ubt-youtube-banner-sprite.jpg); background-position: top left; background-repeat: no-repeat; } #ubt-youtube-banner-ad:hover { background-position: -150px 0; } /* should be site-wide, first used on "candidates" page on be. thead th { font-weight: bold; } /* about/welcome.html */ #welcome-video { width: 320px; height: 240px; display: block; margin: 1em auto; } /* banner ads should be centered in yui boxes, see advocacy/elections.html */ .banners { text-align: center; } /* advocacy */ /* "meatball" list bullet for advocacy pages */ .meatball-list, .meatball-list li { list-style:none; padding: 0; } .meatball-list li { margin-left: 0; padding-left: 35px; min-height: 25px; background-image: url(http://fu-res.org/images/common/dot.png); background-repeat: no-repeat; background-position: 0 0; } #site .grey-gradient { background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #site .grey-gradient-reverse { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); } #header { height: auto; margin: 0 0 0.5em; } #header #sub-nav { position: static !important; } #header #sub-nav #section-nav { clear: left; padding: 1.5em 0em 0em 0em; background: #ffffff; } #header #sub-nav #section-nav .section-header { color: #21272b; text-transform: uppercase; font-size: 2em; font-weight: 400; margin: 0em 0em 0em 0.75em; width: 23%; min-width: 260px; float: left; font-family: arial; } #header #sub-nav #section-nav ul.section-menu { float: left; clear: none; position: relative !important; top: 0 !important; margin-top: 0 !important; } #header #sub-nav #section-nav ul.section-menu li { float: left; list-style-type: none; margin: 0em 1em 0em 0em; border-right: none; } #header #sub-nav #section-nav ul.section-menu li a { height: 2em; display: block; color: #4f5a63; line-height: 2em; padding: 0.25em 2.35em; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-weight: bold; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #header #sub-nav #section-nav ul.section-menu li a:hover { background: #b6b5b5; color: white; text-decoration: none; } #header #sub-nav #section-nav ul.section-menu li a.selected { color: white; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #header #sub-nav #section-nav .section-sub-header { color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 0.35em 0em 0.35em 1.5em; clear: left; } .events-page .section-sub-header { background: #34b1c4; } .events-page #header #sub-nav #section-nav ul.section-menu li a.selected { background: #34b1c4; } .events-page #bd { margin: 1em; } .events-page #sidebar #search-box { margin: 0 0 2.3em; } .events-page .homepage-box { margin-bottom: 3em; } .events-page .events-info h3 { color: #21272b; font-size: 1.7em; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; margin: 0.5em 0 1em; } .events-page .events-info ul.events-list li { list-style-type: none; clear: both; border-bottom: 1px dashed #d3d3d3; } .events-page .events-info ul.events-list li h4 { float: left; color: #4f5a63; font-size: 2.7em; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; text-align: center; text-transform: uppercase; } .events-page .events-info ul.events-list li h4 .day { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; background-color: #f3f3f3; color: #4f5a63; display: block; height: 40px; padding: 10px; width: 55px; font-size: 1.5em; } .events-page .events-info ul.events-list li .event-descrip { margin-left: 7em; padding-top: 3em; min-height: 8em; } .events-page .events-info ul.events-list li .event-descrip h6 { font-size: 1em; color: #4f5a63; font-weight: normal; text-transform: uppercase; } .events-page .events-info ul.events-list li .event-descrip h5 { font-size: 1.6em; } .events-page .events-info ul.events-list li:last-child { border-bottom: none; } .events-page .events-info ul.recordings li { list-style-type: none; clear: both; border-bottom: 1px dashed #d3d3d3; margin: 0 0 2em; } .events-page .events-info ul.recordings li .homepage-box { padding: 0 0 0 75px; margin: -5em 0 0; } .events-page .events-info ul.recordings li .recordings-img { background: url(../images/events/events_archivesprite.png) no-repeat 0 0; width: 60px; height: 60px; } .events-page .events-info ul.recordings li .finance { background-position: 0 -62px; } .events-page .events-info ul.recordings li .marketing { background-position: 0 -124px; } .events-page .events-info ul.recordings li .legal { background-position: 0 0; } .events-page .events-info ul.recordings li h2.hd { margin-bottom: 0.5em; } .events-page .events-info ul.recordings li ul li { margin-left: 75px; margin-bottom: 1em; padding-bottom: 2em; padding-top: 1em; } .events-page .events-info ul.recordings li ul li h3 { font-family: Arial; margin: 0; color: #4f5a63; font-weight: bold; font-size: 1.5em; } .events-page .events-info ul.recordings li ul li h4 { font-weight: normal; color: #4f5a63; margin-bottom: 1em; font-size: 1em; } .events-page .events-info ul.recordings li ul li p { font-size: 13px; } .events-page .events-info ul.recordings li ul li table { margin-top: 1em; width: 300px; } .events-page .events-info ul.recordings li ul li table p { font-size: 16px; } .events-page .events-info ul.recordings li ul li ul li { border: none; margin: 1em 1em 1em 2em; padding: 0; list-style-type: disc; } .events-page .events-info ul.recordings li:last-child { border-bottom: none; } .events-page .events-info ul.recordings .submit-button { background: none repeat scroll 0 0 #e64c11; border: medium none; border-radius: 3px; box-shadow: 1px 20px 1px #f25012 inset; color: #ffffff; cursor: pointer; display: inline-block; font-family: Arial; font-size: 1.2em; font-weight: normal; padding: 10px 20px; text-align: center; text-decoration: none; line-height: normal; } .events-page .events-info ul.recordings .submit-button:hover { background: #d8430a; box-shadow: none; text-decoration: none; color: #ffebd8 !important; } .events-page .registration-info .registration-img { background: url(../images/events/events_sidebarsprite.png) no-repeat 0 0; width: 37px; height: 37px; } .events-page .registration-info .questions-img { background: url(../images/events/events_sidebarsprite.png) no-repeat 0 0; width: 37px; height: 37px; } .events-page .registration-info .terms-img { background: url(../images/events/events_sidebarsprite.png) no-repeat 0 0; width: 37px; height: 37px; } .events-page .registration-info .question { background-position: 0 -40px; } .events-page .registration-info .terms { background-position: 0 -80px; } .events-page .registration-info p { padding: 0 0 0 45px; margin: -37px 0 0; } .events-page .questions-info .registration-img { background: url(../images/events/events_sidebarsprite.png) no-repeat 0 0; width: 37px; height: 37px; } .events-page .questions-info .questions-img { background: url(../images/events/events_sidebarsprite.png) no-repeat 0 0; width: 37px; height: 37px; } .events-page .questions-info .terms-img { background: url(../images/events/events_sidebarsprite.png) no-repeat 0 0; width: 37px; height: 37px; } .events-page .questions-info .question { background-position: 0 -40px; } .events-page .questions-info .terms { background-position: 0 -80px; } .events-page .questions-info p { padding: 0 0 0 45px; margin: -37px 0 0; } .events-page .terms-info .registration-img { background: url(../images/events/events_sidebarsprite.png) no-repeat 0 0; width: 37px; height: 37px; } .events-page .terms-info .questions-img { background: url(../images/events/events_sidebarsprite.png) no-repeat 0 0; width: 37px; height: 37px; } .events-page .terms-info .terms-img { background: url(../images/events/events_sidebarsprite.png) no-repeat 0 0; width: 37px; height: 37px; } .events-page .terms-info .question { background-position: 0 -40px; } .events-page .terms-info .terms { background-position: 0 -80px; } .events-page .terms-info p { padding: 0 0 0 45px; margin: -37px 0 0; } .events-page .view { margin: 0 !important; display: none; cursor: pointer; } /* News */ #news .landing-page #main-content .content {padding: 10px;} #news .landing-page #main-content .content ul.news-list {margin: 0; padding: 0;} #news .landing-page #main-content .content ul.news-list li {clear: left; margin: 0; padding: 0 0 10px 0; width: 100%; list-style: none; border: none;} #news .landing-page #main-content .content ul.news-list li h2 { display: block; width: 100%; text-transform: uppercase;} #news .landing-page #main-content .content ul.news-list li h2 a {color: #21272B;} #news .landing-page #main-content .content ul.news-list li img { width: 120px; margin: 10px 15px 0 0; padding: 0; clear: left;} #news .landing-page #main-content .content ul.news-list li h5 {} #news .landing-page #main-content .content ul.news-list li p { } #news #main-content .news-image {clear: left;} #news #main-content .content {padding: 10px;} #news #main-content .content div.info { display: block; margin: 10px 0 10px 10px; } #news #main-content .content ul {clear: left; margin: 1em 2em 0 2em;} #news #main-content .content ul li {margin: 0; padding: .2em 0; list-style: disc;} #news #main-content .content p {display: block; margin: 15px 0 0 0; padding: 0; width: 100%;} #news #main-content .content h2 { display: block; color: #21272B;} #news #main-content .content h5 {display: block; color: #21272B;} /* Header account box layout and styles */ #header-container { background: none; margin: 0 18px; height: 82px; float: none; position: relative; padding: 0; } #header-container #header, #header { background: #F3F3F3; width: 100%; margin: 0; padding: 39px 0 0 0; margin-bottom: 1.5em; } #main-nav { float: left; padding: 0 0 0 0; } #main-nav ul { width: inherit; padding: 0; float: left; } #main-nav ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 auto; padding:0; } #main-nav li { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0 5px; line-height: 30px; border-left: 1px solid #E5E5E5; } #main-nav li:first-child { border-left: 1px solid #F3F3F3; } #main-nav ul a { display:block; font-size:17px; color: #21272B; font-weight: 600; list-style-type:none; text-decoration: none; margin:0; padding:0 13px; font-family: "proxima-nova-1","proxima-nova-2",arial; } #main-nav ul a:hover { background-color: #d3d3d3; } #header h1 { float: left; padding: 0; margin: 0; } #header h1 a { border-left: 0px; display: block; float: left; text-indent: -4000px; width: 243px; height: 28px; background-image: url(../images/common/fu_sprite_v2.gif); background-position: 0 -132px; background-repeat: no-repeat; margin: 0 20px 15px 20px } #dashboard { background-color: #21272B; background-image: url(../images/common/fu_sprite_v2.gif); background-position: 0 -163px; background-repeat: repeat-x; position: absolute; right: 0; top: -1em; clear: both; z-index: 2; } .clear { clear: both; height: 0; margin: 0; padding: 0; } /* Sub navigation */ #header #sub-nav { clear: both; position: absolute; top: 80px; right: 0; padding: 0; margin: 1em 0 0 0; } #header #sub-nav li { border-right: 1px solid #000000; } #header #sub-nav li:last-child { border-right: none; } #header #sub-nav li.divider { font-weight: bold; } #header #sub-nav li.selected a { font-weight: bold; color: #F25012; } #sub-nav ul {clear: both; float: right; font-weight: normal; margin: 2em 5px 0; padding: 0; list-style: none; right:0; top:35px;} #sub-nav li {float: left; margin: 0; padding: 0; list-style: none; font-size: 1em;} #sub-nav a, #sub-nav a:visited {font-weight: bold; line-height: 1.2em; padding: 0 10px; color: #21272B;} #sub-nav a:hover {font-weight: bold; color: #F25012; background: #F3F3F3; text-decoration: none;} #sub-nav a:active {font-weight: bold; color: #F25012; background: none; text-decoration: none;} #sub-nav a.current {font-weight: bold; text-decoration: none; color: #F25012; font-weight: bold;} /* FOOTER */ /* for base.template pre yui */ #footer-container { margin: 0 18px; } #footer { background: #f3f3f3; height: 180px; padding-left: 20px; font-size: 13px; color: #4F5A63; position:relative; } #footer-wrapper { padding: 20px 0 20px 0; } #footer ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 auto; padding: 0; } #footer li { list-style-image:none; list-style-position:outside; list-style-type:none; line-height: 17px; margin: 0 0; } #footer h3 { font-weight: bold; font-size:13px; color: #4F5A63; margin: 0; padding: 0; } #footer a, #footer a:hover, #footer a:visited, #footer a:active { color: #4F5A63; } #footer-logo { width: 123px; height: 122px; margin: 30px auto 0 auto; text-indent: -4000px; background-image: url(../images/common/fu_sprite_v2.gif); background-position: 0 0; background-repeat: no-repeat; } #fu-copyright { position: absolute; bottom: 20px; left: 20px; padding: 0; margin: 0; } /* Main layout */ #page-container {width: 1060px; margin: 0 auto; padding: 0; background: transparent url(../images/common/page_border_mid.gif) repeat-y top left;} #page-container #header-container {float: left; margin: 0; padding: 0; background: transparent url(../images/common/page_border_mid.gif) repeat-y top left;} #page-container #header-container #header {float: left; margin: 0; padding: 14px 18px 0 18px; background: transparent url(../images/common/page_border_head.gif) no-repeat top left;} /* Home and interior pages */ #page-content {clear: both; margin: 0; padding: 0 18px 0 18px;} #page-content #body-content {clear: both; width: 100%; margin: 15px 0;} /* Landing pages */ /*#page-container.landing-page {width: 1060px; margin: 0 auto; padding: 0; background: transparent url(../images/common/page_border_grey_mid.gif) repeat-y top left;} #page-container.landing-page #footer-container{clear: both; margin: 0; padding: 15px 0 0 0; text-align: center; background: transparent url(../images/common/page_border_grey_foot.gif) no-repeat 0 100%;}*/ html { background:#E6E6E6 none repeat scroll 0 0; } #doc3 { position: relative; width: 95%; /* max-width: 79em; max-width: 98em; max-width: 90em; */ max-width: 85em; min-width: 960px; margin: 1em auto; background-color: #fff; -moz-box-shadow: 0 10px 20px #888; -webkit-box-shadow: 0 10px 30px #888; box-shadow: 0 10px 20px #888; } #doc3.kaltura { min-width: 75em; } /* legacy main content box */ #content-column-left {float: left; margin: 15px 0 15px 16px; display: block; width: 796px;} /* SIDEBAR */ /* Search box styles */ #sidebar #search-box {margin: 1.7em 0;} /* Margin for interior pages */ #content-column3 div.block {margin-top: 15px;} /* Margin for home page */ #search-box { -moz-border-radius: 20px 20px 20px 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; border-radius: 20px; -moz-box-shadow: 4px 4px 5px -2px #D3D3D3 inset; background: none repeat scroll 0 0 #F3F3F3; border: 1px solid #D3D3D3; height: 2em; margin: 1em 0; padding: 5px 0 0 5px; position: relative; width: 100%; } #search-box #s { background: none repeat scroll 0 0 transparent; border: 0 none; color: #4F5A63; font-size: 90%; font-style: italic; margin: 0 0 0 1em; padding: 4px 0 0 0; width: 100%; } #search-box #go{ background: url("../images/common/search_magnify.png") no-repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; display: block; height: 24px; margin: 0; padding: 0; position: absolute; right: 10px; text-indent: -4000px; width: 23px; *font-size:0; *display:block; *line-height:0; } /* Sidebar w/o border */ #sidebar {float: left; margin: 15px 16px; padding: 0; width: 180px;} #sidebar h2 {padding-bottom: 5px; text-align: left; padding-left:15px; border-bottom: 1px solid #21272B;} .sidebar-contents {margin: 5px 15px 15px 15px;} .sidebar-contents img {margin-top: 20px;} .sidebar-contents li {list-style: none; margin: .7em 0;} .sidebar-contents h5 {margin: 0; padding: 0;} .sidebar-contents ol {list-style: inside decimal; margin: 0; padding: 0;} /* padding for yui-t pages */ div.b-content-wrapper { margin: 0 .25em; } div.gutters #bd { padding: 1em ; } .wf-loading { /*visibility: hidden;*/ } .yuimenu{top:-999em;left:-999em;} .yuimenubar{position:static;} .yuimenu .yuimenu,.yuimenubar .yuimenu{position:absolute;} .yuimenubar li,.yuimenu li{list-style-type:none;} .yuimenubar ul,.yuimenu ul,.yuimenubar li,.yuimenu li,.yuimenu h6,.yuimenubar h6{margin:0;padding:0;} .yuimenuitemlabel,.yuimenubaritemlabel{text-align:left;white-space:nowrap;} .yuimenubar ul{*zoom:1;} .yuimenubar .yuimenu ul{*zoom:normal;} .yuimenubar>.bd>ul:after{content:".";display:block;clear:both;visibility:hidden;height:0;line-height:0;} .yuimenubaritem{float:left;} .yuimenubaritemlabel,.yuimenuitemlabel{display:block;} .yuimenuitemlabel .helptext{font-style:normal;display:block;margin:-1em 0 0 10em;} .yui-menu-shadow{position:absolute;visibility:hidden;z-index:-1;} .yui-menu-shadow-visible{top:2px;right:-3px;left:-3px;bottom:-3px;visibility:visible;} .hide-scrollbars *{overflow:hidden;} .hide-scrollbars select{display:none;} .yuimenu.show-scrollbars,.yuimenubar.show-scrollbars{overflow:visible;} .yuimenu.hide-scrollbars .yui-menu-shadow,.yuimenubar.hide-scrollbars .yui-menu-shadow{overflow:hidden;} .yuimenu.show-scrollbars .yui-menu-shadow,.yuimenubar.show-scrollbars .yui-menu-shadow{overflow:auto;} .yui-overlay.yui-force-redraw{margin-bottom:1px;} .yui-dashboard-skin .yuimenubar{font-size:93%;line-height:2;*line-height:1.9;border:solid 1px #808080;/*background:url(http://developer.yahoo.com/yui/build/assets/skins/sam/sprite.png) repeat-x 0 0;background:#21272B;*/} .yui-dashboard-skin .yuimenubarnav .yuimenubaritem{border-right:solid 1px #ccc;} .yui-dashboard-skin .yuimenubarnav li.last-child{border-right:none;} .yui-dashboard-skin #join a {font-size:15px; font-weight: bold;} .yui-dashboard-skin .yuimenubaritemlabel{padding:0 10px;color:#FFFFFF;text-decoration:none;cursor:pointer;*position:relative;margin:0 0;} .yui-dashboard-skin a{color:#FFF; text-align: center; font-size: 15px; line-height: 40px; padding: 0px; width: 84px;border-style:none;border-width:1px 0;border-color:#21272b;font-family:font-weight: bold;} .yui-dashboard-skin a:hover {color:#FFFFFF;cursor:pointer;border-color:#808080;*position:relative;text-decoration:underline;} .yui-dashboard-skin #myhome.yuimenuitem-selected .yuimenuitemlabel {background: #ffffff; color: #000;} .yui-dashboard-skin #myhome a:hover {color:#000;} .yui-dashboard-skin .yuimenubaritemlabel:visited {color:#FFFFFF;} .yui-dashboard-skin .yuimenubarnav .yuimenubaritemlabel{} .yui-dashboard-skin .yuimenuitem-selected{background-color:#F3F3F3;} .yui-dashboard-skin .yuimenuitem{_border-bottom:solid 1px #fff;} .yui-dashboard-skin .yuimenuitemlabel{padding:0 20px 0 10px;color:#000;text-decoration:none;cursor:pointer;} .yui-dashboard-skin .yuimenuitemlabel-disabled,.yui-dashboard-skin .yuimenuitemlabel-disabled:visited{cursor:pointer;color:#A6A6A6;} .yui-dashboard-skin #myhome .yuimenubaritemlabel-hassubmenu-selected {/*background:url(http://developer.yahoo.com/yui/build/assets/skins/sam/sprite.png) repeat-x 0 -1700px;*/background: #FFFFFF; color: #21272B; } .yui-dashboard-skin .yuimenuitem-hassubmenu{background-image:url(../images/menus/yui-menu-dashboard/menuitem_submenuindicator_disabled.png);background-position:right center;background-repeat:no-repeat;} .yui-dashboard-skin .yuimenubarnav .yuimenubaritemlabel-hassubmenu{background:url(../images/menus/yui-menu-dashboard/menubaritem_submenuindicator_disabled.png) right center no-repeat;} .yui-dashboard-skin .yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled{background-image:url(../images/menus/yui-menu-dashboard/menubaritem_submenuindicator.png);} .yui-dashboard-skin .yuimenuitem-hassubmenu-disabled{background-image:url(../images/menus/yui-menu-dashboard/menuitem_submenuindicator.png);} /* .yui-dashboard-skin .yuimenuitemlabel:visited{color:#000;} .yui-dashboard-skin .yuimenubaritemlabel-selected{border-color:#21272B; color: #21272B} .yui-dashboard-skin .yuimenubarnav .yuimenubaritemlabel-selected{border-right:solid 1px #ccc; color: #21272B;} */ .yui-dashboard-skin .yuimenubaritemlabel-disabled,.yui-dashboard-skin .yuimenubaritemlabel-disabled:visited{cursor:pointer;color:#A6A6A6;} .yui-dashboard-skin .yuimenu{font-size:93%;line-height:1.5;*line-height:1.45;} .yui-dashboard-skin .yuimenubar .yuimenu,.yui-dashboard-skin .yuimenu .yuimenu{font-size:100%;} .yui-dashboard-skin .yuimenu .bd{*zoom:1;_zoom:normal;border:solid 1px #808080;background-color:#fff;} .yui-dashboard-skin .yuimenu .yuimenu .bd{*zoom:normal;} .yui-dashboard-skin .yuimenu ul{padding:0;border-width:1px 0 0 0;border-color:#ccc;border-style:solid;} .yui-dashboard-skin .yuimenu ul.first-of-type{border-width:0;} .yui-dashboard-skin .yuimenu h6{font-weight:bold;border-style:solid;border-color:#ccc;border-width:1px 0 0 0;color:#a4a4a4;padding:3px 10px 0 10px;} .yui-dashboard-skin .yuimenu ul.hastitle,.yui-dashboard-skin .yuimenu h6.first-of-type{border-width:0;} /* .yui-dashboard-skin .yuimenu .yui-menu-body-scrolled{border-color:#ccc #808080;overflow:hidden;} .yui-dashboard-skin .yuimenu .topscrollbar,.yui-dashboard-skin .yuimenu .bottomscrollbar{height:16px;border:solid 1px #808080;background:#fff url(sprite.png) no-repeat 0 0;} .yui-dashboard-skin .yuimenu .topscrollbar{border-bottom-width:0;background-position:center -950px;} .yui-dashboard-skin .yuimenu .topscrollbar_disabled{background-position:center -975px;} .yui-dashboard-skin .yuimenu .bottomscrollbar{border-top-width:0;background-position:center -850px;} .yui-dashboard-skin .yuimenu .bottomscrollbar_disabled{background-position:center -875px;} */ .yui-dashboard-skin .yuimenuitemlabel .helptext{margin-top:-1.5em;*margin-top:-1.45em;} .yui-dashboard-skin .yuimenuitem-checked{background-image:url(../images/menus/yui-menu-dashboard/menuitem_checkbox.png);background-position:left center;background-repeat:no-repeat;} .yui-dashboard-skin .yui-menu-shadow-visible{background-color:#000;opacity:.12;filter:alpha(opacity=12);} .yui-dashboard-skin .yuimenuitem-checked-disabled{background-image:url(../images/menus/yui-menu-dashboard/menuitem_checkbox_disabled.png);} #cmty-joinpage-wrapper { margin-bottom: 3em; } #cmty-joinpage-wrapper p, #cmty-joinpage-wrapper li { font-size: 116%; color: #4f5a63; } #cmty-joinpage-wrapper ul { margin: 1em 0; } #cmty-joinpage-wrapper li { margin-bottom: 10px; } #cmty-joinpage-wrapper h2.hd { background: url(../images/community/joinpage_gradient.gif); height: 100px; margin: .25em 0 1em 0; padding-left: 3%; border: solid 1px #d3d3d3; } #cmty-joinpage-wrapper h2.hd img { } #cmty-joinpage-wrapper h2, #cmty-joinpage-wrapper h3, #cmty-joinpage-wrapper h4 { color: #21272b; } #cmty-joinpage-wrapper h3 { font-size: 131%; } #cmty-joinpage-wrapper form p { color: #f3f3f3; } #cmty-joinpage-wrapper form { border: solid 1px #d3d3d3; background-image: url(http://fu-res.org/images/homepage/spotlight-gradient.png); background-repeat: repeat-x; background-color: #21272b; padding: 1em ; margin: 1em 0 1em 0; } #cmty-joinpage-wrapper form h3 { color: #f3f3f3; font-size: 116%; } #cmty-joinpage-wrapper form label { font-weight: bold; } #cmty-joinpage-wrapper form input { border: solid 1px #d3d3d3; } #cmty-joinpage-wrapper form input[type=submit] { background-image: url(../images/community/continue_button.png); background-color: transparent; background-repeat: no-repeat; background-position: 0 0; border: none; text-indent: -4000px; width: 150px; height: 50px; } #cmty-joinpage-wrapper form input[type=submit]:hover { background-position: 0 -52px; } #cmty-joinpage-wrapper .right-column { border-left: solid 1px #d3d3d3; padding: 1em 0 4em 1em; } /* For member home gadgets, should restrict: */ /* todo: restrict to member home */ .alert-message { margin-bottom: 1em; border: solid 1px #F25012; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .alert-message .hd { font-size: 123.1%; text-align: center; padding: 0; margin: 7px 5px; } .alert-message .bd { background-repeat: no-repeat; margin: 5px 1em; } .alert-message .bd.important { background-image: url(http://fu-res.org/images/insurance/alert-symbol.png); padding: 0 0 0 80px; min-height: 60px; } /* Stlyes for tax resources page */ .tax-resources .greenbox { -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-color: #aec739; border-style: solid; border-width: 2px; margin: 20px 0 20px 0; padding: 10px 10px 20px 10px; } .tax-resources .event-date-box { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #F7926B url(http://www.freelancersunion.org/images/common/red_gradient_ground.gif) repeat-x scroll 0 0; color: #FFFFFF; display: block; font-size: 3.5em; font-weight: bold; height: 63px; left: 0; line-height: 1em; margin: 0 10px 0 0; text-align: center; top: 0.4em; width: 69px; } .tax-resources span.month { color: #FFFFFF; display: block; font-size: 0.48125em; line-height: 1em; margin: -0.3em 0 0; padding: 0; } .tax-resources p { font-size: 15px; line-height: 21px; color: #4f5a63; } .tax-resources .clearp { clear: left; } .tax-resources h5 { font-size: 15px; line-height: 21px; color: #21272b; margin-right: 10px; } .tax-resources h4 { font-size: 20px; color: #21272b; padding-bottom: 20px; } .tax-resources .profile { padding-bottom: 10px; } .tax-resources .small { font-size: 13px; line-height: 18px; } .tax-resources .intro{ padding-left: 10px; } .tax-resources .padding-h1 { padding: 10px 0 10px 10px; } .tax-resources .tvimg { padding-bottom: 20px; } .tax-resources .see-all-right { text-align: right; } .tax-resources .wrapper { width: 100%; } .tax-resources .content { margin-left: 8em; } .tax-resources .fixed { float: left; width: 100% margin-right: 8em; } .tax-resources .content-small { margin-left: 6em; } .tax-resources .fixed-small { float: left; width: 100% margin-right: 6em; } .tax-resources .content-facebook{ margin-left: 3em; } .tax-resources .fixed-facebook { float:left; } .tax-resources .wrapper li { display: block; padding: 10px 0; list-style-type: none; } .tax-resources .wrapper ul li.taxprofiles{ margin: .25em 0; } .tax-resources .wrapper ul { border-top-width: 1px; border-top-style: dashed; border-top-color: #4f5a63; } .tax-resources ul.list-border-bottom { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #4f5a63; }.ui-tabs-hide { display: none; } .f-red { color: #E84A4A !important; } .b-red { background: #E84A4A !important; } .f-orange { color: #FFA132 !important; } .b-orange { background: #FFA132 !important; } .f-yellow { color: #FADA2B !important; } .b-yellow { background: #FADA2B !important; } .f-green { color: #AEC739 !important; } .b-green { background: #AEC739 !important; } .f-blue { color: #34B1C4 !important; } .b-blue { background: #34B1C4 !important; } .slide-container { border: 1px #d3d3d3 solid; min-height: 230px; overflow: hidden; margin-bottom: 2em; border-radius: 4px; } .slide-container .slide { max-height: 18em; background: #ffffff; border: none; cursor: pointer; background: url(../images/homepage/home_gradient.png) repeat-x; } .banner-slides-control li { float: left; border: solid 1px #aaaaaa; margin: 0 .5em; list-style-type: none; width: 20%; padding: .5em; height: 4.5em; font-size: 1.0em; } .banner-slides-control li a { display: block; } #bd { margin: 0 1em; color: #21272B; } #site-intro .bd { font-size: 1.1em; line-height: 1.5em; } .homepage-box { margin: 1em 0 1em; } .homepage-sidebar-box { border: 1px #d3d3d3 solid; } .homepage-box h2.hd { color: #21272B; font-size: 1.8em; /* border-top: solid 3px #21272B; */ /* border-bottom: solid 1px #e7e7e7; */ padding: 0px; /* text-transform: lowercase; */ height: 33px; font-family: din-condensed-web-1,din-condensed-web-2,Arial,sans-serif; font-weight: normal; } .wf-active h2.hd { font-size: 2.2em; } #homepage-social-sidebar { margin: 1em 0; } #homepage-social-sidebar li { float: left; margin: .1em; list-style-type: none; padding-bottom: 1em; width: 22.75%; } #homepage-social-sidebar li a.button { display: block; height: 48px; width: 48px; text-indent: -4000px; background: #c7c7c7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url(../images/common/social-sprite-square-v1.png); background-repeat: no-repeat; opacity: .85; filter:alpha(opacity=85); } #homepage-social-sidebar li a.button:hover { opacity: 1; } #homepage-social-sidebar ul { padding: .5em 0; } #homepage-social-sidebar li a.facebook { background-position: 0px 0; } #homepage-social-sidebar li a.twitter { background-position: -49px 0; } #homepage-social-sidebar li a.flickr { background-position: -96px 0; } #homepage-social-sidebar li a.youtube { background-position: -144px 0; } #upcoming-events { margin: 1em 0 2em 0; } #upcoming-events .bd li { color: #21272B; border-bottom: dashed 1px #d3d3d3; list-style-type: none; margin: 0em; padding: .5em 0 .75em .25em; font-size: 1em; min-height:80px; } #upcoming-events .bd li:hover { background: #f3f3f3; } #upcoming-events .bd li:last-child { border-bottom: none; } #upcoming-events .bd h4 { text-transform: uppercase; color: #4F5A63; font-weight: normal; font-size: .87em; } #upcoming-events .bd h3 { font-size: 1.2em; padding-left: 3.6em; } #upcoming-events .bd p { font-size: 1.0em; margin: 0 0 0 4.5em; padding: 0; } #upcoming-events .bd abbr { display: block; color: #4F5A63; margin: 0 .75em 0em 0; font-size: 1.3em; float: left; clear: left; text-align: center; font-family: din-condensed-web-1,din-condensed-web-2,Arial,sans-serif; text-transform: uppercase; } #upcoming-events .bd abbr span { background-color: #4F5A63; color: #F25012; display: block; text-align: center; width: 1.6em; line-height: 1.67em; font-size: 1.7em; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-top: 5px; } #homepage-news { clear: left; } #homepage-news-feature, #homepage-news { margin-top: 0; } .homepage-box .hd { margin: 0 0 .25em 0; } #homepage-news .bd li { list-style-type: none; margin: 0 0 0em 0; border-bottom: thin dashed #d3d3d3; } #homepage-news .bd li:last-child { border-bottom: none; } #homepage-news div.homepage-item:hover { background: #f3f3f3; } #homepage-news div.homepage-item { padding: .5em; } #homepage-news .homepage-item .bd p { font-size: 1.0em; margin: 0.1em 0; padding: 0; line-height: 1.335em; } #homepage-news .homepage-item .hd, #homepage-news-feature .homepage-item .hd, .homepage-item .hd { /* reset .hd properties inherited from .homepage-box .hd and #homepage-news .hd */ border: none; font-size: 1em; text-transform: none; margin: 0; padding: 0; } .homepage-sidebar-box h2.hd { margin: .5em 7px 0 7px; } .homepage-sidebar-box .bd { margin: 0 7px .5em 7px; } #homepage-news-feature a.button { background-repeat: no-repeat; background-position: 0 0; width: 186px; height: 40px; text-indent: -4000px; } #homepage-news-feature a.button:hover { background-position: 0 -52px; } .homepage-item .hd h4 { text-transform: uppercase; font-weight: normal; font-size: .9em; color: #4F5A63; margin: 0em 0em 0.25em 0em; padding: 0; } .homepage-item .hd h3 { font-size: 1.2em; margin: 0; padding: 0; } .homepage-item .ft { text-transform: lowercase; } #slides-insurance { color: #4F5A63; } .slide-container h3 { color: #21272B; font-size: 4em; margin: 0; padding .25em 0 0 0; } #slides-insurance h3 { margin: 0; padding: .25em 43% 0 0; } .slide-container .slide p { font-size: 1.67em; margin: 0; padding: 0; line-height: 1.1em; } #slides-insurance a.button { color: #21272B; color: #444; font-size: .8em; font-weight: bold; text-align: center; position: absolute; display: block; margin: .5em 0; padding: .25em .5em; background: #FCC334; background: -webkit-gradient(linear, left top, left bottom, from(#FFDD89), to(#FCC334)); background: -moz-linear-gradient(left top, left bottom, from(#FFDD89), to(#FCC334)); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: #888 0 2px 6px ; -moz-box-shadow: #888 0 2px 6px ; box-shadow: #888 0 2px 6px ; } #quick-links .bd ul { margin: 0em; padding: 0em; } #quick-links .bd ul li span.ql-icon{ height: 1.8em; padding: 0em 0em 0em 0em; display: block; /* background: url(../images/homepage/event_box_home.png) no-repeat 0px 0px; */ } #quick-links .bd li { list-style-type: none; margin: 0em; padding: 0em; } #quick-links .bd a { line-height: 1.3em; font-weight: bold; display: block; font-size: 1.2em; } #text-callouts-box { /* width: 600px; */ max-height: 10em; } #text-callouts-box button.text-callouts-button { height: 41px; width: 41px; cursor: pointer; border: none; margin: 0; background-color: #ffffff; background-image: url(../images/homepage/carousel_arrows.png); background-repeat: no-repeat; } #text-callouts-box button#prev-text-callout { background-position: 0px 0px; } #text-callouts-box button#prev-text-callout:hover { background-position: 0px -41px; } #text-callouts-box button#next-text-callout { background-position: -41px 0px; } #text-callouts-box button#next-text-callout:hover { background-position: -41px -41px; } #text-callouts-box .hd { display: none; } div.text-callouts-wrapper { width: 100%; /* border-top: solid 3px #21272B; */ border-bottom: solid 1px #e7e7e7; padding: 0.65em 0; margin: 1em 0 1em 0; height: 7.2em; } div.text-callouts-right { width: 90px; float: left; margin-top: 4em; height: 3em; } div.text-callouts-left { float: left; width: 100%; margin-right: -95px; overflow: hidden; } #text-callouts { overflow: hidden; margin-right: 95px; } #text-callouts ul { height: 7.2em; overflow: hidden; /*width: 4000px; to prevent pre-JS vertical wrapping of text ad boxes */ } #text-callouts li { float: left; list-style-type: none; padding: .5em; border: 1px solid #cacaca; margin: 0em .45em 2em 0em; line-height: 1.2em; font-size: 1.05em; width: 138px; height: 74px; width: 11em; height: 5.5em; } #text-callouts li:hover { background: #f3f3f3; } #text-callouts li a{ font-size: 1em; } #text-callouts li h4{ font-size:1.48em; font-family: "proxima-nova-1","proxima-nova-2",arial; font-weight: 600; } #text-callouts p { margin: 0; padding: 0; } .homepage-box .bd p { padding: 0; margin: 0; } div.spotlight-item{ overflow: hidden; position: relative; min-height: 180px; margin: 0em 0em .75em 0em; } .homepage-box ul.homepage-sidebar-ul { margin: 0em; padding: 0em; } .homepage-box ul.homepage-sidebar-ul li { padding: 0em; margin: 0em; list-style-type: none; border-bottom: 1px dashed #d3d3d3; } .homepage-box ul.homepage-sidebar-ul li:last-child { margin: 0em; padding: 0em; border-bottom: 1px none #d3d3d3; list-style-type: none; } .homepage-box .hd img.icon { vertical-align: middle; } div.spotlight-item div.spotlight-content{ position: absolute; top: 0px; right: 0px; left: 4.2em; height: 70%; width: 72%; padding: 3em .5em 1em .5em; opacity: 1; line-height: 1.3em; } div.spotlight-item div.spotlight-overlay{ background: black; opacity: .7; filter:alpha(opacity=70); position: absolute; top: 0px; right: 0px; height: 70%; width: 62%; padding: 1em; } div.spotlight-item div.spotlight-content a { display: block; border: none; cursor: pointer; margin: 1em 0em 0em 0em; } div.spotlight-item div.spotlight-content a.add-workspace { background: url(../images/homepage/add_workspace.png) no-repeat 0px 0px; width: 186px; height: 52px; } div.spotlight-item div.spotlight-content a.add-workspace:hover { background: url(../images/homepage/add_workspace.png) no-repeat 0px -52px; } div.spotlight-item div.spotlight-content a.open-survey { background: url(../images/homepage/take_survey.png) no-repeat 0px 0px; width: 186px; height: 52px; } div.spotlight-item div.spotlight-content a.open-survey:hover { background: url(../images/homepage/take_survey.png) no-repeat 0px -52px; } .spotlight-content .ft { float: left; } .spotlight-content .ft a { font-weight: normal; } .spotlight-content .bd { margin: 5px 0px 5px 5px; } div.spotlight-item .hd h3 { /* todo: default header styles */ font-size: 1.7em; color: #21272B; padding: .5em 0em .5em 0em; font-weight: normal; font-family: din-condensed-web-1,din-condensed-web-2,Arial,sans-serif; } div.spotlight-item .bd p { /* todo: default header styles */ font-size: 1.0em; line-height: 1.2em; } .spotlight-image { margin: 10px 0 0 0px; } /* div.spotlight-item a { color: #fff; text-decoration: underline; } */ div.spotlight-icon { height: 100%; position: absolute; top: 0em; left: 0em; } div.spotlight-item img.icon { display: block; position: absolute; top: 40px; left: 0px; } div.video-container { display: block; text-align: center; margin: 1em 0em 0em 0em; overflow: hidden; } div.expand-sentence-container { display: block; margin: 1em 0em 0em 0em; } div.hidden { display: none; } #homepage-news-feature a.howtogive { background-image: url(../images/homepage/spotlight_howtogive_button.png); } #homepage-news-feature a.see-their-story { background-image: url(../images/homepage/spotlight_see_their_story_button.png); } #homepage-news-feature a.go-for-money { background-image: url(../images/homepage/spotlight_goforthemoney_button.png); } #homepage-news-feature a.see-endorsements { background-image: url(../images/homepage/spotlight_seeendorsements_button.png); } #homepage-news-feature a.see-more { background-image: url(../images/homepage/spotlight_seemore_button.png); } #homepage-news-feature a.see-more-yellow { background-image: url(../images/homepage/spotlight_see_more_button.png); } #homepage-news-feature a.take-action { background-image: url(../images/homepage/spotlight_takeaction_button.png); } #homepage-news-feature a.readreport { background-image: url(../images/homepage/spotlight_readreport_button.png); } .normal-text { text-transform: none; } .paragraph-space { margin-top: 1em !important; } .rss-icon { float: right; margin-top: -32px; margin-right: 5px; } #scroll { position:relative; width:100%; overflow: hidden; height:347px; } #tools { width:9999em; position:absolute; } .tool { float:left; width:63em; } .details { color:#4f5a63; background-color:transparent; padding: 0 2em; position: relative; z-index: 1; left: 0; top: -290px; } #thumbs { background:url(../images/homepage/carousel/carousel_buttons.png) no-repeat; height:57px; position:absolute; top:290px; width:804px; left:0; } .t { padding:0 !important; border:0 !important; } .t a { background:transparent url(../images/homepage/carousel/carousel_buttons.png) no-repeat scroll 0 0; display:block; width:112px; float:left; height:57px; cursor:pointer; } .t a.active { cursor:default !important; } .navi {; } .slide-container { width: 98.5%; } .details .blue-button { float: left; color: white !important; } .details p { line-height: 23px; font-size: 1.2em; margin: 0 0 1em; font-family: Arial; } .wf-active .details p { font-size: 1.4em; } .details .page-title h1 { font-size: 4em; color: #4f5a63; text-transform: uppercase; margin-top: 27px; } .wf-active .details .page-title h1 { font-size: 5em; } /* CSS sprite for the navigation */ #t1 { background-position:0 0; } #t1:hover { background-position:0 -57px; } #t1:active { background-position:0 -171px; } #t1.active { background-position:0 -114px; } #t2 { background-position:-112px 0; } #t2:hover { background-position:-112px -57px; } #t2:active { background-position:-112px -171px; } #t2.active { background-position:-112px -114px; } #t3 { background-position:-224px 0; } #t3:hover { background-position:-224px -57px; } #t3:active { background-position:-224px -171px; } #t3.active { background-position:-224px -114px; } #t4 { background-position:-336px 0; } #t4:hover { background-position:-336px -57px; } #t4:active { background-position:-336px -171px; } #t4.active { background-position:-336px -114px; } #t5 { background-position:-448px 0; } #t5:hover { background-position:-448px -57px; } #t5:active { background-position:-448px -171px; } #t5.active { background-position:-448px -114px; } #t6 { background-position:-560px 0; } #t6:hover { background-position:-560px -57px; } #t6:active { background-position:-560px -171px; } #t6.active { background-position:-560px -114px; } #site .grey-gradient { background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #site .grey-gradient-reverse { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); } #header { height: auto; margin: 0 0 0.5em; } #header #sub-nav { position: static !important; } #header #sub-nav #section-nav { clear: left; padding: 1.5em 0em 0em 0em; background: #ffffff; } #header #sub-nav #section-nav .section-header { color: #21272b; text-transform: uppercase; font-size: 2em; font-weight: 400; margin: 0em 0em 0em 0.75em; width: 23%; min-width: 260px; float: left; font-family: arial; } #header #sub-nav #section-nav ul.section-menu { float: left; clear: none; position: relative !important; top: 0 !important; margin-top: 0 !important; } #header #sub-nav #section-nav ul.section-menu li { float: left; list-style-type: none; margin: 0em 1em 0em 0em; border-right: none; } #header #sub-nav #section-nav ul.section-menu li a { height: 2em; display: block; color: #4f5a63; line-height: 2em; padding: 0.25em 2.35em; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-weight: bold; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #header #sub-nav #section-nav ul.section-menu li a:hover { background: #b6b5b5; color: white; text-decoration: none; } #header #sub-nav #section-nav ul.section-menu li a.selected { color: white; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #header #sub-nav #section-nav .section-sub-header { color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 0.35em 0em 0.35em 1.5em; clear: left; } .yellow { color: #fada2b; } .purple { color: #9e7da8; } .blue { color: #34b1c4; } .green { color: #aec739; } .orange { color: #ffa132; } .red { color: #e84a4a; } .darkest-grey { color: #21272b; } input[type="submit"]::-moz-focus-inner { border: none; } input[type="button"]::-moz-focus-inner { border: none; } button { border: none; } a { outline: none; color: #f25012; } .clear-both { clear: both; } a.global-button { background: none repeat scroll 0 0 #e64c11; border: medium none; border-radius: 3px; box-shadow: 1px 20px 1px #f25012 inset; color: #ffffff; cursor: pointer; display: inline-block; font-family: Arial; font-size: 1.2em; font-weight: normal; padding: 10px 20px; text-align: center; text-decoration: none; line-height: normal; } a.global-button:hover { background: #d8430a; box-shadow: none; text-decoration: none; color: #ffebd8 !important; } a.orange-button { background: none repeat scroll 0 0 #e64c11; border: medium none; border-radius: 3px; box-shadow: 1px 20px 1px #f25012 inset; color: #ffffff; cursor: pointer; display: inline-block; font-family: Arial; font-size: 1.2em; font-weight: normal; padding: 10px 20px; text-align: center; text-decoration: none; line-height: normal; } a.orange-button:hover { background: #d8430a; box-shadow: none; text-decoration: none; color: #ffebd8 !important; } a.red-button { background: none repeat scroll 0 0 #e64c11; border: medium none; border-radius: 3px; box-shadow: 1px 20px 1px #f25012 inset; color: #ffffff; cursor: pointer; display: inline-block; font-family: Arial; font-size: 1.2em; font-weight: normal; padding: 10px 20px; text-align: center; text-decoration: none; line-height: normal; } a.red-button:hover { background: #d8430a; box-shadow: none; text-decoration: none; color: #ffebd8 !important; } a.green-button { background: none repeat scroll 0 0 #e64c11; border: medium none; border-radius: 3px; box-shadow: 1px 20px 1px #f25012 inset; color: #ffffff; cursor: pointer; display: inline-block; font-family: Arial; font-size: 1.2em; font-weight: normal; padding: 10px 20px; text-align: center; text-decoration: none; line-height: normal; } a.green-button:hover { background: #d8430a; box-shadow: none; text-decoration: none; color: #ffebd8 !important; } a.yellow-button { background: none repeat scroll 0 0 #e64c11; border: medium none; border-radius: 3px; box-shadow: 1px 20px 1px #f25012 inset; color: #ffffff; cursor: pointer; display: inline-block; font-family: Arial; font-size: 1.2em; font-weight: normal; padding: 10px 20px; text-align: center; text-decoration: none; line-height: normal; } a.yellow-button:hover { background: #d8430a; box-shadow: none; text-decoration: none; color: #ffebd8 !important; } a.blue-button { background: none repeat scroll 0 0 #e64c11; border: medium none; border-radius: 3px; box-shadow: 1px 20px 1px #f25012 inset; color: #ffffff; cursor: pointer; display: inline-block; font-family: Arial; font-size: 1.2em; font-weight: normal; padding: 10px 20px; text-align: center; text-decoration: none; line-height: normal; } a.blue-button:hover { background: #d8430a; box-shadow: none; text-decoration: none; color: #ffebd8 !important; } a.purple-button { background: none repeat scroll 0 0 #e64c11; border: medium none; border-radius: 3px; box-shadow: 1px 20px 1px #f25012 inset; color: #ffffff; cursor: pointer; display: inline-block; font-family: Arial; font-size: 1.2em; font-weight: normal; padding: 10px 20px; text-align: center; text-decoration: none; line-height: normal; } a.purple-button:hover { background: #d8430a; box-shadow: none; text-decoration: none; color: #ffebd8 !important; } a.white-button { background: none repeat scroll 0 0 #e64c11; border: medium none; border-radius: 3px; box-shadow: 1px 20px 1px #f25012 inset; color: #ffffff; cursor: pointer; display: inline-block; font-family: Arial; font-size: 1.2em; font-weight: normal; padding: 10px 20px; text-align: center; text-decoration: none; line-height: normal; } a.white-button:hover { background: #d8430a; box-shadow: none; text-decoration: none; color: #ffebd8 !important; } .global-button { background: none repeat scroll 0 0 #e64c11; border: medium none; border-radius: 3px; box-shadow: 1px 20px 1px #f25012 inset; color: #ffffff; cursor: pointer; display: inline-block; font-family: Arial; font-size: 1.2em; font-weight: normal; padding: 10px 20px; text-align: center; text-decoration: none; line-height: normal; } .global-button:hover { background: #d8430a; box-shadow: none; text-decoration: none; color: #ffebd8 !important; } .submit-button-orange { font-size: 18px; color: #21272b; padding: 11px 30px; cursor: pointer; border: none; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; background: #fbaa47; background: -moz-linear-gradient(top, #fdce95, #fbaa47); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdce95), to(#fbaa47)); -moz-box-shadow: 3px 4px 8px 0px #d3d3d3; -webkit-box-shadow: 3px 4px 8px #d3d3d3; box-shadow: 3px 4px 8px 0px #d3d3d3; display: block; text-decoration: none; text-align: center; font-family: arial; font-weight: bold; padding: 5px 30px !important; } .submit-button-orange:hover { background: #fbb056; background: -moz-linear-gradient(top, #fbb056, #f98b08); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbb056), to(#f98b08)); } .wf-active .global-button { font-size: 1.2em; font-weight: normal; } .wf-active .orange-button { font-size: 1.2em; font-weight: normal; } .wf-active .orange-button-dark { font-size: 1.2em; font-weight: normal; } .wf-active .green-button { font-size: 1.2em; font-weight: normal; } .wf-active .green-button-dark { font-size: 1.2em; font-weight: normal; } .wf-active .red-button { font-size: 1.2em; font-weight: normal; } .wf-active .red-button-dark { font-size: 1.2em; font-weight: normal; } .wf-active .blue-button { font-size: 1.2em; font-weight: normal; } .wf-active .blue-button-dark { font-size: 1.2em; font-weight: normal; } .wf-active .yellow-button { font-size: 1.2em; font-weight: normal; } .wf-active .yellow-button-dark { font-size: 1.2em; font-weight: normal; } .wf-active .purple-button { font-size: 1.2em; font-weight: normal; } .wf-active .purple-button-dark { font-size: 1.2em; font-weight: normal; } .wf-active .white-button { font-size: 1.2em; font-weight: normal; } .wf-active .white-button-dark { font-size: 1.2em; font-weight: normal; } .wf-active .grey-button { font-size: 1.2em; font-weight: normal; } .wf-active .grey-button-dark { font-size: 1.2em; font-weight: normal; } .wf-active .next-apply-button { font-size: 1.2em; font-weight: normal; } .wf-active .submit-button-orange { font-size: 1.2em; font-weight: normal; } .icon-button { position: relative; text-indent: 5px; } .icon-button .small-icon { position: absolute; top: 0px; left: 8px; } div.accordion h2 { font-size: 1.2em; font-weight: bold; } div.accordion h3 { font-size: 1.1em; } div.accordion h4 { font-size: 0.9em; } div.accordion h2 { margin: 0.5em 0em 0.5em 0em; outline: none; background: none; } div.accordion h2 a { text-decoration: none; color: #f25012 !important; cursor: pointer; } div.accordion h2 span { display: block; float: left; width: 10px; height: 10px; margin: 0.2em 0.5em 0em 0em; } div.accordion h3 { margin: 0.5em 0em 0.5em 0em; outline: none; background: none; } div.accordion h3 a { text-decoration: none; color: #f25012 !important; cursor: pointer; } div.accordion h3 span { display: block; float: left; width: 10px; height: 10px; margin: 0.2em 0.5em 0em 0em; } div.accordion h4 { margin: 0.5em 0em 0.5em 0em; outline: none; background: none; } div.accordion h4 a { text-decoration: none; color: #f25012 !important; cursor: pointer; } div.accordion h4 span { display: block; float: left; width: 10px; height: 10px; margin: 0.2em 0.5em 0em 0em; } div.accordion .ui-state-default { background: none; } div.accordion .ui-state-default span.ui-icon { background: url('../images/common/arrow-sprite.png') no-repeat 0px 0px; } div.accordion .ui-state-hover a { color: #21272b !important; } div.accordion .ui-state-active { border: none; } div.accordion .ui-state-active span.ui-icon { background: url('../images/common/arrow-sprite.png') no-repeat -10px 0px; } div.accordion .ui-state-active a { color: #21272b !important; } div.accordion div.accordion-content { margin: -0.25em 0em 0em 0em; } .user-message { text-align: left; } .user-message h2 { padding-left: 4em; color: #4f5a63 !important; } .user-message p { padding-left: 5.65em; margin: 0 0 1em; } .user-message a.close-button { -moz-border-radius: 4px 4px 4px 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; float: right; color: #21272b; background: url(../images/common/close.png) no-repeat scroll center center transparent; display: block; height: 15px; width: 15px; } .error-message-alert { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; background-color: #f3a4a4; -moz-box-shadow: 1px 2px 4px 0px #d3d3d3; -webkit-box-shadow: 1px 2px 4px #d3d3d3; box-shadow: 1px 2px 4px 0px #d3d3d3; margin: 0em auto 1.5em; padding: 0.6em 0.6em 0.1em 0.6em; font-size: 15px; color: #21272b; } .error-message-alert a.close-button:hover { background-color: #ec6e6e; } .warning-message-alert { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; background-color: #fcec95; -moz-box-shadow: 1px 2px 4px 0px #d3d3d3; -webkit-box-shadow: 1px 2px 4px #d3d3d3; box-shadow: 1px 2px 4px 0px #d3d3d3; margin: 0em auto 1.5em; padding: 0.6em 0.6em 0.1em 0.6em; font-size: 15px; color: #21272b; } .warning-message-alert a.close-button:hover { background-color: #fbe155; } .info-message-alert { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; background-color: #99d8e1; -moz-box-shadow: 1px 2px 4px 0px #d3d3d3; -webkit-box-shadow: 1px 2px 4px #d3d3d3; box-shadow: 1px 2px 4px 0px #d3d3d3; margin: 0em auto 1.5em; padding: 0.6em 0.6em 0.1em 0.6em; font-size: 15px; color: #21272b; } .info-message-alert a.close-button:hover { background-color: #5cc0cf; } div.sidebar-widget { padding: 0.5em 1em 1em; position: fixed; bottom: 0px; right: 20px; z-index: 99; background: #21272b; background: -moz-linear-gradient(top, #4f5a63, #21272b); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f5a63), to(#21272b)); -moz-box-shadow: 3px 4px 8px 0px #b6b5b5; -webkit-box-shadow: 3px 4px 8px #b6b5b5; box-shadow: 3px 4px 8px 0px #b6b5b5; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; opacity: 0.96; filter: alpha(opacity=100); } div.sidebar-widget .controls { background: #f3f3f3; background: -moz-linear-gradient(top, #ffffff, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f3f3)); -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; margin: 0em -1em 0em 0em; float: right; background: transparent; } div.sidebar-widget .controls a.control { color: #d3d3d3; font-size: 2em; padding: 0.1em 0.7em; text-decoration: none; } div.sidebar-widget .controls a.control:hover { color: #ffffff; } div.sidebar-widget .hd { margin: 0em 0em 0.1em 0em; } div.sidebar-widget bd { margin: 0em 0em 0.1em 0em; } div.sidebar-widget .ft { margin: 0em 0em 0.1em 0em; } div.sidebar-widget .hd h3 { color: #ffffff !important; font-size: 1.5em !important; } div.sidebar-widget .ft { float: right; } div.sidebar-widget.hidden { visibility: hidden; } *div.sidebar-widget { width: 300px; } .superscript { vertical-align: super; font-size: xx-small; } .text-italic { font-style: italic; } .page-title h1 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .page-title h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .page-title .wf-active h1 { font-size: 4em; } .page-title h1 { color: #21272b; font-size: 4em; margin: 15px 0 0; } .page-title h2 { color: #21272b; font-size: 2em; padding-left: 0.2em; margin: -0.3em 0 0; } h1.main-head { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; color: #21272b; font-size: 3.2em; margin: 18px 0 0; } h2.sub-head { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; color: #21272b; font-size: 2.5em; margin: 0.7em 0 0 0; padding: 0 0 10px 0; } #tabs .site-tabs { float: left; height: 55px; margin: 2em 0.5em 1.5em; width: 99%; list-style-type: none; padding: 0; } #tabs .site-tabs li { list-style-type: none; float: left; width: 32%; margin: 0; padding: 0; border: none; position: relative; background: #4f5a63; background: -moz-linear-gradient(top, #d3d3d3, #4f5a63); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#4f5a63)); } #tabs .site-tabs a { font-size: 1.7em; height: 40px; margin: 0 0 0 0; padding: 0.4em 0 0 0; list-style-type: none; border-left: solid 1px #ffffff; display: block; text-align: center; color: #ffffff; text-decoration: none; text-transform: lowercase; line-height: 1.5em; } #tabs .site-tabs li:hover { background: #21272b; background: -moz-linear-gradient(top, #4f5a63, #21272b); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f5a63), to(#21272b)); cursor: pointer; } #tabs .site-tabs .ui-state-active { background: #9e7da8; -moz-box-shadow: 4px 4px 5px -2px #21272b inset; box-shadow: 4px 4px 5px -2px #21272b inset; } #tabs .site-tabs li.last .ui-state-active { -moz-border-radius: 0 10px 10px 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 0; } #tabs .site-tabs li.first .ui-state-active { -moz-border-radius: 10px 0 0 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 10px; } #tabs .site-tabs .ui-state-active:hover { background: #21272b; } #tabs .site-tabs li.first { border-left: none; -moz-border-radius: 10px 0 0 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 10px; } #tabs .site-tabs li.last { -moz-border-radius: 0 10px 10px 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 0; } .header-arrow { background: url(../images/common/arrow_oragne_gray.png) no-repeat top left; background-position: 0 0; width: 20px; height: 20px; float: left; margin: 8px 8px 0 0; } .spotlight-interim { padding: 10px 20px; height: 70px; position: relative; border: 1px solid #ffffff; margin-bottom: 2em; border-radius: 4px; cursor: pointer; } .spotlight-interim a { text-decoration: none !important; } .spotlight-interim .spotlight-icon { float: left; margin-right: 20px; position: relative; } .spotlight-interim .spotlight-copy .arrow { background: url(../images/common/arrow_oragne_gray.png) no-repeat top left; background-position: 0 -42px; width: 20px; height: 20px; float: left; margin: 0 5px 0 0; } .spotlight-interim .spotlight-copy .spotlight-header { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-size: 1.8em; display: block; color: white; text-decoration: none; margin-bottom: 5px; } .spotlight-interim .spotlight-copy p { font-family: Arial; color: #ffffff; font-size: 1.1em; line-height: 1.125em; padding: 0; margin: 0; text-decoration: none; } .spotlight-color-blue { background-color: #34b1c4; box-shadow: 0px -45px 10px #31a7b9 inset; text-decoration: none; } .spotlight-color-blue:hover { border: 1px solid #057281; text-decoration: none; } .spotlight-color-green { background-color: #aec739; box-shadow: 0px -45px 10px #a5bc37 inset; text-decoration: none; } .spotlight-color-green:hover { border: 1px solid #83990c; text-decoration: none; } .spotlight-color-orange { background-color: #f25012; box-shadow: none; text-decoration: none; } .spotlight-color-orange:hover { border: 1px solid #d8430a; background-color: #d8430a; text-decoration: none !important; } .spotlight-color-black { background-color: #21272b; box-shadow: none; text-decoration: none !important; } .spotlight-color-black:hover { border: 1px solid #d8430a; background-color: #f25012; text-decoration: none !important; } .internal-ad { min-width: 200px; background: url(../images/common/internal_ad_bg.png) repeat top left #f25012; padding: 10px; position: relative; margin: 1em auto; border: none; cursor: pointer; text-decoration: none; max-height: 140px; float: left; } .internal-ad img.center-bee { margin: 0 33%; width: 65px; height: 45px; } .internal-ad h3 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; position: relative; top: 0; left: 0; margin-bottom: 0.5em; text-transform: uppercase; color: #ffffff; font-weight: normal; font-size: 1.5em; text-decoration: none; z-index: 2; } .internal-ad .center { text-align: center; } .internal-ad .learn-more-internal-ad { font-family: "futura-pt-1", "futura-pt-2", arial; color: white; position: relative; bottom: 0; left: 0; padding: 10px 0; font-size: 1.5em; text-decoration: none; z-index: 3; } .internal-ad .learn-more-internal-ad .arrow { background: url(../images/common/arrow_oragne_gray.png) no-repeat top left; background-position: 0 -42px; width: 20px; height: 20px; float: left; margin-right: 5px; } .internal-ad .icon { position: absolute; z-index: 1; bottom: 0; right: 5px; margin: 10px 0 0 10px; } .internal-ad:hover { border: 0; background: #b6b5b5; text-decoration: none; } .big-idea { float: left; width: 100%; border: 0; position: relative; overflow: hidden !important; } .big-idea img { float: right; width: 100%; } .sara-quote { background: url(../images/homepage/quotes.png) no-repeat top left; min-width: 300px; padding: 30px 0; max-height: 160px; } .sara-quote h2 { font-size: 1.5em; color: #21272b; font-weight: normal; } .side-copy .bd { font-size: 1.1em; line-height: 1.5em; } .dep-ver ul { margin: 0; padding: 0; } .dep-ver ul li { list-style: none outside none; } .social_media { background: url(../images/common/social_media_sprite.png) no-repeat top left; width: 35px; height: 28px; position: relative; float: left; } .social_facebook { background-position: 0 0; } .social_vimeo { background-position: 0 -34px; } .social_twitter { background-position: 0 -68px; } .social_linkedin { background-position: 0 -102px; } #site .grey-gradient { background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #site .grey-gradient-reverse { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); } #header { height: auto; margin: 0 0 0.5em; } #header #sub-nav { position: static !important; } #header #sub-nav #section-nav { clear: left; padding: 1.5em 0em 0em 0em; background: #ffffff; } #header #sub-nav #section-nav .section-header { color: #21272b; text-transform: uppercase; font-size: 2em; font-weight: 400; margin: 0em 0em 0em 0.75em; width: 23%; min-width: 260px; float: left; font-family: arial; } #header #sub-nav #section-nav ul.section-menu { float: left; clear: none; position: relative !important; top: 0 !important; margin-top: 0 !important; } #header #sub-nav #section-nav ul.section-menu li { float: left; list-style-type: none; margin: 0em 1em 0em 0em; border-right: none; } #header #sub-nav #section-nav ul.section-menu li a { height: 2em; display: block; color: #4f5a63; line-height: 2em; padding: 0.25em 2.35em; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-weight: bold; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #header #sub-nav #section-nav ul.section-menu li a:hover { background: #b6b5b5; color: white; text-decoration: none; } #header #sub-nav #section-nav ul.section-menu li a.selected { color: white; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #header #sub-nav #section-nav .section-sub-header { color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 0.35em 0em 0.35em 1.5em; clear: left; } #common .shadow { -moz-box-shadow: 5px 5px 10px #b6b5b5; -webkit-box-shadow: 5px 5px 10px #b6b5b5; box-shadow: 5px 5px 10px #b6b5b5; } #common .shadow-dark { -moz-box-shadow: 2px 8px 20px -2px #21272b; -webkit-box-shadow: 2px 8px 20px -2px #21272b; box-shadow: 2px 8px 20px -2px #21272b; } #common .speech-bubble { background: url(../images/advocacy/haveasay_box.png) repeat-x 0px 0px; height: 130px; padding: 1.7em 1.5em 0em 1.5em; font-weight: bold; line-height: 1.6em; margin: 0.5em 0em 0em 0em; } #common .thick-spotlight-box { border: 11px solid #d3d3d3; padding: 1em 0.5em; margin: 1em 0em 1em 0em; } #common .thick-spotlight-box p { margin: 1em 0em 0em 0em; font-size: 1.1em; line-height: 1.2em; } #common .thick-spotlight-box ul { width: 100%; } #common .thick-spotlight-box ul li { float: left; border: none; margin: 0em 1em 0em 0em; } #common .thick-spotlight-box ul li .hd { font-size: 1.5em; color: #21272b; } #common .thick-spotlight-box ul li .ft p { font-weight: bold; } #common .thick-spotlight-box ul li:first-child { min-width: 100px; max-width: 30%; margin: 2em 0em 0em 0em; } #common .thick-spotlight-box ul li:last-child { width: 60%; } #common .uppercase-header { text-transform: uppercase; color: #ffa132; font-size: 1.5em; line-height: 2.1em; } #common .grey-gradient { background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #common .grey-gradient-reverse { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); } #common .video { margin: 0.5em 0em 0em 0em; } #common .rounded { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #common .banner-container { -moz-box-shadow: 5px 5px 10px #b6b5b5; -webkit-box-shadow: 5px 5px 10px #b6b5b5; box-shadow: 5px 5px 10px #b6b5b5; border: 1px solid #d3d3d3; margin: 0em 0em 5em 0em; background: url(../images/advocacy/gradient_slideshow.png) repeat-x 0px 0px; } #common .banner-container .banner { background: #f3f3f3; } #common .sidebar-links ul li { list-style-type: none; margin: 0em; padding: 0em; } #common .sidebar-links ul li span.icon { height: 1.8em; padding: 0em 0em 0em 0em; display: block; } #common .sidebar-links a { line-height: 1.5em; font-weight: normal; font-size: 1.2em; } #common .homepage-news { margin: 0em 0em 1em 0em; } #common .homepage-news ul { margin: 0em; padding: 0em; } #common .homepage-news ul li { padding: 0em; margin: 0em; list-style-type: none; border-bottom: 1px dashed #d3d3d3; float: left; } #common .homepage-news ul li:last-child { border-bottom: 1px none #d3d3d3; } #common .homepage-news div.homepage-item { padding: 0.5em; } #common .homepage-news div.homepage-item .hd h3 { color: #21272b; } #common .homepage-news div.homepage-item:hover { background: #f3f3f3; } #common .homepage-image-news { margin: 0em 0em 1em 0em; } #common .homepage-image-news img { float: left; margin: 0em 1em 0em 0em; } #common .homepage-image-news div.homepage-item { float: left; } #common .homepage-image-news ul { margin: 0em; padding: 0em; } #common .homepage-image-news ul li { padding: 0em; margin: 0em; list-style-type: none; border-bottom: 1px dashed #d3d3d3; float: left; } #common .homepage-image-news ul li:last-child { border-bottom: 1px none #d3d3d3; } #common .homepage-image-news div.homepage-item { padding: 0.5em; } #common .homepage-image-news div.homepage-item .hd h3 { color: #21272b; } #common .homepage-image-news div.homepage-item:hover { background: #f3f3f3; } #common .homepage-box { margin: 0em 0em 1em 0em; clear: both; } #common ul.banner-buttons { float: right; margin: -8em 0em 0em 0em; } #common ul.banner-buttons li { float: left; margin: 0em 2em 0em 0em; list-style-type: none; } #common ul.banner-buttons li a.banner-button { width: 143px; height: 85px; background: #ffffff; display: block; border: 1px solid #b6b5b5; -moz-box-shadow: 5px 5px 10px #b6b5b5; -webkit-box-shadow: 5px 5px 10px #b6b5b5; box-shadow: 5px 5px 10px #b6b5b5; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; position: relative; z-index: 10; } #common ul.banner-buttons li a.banner-button:hover { border: 1px solid #fada2b; } #common ul.banner-buttons li a.button1 { background: url(../images/advocacy/pac2_small.png) no-repeat 0px 0px; } #common ul.banner-buttons li a.button2 { background: url(../images/advocacy/assembly_getpaid_small.png) no-repeat 0px 0px; } #common ul.banner-buttons li a.button3 { background: url(../images/advocacy/planning_small.png) no-repeat 0px 0px; } .advocacy-page .fatbox { border: 11px solid #d3d3d3; } .advocacy-page .event { width: 155px; margin: 0 auto 0 auto; text-align: center; } .advocacy-page .event a:hover { text-decoration: none; } .advocacy-page .event h4 { color: #4f5a63; font-size: 2.7em; font-family: "mostra-nuova-1", "mostra-nuova-2", Arial; font-weight: normal; text-transform: uppercase; white-space: nowrap; text-align: center; } .advocacy-page .event h4 .day { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; background-color: #4f5a63; color: #f25012; display: block; height: 40px; padding: 10px; width: 55px; margin: 0 auto 0 auto; font-size: 1.5em; } .advocacy-page .event h4 .time { font-size: 0.7em; } .advocacy-page .section-sub-header { background: #34b1c4; } .advocacy-page #header #sub-nav #section-nav ul.section-menu li a.selected { background: #34b1c4; } .advocacy-page #bd { margin: 1em; } .advocacy-page .homepage-box { margin: 0em 0em 1em 0em; clear: both; } .advocacy-page .homepage-news { margin: 0em 0em 1em 0em; } .advocacy-page .homepage-news ul { margin: 0em; padding: 0em; } .advocacy-page .homepage-news ul li { padding: 0em; margin: 0em; list-style-type: none; border-bottom: 1px dashed #d3d3d3; float: left; } .advocacy-page .homepage-news ul li:last-child { border-bottom: 1px none #d3d3d3; } .advocacy-page .homepage-news div.homepage-item { padding: 0.5em; } .advocacy-page .homepage-news div.homepage-item .hd h3 { color: #21272b; } .advocacy-page .homepage-news div.homepage-item:hover { background: #f3f3f3; } .advocacy-page .homepage-image-news { margin: 0em 0em 1em 0em; } .advocacy-page .homepage-image-news img { float: left; margin: 0em 1em 0em 0em; } .advocacy-page .homepage-image-news div.homepage-item { float: left; } .advocacy-page .homepage-image-news ul { margin: 0em; padding: 0em; } .advocacy-page .homepage-image-news ul li { padding: 0em; margin: 0em; list-style-type: none; border-bottom: 1px dashed #d3d3d3; float: left; } .advocacy-page .homepage-image-news ul li:last-child { border-bottom: 1px none #d3d3d3; } .advocacy-page .homepage-image-news div.homepage-item { padding: 0.5em; } .advocacy-page .homepage-image-news div.homepage-item .hd h3 { color: #21272b; } .advocacy-page .homepage-image-news div.homepage-item:hover { background: #f3f3f3; } .advocacy-page .homepage-image-news .video { margin: 0.5em 0em 0em 0em; } .advocacy-page h2#campaigns { background-position: 0px -195px; } .advocacy-page h2#issues { background-position: 0px -234px; } .advocacy-page h2#take-action { background-position: 0px 0px; } .advocacy-page h2#haveasay { background-position: 0px -38px; } .advocacy-page h2#from-us { background-position: 0px -79px; } .advocacy-page h2#from-you { background-position: 0px -117px; } .advocacy-page h2#independent-worker { background-position: 0px -272px; } .advocacy-page h2#facebook { background-position: 0px -155px; } .advocacy-page h2#next-steps { background-position: 0px -313px; } .advocacy-page h2#the-latest { background-position: 0px -78px; } .advocacy-page h2#campaign-diary { background-position: 0px -352px; } .advocacy-page h2#past-campaigns { background-position: 0px -428px; } .advocacy-page h2#current-campaigns { background-position: 0px -702px; } .advocacy-page h2#why-register { background-position: 0px -740px; } .advocacy-page h2#state-senate { background-position: 0px -506px; } .advocacy-page h2#state-assembly { background-position: 0px -547px; } .advocacy-page h2#statewide { background-position: 0px -469px; } .advocacy-page h2#federal { background-position: 0px -585px; } .advocacy-page h2#us-senate { background-position: 0px -623px; } .advocacy-page h2#us-house { background-position: 0px -663px; } .advocacy-page h2#current-projects { background-position: 0px -741px; } .advocacy-page h2#mission-statement { background-position: 0px -781px; } .advocacy-page h2#meeting-minutes { background-position: 0px -820px; clear: both; top: 1em; position: relative; } .advocacy-page .banner-container { -moz-box-shadow: 5px 5px 10px #b6b5b5; -webkit-box-shadow: 5px 5px 10px #b6b5b5; box-shadow: 5px 5px 10px #b6b5b5; border: 1px solid #d3d3d3; margin: 0em 0em 5em 0em; background: url(../images/advocacy/gradient_slideshow.png) repeat-x 0px 0px; } .advocacy-page .banner-container .banner { background: #f3f3f3; } .advocacy-page .homepage-banner { background: transparent; } .advocacy-page .homepage-banner a { width: 100%; height: 288px; display: block; } .advocacy-page .campaigns-banner { -moz-box-shadow: 5px 5px 10px #b6b5b5; -webkit-box-shadow: 5px 5px 10px #b6b5b5; box-shadow: 5px 5px 10px #b6b5b5; border: 1px solid #d3d3d3; margin: 0em 0em 5em 0em; background: url(../images/advocacy/gradient_slideshow.png) repeat-x 0px 0px; margin: 0em 0em 2em 0em; background: white; padding: 1em; } .advocacy-page .campaigns-banner .banner { background: #f3f3f3; } .advocacy-page .campaigns-banner .hd { width: 100%; height: 70px; margin: 0; } .advocacy-page .campaigns-banner .voter-registration { background: url(../images/advocacy/voterregistration_header.png) no-repeat 0px 0px; } .advocacy-page .campaigns-banner .endorsements-campaign { background: url(../images/advocacy/votefuslate_header.png) no-repeat 0px 0px; } .advocacy-page .campaigns-banner .election-victories { background: url(../images/advocacy/electionvictories_header.png) no-repeat 0px 0px; } .advocacy-page .campaigns-banner .endorsements-allies { background: url(../images/advocacy/electallies_header.png) no-repeat 0px 0px; } .advocacy-page .campaigns-banner .member-planning { background: url(../images/advocacy/memberplanning_header.png) no-repeat 0px 0px; } .advocacy-page .campaigns-banner .cityhall-hearing { background: url(../images/advocacy/cityhall_hearing_header.png) no-repeat 0px 0px; } .advocacy-page .campaigns-banner .unpaid-wages { background: url(../images/advocacy/getpaid_header.png) no-repeat 0px 0px; } .advocacy-page .campaigns-banner .member-meetings { background: url(../images/advocacy/membermeetings_header.png) no-repeat 0px 0px; } .advocacy-page .campaigns-banner h1 { text-transform: uppercase; color: #ffa132; font-size: 1.5em; line-height: 2.1em; text-transform: none; color: #21272b; } .advocacy-page .campaigns-banner p { margin: 1em 0em 0em 0em; font-size: 1.1em; } .advocacy-page .campaigns-banner ul { margin: 0em 0em 0em 1.5em; } .advocacy-page .campaigns-banner ul li { float: left; list-style-type: none; margin: 0em 3em 0em 0em; } .advocacy-page .campaigns-banner-align { padding-left: 3.6em; } .advocacy-page .banner-content { padding: 0 0 0 1em; } .advocacy-page .banner-content p { font-size: 1.4em; line-height: 21px; padding: 0 3em 0 0; } .advocacy-page .banner-content a { float: right; margin: 1em 2em 0 0; } .advocacy-page #homepage-banner-1 a { background: url(../images/advocacy/pac2_slideshow.png) no-repeat 0px 0px; } .advocacy-page #homepage-banner-2 a { background: url(../images/advocacy/assembly_getpaid_slideshow.png) no-repeat 0px 0px; } .advocacy-page #homepage-banner-3 a { background: url(../images/advocacy/planning_slideshow.png) no-repeat 0px 0px; } .advocacy-page #homepage-banner-buttons { float: right; margin: -8em 0em 0em 0em; } .advocacy-page #homepage-banner-buttons li { float: left; margin: 0em 2em 0em 0em; list-style-type: none; } .advocacy-page #homepage-banner-buttons li a.banner-button { width: 143px; height: 85px; background: #ffffff; display: block; border: 1px solid #b6b5b5; -moz-box-shadow: 5px 5px 10px #b6b5b5; -webkit-box-shadow: 5px 5px 10px #b6b5b5; box-shadow: 5px 5px 10px #b6b5b5; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; position: relative; z-index: 10; } .advocacy-page #homepage-banner-buttons li a.banner-button:hover { border: 1px solid #fada2b; } .advocacy-page #homepage-banner-buttons li a.button1 { background: url(../images/advocacy/pac2_small.png) no-repeat 0px 0px; } .advocacy-page #homepage-banner-buttons li a.button2 { background: url(../images/advocacy/assembly_getpaid_small.png) no-repeat 0px 0px; } .advocacy-page #homepage-banner-buttons li a.button3 { background: url(../images/advocacy/planning_small.png) no-repeat 0px 0px; } .advocacy-page .disqus-h2 { text-transform: uppercase; color: #ffa132; font-size: 1.5em; line-height: 2.1em; padding-bottom: 20px; margin-top: -15px; font-size: 1.7em; text-transform: none; } .advocacy-page .issue-h2 { font-size: 1.4em; color: #21272b; } .advocacy-page .issue-largep { font-size: 1.3em; color: #34b1c4; } .advocacy-page .percents-list { margin-left: 30px; } .advocacy-page #issue-top-buttons { float: left; margin: 0em 2em 0em 0em; list-style-type: none; display: block; position: relative; } .advocacy-page #issue-top-buttons a.banner-button { width: 143px; height: 85px; background: #ffffff; display: block; border: 1px solid #b6b5b5; -moz-box-shadow: 5px 5px 10px #b6b5b5; -webkit-box-shadow: 5px 5px 10px #b6b5b5; box-shadow: 5px 5px 10px #b6b5b5; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; position: relative; z-index: 10; } .advocacy-page #issue-top-buttons a.banner-button:hover { border: 1px solid #fada2b; } .advocacy-page #issue-top-buttons a.button1 { background: url(../images/advocacy/pac2_small.png) no-repeat 0px 0px; } .advocacy-page #issue-top-buttons a.button2 { background: url(../images/advocacy/assembly_getpaid_small.png) no-repeat 0px 0px; } .advocacy-page #issue-top-buttons a.button3 { background: url(../images/advocacy/planning_small.png) no-repeat 0px 0px; } .advocacy-page #issue-top-buttons { float: right; margin: -8em 0em 0em 0em; float: none; margin: 0; } .advocacy-page #issue-top-buttons li { float: left; margin: 0em 2em 0em 0em; list-style-type: none; } .advocacy-page #issue-top-buttons li a.banner-button { width: 143px; height: 85px; background: #ffffff; display: block; border: 1px solid #b6b5b5; -moz-box-shadow: 5px 5px 10px #b6b5b5; -webkit-box-shadow: 5px 5px 10px #b6b5b5; box-shadow: 5px 5px 10px #b6b5b5; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; position: relative; z-index: 10; } .advocacy-page #issue-top-buttons li a.banner-button:hover { border: 1px solid #fada2b; } .advocacy-page #issue-top-buttons li a.button1 { background: url(../images/advocacy/pac2_small.png) no-repeat 0px 0px; } .advocacy-page #issue-top-buttons li a.button2 { background: url(../images/advocacy/assembly_getpaid_small.png) no-repeat 0px 0px; } .advocacy-page #issue-top-buttons li a.button3 { background: url(../images/advocacy/planning_small.png) no-repeat 0px 0px; } .advocacy-page #issue-top-buttons li { margin-right: 15px; } .advocacy-page #issue-top-buttons li a.button { width: 153px; height: 160px; margin: 0; display: block; } .advocacy-page #issue-top-buttons li a.health { background: url(../images/advocacy/affordablehealthinsurance_button.png) no-repeat 0px 0px; } .advocacy-page #issue-top-buttons li a.health:hover { background: url(../images/advocacy/affordablehealthinsurance_button.png) no-repeat 0px -166px; } .advocacy-page #issue-top-buttons li a.tax { background: url(../images/advocacy/fairtaxation_button.png) no-repeat 0px 0px; } .advocacy-page #issue-top-buttons li a.tax:hover { background: url(../images/advocacy/fairtaxation_button.png) no-repeat 0px -166px; } .advocacy-page #issue-top-buttons li a.unemployment { background: url(../images/advocacy/unemployment_button.png) no-repeat 0px 0px; } .advocacy-page #issue-top-buttons li a.unemployment:hover { background: url(../images/advocacy/unemployment_button.png) no-repeat 0px -166px; } .advocacy-page #issue-top-buttons li a.unpaid { background: url(../images/advocacy/unpaidwages_button.png) no-repeat 0px 0px; } .advocacy-page #issue-top-buttons li a.unpaid:hover { background: url(../images/advocacy/unpaidwages_button.png) no-repeat 0px -166px; } .advocacy-page #issue-buttons { float: right; margin: -8em 0em 0em 0em; float: none; margin: 0; } .advocacy-page #issue-buttons li { float: left; margin: 0em 2em 0em 0em; list-style-type: none; } .advocacy-page #issue-buttons li a.banner-button { width: 143px; height: 85px; background: #ffffff; display: block; border: 1px solid #b6b5b5; -moz-box-shadow: 5px 5px 10px #b6b5b5; -webkit-box-shadow: 5px 5px 10px #b6b5b5; box-shadow: 5px 5px 10px #b6b5b5; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; position: relative; z-index: 10; } .advocacy-page #issue-buttons li a.banner-button:hover { border: 1px solid #fada2b; } .advocacy-page #issue-buttons li a.button1 { background: url(../images/advocacy/pac2_small.png) no-repeat 0px 0px; } .advocacy-page #issue-buttons li a.button2 { background: url(../images/advocacy/assembly_getpaid_small.png) no-repeat 0px 0px; } .advocacy-page #issue-buttons li a.button3 { background: url(../images/advocacy/planning_small.png) no-repeat 0px 0px; } .advocacy-page #issue-buttons li { margin: 0 3.7em 0 0; } .advocacy-page .fix-fluid-wrapper { width: 375px; clear: both; } .advocacy-page .fix-fluid-fixed { float: left; } .advocacy-page .fix-fluid-content { margin-left: 7em; padding-top: 1.4em; } .advocacy-page .float-clear-left { clear: left; } .advocacy-page #campaign-links ul li { list-style-type: none; margin: 0em; padding: 0em; } .advocacy-page #campaign-links ul li span.icon { height: 1.8em; padding: 0em 0em 0em 0em; display: block; } .advocacy-page #campaign-links a { line-height: 1.5em; font-weight: normal; font-size: 1.2em; } .advocacy-page #issue-links ul li { list-style-type: none; margin: 0em; padding: 0em; } .advocacy-page #issue-links ul li span.icon { height: 1.8em; padding: 0em 0em 0em 0em; display: block; } .advocacy-page #issue-links a { line-height: 1.5em; font-weight: normal; font-size: 1.2em; } .advocacy-page .issue-disqus p { font-size: 15px; } .advocacy-page #haveasay-sidebar .question { background: url(../images/advocacy/haveasay_box.png) repeat-x 0px 0px; height: 130px; padding: 1.7em 1.5em 0em 1.5em; font-weight: bold; line-height: 1.6em; margin: 0.5em 0em 0em 0em; padding: 1.7em 1em 1em; font-size: 15px; } .advocacy-page #action-sidebar ul { margin: 1em 0em 0em 0em; padding: 0em 1em; } .advocacy-page #action-sidebar ul li { margin: 0em 0em 0.75em 0em; list-style-type: none; } .advocacy-page #got-stiffed { border: 11px solid #d3d3d3; padding: 1em 0.5em; margin: 1em 0em 1em 0em; } .advocacy-page #got-stiffed p { margin: 1em 0em 0em 0em; font-size: 1.1em; line-height: 1.2em; } .advocacy-page #got-stiffed ul { width: 100%; } .advocacy-page #got-stiffed ul li { float: left; border: none; margin: 0em 1em 0em 0em; } .advocacy-page #got-stiffed ul li .hd { font-size: 1.5em; color: #21272b; } .advocacy-page #got-stiffed ul li .ft p { font-weight: bold; } .advocacy-page #got-stiffed ul li:first-child { min-width: 100px; max-width: 30%; margin: 2em 0em 0em 0em; } .advocacy-page #got-stiffed ul li:last-child { width: 60%; } .advocacy-page #got-stiffed img { margin: 1em 0 1em; } .advocacy-page #got-stiffed .candidate { padding: 1em; } .advocacy-page #got-stiffed table { margin: 0 auto; } .advocacy-page #got-stiffed li:first-child { background: url(../images/advocacy/gotstiffed_largeicon.png) no-repeat 0px 0px; width: 114px; height: 97px; display: block; } .advocacy-page #got-stiffed .ft { padding: 1em; } .advocacy-page .stiffed-h1 { font-size: 1.5em; color: #21272b; margin-left: 0.75em; } .advocacy-page .survey-buttons { padding-bottom: 75px; } .advocacy-page .survey-buttons table tr td { padding: 0em 3em 0em 0em; } .advocacy-page .issues-second-half p { font-size: 15px; } .advocacy-page .report-pad { padding-bottom: 20px; } .calendar-img { width: 42%; margin: 0 auto; } .rights-wrapper { position: relative; width: 76%; margin: 0 auto; } .bill-disqus-wrapper { background: url(../images/advocacy/billofrights_gradient.png) repeat-x scroll 0 0 transparent; height: 212px; border: 1px solid #d3d3d3; } .bill-disqus-wrapper .bill-inner { background: url(../images/advocacy/billofrights_disqusimage.png) no-repeat scroll 0 0 transparent; height: 100%; margin: 3.3% 0 0 3%; padding: 0 4em 0 2em; font-size: 15px; line-height: 21px; } .bill-disqus-wrapper .bill-inner h1 { color: #21272b; font-size: 1.9em; padding-bottom: 0.5em; } .bill-disqus-wrapper .bill-inner a.green-button { float: right; margin: -3% 10% 0 0; } .bill-disqus-wrapper .bill-inner p { font-size: 1em; } .bill-h2 { color: #21272b; margin: 1em 0 2em 0; } .date-info { clear: both; padding: 0 1em; font-size: 13px !important; border-top: 1px solid #d3d3d3; padding: 0.5em 0.5em; } .advocacy-page .pac-site .grey-pac-box { border: 10px solid #e6e6e6; padding: 10px; color: #4f5a63; font-size: 15px; line-height: 21px; width: 100%; margin-bottom: 100px; } .advocacy-page .pac-site .grey-pac-box h3 { color: #34b1c4; font-size: 1.8em; padding-bottom: 20px; } .advocacy-page .pac-site .pac-wrapper { width: 100%; } .advocacy-page .pac-site .pac-fixed { float: left; } .advocacy-page .pac-site .pac-content { margin-left: 5em; } .advocacy-page .pac-site h2 { margin-bottom: 1em; font-size: 1.8em; } .advocacy-page .pac-site a.donate { background: url("../images/advocacy/donate_button.png") no-repeat scroll 0 0 transparent; } .advocacy-page .pac-site a.donate:hover { background: url("../images/advocacy/donate_button.png") no-repeat scroll 0 -52px transparent; } .advocacy-page .pac-site a.button { cursor: pointer; display: block; height: 50px; margin: 30px 0 10px 25px; text-indent: -4000px; width: 200px; } .advocacy-page .pac-site .grey-pac-box ul li { list-style-type: none; margin: 0; padding: 10px 0 10px 0; border-top: 1px dashed black; } .advocacy-page .pac-site .grey-pac-box ul li h4 { font-size: 1.3em; color: #34b1c4; padding-bottom: 0.5em; } .advocacy-page .pac-site .grey-pac-box ul li .pac-wrapper .pac-content p { padding-top: 15px; } .advocacy-page .pac-site .pac-small-wrapper { width: 100%; } .advocacy-page .pac-site .pac-small-fixed { float: left; } .advocacy-page .pac-site .pac-small-content { margin-left: 1em; } .advocacy-page .pac-site .pac-small-content p + p { margin-top: -15px; font-size: 0.8em; } .advocacy-page .pac-site .grey-pac-box ul li + li { font-size: 0.8em; line-height: 1.3em; } .advocacy-page .pac-site .video-info { margin-left: 50px; overflow: hidden; } .advocacy-page .pac-site .video-info p { font-size: 1.3em; line-height: 1.3em; clear: left; } .advocacy-page .pac-site .video-info p:first-child { padding-top: 20px; } #issue-page .paperclip { background: url(../images/advocacy/paperclip.png) no-repeat top right; height: 44px; width: 15px; margin: -1.75em 0.5em 0; float: right; position: relative; } #issue-page .issue { background: url(../images/advocacy/folder.png) no-repeat 0px 0px; height: 517px; min-width: 800px; } #issue-page .issue ul li { list-style-type: disc; } #issue-page .issue .overview { padding: 0.75em; background: #ffffff; margin: 1em 4em 1em 3em; -moz-box-shadow: 2px 8px 20px -2px #21272b; -webkit-box-shadow: 2px 8px 20px -2px #21272b; box-shadow: 2px 8px 20px -2px #21272b; } #issue-page .issue .overview .hd h1 { color: #aec739; font-size: 1.45em; font-weight: bold; margin: 0em 0em 0.5em 0em; } #issue-page .issue .overview .hd h2 { color: #21272b; font-size: 1.15em; font-weight: bold; margin: 0em 0em 0.5em 0em; } #issue-page .issue .overview .bd p { color: #21272b; font-size: 1.15em; line-height: 1.4em; margin: 0em; } #issue-page .issue .overview .ft { margin: 1em 0em 0em 0em; } #issue-page .issue .overview .ft .social { margin: 1em 0em 0em 0em; padding: 0.25em; } #issue-page .issue .top { padding: 0.75em; background: #ffffff; margin: 1em 4em 1em 3em; -moz-box-shadow: 2px 8px 20px -2px #21272b; -webkit-box-shadow: 2px 8px 20px -2px #21272b; box-shadow: 2px 8px 20px -2px #21272b; margin: 1em 8em 0em -3em; } #issue-page .issue .top .hd h1 { color: #aec739; font-size: 1.45em; font-weight: bold; margin: 0em 0em 0.5em 0em; } #issue-page .issue .top .hd h2 { color: #21272b; font-size: 1.15em; font-weight: bold; margin: 0em 0em 0.5em 0em; } #issue-page .issue .top .bd p { color: #21272b; font-size: 1.15em; line-height: 1.4em; margin: 0em; } #issue-page .issue .top .ft { margin: 1em 0em 0em 0em; } #issue-page .issue .top .ft .social { margin: 1em 0em 0em 0em; padding: 0.25em; } #issue-page .issue .top .ft { margin: 0em; } #issue-page .issue .bottom { padding: 0.75em; background: #ffffff; margin: 1em 4em 1em 3em; -moz-box-shadow: 2px 8px 20px -2px #21272b; -webkit-box-shadow: 2px 8px 20px -2px #21272b; box-shadow: 2px 8px 20px -2px #21272b; margin: 1em 8em 0em -3em; background: #fffbad; padding: 0em 1em; } #issue-page .issue .bottom .hd h1 { color: #aec739; font-size: 1.45em; font-weight: bold; margin: 0em 0em 0.5em 0em; } #issue-page .issue .bottom .hd h2 { color: #21272b; font-size: 1.15em; font-weight: bold; margin: 0em 0em 0.5em 0em; } #issue-page .issue .bottom .bd p { color: #21272b; font-size: 1.15em; line-height: 1.4em; margin: 0em; } #issue-page .issue .bottom .ft { margin: 1em 0em 0em 0em; } #issue-page .issue .bottom .ft .social { margin: 1em 0em 0em 0em; padding: 0.25em; } #issue-page .issue .bottom table { border-spacing: 0em; } #issue-page .issue .bottom p { margin: 0em; } #issue-page .issue .bottom2 { padding: 0.75em; background: #ffffff; margin: 1em 4em 1em 3em; -moz-box-shadow: 2px 8px 20px -2px #21272b; -webkit-box-shadow: 2px 8px 20px -2px #21272b; box-shadow: 2px 8px 20px -2px #21272b; margin: 1em 8em 0em -3em; background: #fffbad; padding: 0em 1em; padding: 0.6em; } #issue-page .issue .bottom2 .hd h1 { color: #aec739; font-size: 1.45em; font-weight: bold; margin: 0em 0em 0.5em 0em; } #issue-page .issue .bottom2 .hd h2 { color: #21272b; font-size: 1.15em; font-weight: bold; margin: 0em 0em 0.5em 0em; } #issue-page .issue .bottom2 .bd p { color: #21272b; font-size: 1.15em; line-height: 1.4em; margin: 0em; } #issue-page .issue .bottom2 .ft { margin: 1em 0em 0em 0em; } #issue-page .issue .bottom2 .ft .social { margin: 1em 0em 0em 0em; padding: 0.25em; } #issue-page .issue .bottom2 table { border-spacing: 0em; } #issue-page .issue .bottom2 p { margin: 0em; } #issue-page .issue .bottom2 p { margin: 0em 0em 0.35em 0em; } #issue-page .issue .alert { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); color: #21272b; padding: 0.3em 0.5em; border: 1px solid #d3d3d3; margin: 0em 0em 1em 0em; width: 100%; } .advocacy-page .paperclip { background: url(../images/advocacy/paperclip.png) no-repeat top right; height: 44px; width: 15px; margin: -1.75em 0.5em 0; float: right; position: relative; } .advocacy-page .issue { background: url(../images/advocacy/folder.png) no-repeat 0px 0px; height: 517px; min-width: 800px; } .advocacy-page .issue ul li { list-style-type: disc; } .advocacy-page .issue .overview { padding: 0.75em; background: #ffffff; margin: 1em 4em 1em 3em; -moz-box-shadow: 2px 8px 20px -2px #21272b; -webkit-box-shadow: 2px 8px 20px -2px #21272b; box-shadow: 2px 8px 20px -2px #21272b; } .advocacy-page .issue .overview .hd h1 { color: #aec739; font-size: 1.45em; font-weight: bold; margin: 0em 0em 0.5em 0em; } .advocacy-page .issue .overview .hd h2 { color: #21272b; font-size: 1.15em; font-weight: bold; margin: 0em 0em 0.5em 0em; } .advocacy-page .issue .overview .bd p { color: #21272b; font-size: 1.15em; line-height: 1.4em; margin: 0em; } .advocacy-page .issue .overview .ft { margin: 1em 0em 0em 0em; } .advocacy-page .issue .overview .ft .social { margin: 1em 0em 0em 0em; padding: 0.25em; } .advocacy-page .issue .top { padding: 0.75em; background: #ffffff; margin: 1em 4em 1em 3em; -moz-box-shadow: 2px 8px 20px -2px #21272b; -webkit-box-shadow: 2px 8px 20px -2px #21272b; box-shadow: 2px 8px 20px -2px #21272b; margin: 1em 8em 0em -3em; } .advocacy-page .issue .top .hd h1 { color: #aec739; font-size: 1.45em; font-weight: bold; margin: 0em 0em 0.5em 0em; } .advocacy-page .issue .top .hd h2 { color: #21272b; font-size: 1.15em; font-weight: bold; margin: 0em 0em 0.5em 0em; } .advocacy-page .issue .top .bd p { color: #21272b; font-size: 1.15em; line-height: 1.4em; margin: 0em; } .advocacy-page .issue .top .ft { margin: 1em 0em 0em 0em; } .advocacy-page .issue .top .ft .social { margin: 1em 0em 0em 0em; padding: 0.25em; } .advocacy-page .issue .top .ft { margin: 0em; } .advocacy-page .issue .bottom { padding: 0.75em; background: #ffffff; margin: 1em 4em 1em 3em; -moz-box-shadow: 2px 8px 20px -2px #21272b; -webkit-box-shadow: 2px 8px 20px -2px #21272b; box-shadow: 2px 8px 20px -2px #21272b; margin: 1em 8em 0em -3em; background: #fffbad; padding: 0em 1em; } .advocacy-page .issue .bottom .hd h1 { color: #aec739; font-size: 1.45em; font-weight: bold; margin: 0em 0em 0.5em 0em; } .advocacy-page .issue .bottom .hd h2 { color: #21272b; font-size: 1.15em; font-weight: bold; margin: 0em 0em 0.5em 0em; } .advocacy-page .issue .bottom .bd p { color: #21272b; font-size: 1.15em; line-height: 1.4em; margin: 0em; } .advocacy-page .issue .bottom .ft { margin: 1em 0em 0em 0em; } .advocacy-page .issue .bottom .ft .social { margin: 1em 0em 0em 0em; padding: 0.25em; } .advocacy-page .issue .bottom table { border-spacing: 0em; } .advocacy-page .issue .bottom p { margin: 0em; } .advocacy-page .issue .bottom2 { padding: 0.75em; background: #ffffff; margin: 1em 4em 1em 3em; -moz-box-shadow: 2px 8px 20px -2px #21272b; -webkit-box-shadow: 2px 8px 20px -2px #21272b; box-shadow: 2px 8px 20px -2px #21272b; margin: 1em 8em 0em -3em; background: #fffbad; padding: 0em 1em; padding: 0.6em; } .advocacy-page .issue .bottom2 .hd h1 { color: #aec739; font-size: 1.45em; font-weight: bold; margin: 0em 0em 0.5em 0em; } .advocacy-page .issue .bottom2 .hd h2 { color: #21272b; font-size: 1.15em; font-weight: bold; margin: 0em 0em 0.5em 0em; } .advocacy-page .issue .bottom2 .bd p { color: #21272b; font-size: 1.15em; line-height: 1.4em; margin: 0em; } .advocacy-page .issue .bottom2 .ft { margin: 1em 0em 0em 0em; } .advocacy-page .issue .bottom2 .ft .social { margin: 1em 0em 0em 0em; padding: 0.25em; } .advocacy-page .issue .bottom2 table { border-spacing: 0em; } .advocacy-page .issue .bottom2 p { margin: 0em; } .advocacy-page .issue .bottom2 p { margin: 0em 0em 0.35em 0em; } .advocacy-page .issue .alert { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); color: #21272b; padding: 0.3em 0.5em; border: 1px solid #d3d3d3; margin: 0em 0em 1em 0em; width: 100%; } div.icon { height: 60px; width: 70px; padding: 0.75em; margin-right: 2px; } div.boxing-gloves { background: url(../images/advocacy/cityhall_rumble_capwizpage_icon.png) no-repeat 0px 0px; } div.gpnp-form-icon { background: url(../images/advocacy/gpnp_form_icon.png) no-repeat 0px 0px; } div.gavel { background: url(../images/advocacy/legislation_iconpng.png) no-repeat 0px 0px; } .action-box-border { background: #f3f3f3; color: #21272b; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; padding: 1em 1em 2em; margin: 0em 0em 1em 0em; } .action-box-border h4 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; color: #21272b; font-size: 2em; } .action-box-border table tr td { vertical-align: top; color: #4f5a63; } .action-box-border .hd { margin: 0.3em 1em; } .action-box-border .bd { margin: 0.3em 1em; } .action-box-border .ft { margin: 0.3em 1em; } .action-box-border ul li { list-style-type: disc; } .action-box-border-grey { background: #f3f3f3; color: #21272b; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; padding: 1em 1em 2em; margin: 0em 0em 1em 0em; } .action-box-border-grey h3 { margin: 0em 0em 0.5em 0em; } .action-box-border-grey h4 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; color: #21272b; font-size: 2em; } .action-box-border-grey table tr td { vertical-align: top; color: #4f5a63; } .action-box-border-grey .hd { margin: 0.3em 1em; } .action-box-border-grey .bd { margin: 0.3em 1em; } .action-box-border-grey .ft { margin: 0.3em 1em; } .action-box-border-grey ul li { list-style-type: disc; } .action-box-border-grey table tr td { color: #21272b; } .action-box-border-grey ul li { margin: 0em 0em 0.5em 1em; list-style-type: disc; } .action-box { background: #f3f3f3; padding: 1em; margin: 2em 0em 3em 1em; overflow: hidden; float: left; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: 3px 4px 8px 0px #d3d3d3; -webkit-box-shadow: 3px 4px 8px #d3d3d3; box-shadow: 3px 4px 8px 0px #d3d3d3; } .action-box .hd { margin: 0.3em 1em; } .action-box .bd { margin: 0.3em 1em; } .action-box .ft { margin: 0.3em 1em; } .action-box .hd .icon { height: 50px; width: 60px; margin: -3.4em 0 -1.5em -3.7em; position: absolute; } .action-box .hd div.twitter { background: url(../images/advocacy/actioncenter_twitter_icon.png) no-repeat 0px 0px; } .action-box .hd div.facebook { background: url(../images/advocacy/actioncenter_facebook_icon.png) no-repeat 0px 0px; } .action-box .hd div.welcome { background: url(../images/advocacy/actioncenter_welcome_icon.png) no-repeat 0px 0px; } .action-box .hd div.phone { background: url(../images/advocacy/calllegislator_icon.png) no-repeat 0px 0px; height: 60px; } .action-box .hd div.email { background: url(../images/advocacy/actioncenter_email_icon.png) no-repeat 0px 0px; height: 60px; } .action-box .hd h1 { font-size: 1.5em; color: #ffa132; margin: 0em 0em 0.5em 0em; } .action-box .bd .message { background: #ffffff; color: #21272b; padding: 0.5em; border: 1px solid #b6b5b5; line-height: 1.35em; overflow: hidden; } .action-box .ft { clear: both; margin-top: 1.2em; } .action-box .ft a.button { float: right; } .action-box .ft a.button span { text-decoration: none !important; background-image: none; margin: 0px; } .action-box .ft p.sign-in { float: left; margin: 1em 1em 0em 0em; color: #d3d3d3; } *div.action-box { margin: 1em auto 3em !important; } .ss-form-container { color: #4f5a63; } .ss-form-container p { margin: 0em; } .ss-form-container .ss-form-heading { background: url(../images/advocacy/clipboard.png) no-repeat 0px 0px; padding: 0em 0em 0em 7.2em; min-height: 105px; } .ss-form-container .ss-form-heading .ss-form-title { color: #21272b; font-size: 2.3em; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .ss-form-container .ss-form-heading .ss-form-desc { font-size: 1.2em; line-height: 1.2em; margin: 0.15em 0em 0em 0em; } .ss-form-container .ss-form { float: left; background: #f3f3f3; padding: 1em; margin: 2em 0em 3em 1em; overflow: hidden; float: left; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: 3px 4px 8px 0px #d3d3d3; -webkit-box-shadow: 3px 4px 8px #d3d3d3; box-shadow: 3px 4px 8px 0px #d3d3d3; width: 90%; margin-left: 0em; } .ss-form-container .ss-form .hd { margin: 0.3em 1em; } .ss-form-container .ss-form .bd { margin: 0.3em 1em; } .ss-form-container .ss-form .ft { margin: 0.3em 1em; } .ss-form-container .ss-form .hd .icon { height: 50px; width: 60px; margin: -3.4em 0 -1.5em -3.7em; position: absolute; } .ss-form-container .ss-form .hd div.twitter { background: url(../images/advocacy/actioncenter_twitter_icon.png) no-repeat 0px 0px; } .ss-form-container .ss-form .hd div.facebook { background: url(../images/advocacy/actioncenter_facebook_icon.png) no-repeat 0px 0px; } .ss-form-container .ss-form .hd div.welcome { background: url(../images/advocacy/actioncenter_welcome_icon.png) no-repeat 0px 0px; } .ss-form-container .ss-form .hd div.phone { background: url(../images/advocacy/calllegislator_icon.png) no-repeat 0px 0px; height: 60px; } .ss-form-container .ss-form .hd div.email { background: url(../images/advocacy/actioncenter_email_icon.png) no-repeat 0px 0px; height: 60px; } .ss-form-container .ss-form .hd h1 { font-size: 1.5em; color: #ffa132; margin: 0em 0em 0.5em 0em; } .ss-form-container .ss-form .bd .message { background: #ffffff; color: #21272b; padding: 0.5em; border: 1px solid #b6b5b5; line-height: 1.35em; overflow: hidden; } .ss-form-container .ss-form .ft { clear: both; margin-top: 1.2em; } .ss-form-container .ss-form .ft a.button { float: right; } .ss-form-container .ss-form .ft a.button span { text-decoration: none !important; background-image: none; margin: 0px; } .ss-form-container .ss-form .ft p.sign-in { float: left; margin: 1em 1em 0em 0em; color: #d3d3d3; } .ss-form-container .ss-form .ss-item { margin: 0em auto 1em; float: left; width: 95%; } .ss-form-container .ss-form .ss-item input[type="text"] { padding: 0.5em; border: 1px solid #b6b5b5; color: #21272b; float: left; width: 50%; } .ss-form-container .ss-form .ss-item textarea { padding: 0.5em; border: 1px solid #b6b5b5; color: #21272b; float: left; width: 50%; } .ss-form-container .ss-form .ss-item input[type="text"]:focus { border: 1px dashed #34b1c4; } .ss-form-container .ss-form .ss-item textarea:focus { border: 1px dashed #34b1c4; } .ss-form-container .ss-form .ss-item input[type="submit"] { background: none repeat scroll 0 0 #4f5a63; border: medium none; border-radius: 3px; box-shadow: 1px 20px 1px #5d6872 inset; color: #ffffff; cursor: pointer; display: block; float: left; font-family: "futura-pt-1", "futura-pt-2", arial; font-size: 18px !important; font-weight: normal !important; padding: 10px 20px; text-align: center; text-decoration: none; line-height: normal !important; } .ss-form-container .ss-form .ss-item input[type="submit"]:hover { background: #21272b; box-shadow: 1px 22px 1px #2a2f33 inset; } .ss-form-container .ss-form .ss-item select { float: left; width: 136px; } .ss-form-container .ss-form .ss-item .ss-q-title { float: left; } .ss-form-container .ss-form .ss-item .ss-q-title { color: #21272b; font-weight: bold; width: 120px; text-align: right; margin: 0em 1em 0em 0em; width: 32%; } .ss-form-container .ss-form .ss-item label { color: #21272b; font-weight: bold; width: 120px; text-align: right; margin: 0em 1em 0em 0em; width: 32%; } .ss-form-container .ss-form .ss-item .ss-q-help { color: #d3d3d3; display: none; } .ss-form-container .ss-form .ss-item .ss-choices { float: left; } .ss-form-container .ss-form .ss-item .ss-choices li { border-bottom: none !important; margin: 0em 1em 0em 0em !important; } .ss-form-container .ss-form .ss-navigate { margin: 1em 0em 0em 0em; clear: both !important; } .ss-form-container .ss-form .ss-navigate input[type="submit"] { float: right; } .ss-form-container .ss-footer { margin: -1.5em 0em 0em 0em; float: left; color: #b6b5b5; } .ss-form-container .ss-footer .ss-legal .ss-terms { margin: 0em 0em 0em 1em; display: none; } .ss-form-container-simple { color: #4f5a63; } .ss-form-container-simple p { margin: 0em; } .ss-form-container-simple .ss-form-heading { background: url(../images/advocacy/clipboard.png) no-repeat 0px 0px; padding: 0em 0em 0em 7.2em; min-height: 105px; } .ss-form-container-simple .ss-form-heading .ss-form-title { color: #21272b; font-size: 2.3em; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .ss-form-container-simple .ss-form-heading .ss-form-desc { font-size: 1.2em; line-height: 1.2em; margin: 0.15em 0em 0em 0em; } .ss-form-container-simple .ss-form { float: left; background: #f3f3f3; padding: 1em; margin: 2em 0em 3em 1em; overflow: hidden; float: left; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: 3px 4px 8px 0px #d3d3d3; -webkit-box-shadow: 3px 4px 8px #d3d3d3; box-shadow: 3px 4px 8px 0px #d3d3d3; width: 90%; margin-left: 0em; } .ss-form-container-simple .ss-form .hd { margin: 0.3em 1em; } .ss-form-container-simple .ss-form .bd { margin: 0.3em 1em; } .ss-form-container-simple .ss-form .ft { margin: 0.3em 1em; } .ss-form-container-simple .ss-form .hd .icon { height: 50px; width: 60px; margin: -3.4em 0 -1.5em -3.7em; position: absolute; } .ss-form-container-simple .ss-form .hd div.twitter { background: url(../images/advocacy/actioncenter_twitter_icon.png) no-repeat 0px 0px; } .ss-form-container-simple .ss-form .hd div.facebook { background: url(../images/advocacy/actioncenter_facebook_icon.png) no-repeat 0px 0px; } .ss-form-container-simple .ss-form .hd div.welcome { background: url(../images/advocacy/actioncenter_welcome_icon.png) no-repeat 0px 0px; } .ss-form-container-simple .ss-form .hd div.phone { background: url(../images/advocacy/calllegislator_icon.png) no-repeat 0px 0px; height: 60px; } .ss-form-container-simple .ss-form .hd div.email { background: url(../images/advocacy/actioncenter_email_icon.png) no-repeat 0px 0px; height: 60px; } .ss-form-container-simple .ss-form .hd h1 { font-size: 1.5em; color: #ffa132; margin: 0em 0em 0.5em 0em; } .ss-form-container-simple .ss-form .bd .message { background: #ffffff; color: #21272b; padding: 0.5em; border: 1px solid #b6b5b5; line-height: 1.35em; overflow: hidden; } .ss-form-container-simple .ss-form .ft { clear: both; margin-top: 1.2em; } .ss-form-container-simple .ss-form .ft a.button { float: right; } .ss-form-container-simple .ss-form .ft a.button span { text-decoration: none !important; background-image: none; margin: 0px; } .ss-form-container-simple .ss-form .ft p.sign-in { float: left; margin: 1em 1em 0em 0em; color: #d3d3d3; } .ss-form-container-simple .ss-form .ss-item { margin: 0em auto 1em; float: left; width: 95%; } .ss-form-container-simple .ss-form .ss-item input[type="text"] { padding: 0.5em; border: 1px solid #b6b5b5; color: #21272b; float: left; width: 50%; } .ss-form-container-simple .ss-form .ss-item textarea { padding: 0.5em; border: 1px solid #b6b5b5; color: #21272b; float: left; width: 50%; } .ss-form-container-simple .ss-form .ss-item input[type="text"]:focus { border: 1px dashed #34b1c4; } .ss-form-container-simple .ss-form .ss-item textarea:focus { border: 1px dashed #34b1c4; } .ss-form-container-simple .ss-form .ss-item input[type="submit"] { background: none repeat scroll 0 0 #4f5a63; border: medium none; border-radius: 3px; box-shadow: 1px 20px 1px #5d6872 inset; color: #ffffff; cursor: pointer; display: block; float: left; font-family: "futura-pt-1", "futura-pt-2", arial; font-size: 18px !important; font-weight: normal !important; padding: 10px 20px; text-align: center; text-decoration: none; line-height: normal !important; } .ss-form-container-simple .ss-form .ss-item input[type="submit"]:hover { background: #21272b; box-shadow: 1px 22px 1px #2a2f33 inset; } .ss-form-container-simple .ss-form .ss-item select { float: left; width: 136px; } .ss-form-container-simple .ss-form .ss-item .ss-q-title { float: left; } .ss-form-container-simple .ss-form .ss-item .ss-q-title { color: #21272b; font-weight: bold; width: 120px; text-align: right; margin: 0em 1em 0em 0em; width: 32%; } .ss-form-container-simple .ss-form .ss-item label { color: #21272b; font-weight: bold; width: 120px; text-align: right; margin: 0em 1em 0em 0em; width: 32%; } .ss-form-container-simple .ss-form .ss-item .ss-q-help { color: #d3d3d3; display: none; } .ss-form-container-simple .ss-form .ss-item .ss-choices { float: left; } .ss-form-container-simple .ss-form .ss-item .ss-choices li { border-bottom: none !important; margin: 0em 1em 0em 0em !important; } .ss-form-container-simple .ss-form .ss-navigate { margin: 1em 0em 0em 0em; clear: both !important; } .ss-form-container-simple .ss-form .ss-navigate input[type="submit"] { float: right; } .ss-form-container-simple .ss-footer { margin: -1.5em 0em 0em 0em; float: left; color: #b6b5b5; } .ss-form-container-simple .ss-footer .ss-legal .ss-terms { margin: 0em 0em 0em 1em; display: none; } .ss-form-container-simple .ss-form-heading { background: none !important; min-height: 0px; padding: 0em; display: none; } .ss-form-container-simple .ss-form-heading h1 { color: #ffffff !important; font-size: 1.5em !important; } .ss-form-container-simple .ss-form { background: #ffffff; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; margin: 0.5em 0em 0em; width: inherit; } .ss-form-container-simple .ss-choices li { list-style-type: none; } .ss-form-container-simple .ss-footer { display: none; } .ss-form-container-simple input[type="submit"] { margin: 0 auto; } .confirmation-container { display: none; background: #f3f3f3; padding: 1em; margin: 2em 0em 3em 1em; overflow: hidden; float: left; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: 3px 4px 8px 0px #d3d3d3; -webkit-box-shadow: 3px 4px 8px #d3d3d3; box-shadow: 3px 4px 8px 0px #d3d3d3; width: 85%; } .confirmation-container .hd { margin: 0.3em 1em; } .confirmation-container .bd { margin: 0.3em 1em; } .confirmation-container .ft { margin: 0.3em 1em; } .confirmation-container .hd .icon { height: 50px; width: 60px; margin: -3.4em 0 -1.5em -3.7em; position: absolute; } .confirmation-container .hd div.twitter { background: url(../images/advocacy/actioncenter_twitter_icon.png) no-repeat 0px 0px; } .confirmation-container .hd div.facebook { background: url(../images/advocacy/actioncenter_facebook_icon.png) no-repeat 0px 0px; } .confirmation-container .hd div.welcome { background: url(../images/advocacy/actioncenter_welcome_icon.png) no-repeat 0px 0px; } .confirmation-container .hd div.phone { background: url(../images/advocacy/calllegislator_icon.png) no-repeat 0px 0px; height: 60px; } .confirmation-container .hd div.email { background: url(../images/advocacy/actioncenter_email_icon.png) no-repeat 0px 0px; height: 60px; } .confirmation-container .hd h1 { font-size: 1.5em; color: #ffa132; margin: 0em 0em 0.5em 0em; } .confirmation-container .bd .message { background: #ffffff; color: #21272b; padding: 0.5em; border: 1px solid #b6b5b5; line-height: 1.35em; overflow: hidden; } .confirmation-container .ft { clear: both; margin-top: 1.2em; } .confirmation-container .ft a.button { float: right; } .confirmation-container .ft a.button span { text-decoration: none !important; background-image: none; margin: 0px; } .confirmation-container .ft p.sign-in { float: left; margin: 1em 1em 0em 0em; color: #d3d3d3; } .confirmation-container .hd h1 { font-size: 2.2em; } .confirmation-container .bd .message { color: #4f5a63; padding: 1em; line-height: 1.8em; } .confirmation-container .bd .message h2 { font-size: 1.75em; color: #21272b; margin: 0em 0em 1em 0em; } .confirmation-container .bd .message p { margin: 0em 0em 1.2em 0em; font-size: 1.2em; } .confirmation-container .bd .message div.arrow { background: url(../images/advocacy/actioncenter_right_icon.png) no-repeat 0px 0px; height: 55px; width: 60px; margin: -2em 0em 0em 0em; float: right; } .confirmation-container-action { margin: 2em 0 3em 0 !important; color: #21272b; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; display: none; background: #f3f3f3; padding: 1em; margin: 2em 0em 3em 1em; overflow: hidden; float: left; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: 3px 4px 8px 0px #d3d3d3; -webkit-box-shadow: 3px 4px 8px #d3d3d3; box-shadow: 3px 4px 8px 0px #d3d3d3; width: 85%; } .confirmation-container-action .hd { margin: 0.3em 1em; } .confirmation-container-action .bd { margin: 0.3em 1em; } .confirmation-container-action .ft { margin: 0.3em 1em; } .confirmation-container-action .hd .icon { height: 50px; width: 60px; margin: -3.4em 0 -1.5em -3.7em; position: absolute; } .confirmation-container-action .hd div.twitter { background: url(../images/advocacy/actioncenter_twitter_icon.png) no-repeat 0px 0px; } .confirmation-container-action .hd div.facebook { background: url(../images/advocacy/actioncenter_facebook_icon.png) no-repeat 0px 0px; } .confirmation-container-action .hd div.welcome { background: url(../images/advocacy/actioncenter_welcome_icon.png) no-repeat 0px 0px; } .confirmation-container-action .hd div.phone { background: url(../images/advocacy/calllegislator_icon.png) no-repeat 0px 0px; height: 60px; } .confirmation-container-action .hd div.email { background: url(../images/advocacy/actioncenter_email_icon.png) no-repeat 0px 0px; height: 60px; } .confirmation-container-action .hd h1 { font-size: 1.5em; color: #ffa132; margin: 0em 0em 0.5em 0em; } .confirmation-container-action .bd .message { background: #ffffff; color: #21272b; padding: 0.5em; border: 1px solid #b6b5b5; line-height: 1.35em; overflow: hidden; } .confirmation-container-action .ft { clear: both; margin-top: 1.2em; } .confirmation-container-action .ft a.button { float: right; } .confirmation-container-action .ft a.button span { text-decoration: none !important; background-image: none; margin: 0px; } .confirmation-container-action .ft p.sign-in { float: left; margin: 1em 1em 0em 0em; color: #d3d3d3; } .confirmation-container-action .hd h1 { font-size: 2.5em; font-weight: normal; color: #21272b; margin: 0; } .confirmation-container-action .bd .message { padding: 1em 0; line-height: 1.8em; border: none; background: #f3f3f3; } .confirmation-container-action .bd .message p { color: #21272b; font-size: 2em; } .fb-like-wrapper { background: #f3f3f3; padding: 0.5em 0.5em 0em 0.5em; } .post-it { padding: 3em 1.4em 1.4em 1.4em; -moz-box-shadow: 3px 4px 8px 0px #b6b5b5; -webkit-box-shadow: 3px 4px 8px #b6b5b5; box-shadow: 3px 4px 8px 0px #b6b5b5; background: url(../images/advocacy/thumbtack.png) no-repeat center 0px; max-width: 200px; border: 1px solid #e6e6e6; } .post-it .hd { margin: 0em 0em 0.75em 0em; } .post-it .bd { margin: 0em 0em 0.75em 0em; } .post-it .ft { margin: 0em 0em 0.75em 0em; } .post-it .hd { color: #21272b; min-height: 2.5em; } .post-it .bd p { min-height: 4em; font-size: 1.2em; line-height: 1.3em; } .post-it .ft { float: left; } ul.current-campaigns { margin: 0em auto 2em; width: 95%; } ul.current-campaigns li { float: left; list-style-type: none; margin: 0em; width: 31%; } ul.current-campaigns li + li { margin: 0em 0em 0em 1.5em; } ul.past-campaigns li { padding: 1em 0 !important; } ul.past-campaigns li .campaign-copy { margin: 0 0 0.5em 10em !important; } ul.past-campaigns li table { border-spacing: 0px; } ul.past-campaigns li table tr td:first-child { padding: 1em 1em 1em 0em; } ul.past-campaigns li table tr td .homepage-item { padding: 1em !important; } .campaign-images { float: left; } .my-slate .candidates.print-slate { border: 1px dashed #21272b; width: 550px; margin: 45px auto; } .my-slate .candidates.print-slate .print-slate-header { position: relative; } .my-slate .candidates.print-slate .print-slate-header .small-icon { float: left; margin: 0em 1em 1em 0em; } .my-slate .candidates.print-slate .print-slate-header h1 { color: #21272b; } .my-slate .candidates.print-slate .print-slate-header p { color: #4f5a63; } .my-slate .candidates.print-slate .print-slate-header a.show-all-candidates { position: absolute; right: -5px; top: -65px; } .my-slate .slate-controls h2 { float: left; color: #21272b; line-height: 40px; } .my-slate .slate-controls a.create-slate { float: left; margin: 0em 0em 0em 0.5em; } .my-slate #user-form.ss-form-container { margin: 1em 0em 0em 0em; float: left; } .my-slate #user-form.ss-form-container .spinner { background: url(../images/about/buzzmap/spinner.gif) no-repeat 0px 0px #ffffff; height: 35px; width: 32px; float: left; margin: 0em 0.5em 0em 0em; display: none; } .my-slate #user-form.ss-form-container h2 { color: #21272b; } .my-slate #user-form.ss-form-container p { color: #4f5a63; margin: 0em 0em 1em 0em; border-bottom: 1px solid #d3d3d3; padding: 0em 0em 0.5em 0em; } .my-slate #user-form.ss-form-container form.ss-form { -moz-box-shadow: 0px 0px 0px 0px #ffffff; -webkit-box-shadow: 0px 0px 0px #ffffff; box-shadow: 0px 0px 0px 0px #ffffff; width: auto; background: none; margin: 0em 0em; border: none; margin: 0em; } .my-slate #user-form.ss-form-container form.ss-form .error { display: none; color: #e84a4a; font-size: smaller; width: auto; border: 0px none; padding: 0em; margin: 0em 0em 0.4em 0em; } .my-slate #user-form.ss-form-container form.ss-form input { margin: 0em; } .my-slate #user-form.ss-form-container form.ss-form input[type=submit] { float: right; margin: 0.5em 0em 0em 0em; font-size: 18px; color: #21272b; padding: 11px 30px; cursor: pointer; border: none; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; background: #35aebe; background: -moz-linear-gradient(top, #99dce5, #35aebe); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99dce5), to(#35aebe)); -moz-box-shadow: 3px 4px 8px 0px #d3d3d3; -webkit-box-shadow: 3px 4px 8px #d3d3d3; box-shadow: 3px 4px 8px 0px #d3d3d3; display: block; text-decoration: none; text-align: center; font-family: arial; font-weight: bold; } .my-slate #user-form.ss-form-container form.ss-form input[type=submit]:hover { background: #52bdcd; background: -moz-linear-gradient(top, #52bdcd, #057281); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52bdcd), to(#057281)); } .my-slate #user-form.ss-form-container form.ss-form label { line-height: 2.2em; font-weight: normal; color: #4f5a63; } .my-slate .no-endorsements-message { -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; background: #f3f3f3; background: -moz-linear-gradient(top, #f3f3f3, #d3d3d3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); padding: 1em; margin: 1em auto 0em; width: 500px; border: 1px solid #d3d3d3; } .my-slate .no-endorsements-message p { margin: 0em; color: #4f5a63; text-align: center; font-size: 1.2em; } #cboxContent .candidates.print-slate { border: 1px dashed #21272b; width: 550px; margin: 45px auto; } #cboxContent .candidates.print-slate .print-slate-header { position: relative; } #cboxContent .candidates.print-slate .print-slate-header .small-icon { float: left; margin: 0em 1em 1em 0em; } #cboxContent .candidates.print-slate .print-slate-header h1 { color: #21272b; } #cboxContent .candidates.print-slate .print-slate-header p { color: #4f5a63; } #cboxContent .candidates.print-slate .print-slate-header a.show-all-candidates { position: absolute; right: -5px; top: -65px; } #cboxContent .slate-controls h2 { float: left; color: #21272b; line-height: 40px; } #cboxContent .slate-controls a.create-slate { float: left; margin: 0em 0em 0em 0.5em; } #cboxContent #user-form.ss-form-container { margin: 1em 0em 0em 0em; float: left; } #cboxContent #user-form.ss-form-container .spinner { background: url(../images/about/buzzmap/spinner.gif) no-repeat 0px 0px #ffffff; height: 35px; width: 32px; float: left; margin: 0em 0.5em 0em 0em; display: none; } #cboxContent #user-form.ss-form-container h2 { color: #21272b; } #cboxContent #user-form.ss-form-container p { color: #4f5a63; margin: 0em 0em 1em 0em; border-bottom: 1px solid #d3d3d3; padding: 0em 0em 0.5em 0em; } #cboxContent #user-form.ss-form-container form.ss-form { -moz-box-shadow: 0px 0px 0px 0px #ffffff; -webkit-box-shadow: 0px 0px 0px #ffffff; box-shadow: 0px 0px 0px 0px #ffffff; width: auto; background: none; margin: 0em 0em; border: none; margin: 0em; } #cboxContent #user-form.ss-form-container form.ss-form .error { display: none; color: #e84a4a; font-size: smaller; width: auto; border: 0px none; padding: 0em; margin: 0em 0em 0.4em 0em; } #cboxContent #user-form.ss-form-container form.ss-form input { margin: 0em; } #cboxContent #user-form.ss-form-container form.ss-form input[type=submit] { float: right; margin: 0.5em 0em 0em 0em; font-size: 18px; color: #21272b; padding: 11px 30px; cursor: pointer; border: none; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; background: #35aebe; background: -moz-linear-gradient(top, #99dce5, #35aebe); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99dce5), to(#35aebe)); -moz-box-shadow: 3px 4px 8px 0px #d3d3d3; -webkit-box-shadow: 3px 4px 8px #d3d3d3; box-shadow: 3px 4px 8px 0px #d3d3d3; display: block; text-decoration: none; text-align: center; font-family: arial; font-weight: bold; } #cboxContent #user-form.ss-form-container form.ss-form input[type=submit]:hover { background: #52bdcd; background: -moz-linear-gradient(top, #52bdcd, #057281); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52bdcd), to(#057281)); } #cboxContent #user-form.ss-form-container form.ss-form label { line-height: 2.2em; font-weight: normal; color: #4f5a63; } #cboxContent .no-endorsements-message { -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; background: #f3f3f3; background: -moz-linear-gradient(top, #f3f3f3, #d3d3d3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); padding: 1em; margin: 1em auto 0em; width: 500px; border: 1px solid #d3d3d3; } #cboxContent .no-endorsements-message p { margin: 0em; color: #4f5a63; text-align: center; font-size: 1.2em; } a.find-your-district { background: url(../images/advocacy/findyourdistrict.png) no-repeat 0px 0px; height: 75px; width: 139px; display: block; text-indent: -4000px; margin: 2em 0em 2em 4em; } a.find-your-district:hover { background-position: 0px -75px; } .freelancer-slate .candidates { background: #ffffff; padding: 1em; } .freelancer-slate #freelancer-slate-hd { margin: 0em 0em 2em; } .freelancer-slate #freelancer-slate-hd table { border-spacing: 0px; } .freelancer-slate #freelancer-slate-hd table tr td { vertical-align: top; padding: 0.5em; } .freelancer-slate #freelancer-slate-hd h1 { margin: 0em 0em 0.3em 0em; } .freelancer-slate #freelancer-slate-hd h4 { font-weight: normal; font-size: 1.2em; } .freelancer-slate span.primary { background: purple; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; padding: 1.6px 5px; margin: 0em 0em 0em -0.8em; border: 2px solid #ffffff; color: #ffffff; font-weight: bold; } .freelancer-slate .state { background: #aec739; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; padding: 1.6px 0 1.6px 7px; margin: 0em 0em 0em -1em; border: 2px solid #ffffff; color: #ffffff; font-weight: bold; width: 2em; } .freelancer-slate *span.primary { margin: 0em; } ul.list-float-left li { float: left; list-style-type: none; margin: 0em 1em 0em 0em; } ul.list-float-left li + li { border-left: 1px solid #d3d3d3; padding: 0em 0em 0em 1em; } .candidate { float: left; padding: 1em 1.5em; } .candidate .photo { -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-box-shadow: 3px 4px 8px 0px #d3d3d3; -webkit-box-shadow: 3px 4px 8px #d3d3d3; box-shadow: 3px 4px 8px 0px #d3d3d3; width: 100px; height: 120px; position: relative; background-color: #f3f3f3; } .candidate .photo .district { position: absolute; z-index: 2; background: #21272b; color: #ffffff; font-weight: bold; bottom: 5px; right: 0px; padding: 0.3em; opacity: 0.75; filter: alpha(opacity=100); text-align: right; font-size: 0.9em; } .candidate .ft { margin: 0.4em 0em 0em 0em; width: 100px; height: 30px; } .photo-small { height: 100px !important; width: 83px !important; } .candidate-button { width: 280px; clear: both; float: right; } .candidate-spotlight { padding: 0 !important; width: 90px !important; } .candidate-small { padding: 0 0.5em 0 0 !important; float: none !important; } .pac-banner-container { -moz-box-shadow: 5px 5px 10px #b6b5b5; -webkit-box-shadow: 5px 5px 10px #b6b5b5; box-shadow: 5px 5px 10px #b6b5b5; border: 1px solid #d3d3d3; margin: 0em 0em 2em 0em; background: url(../images/advocacy/gradient_slideshow.png) repeat-x 0px 0px; } .pac-banner-container .banner { background: #f3f3f3; } #pac-banner { border: 1px solid #d3d3d3; height: 270px; } .pac-donate-banner { background: url(../images/advocacy/pac_donate.png) no-repeat 0px 0px; height: 320px; margin-bottom: 1.5em; } .pac-donate-banner a { display: block; height: 320px; width: 100%; } .pay-by-check { background: #f3f3f3; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; padding: 10px; border: 1px solid #d3d3d3; margin-top: 3.1em; } .free-gift h1 { color: #21272b; } .fineprint { font-size: 0.9em; border-top: 1px dotted #21272b; padding: 1em 0 0; margin-top: 20px !important; } .caption { color: #e84a4a; } .premiums { width: 500px; margin: 0 auto; } .premiums .premium-box { float: left; margin: 10px; } .premiums .premium-box .premium-img { height: 250px; } .premiums .premium-box .premium-img img { height: 220px; } .premiums .premium-box .desc-text { font-size: 12px; text-align: center; } .pac-explain { margin: 2em auto 0; } .pac-explain h2.pac-info { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 1.7em; color: #21272b; margin-bottom: 20px; } .pac-explain h1 { color: #21272b; font-size: 2.6em; } .pac-explain a { display: block; margin: 0 auto; float: left; } .pac-explain p { font-size: 1.2em; line-height: 1.3em; margin-bottom: 1.2em; } .pac-explain p b { color: #f25012; } .together h2 { color: #4f5a63; font-size: 1.8em; } .pac-image { background: url(../images/advocacy/pac-explain.png) no-repeat 0px 0px; height: 290px; border: 1px solid #d3d3d3; } .pac-check { border-left: 1px solid #d3d3d3; color: #4f5a63; padding: 0.5em 1em 0; margin-left: 1em; } .comic-wrapper { background-color: #21272b; width: 920px; margin: 1em auto; position: relative; padding: 1.5em 0; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; } .comic-button-wrapper { width: 920px; } .comic-button-wrapper .comic-buttons { margin: 50px auto; width: 420px; } .comic-button-wrapper .comic-buttons a { display: inline; width: 200px; } .comic-hide { display: none; } .comic li { height: 390px !important; list-style: none; margin: 0 15pt; } .carousel-control { position: absolute; z-index: 2; cursor: pointer; width: 440px; height: 390px; border: none; outline: none; } .carousel-next { background: url(../images/advocacy/arrow_right_sprite.png) no-repeat scroll 0 0 transparent; top: 4%; right: 2%; } .carousel-next:hover { background-position: 0 -390px; } .carousel-previous { top: 4%; left: 2%; background: url(../images/advocacy/arrow_left_sprite.png) no-repeat scroll 0 0 transparent; } .carousel-previous:hover { background-position: 0 -390px; } .view { margin: 0.5em 0 2em 0.5em !important; } .scroll { height: 42em; overflow: scroll; overflow-x: hidden; } .mm-calendar { background: url(../images/advocacy/meetingdates_sprite.png) no-repeat 0 0; height: 88px; width: 116px; margin: 1em 0; } .mm-calendar a { width: 100%; height: 100%; display: block; text-indent: -4000px; } .march { background-position: 0 0; } .april { background-position: 0 -88px; } .may { background-position: 0 -176px; } .june { background-position: 0 -264px; } .banner-headline { background: url(../images/advocacy/thumbtack.png) no-repeat 0 0; } .banner-headline h2 { font-size: 4em; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; margin: 0 1em; color: #21272b; font-weight: normal; padding: 15px 0 0; } .banner-headline .thumbnail-right { background: url(../images/advocacy/thumbtack.png) no-repeat 0 0; float: right; height: 49px; width: 22px; } .sign-up-icons { background: url(../images/advocacy/signup_icons.png) no-repeat 0 0; display: block; height: 50px; width: 75px; } .green-gavel { background-position: 0 0; } .green-money { background-position: 0 -50px; } .next-steps-wrapper { background: #e6e6e6; border: 1px solid #f3f3f3; margin: 1em 0; padding: 2em 1em; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; } .next-steps-wrapper .next-steps-img { background: url(../images/advocacy/lobbyday_icon.png) no-repeat 0 0; width: 46px; height: 45px; } .next-steps-wrapper .next-steps-info { padding: 0 0 0 60px; margin-top: -3.7em; margin-bottom: -1em; } .next-steps-wrapper .next-steps-info h3 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2.2em; color: #21272b; margin-bottom: 0.2em; } .next-steps-wrapper .next-steps-info p { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; color: #34b1c4; font-size: 1.5em; line-height: 19px; } ul.sidelinks li a { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 1.6em !important; } .landing-banner { min-width: 660px; background: url(../images/common/site_head.png) no-repeat 0 0; height: 300px; position: relative; margin-bottom: 1em; } .landing-banner .landing-copy { background: url(../images/common/bg_drk_trans_overlay.png) repeat top left; padding: 0; width: 320px; position: absolute; top: 0; bottom: 0; left: 0; height: 100%; } .landing-banner .landing-copy h1 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2.2em; margin: 1em; color: #ffffff; } .landing-banner .landing-copy h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2.2em; margin: 1em; color: #ffffff; } .advocacy-site-head { background-position: 0 0; } .about-site-head { background-position: 0 -310px; } .main-ask-copy { position: relative; margin-left: 160px; margin-right: 1em; } .main-ask-copy a { text-decoration: none; } .main-ask-copy a:hover { text-decoration: none; } .main-ask-copy a h2 { color: #f25012; } .main-ask-copy a h2:hover { color: #21272b; } .featured-icon { width: 140px; height: 120px; position: relative; display: inline-block; background: url(../images/common/feature_sprite.png) no-repeat top left; } .resources-featured-icon { background-position: 0 0; } .pol-action-featured-icon { background-position: 0 -100px; } .community-featured-cion { background-position: 0 -200px; } .main-ask-icon { float: left; margin: 0 20px; } .bucket-standard { width: 100%; margin: 2em 0; float: left; padding: 2em 0; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .bucket-standard .bucket-icon { background: url(../images/common/gpnp_badge_icons.png) no-repeat top left; width: 85px; height: 80px; float: left; position: relative; margin: 3em 1em 3em 3em; } .bucket-standard .contract-creator-icon { background-position: 0 -85px; } .bucket-standard h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2.5em; color: #21272b; margin: 0; } .bucket-standard p { font-size: 1.3em; line-height: 1.5em; margin: 0; padding: 0; } .sec-bucket { position: relative; float: left; margin: 0 0 2em 0; width: 95%; padding-bottom: 1em; height: 140px; } .sec-bucket li { list-style: none outside none; padding: 0; margin: 5px 0; font-size: 1.1em; line-height: inherit; } .sec-bucket p { font-size: 1.2em; line-height: 1.3em; } .sec-bucket h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2em; margin-bottom: 5px; color: #4f5a63; } .sec-bucket h2 a { color: #21272b; } .sec-bucket h2 a:hover { color: #f25012; text-decoration: none; } .sec-bucket h3 { font-weight: bold; font-size: 1.5em; margin-bottom: 5px; color: #21272b; } .sec-bucket h3 a { color: #21272b; } .sec-bucket h3 a:hover { color: #f25012; } .sec-bucket .big-head { font-size: 2.5em !important; margin-bottom: 1em; } .sec-bucket .arrow { background: url(../images/common/arrow_oragne_gray.png) no-repeat top left; background-position: 0 0; width: 20px; height: 20px; float: left; margin: 6px 6px 0 0; } hr.sidebar { background: url(../images/common/bg_stripe_ltgray.png) repeat top left; border: 0; height: 10px; width: 100%; margin: 1em 0; float: left; } .text-center { text-align: center; } .side-bucket { position: relative; padding: 1.5em 1em; background-color: #f3f3f3; margin: 1em 0; } .side-bucket h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2.2em; margin-bottom: 5px; color: #21272b; } .side-bucket p { font-size: 1.3em; line-height: 1.32em; } .side-bucket .title-hd { display: block; position: relative; width: 100%; } .side-bucket .title-hd .sidebar-icons { background: url(../images/advocacy/new_advocacy/sidebar_icon_sprite.png) no-repeat top left; width: 60px; height: 50px; margin: 0 auto; } .side-bucket .title-hd .pac-bee-icon { background-position: 0 0; } .side-bucket .title-hd .volunteer-icon { background-position: 0 -60px; } .side-bucket .title-hd h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2.2em; margin-top: 10px; color: #21272b; } .side-bucket-blank { position: relative; margin: 0; display: block; } .side-bucket-blank h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2.2em; margin-bottom: 5px; color: #21272b; } .side-bucket-blank p { font-size: 1.3em; line-height: 1.32em; } .side-bucket-blank .title-hd { display: block; margin: 0 15px 1em; position: relative; float: left; width: 200px; } .side-bucket-blank .title-hd .sidebar-icons { background: url(../images/advocacy/new_advocacy/sidebar_icon_sprite.png) no-repeat top left; width: 60px; height: 50px; float: left; margin-right: 5px; } .side-bucket-blank .title-hd .pac-bee-icon { background-position: 0 0; } .side-bucket-blank .title-hd .volunteer-icon { background-position: 0 -60px; } .side-bucket-blank .title-hd h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2.2em; margin-top: 10px; color: #21272b; float: left; } ul.sidebar-links-list { margin-top: 2em; } ul.sidebar-links-list li { font-size: 1em; margin: 20px 0 !important; } ul.sidebar-links-list li a { display: inline; font-size: 1.1em !important; font-weight: normal !important; } .requiredBlock { background: none !important; } .small-icon { background: url(../images/icons/small_icons.png) no-repeat transparent; width: 40px; height: 40px; display: block; } .medium-icon { background: url(../images/icons/medium_icons.png) no-repeat transparent; width: 120px; height: 120px; display: block; } .large-icon { background: url(../images/icons/large_icons.png) no-repeat transparent; width: 160px; height: 160px; display: block; } .alert-icon { background: url(../images/common/alert_icons.png) no-repeat transparent; width: 50px; height: 50px; display: block; float: left; margin-left: 1em; } .insurance-cartoon-icon { background: url("../images/insurance/joe_video_icon_sprite.png") no-repeat transparent 0 0; height: 114px; width: 53%; display: block; margin: 1em auto; } .insurance-cartoon-icon:hover { background-position: 0 -114px; } .insurance-cartoon-icon-narrow { background: url("../images/insurance/joe_video_icon_sprite.png") no-repeat transparent 0 0; height: 114px; width: 60%; display: block; margin: 1em auto; } .insurance-cartoon-icon-narrow:hover { background-position: 0 -114px; } .insurance-cartoon-wrapper { background-color: #f3f3f3; border: 2px solid #21272b; width: 100%; } .insurance-cartoon-wrapper p { padding: 0 0.5em; font-size: 13px; color: #21272b; } .insurance-cartoon-wrapper-wide { background-color: #f3f3f3; border: 2px solid #21272b; width: 85%; } .insurance-cartoon-wrapper-wide p { padding: 0 0.5em; font-size: 13px; color: #21272b; } .cartoon-header { background-color: black; font-size: 13px; } .cartoon-header h3 { color: white !important; width: 96%; text-align: center; font-size: 1.3125em !important; font-weight: normal; } .s-telephone { background-position: 0px 0px; } .s-briefcase { background-position: -40px 0px; } .s-wallet { background-position: -80px 0px; } .s-nycheck { background-position: -120px 0px; } .s-discount { background-position: -160px 0px; } .s-clipboard { background-position: -200px 0px; } .s-america { background-position: -240px 0px; } .s-vote { background-position: -280px 0px; } .s-dental { background-position: -320px 0px; } .s-chat { background-position: -360px 0px; } .s-movie { background-position: -400px 0px; } .s-question { background-position: -440px 0px; } .s-magnifier { background-position: -480px 0px; } .s-colormagnifier { background-position: -520px 0px; } .s-orangebee { background-position: -560px 0px; } .s-cart { background-position: -600px 0px; } .s-money { background-position: -640px 0px; } .s-talk { background-position: -680px 0px; } .s-calendar { background-position: -720px 0px; } .s-box { background-position: -760px 0px; } .s-checkbox { background-position: -800px 0px; } .s-radiowave { background-position: -840px 0px; } .s-world { background-position: -880px 0px; } .s-monitor { background-position: -920px 0px; } .s-laptop { background-position: -960px 0px; } .s-house { background-position: -1000px 0px; } .s-clock { background-position: -1040px 0px; } .s-calculator { background-position: -1080px 0px; } .s-medical { background-position: -1120px 0px; } .s-artboard { background-position: -1160px 0px; } .s-envelope { background-position: -1200px 0px; } .s-pdf { background-position: -1240px 0px; } .s-target { background-position: -1280px 0px; } .s-lightbulb { background-position: -1320px 0px; } .s-doctor { background-position: -1360px 0px; } .m-telephone { background-position: 0px 0px; } .m-briefcase { background-position: -120px 0px; } .m-wallet { background-position: -240px 0px; } .m-nycheck { background-position: -360px 0px; } .m-discount { background-position: -480px 0px; } .m-clipboard { background-position: -600px 0px; } .m-america { background-position: -720px 0px; } .m-vote { background-position: -840px 0px; } .m-dental { background-position: -960px 0px; } .m-chat { background-position: -1080px 0px; } .m-movie { background-position: -1200px 0px; } .m-question { background-position: -1320px 0px; } .m-magnifier { background-position: -1440px 0px; } .m-colormagnifier { background-position: -1560px 0px; } .m-orangebee { background-position: -1680px 0px; } .m-cart { background-position: -1800px 0px; } .m-money { background-position: -1920px 0px; } .m-talk { background-position: -2040px 0px; } .m-calendar { background-position: -2160px 0px; } .m-box { background-position: -2280px 0px; } .m-checkbox { background-position: -2400px 0px; } .m-radiowave { background-position: -2520px 0px; } .m-world { background-position: -2640px 0px; } .m-monitor { background-position: -2760px 0px; } .m-laptop { background-position: -2880px 0px; } .m-house { background-position: -3000px 0px; } .m-clock { background-position: -3120px 0px; } .m-calculator { background-position: -3240px 0px; } .m-medical { background-position: -3360px 0px; } .m-artboard { background-position: -3480px 0px; } .m-envelope { background-position: -3600px 0px; } .m-pdf { background-position: -3720px 0px; } .m-target { background-position: -3840px 0px; } .m-lightbulb { background-position: -3960px 0px; } .m-doctor { background-position: -4080px 0px; } .l-telephone { background-position: 0px 0px; } .l-briefcase { background-position: -160px 0px; } .l-wallet { background-position: -320px 0px; } .l-nycheck { background-position: -480px 0px; } .l-discount { background-position: -640px 0px; } .l-clipboard { background-position: -800px 0px; } .l-america { background-position: -960px 0px; } .l-vote { background-position: -1120px 0px; } .l-dental { background-position: -1280px 0px; } .l-chat { background-position: -1440px 0px; } .l-movie { background-position: -1600px 0px; } .l-question { background-position: -1760px 0px; } .l-magnifier { background-position: -1920px 0px; } .l-colormagnifier { background-position: -2080px 0px; } .l-orangebee { background-position: -2240px 0px; } .l-cart { background-position: -2400px 0px; } .l-money { background-position: -2560px 0px; } .l-talk { background-position: -2720px 0px; } .l-calendar { background-position: -2880px 0px; } .l-box { background-position: -3040px 0px; } .l-checkbox { background-position: -3200px 0px; } .l-radiowave { background-position: -3360px 0px; } .l-world { background-position: -3520px 0px; } .l-monitor { background-position: -3680px 0px; } .l-laptop { background-position: -3840px 0px; } .l-house { background-position: -4000px 0px; } .l-clock { background-position: -4160px 0px; } .l-calculator { background-position: -4320px 0px; } .l-medical { background-position: -4480px 0px; } .l-artboard { background-position: -4640px 0px; } .l-envelope { background-position: -4800px 0px; } .l-pdf { background-position: -4960px 0px; } .l-target { background-position: -5120px 0px; } .l-lightbulb { background-position: -5280px 0px; } .l-doctor { background-position: -5440px 0px; } .al-error { background-position: 0px 0px; } .al-info { background-position: 0px -50px; } .al-warning { background-position: 0px -100px; } #site .grey-gradient { background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #site .grey-gradient-reverse { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); } #header { height: auto; margin: 0 0 0.5em; } #header #sub-nav { position: static !important; } #header #sub-nav #section-nav { clear: left; padding: 1.5em 0em 0em 0em; background: #ffffff; } #header #sub-nav #section-nav .section-header { color: #21272b; text-transform: uppercase; font-size: 2em; font-weight: 400; margin: 0em 0em 0em 0.75em; width: 23%; min-width: 260px; float: left; font-family: "proxima-nova-1", "proxima-nova-2", arial; } #header #sub-nav #section-nav ul.section-menu { float: left; clear: none; position: relative !important; top: 0 !important; margin-top: 0 !important; } #header #sub-nav #section-nav ul.section-menu li { float: left; list-style-type: none; margin: 0em 1em 0em 0em; border-right: none; } #header #sub-nav #section-nav ul.section-menu li a { height: 2em; display: block; color: #4f5a63; line-height: 2em; padding: 0.25em 2.35em; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-weight: bold; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #header #sub-nav #section-nav ul.section-menu li a:hover { background: #b6b5b5; color: white; text-decoration: none; } #header #sub-nav #section-nav ul.section-menu li a.selected { color: white; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #header #sub-nav #section-nav .section-sub-header { color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 0.35em 0em 0.35em 1.5em; clear: left; } a { outline: none; } .member-home .section-sub-header { background: #34b1c4; } .member-home #header #sub-nav #section-nav ul.section-menu li a.selected { background: #34b1c4; } .member-home #bd { margin: 1em; } .aboutus-page p { margin: 0 0 1em; } h4.category { color: #4f5a63; font-size: 0.87em; font-weight: normal; text-transform: uppercase; margin: 0em 0em 0.25em 0em; } #video-module { display: none; } #video-module #video-widget { margin: 0em 0em 1em 0em; float: left; } #video-module #video-widget .video-container { position: relative; } #video-module #video-widget .video-container object { border: 1px solid #b6b5b5; } #video-module #video-widget .video-container .disclaimer { margin: 0em; } #video-module #video-widget .bottom { border: 1px solid #b6b5b5; float: left; min-width: 95%; padding: 0.5em; margin: -4px 0px 0px 0px; } #video-module #video-widget .bottom #video-info { padding: 0em 0em 1.25em 0em; margin: 0em 0em 0.75em 0em; height: 75px; border-bottom: 1px dashed #d3d3d3; } #video-module #video-widget .bottom #video-info .hd { margin: 0em 0em 0.5em 0em; } #video-module #video-widget .bottom #video-info .bd { margin: 0em 0em 0.5em 0em; } #video-module #video-widget .bottom #video-info .ft { margin: 0em 0em 0.5em 0em; } #video-module #video-widget .bottom #video-info #video-title { color: #ffa132; } #video-module #video-widget .bottom #video-tabs { margin: 0 0 0 0; float: left; } #video-module #video-widget .bottom #video-tabs li { list-style-type: none; background-color: black; float: left; margin: 0em; width: 22%; border: 2px solid #ffffff; } #video-module #video-widget .bottom #video-tabs li a.video-tab { float: left; list-style-type: none; background: black; opacity: 0.5; filter: alpha(opacity=100); } #video-module #video-widget .bottom #video-tabs li a.video-tab img { float: left; } #video-module #video-widget .bottom #video-tabs li a.video-tab:hover { opacity: 1; filter: alpha(opacity=100); } #video-module #video-widget .bottom #video-tabs li + li { margin-left: 3px; } #video-module #video-widget .bottom #video-tabs li.ui-state-active { border-color: #ffa132; } #video-module #video-widget .bottom #video-tabs li.ui-state-active a.video-tab { opacity: 1; filter: alpha(opacity=100); } .job-tracker h2.hd { background-position: 0px -357px !important; } #video-module h2.hd { background-position: 0px -315px; } #jobs-widget h2.hd { background-position: 0px -239px; } #jobs-widget p.date { font-size: 1em; font-weight: bold; color: #4f5a63; width: 50px; } .homepage-box { clear: left; } .homepage-box .feed .bd li { border-bottom: 1px dashed #d3d3d3; color: #21272b; font-size: 1em; list-style-type: none; margin: 0; padding: 0.5em 0 0.75em 0.25em; } .homepage-box .feed li:hover { background: none repeat scroll 0 0 #f3f3f3; } .homepage-box .feed li:last-child { border-bottom: medium none; } .homepage-box .feed table tr td { padding: 0em 0.5em 0em 0em; vertical-align: top; } .homepage-box .feed h4 { color: #4f5a63; font-size: 0.87em; font-weight: normal; text-transform: uppercase; } .homepage-box .feed h3 { font-size: 1.2em; } .homepage-box .feed p { font-size: 1em; margin: 0; padding: 0; } #quick-search { margin: 1em 0em; display: none; } #quick-search input { padding: 8px 5px; font-size: 1.2em; width: 60%; float: left; height: 18px; margin: 0em 1em 0em 0em; border: 1px solid #d3d3d3; } #quick-search input:active { border-color: #ffa132; } #quick-search input:focus { border-color: #ffa132; } #quick-search .search-button { float: left; font-size: 1.7em; font-weight: 200; color: #ffffff; margin: 0; } .ac_results { margin: 0.15em 0em 0em 0em; } .ac_results ul { background: #f3f3f3; padding: 1em; font-size: 1em; -moz-box-shadow: 3px 4px 8px 0px #b6b5b5; -webkit-box-shadow: 3px 4px 8px #b6b5b5; box-shadow: 3px 4px 8px 0px #b6b5b5; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; opacity: 0.95; filter: alpha(opacity=100); } .ac_results ul li { list-style-type: none; margin: 0em 0em 0.6em 0em; color: #4f5a63; } .ac_results ul li strong { color: #21272b; } .ac_results ul li.ac_over { color: #0072cf; font-weight: bold; cursor: pointer; } .ac_results ul li.ac_over strong { color: #0072cf; } div#static-quicklinks ul li { list-style-type: none; margin: 0.5em 0em; } div#accordion-quicklinks { display: none; } div#accordion-quicklinks h2 { color: #21272b; cursor: pointer; } div#accordion-quicklinks h2 a { color: #21272b; } div#accordion-quicklinks ul { margin: 0em; } div#accordion-quicklinks ul li { font-size: 1.2em; list-style-type: none; margin: 0em 0em 0.5em 2em; } div#accordion-quicklinks ul li a { display: none; } div#accordion-quicklinks ul li:hover { background: none; } .homepage-item table td { vertical-align: top; } .homepage-item table td:first-child { padding: 0 1em 0 0; } #discounts-widget { clear: both; padding: 1em 0 0 0; } #discounts-widget h2.hd { background-position: 0px -280px; } #discounts-widget a.blue-button { float: right; } .button-wrapper-right { margin: 1em 0 0 0; } #upcoming-events { margin: 0 0 1em 0 !important; } .subscriptions-page p { margin: 0; } .subscriptions-page .email-info { margin: 0 0 1em 0; } .subscriptions-page .email-info .email-img { background: url(../images/member-home/memberhome_icons.png) no-repeat 0 0; height: 60px; width: 60px; float: left; } .subscriptions-page .email-info .email-descrip { padding: 0 12em 0 70px; } .subscriptions-page .email-info .email-descrip h3 { color: #4f5a63; font-size: 1.7em; } .subscriptions-page .email-info .email-descrip p { font-size: 1.2em; line-height: 18px; } .subscriptions-page form { clear: both; } .subscriptions-page table { margin: 1em 0 1em 40px; padding: 0 15em 0 0; } .subscriptions-page table tr { padding: 0 0 0 40px; margin: 1em 0; } .subscriptions-page table h4 { font-size: 1.4em; color: #4f5a63; } .subscriptions-page table p { margin: 0 0 1em 0; } .subscriptions-page .submit-button-orange { clear: both; margin-left: 70px; } #site .grey-gradient { background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #site .grey-gradient-reverse { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); } #header { height: auto; margin: 0 0 0.5em; } #header #sub-nav { position: static !important; } #header #sub-nav #section-nav { clear: left; padding: 1.5em 0em 0em 0em; background: #ffffff; } #header #sub-nav #section-nav .section-header { color: #21272b; text-transform: uppercase; font-size: 2em; font-weight: 400; margin: 0em 0em 0em 0.75em; width: 23%; min-width: 260px; float: left; font-family: arial; } #header #sub-nav #section-nav ul.section-menu { float: left; clear: none; position: relative !important; top: 0 !important; margin-top: 0 !important; } #header #sub-nav #section-nav ul.section-menu li { float: left; list-style-type: none; margin: 0em 1em 0em 0em; border-right: none; } #header #sub-nav #section-nav ul.section-menu li a { height: 2em; display: block; color: #4f5a63; line-height: 2em; padding: 0.25em 2.35em; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-weight: bold; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #header #sub-nav #section-nav ul.section-menu li a:hover { background: #b6b5b5; color: white; text-decoration: none; } #header #sub-nav #section-nav ul.section-menu li a.selected { color: white; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #header #sub-nav #section-nav .section-sub-header { color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 0.35em 0em 0.35em 1.5em; clear: left; } a { outline: none; } .benefit-event #sub-nav ul.section-menu li a.selected { background: #34b1c4 !important; } .benefit-event #sub-nav .section-sub-header { background: #34b1c4 !important; } .benefit-event #sub-nav #section-nav .sec-title { float: left; margin: 0.5em 0 0 0; } .benefit-event #sub-nav #section-nav .sec-title p { color: #b6b5b5; text-transform: uppercase; margin: -1em 0 0 1.5em; } .benefit-event #sub-nav #section-nav .sec-title h1 { font-size: 1.3em !important; margin: 0 1em 0 1.1em !important; } .benefit-event #sub-nav #section-nav h2 { padding: 0.35em 0 0.35em 1.3em !important; } .homepage-box { margin: 0em 0em 1em 0em; clear: both; } .sponsorship-box h2.sponsorship-op { background-image: url("../images/events/benefit/sponsorship_headers.png"); } #committee-sidebar ul { text-align: center; } #committee-sidebar ul li { list-style-type: none; } #details-sidebar { margin: 1em 0 0 0; } #details-sidebar p + p { padding: 10px 0 0 0; } #details-sidebar .event-times { line-height: 1.6em; display: block; margin: auto; padding: 1em 0 1em 0; } #tickets-sidebar { margin: 1em 0 0 0; } #tickets-sidebar p { padding: 1em 0 0 0; } #tickets-sidebar .price { color: #f25012; } #tickets-sidebar .ft { padding-top: 1em; } .tickets-side-back a.orange-button-dark { font-size: 23px; text-decoration: none; background: #f98250; background: -moz-linear-gradient(top, #f98250, #f25012); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f98250), to(#f25012)); width: 140px; color: white; box-shadow: 3px 4px 8px 0 #d3d3d3; margin: 0 0 0 0; } .tickets-side-back a.orange-button-dark:hover { background: #f25012; background: -moz-linear-gradient(top, #f25012, #c43a10); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f25012), to(#c43a10)); width: 140px; font-size: 23px; text-decoration: none; color: white; margin: 0 0 0 0; } .tickets-overview { font-size: 1.6em; margin: 0 0 0 0; } .tickets-overview table { margin: auto !important; padding-top: 1em !important; } .tickets-overview a.orange-button-dark { background: #f98250; background: -moz-linear-gradient(top, #f98250, #f25012); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f98250), to(#f25012)); width: 180px; font-size: 23px; text-decoration: none; color: white; margin: 0 0 0 2em; } .tickets-overview a.orange-button-dark:hover { background: #f25012; background: -moz-linear-gradient(top, #f25012, #c43a10); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f25012), to(#c43a10)); width: 180px; font-size: 23px; text-decoration: none; color: white; margin: 0 0 0 2em; } .tickets-overview .price { color: red; } .tickets-overview .bottom { font-size: 1em; } .tickets-overview .bottom a { color: white; text-decoration: underline; } .event-times-overview { line-height: 1.6em; } .tickets-overview, .event-times-overview { height: 195px !important; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; background: black; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; } .overview-end { padding: 1em 0 0 0; } .tickets-overview { height: 175px; } .tickets-overview .event-overview p { padding-top: 1em !important; font-color: white; text-align: center; } .tickets-overview table { margin: 1em 0 0 0.5em; } .tickets-overview table tr td { color: white; } .tickets-overview .white-button-dark { margin: 1em 0 0 0.7em; float: left; } .tickets-overview p { color: white; clear: both; text-align: center; padding: 1em 0 0 0; } .tickets-overview p a { color: white; text-decoration: underline; } .event-times-overview { height: 175px; } .event-times-overview .event-overview p { padding-top: 1em !important; font-color: white; text-align: center; } .event-times-overview table { margin: 1em 0 0 0.5em; } .event-times-overview table tr td { color: white; } .event-times-overview .white-button-dark { margin: 1em 0 0 0.7em; float: left; } .event-times-overview p { color: white; clear: both; text-align: center; padding: 1em 0 0 0; } .event-times-overview p a { color: white; text-decoration: underline; } .tickets-side-back { height: 175px; } .tickets-side-back .event-overview p { padding-top: 1em !important; font-color: white; text-align: center; } .tickets-side-back table { margin: 1em 0 0 0.5em; } .tickets-side-back table tr td { color: white; } .tickets-side-back .white-button-dark { margin: 1em 0 0 0.7em; float: left; } .tickets-side-back p { color: white; clear: both; text-align: center; padding: 1em 0 0 0; } .tickets-side-back p a { color: white; text-decoration: underline; } .tickets-side ul { margin: 0 0 1em 1em; } .tickets-side ul li { list-style-type: disc; margin: 1em 0 0 0; } .ticket-blue { color: #99c0e6 !important; padding: 0 5px 0 0; } .sponsorship-box h2.hd { background-repeat: no-repeat; height: 60px; text-indent: -4000px; text-transform: lowercase; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-size: 1.6em; color: #21272b; margin: 1em 0 0 0; } .benefit-event h2#benefit-committee { background-position: 0px -120px; } .benefit-event h2#contact { background-position: 0px -80px; } .benefit-event h2#tickets { background-position: 0px -40px; } .benefit-event h2#details { background-position: 0px 0px; } .overview-banner { background-image: url("../images/error/bg_pattern.png"); height: 140px; padding: 12px 1em 35px 1em; border: 1px solid lightGrey; } .overview-banner .hd-text { width: 42%; float: left; line-height: 1.4em; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-size: 1.75em; color: #21272b; } .overview-banner .hd-img { float: right; } .overview-intro { clear: both; } .overview-intro p { font-family: Arial; padding: 10px 0 10px 0; font-size: 1.2em; line-height: 20px; color: #4f5663; } .honorees-intro p { padding: 0px 1em 2em 0; font-size: 15px; line-height: 20px; } .honorees-intro h2 { font-size: 1.6em; color: black; } .honorees-intro .honorees-banner { background-image: url("../images/events/benefit/gradient_headers.png"); height: 75px; } .honorees { padding: 1em 0 0 0; margin: 0 1em 0 0; } .honorees img.honorees-img { float: left; margin: 0 1em 3em 0; } .honorees p { line-height: 1.3em; } .honoree-names { font-size: 1.3em; color: #4f5a63; } .pad-bottom { padding-bottom: 5em; } .sponsorship .vertical-tabs-container ul.ui-tabs-list li { width: 12.5em !important; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-size: 1.1em; font-weight: normal; color: #21272b; } .sponsorship .vertical-tabs-container ul.ui-tabs-list li .tab-price { color: black; font-family: Arial; font-size: 0.7em; } .sponsorship .vertical-tabs-container div.ui-tabs-panel { margin-left: 11.2em !important; padding: 0 2em 5em 2em !important; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; min-height: 545px; height: 545px; } .sponsorship .vertical-tabs-container div.ui-tabs-panel .sponsor-in-box .sponsor-heading { font-size: 3.2em; color: #f25012; margin: 0.8em 0 0.4em 0; } .sponsorship .vertical-tabs-container div.ui-tabs-panel .sponsor-in-box .sponsor-price { font-size: 1.3em; color: black; font-family: Arial; } .sponsorship .vertical-tabs-container div.ui-tabs-panel .sponsor-in-box ul li { font-family: Arial; list-style-type: disc !important; font-size: 1.1em; color: #4f5a63; line-height: 1.5em; } .sponsorship .vertical-tabs-container div.ui-tabs-panel .sponsor-in-box a.orange-button-dark { font-size: 23px; text-decoration: none; background: #f98250; background: -moz-linear-gradient(top, #f98250, #f25012); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f98250), to(#f25012)); width: 210px; color: white; box-shadow: 3px 4px 8px 0 #d3d3d3; margin: 0 0 0 0; } .sponsorship .vertical-tabs-container div.ui-tabs-panel .sponsor-in-box a.orange-button-dark:hover { background: #f25012; background: -moz-linear-gradient(top, #f25012, #c43a10); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f25012), to(#c43a10)); width: 210px; font-size: 23px; text-decoration: none; color: white; margin: 0 0 0 0; } .sponsorship .vertical-tabs-container .ui-state-active a { opacity: 1; color: #f25012 !important; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 1.6em; } .sponsorship .vertical-tabs-container .ui-state-hover a { opacity: 1; color: #f25012 !important; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 1.6em; } .sponsorship .vertical-tabs-container .ui-tabs-nav li a { padding: 0.5em 0 0.5em 0.65em !important; } .sponsorship .vertical-tabs-container .ui-state-default a { color: #f25012 !important; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 1.6em; opacity: 0.5; } .sponsorship .vertical-tabs-container .ui-state-active a { opacity: 1; color: #f25012 !important; } .sponsorship .vertical-tabs-container .ui-state-hover a { opacity: 1; color: #f25012 !important; } .sponsorship .vertical-tabs-container ul.ui-tabs-list { width: 15%; position: relative; } .sponsorship .vertical-tabs-container .ui-corner-top .vertical-tabs-container .ui-corner-left { border-right: none !important; } .sponsorship .vertical-tabs-container .ui-state-default { border-right: none !important; } .sponsorship .vertical-tabs-container ul.ui-tabs-list li.ui-state-active { margin: 0 1em 0 -0.55em; } .sponsorship .vertical-tabs-container .ui-tabs-panel a { padding-left: 1.6em; } .sponsorship .ui-corner-bottom { -moz-border-radius: 5px; } .section-header { border-bottom: none !important; } .sponsor-headers { background: url(../images/events/benefit/sponsors/sponsorspage_headers.png) 0 0 transparent no-repeat; height: 30px; } .sponsors-table h2 { margin-bottom: 15px; text-align: center; font-weight: normal; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-size: 2em; color: #21272b; clear: both; } .sponsors-table .sponsorlevel { margin-top: 25px; margin-bottom: 50px; } .sponsors-table .sponsorlevel .grouping { clear: both; margin: 0 auto; min-height: 60px; margin-top: 10px; } .sponsors-table .sponsorlevel .grouping.trailblazer { max-width: 236px; } .sponsors-table .sponsorlevel .grouping.partner1 { max-width: 545px; } .sponsors-table .sponsorlevel .grouping.partner2 { max-width: 600px; } .sponsors-table .sponsorlevel .grouping.partner3 { max-width: 310px; } .sponsors-table .sponsorlevel .grouping.supporter1 { width: 630px; } .sponsors-table .sponsorlevel .grouping.supporter2 { max-width: 575px; } .sponsors-table .sponsorlevel .grouping.friend { max-width: 615px; } .sponsors-table .sponsorlevel .sponsorblock { margin: 0 auto; text-align: center; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-size: 18px; font-weight: bold; } .sponsors-table .sponsorlevel .sponsorblock a { display: block; width: 100%; height: 100%; } .sponsors-table .multisponsor .sponsorblock { float: left; position: relative; } #health-plan-services-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 0; width: 264px; height: 40px; } #empire-blue-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -48px; width: 200px; height: 54px; } #manatt-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -95px; width: 110px; height: 54px; } #miliman-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -158px; width: 126px; height: 42px; padding-top: 5px; } #hbsc-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -212px; width: 160px; height: 36px; } #alliance-bernstein-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -261px; width: 127px; height: 35px; } #bdo-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -312px; width: 96px; height: 32px; } #dubraski-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -416px; width: 160px; height: 40px; } #echoing-green-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -472px; width: 72px; height: 72px; } #iscol-sponsor { width: 200px; height: 50px; } #martinez-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -360px; width: 200px; height: 48px; } #qualcare-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -560px; width: 134px; height: 64px; } #segal-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -632px; width: 152px; height: 48px; } #david-landis-sponsor { width: 200px; height: 50px; } #berlin-rosen-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -688px; width: 120px; height: 32px; } #down-to-earth-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -728px; width: 74px; height: 72px; } #hildy-simmons-sponsor, #nathanson-sponsor { width: 200px; height: 50px; } #medwise-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -808px; width: 96px; height: 56px; } #koven-sponsor { width: 200px; height: 50px; } #okonek-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -872px; width: 160px; height: 47px; } #erm3-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -931px; width: 75px; height: 69px; } #marketing-mentor-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -1019px; width: 140px; height: 53px; } #strohm-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -1088px; width: 120px; height: 64px; } #amalgamated-life-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -1168px; width: 176px; height: 40px; } #city-national-bank-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -1224px; width: 168px; height: 56px; } #aft-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -1288px; width: 104px; height: 72px; } #meyer-suozzi-english-klein-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -1376px; width: 152px; height: 64px; } #patterson-belknap-webb-tyler-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -1456px; width: 224px; height: 16px; } #public-ink-sponsor { background: url('../images/events/benefit/sponsors2011_sprite.jpg') no-repeat 0 -1480px; width: 176px; height: 40px; } #site .grey-gradient { background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #site .grey-gradient-reverse { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); } #header { height: auto; margin: 0 0 0.5em; } #header #sub-nav { position: static !important; } #header #sub-nav #section-nav { clear: left; padding: 1.5em 0em 0em 0em; background: #ffffff; } #header #sub-nav #section-nav .section-header { color: #21272b; text-transform: uppercase; font-size: 2em; font-weight: 400; margin: 0em 0em 0em 0.75em; width: 23%; min-width: 260px; float: left; font-family: arial; } #header #sub-nav #section-nav ul.section-menu { float: left; clear: none; position: relative !important; top: 0 !important; margin-top: 0 !important; } #header #sub-nav #section-nav ul.section-menu li { float: left; list-style-type: none; margin: 0em 1em 0em 0em; border-right: none; } #header #sub-nav #section-nav ul.section-menu li a { height: 2em; display: block; color: #4f5a63; line-height: 2em; padding: 0.25em 2.35em; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-weight: bold; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #header #sub-nav #section-nav ul.section-menu li a:hover { background: #b6b5b5; color: white; text-decoration: none; } #header #sub-nav #section-nav ul.section-menu li a.selected { color: white; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #header #sub-nav #section-nav .section-sub-header { color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 0.35em 0em 0.35em 1.5em; clear: left; } .aboutus-page .section-sub-header { background: #34b1c4; } .aboutus-page #header #sub-nav #section-nav ul.section-menu li a.selected { background: #34b1c4; } .aboutus-page #bd { margin: 1em; } .aboutus-page p { margin: 0 0 1em; } .aboutus-page .site-tabs li { width: 24% !important; } .aboutus-page .site-tabs { margin-top: 0 !important; } .timeline-bg { background: url(../images/about/about_timeline_bg.png) no-repeat transparent; width: 213px; height: 215px; display: inline; float: left; position: relative; } .timeline-90s { background: url(../images/about/about_timeline_90s_bg.png) no-repeat transparent; width: 213px; height: 215px; display: inline; float: left; position: relative; } #timeline-tabs { position: relative; height: 280px; overflow: hidden; } #timeline-tabs ul.years { position: absolute; left: 0px; } #timeline-tabs ul.years li { list-style-type: none; margin: 0em; } #timeline-tabs ul.years li table { border-spacing: 0em; width: 100%; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -moz-box-shadow: 2px 2px 4px 0px #d3d3d3; -webkit-box-shadow: 2px 2px 4px #d3d3d3; box-shadow: 2px 2px 4px 0px #d3d3d3; border: 1px solid #d3d3d3; } #timeline-tabs ul.years li table tr td { border-spacing: 0em; cursor: pointer; } #timeline-tabs ul.years li table tr td ul { padding: 0 1.3em; margin: 0 0 1em 0 !important; max-height: 185px; overflow: hidden; } #timeline-tabs ul.years li table tr td ul li { list-style: none outside none; padding: 0 0 0.4em 1.2em; margin: 0; font-size: 1.2em; line-height: 1.4em; } #timeline-tabs ul.years li table tr td ul.small-copy { font-size: 0.856em; } #timeline-tabs ul.years li table tr td + td { background: #f3f3f3; background: -moz-linear-gradient(top, #ffffff, #dadada); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#dadada)); -moz-border-radius: 0px 5px 5px 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; cursor: default; } #timeline-tabs ul.years li *table { border: 1px solid #d3d3d3; } #timeline-tabs ul.timeline { position: relative; top: 240px; border: 0; } #timeline-tabs ul.timeline li { float: left; list-style-type: none; margin: 0em; margin: 0 10px 0 0; } #timeline-tabs ul.timeline li a { font-weight: bold; padding: 0.5em; text-decoration: none; color: #4f5a63; } #timeline-tabs ul.timeline li a:hover { color: #aec739; text-decoration: none; } #timeline-tabs ul.timeline li.ui-tabs-selected { -moz-box-shadow: 2px 2px 4px 0px #f3f3f3; -webkit-box-shadow: 2px 2px 4px #f3f3f3; box-shadow: 2px 2px 4px 0px #f3f3f3; } #timeline-tabs ul.timeline li.ui-tabs-selected a { -moz-border-radius: 2px 2px 2px 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; background-color: #aec739; padding: 0.5em; font-weight: bold; text-decoration: none; color: #ffffff; } .subway-ad { margin-bottom: 2em; } .year { background: url(../images/about/about_timeline_bg.png) no-repeat transparent; width: 213px; height: 215px; display: inline; float: left; position: relative; } td.year:hover { opacity: 0.8; } td.year:hover a { background-position: -139px -32px; } .y2010 { background-position: 0px 0px !important; } .y2009 { background-position: 0px -215px !important; } .y2008 { background-position: 0px -430px !important; } .y2006 { background-position: 0px -645px !important; } .y2003 { background-position: 0px -860px !important; } .y2001 { background-position: 0px -1075px !important; } .y2000 { background-position: 0px -1290px !important; } .y1998 { background-position: 0px -1505px !important; } .y1997 { background-position: 0px -1720px !important; } .y1996 { background-position: 0px -1935px !important; } .y1995 { background-position: 0px -2150px !important; } .y1990s { background-position: 0px -2365px !important; } .subway { position: absolute; left: 4px; bottom: 4px; background: url("../images/common/video_sprite.png") no-repeat -139px 0px; height: 24px; width: 24px; text-indent: -4000px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-box-shadow: 2px 2px 3px 0px #4f5a63; -webkit-box-shadow: 2px 2px 3px #4f5a63; box-shadow: 2px 2px 3px 0px #4f5a63; background-color: #f3f3f3; } .subway:hover { background-position: -139px -32px; } li.tertiary-tab.default { background-position: 0px 0px !important; } li.tertiary-tab.active { background-position: 0px -68px !important; } li.tertiary-tab { float: left; } li.tertiary-tab:hover { background-position: 0px -68px !important; } li.tertiary-tab.green { background: url("../images/common/green_tertiary_tab.png") no-repeat transparent; } .tertiary-wrapper { overflow: hidden; } .tertiary-wrapper ul.tertiary-menu { width: 630px; margin: 0 auto; } .tertiary-wrapper ul.tertiary-menu li { margin: 0; list-style-type: none; max-height: 64px; text-align: center; color: #21272b; font-size: 1.8em; font-weight: 100; border-bottom: 1px solid #d3d3d3; } .tertiary-wrapper ul.tertiary-menu li a { display: block; text-decoration: none; color: #ffffff; padding-top: 1em; width: 200px; height: 44px; } .grey-about-box { border: 10px solid #d3d3d3; color: #4f5a63; font-size: 1.2em; line-height: 1em; margin-bottom: 1em; padding: 0.8em; background-color: #ffffff; } .grey-about-box .fu-logo { padding: 1em; } #about-copy { font-size: 1.5em; line-height: 1.2em; display: block; color: #21272b; padding-bottom: 0.5em; width: 100%; } #about-copy p { font-size: 0.8em; line-height: 1.19em; } #about-copy h2.about-lead { font-weight: bold; font-size: 1.2em; color: #21272b; } #about-copy h2.about-lead .h2orange { color: #f25012; } #about-list { margin: 1em 0; padding-bottom: 1em; background: -moz-linear-gradient(center top, #ffffff, #d3d3d3) repeat scroll 0 0 transparent; display: block; clear: both; } .list-dark-bg { background-color: #21272b; padding: 0.5em; margin: 0 0 0.4em 0; position: relative; top: 0; display: block; color: #ffffff; font-size: 1.5em; } .list-sec-first { padding-right: 1.2em; margin-left: 1em; border-right: solid 1px #d3d3d3; } .list-sec { padding: 0 0.75em 0 0; margin-left: 1em; } .list-num { height: 12em; float: left; } .numeral { display: inline; background-color: #aec739; float: left; margin-right: 0.4em; padding: 0.4em; font-size: 2.2em; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; } .list-stat { list-style: none; margin: 5px 0; font-size: 1em; } .copy { display: block; margin-left: 0.6em; } .about-box h2.hd { background-repeat: no-repeat; color: #21272b; font-size: 2.2em; height: 33px; padding: 0; text-transform: lowercase; } .borderless-box h2.hd { background-repeat: no-repeat; height: 50px; padding: 0; text-indent: -4000px; text-transform: lowercase; margin-bottom: 1em; } h2#quick-stats { float: left; } .jobs-box { padding: 1em; background: url(../images/error/bg_pattern.png) repeat scroll 50% 50%; margin-bottom: 1em; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; } .jobs-box .jobs-img { background: url("../images/about/about_us_jobs_icon2.png") no-repeat 0 0; width: 43px; height: 40px; } .jobs-box h4 { padding-left: 50px; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-size: 2em; font-weight: normal; position: relative; top: -1.2em; } .jobs-box p { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-size: 1.5em; font-weight: normal; line-height: 1.1em; position: relative; top: -1em; } #about-jobs-box { background-image: url("../images/about/about_us_jobs_icon2.png"); background-position: 0 0; background-repeat: no-repeat; } #about-jobs-box li { list-style-type: none; margin: 0 0 0.7em 0; padding: 1.4em 0 0 55px; } #about-jobs-box h4 { color: #34b1c4; font-weight: 100; } .lead-grey-about-box { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: 3px 4px 8px 0px #b6b5b5; -webkit-box-shadow: 3px 4px 8px #b6b5b5; box-shadow: 3px 4px 8px 0px #b6b5b5; width: 64%; background-image: url("../images/about/about_heading_logo.png"); background-repeat: no-repeat; background-position: 15px 0px; color: #4f5a63; font-size: 1.2em; line-height: 1em; margin-bottom: 1em; padding: 0.8em 0.8em 0.2em 240px; min-height: 180px; border: 1px solid #f3f3f3; } .lead-grey-about-box h2.about-header { color: #ffa132; margin-top: 1.8em; padding: 0; font-size: 1.4em; } .about-stats { width: 95%; padding: 0 0.5em 2.3em 0.5em; display: block; clear: both; margin-top: 1em; position: relative; font-family: Arial; border-bottom: 1px solid #21272b; } .about-stats .spinner { background: url(../images/about/ajax-spinner.gif) center center no-repeat; } .about-stats h1 { font-size: 4.9em; font-weight: bold; color: #21272b; } .about-stats h2 { font-size: 2em; color: #21272b; } .about-stats h3 { font-size: 1.2em; color: #21272b; } .about-stats .members-num { color: #21272b; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .about-stats .mem-counting { color: #21272b; font-weight: bold; font-size: 1.2em; margin: 0; padding: 0; } .about-stats .members-title { color: #21272b; font-size: 1.6em; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; line-height: 1em; font-weight: normal; } div.about-stats a.expand { color: #f25012; float: left; margin: 0em 0em 0em 1em; } div.about-stats ul { margin-top: 1em; } div.about-stats a.expand:hover { text-decoration: underline; } div.about-stats div.buzzmap { background: url(../images/about/about_stats_map.png) center 0px no-repeat; cursor: pointer; height: 121px; width: 100%; margin: 1em 0 0 0; } div.about-stats div.buzzmap:hover { cursor: pointer; background-position: center -121px; } .about-board { width: 100%; display: block; margin: 1em 0; clear: both; float: left; } .about-board ul { margin-bottom: 1em; float: left; } .about-board .about-board-left { width: 40%; margin-right: 2em; float: left; } .about-board .about-board-right { display: inline-table; width: 45%; padding: 0; float: left; } .about-board .about-board-right h4 { margin-bottom: 0.4em; font-size: 1.8em; } .about-board .about-board-right ul { padding: 0; margin: 0; } .about-board .about-board-right ul li { list-style-type: none; list-style: none; font-weight: bold; line-height: 1em; font-size: 1.4em; padding: 0; margin: 0 0 1em; } .about-sara-thumb { background-image: url("../images/about/about_sara_thumb.jpg"); background-repeat: no-repeat; background-position: -5px; min-height: 110px; width: 260px; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; margin-bottom: 1em; } ul.who-sections { margin: 0; padding: 0; display: block; } ul.who-sections li { margin: 0; padding: 0; list-style: none; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .about-who-benefits { background: url("../images/about/about_who_benefits.png") top left no-repeat; background-position: 0 0; padding: 0 0 1.5em 85px; margin: 2em 0; border-bottom: 2px dotted #d3d3d3; display: inline-block; } .about-who-benefits li { list-style: none outside none; padding: 0; margin: 0; } .about-who-benefits ul { padding: 0; margin: 0 0 1em 0 !important; display: block; } .about-who-benefits ul li { background-image: url("../images/about/about_arrow_list.png"); background-repeat: no-repeat; list-style: none outside none; padding: 0 0 0.6em 1.2em; margin: 0; } .about-who-benefits .benefits-head { background: url("../images/about/headings_about.png") top left no-repeat; background-position: 0 -475px; height: 35px; padding: 0; } .about-who-community { background: url("../images/about/about_who_community.png") top left no-repeat; background-position: 0 0; padding: 0 0 1.5em 85px; margin-bottom: 2em; border-bottom: 2px dotted #d3d3d3; display: inline-block; } .about-who-community li { list-style: none outside none; padding: 0; margin: 0; } .about-who-community .community-head { background: url("../images/about/headings_about.png") top left no-repeat; background-position: 0 -518px; height: 35px; padding: 0; } .about-who-advocacy { background: url("../images/about/about_who_advocacy.png") top left no-repeat; background-position: 0 0; padding: 0 0 1.5em 85px; margin-bottom: 3em; display: inline-block; } .about-who-advocacy li { list-style: none outside none; padding: 0; margin: 0; } .about-who-advocacy .advocacy-head { background: url("../images/about/headings_about.png") top left no-repeat; background-position: 0 -567px; height: 35px; padding: 0; } .about-who-button { float: left; } .full-archive-button { float: right; } h2.head { font-size: 1.4em; text-indent: -4000px; } h2#about-history-funding { background-image: url("../images/about/headings_about.png"); background-position: 0 -90px; } h2#about-ads { background-image: url("../images/about/headings_about.png"); background-position: 0 -131px; } h2#about-board-title { background-image: url("../images/about/headings_about.png"); background-position: 0 -177px; } .mod { min-width: 100%; min-height: 270px; background-image: url("../images/about/mod.png"); background-repeat: no-repeat; margin-bottom: 20px; } p.funding { margin: 1em 0 2em 0; } .about-board-profile { width: 100%; min-width: 600px; clear: both; display: block; border-bottom: 2px dotted #d3d3d3; padding-bottom: 2em; margin-bottom: 2em; } .board-profile-pic h2.hd { background-image: url("../images/about/about-board-members.png"); background-repeat: no-repeat; border: none.; font-size: 1.4em; height: 262px; padding: 0; text-indent: -4000px; text-transform: lowercase; width: 205px !important; display: inline-table; float: left; margin-right: 0.7em; margin-bottom: 2em; } p#board-bio { display: inline; width: 100%; } h2#Sara-Horowitz { background-image: url("../images/about/about-board-members.png"); background-position: 0 0; } h2#Andrew-Kassoy { background-image: url("../images/about/about-board-members.png"); background-position: -427px 0; } h2#Charles-Heckscher { background-image: url("../images/about/about-board-members.png"); background-position: -214px 0; } h2#Hanan-Kolko { background-image: url("../images/about/about-board-members.png"); background-position: 0 0; } h2#Trisala-Chandaria { background-image: url("../images/about/about-board-members.png"); background-position: -853px 0; } h2#Joseph-Caserto { background-image: url("../images/about/about-board-members.png"); background-position: -640px 0; } h2#no-photo { background-image: url("../images/about/about-board-members.png"); background-position: -1274px 0; } h2#Hanan-Kolko { background-image: url("../images/about/about-board-members.png"); background-position: -1486px 0; } h2#Ohad-Folman { background-image: url("../images/about/about-board-members.png"); background-position: -1065px 0; } h2.board-profile-name { font-size: 2em; font-weight: 100; color: #21272b; } b.founder { color: #f25012; font-weight: 100; display: block; font-size: 1.2em; } .history-ads-wrapper { border: 5px solid #d3d3d3; width: 100%; height: 18em; margin-top: 2em; } p.ads-intro { margin-top: 1em; } .history-ads-left { float: left; margin: 0 -90px 2em 0; overflow: hidden; width: 100%; } #history-ads { overflow: hidden; } #history-ads ul { height: 19em; overflow: hidden; height: 250px; } #history-ads li { float: left; height: 210px; list-style-type: none; margin: 0 1em 2em 0; padding: 10px; color: #4f5a63; } #history-ads p { padding: 5px 5px 0 5px; } #history-ads h5 { font-size: 116%; padding: 1em 0 0 0; border: none; min-height: 50px; } button.history-ads-button { background-color: #ffffff; background-image: url("http://fu-res.org/images/homepage/carousel_arrows.png"); background-repeat: no-repeat; border: medium none; cursor: pointer; height: 41px; margin: 0; width: 41px; } button#prev-story { background-position: 0 0; } button#next-story { background-position: -41px 0; } button#prev-story:hover { background-position: 0 -41px; } button#next-story:hover { background-position: -41px -41px; } .history-ads-right { height: 3em; width: 90px; margin-top: 7em; float: left; } .dotted-border { border-bottom: dotted 2px #21272b; } .press-wrapper { margin: 0 1em 0 0; padding: 0; } .press-wrapper ul { padding: 0; margin: 1em 0 1.5em 0; } .press-wrapper ul li { list-style: none outside none; margin: 0.5em 0; padding: 0 0 0 0; display: block; } .press-wrapper ul li a { font-weight: bold; font-size: 1.2em; line-height: 1.2em; } .press-wrapper ul li .vid { float: left; padding-left: 50px; margin-bottom: 1.2em; } .news-image-pad { padding: 0 0 0 140px !important; } .news-image-pad-press { padding: 0 0 0 175px !important; } .pbs { background-position: 0 0; } .entrepreneur { background-position: 0 -100px; } .nymag { background-position: 0 -200px; } .crains { background-position: 0 -300px; } .nypost { background-position: 0 -400px; } .cityhall { background-position: 0 -500px; } .wsj { background-position: 0 -600px; } .atlantic { background-position: 0 -700px; } .huffington { background-position: 0 -800px; } .abc { background-position: 0 -900px; } .cnnmoney { background-position: 0 -1000px; } .dailynews { background-position: 0 -1100px; } .usatoday { background-position: 0 -1200px; } .suntimes { background-position: 0 -1300px; } .observer { background-position: 0 -1400px; } .nytimes { background-position: 0 -1500px; } .hill { background-position: 0 -1600px; } .latimes { background-position: 0 -1700px; } .apm { background-position: 0 -1760px; } .inc { background-position: 0 -1886px; } .christian-monitor { background-position: 0 -1970px; } .businessweek { background-position: 0 -2060px; } .economist { background-position: 0 -2139px; } .inquirer { background-position: 0 -2240px; } .financial-post { background-position: 0 -2334px; } .forbes { background-position: 0 -2408px; } .news-images { float: left; margin: 0 1em; height: 100px; width: 150px; display: block; background-image: url("../images/about/presslogos_sprite.png"); } .press-profile-box { display: block; margin: 1em 0; background-image: url("../images/about/fu_logo_med.png"); background-position: 15px 60px; background-repeat: no-repeat; } .press-profile-box .title-box { background-color: #e84a4a; padding-left: 0.8em; display: block; } .press-profile-box .profile-box { padding: 2em 2.2em 0 15.5em; } .press-profile-box .profile-box ul { padding: 0; margin: 0 0 1em 0 !important; display: block; } .press-profile-box .profile-box ul li { background-image: url("../images/about/about_arrow_list.png"); background-repeat: no-repeat; list-style: none outside none; padding: 0 0 0.6em 1.2em; margin: 0; font-size: 1.2em; line-height: 1.4em; } .press-profile-box .profile-box ul li b { color: #f25012; font-weight: bold; } b.presstitle { font-size: 1.3em; font-style: italic; margin-right: 0.3em; color: #f25012; } .advocacy-links { margin: 1em 0; } .press-box-wrapper { background: #f3f3f3; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; width: 100%; border: #b6b5b5 1px solid; margin: 1em 0; float: left; padding: 1em 0; } .press-box-wrapper h1 { color: #21272b; } .press-top { margin-bottom: 2em; } .about-press-box { background-image: url("../images/about/about_us_press_icon.png"); background-position: 0 0; background-repeat: no-repeat; padding-top: 0.4em; margin-left: 1em; } .about-press-box p { font-size: 1.3em; line-height: 1.3em; } .about-press-box li { list-style-type: none; margin: 0 0 0 80px; } .about-press-box h4 { color: #21272b; font-weight: bold; } .insurance-questions { font-size: 1.6em; line-height: 1.2em; min-height: 8em; width: 100%; } .insurance-questions h2 { font-weight: bold; color: #21272b; font-size: 1.9em; } .insurance-questions table { margin: 0 0 0 1em; } .insurance-contact-wrapper { width: 85%; margin: 0 auto; } .contact-image-wrapper { padding-left: 2em; } .insurance-help { float: left; margin: -4% 8em 0.25em; } .press-questions { background-image: url("../images/about/contact_insurance_press_icon.png"); background-position: 0 0; background-repeat: no-repeat; padding-left: 95px; font-size: 1.2em; line-height: 1.2em; min-height: 178px; } .press-questions h2 { font-weight: bold; color: #21272b; font-size: 1.9em; } .contact-box { margin: 1em 0 0 0; padding: 0.525em; font-size: 1.2em; color: #21272b; font-size: 1.4em; line-height: 1.2em; } .contact-box h2 { color: #21272b; font-weight: bold; } .contact-box ul { margin: 0 0 1em 0; padding: 0; } .contact-box ul li { list-style: none outside none; margin: 0 0 0.25em 0; padding: 0; } .contact-box ul li a { font-weight: bold; } .smaller { font-size: 1em; } ul.blank { margin: 0 0 1em 0em !important; padding: 0; } ul.blank li { list-style: none outside none; margin: 0 0 0.25em 0; padding: 0; } ul.blank li a { font-weight: bold; } .indent { margin: 0 0 1em 2.5em !important; } ul.arrowlist { padding: 0; margin: 0 0 1em 0 !important; display: block; } ul.arrowlist li { background-image: url("../images/about/about_arrow_list.png"); background-repeat: no-repeat; list-style: none outside none; padding: 0 0 0.6em 1.2em; margin: 0; } .vertical-tabs-container div.ui-tabs-panel li { list-style: none outside none !important; } .insurance-cont .vertical-tabs-container ul.ui-tabs-list li.ui-state-active { padding: 1.5em 0em 2em 2em; background-color: #ffffff !important; } .insurance-cont .vertical-tabs-container ul.ui-tabs-list li.ui-state-active .contact-icon { width: 55px; height: 55px; overflow: hidden; background: url("../images/about/contact_info.png") no-repeat; float: left; margin-right: 10px; } .insurance-cont .vertical-tabs-container ul.ui-tabs-list li { width: 94.5% !important; padding: 1.5em 0em 2em 2em; margin-bottom: 1em; border-left: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; -moz-border-radius: 15px 0px 0px 15px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 15px; } .insurance-cont .vertical-tabs-container ul.ui-tabs-list li a { font-size: 1.6em; margin-top: 4px; } .insurance-cont .vertical-tabs-container ul.ui-tabs-list li .contact-icon { width: 55px; height: 55px; overflow: hidden; background: url("../images/about/contact_info.png") no-repeat; background-position: bottom left; float: left; margin-right: 10px; } .contact-tab-bg { background-color: #f3f3f3 !important; } .insurance-cont .vertical-tabs-container div.ui-tabs-panel { padding: 1em 2em 5em !important; margin-left: 31.3% !important; background-color: #ffffff !important; } .contact-insurance-questions { background-image: url("../images/about/contact_insurance_help_icon.png"); background-position: 0 0; background-repeat: no-repeat; padding: 5px 0 0 90px; font-size: 1.4em; line-height: 1.2em; min-height: 63px; } .contact-insurance-questions h2 { font-weight: bold; color: #21272b; font-size: 1.6em; position: relative; bottom: 0; left: 0; } .contact-privacy { padding: 1.5em !important; border: 1px solid #d3d3d3; -moz-box-shadow: 2px 2px 4px 0px #d3d3d3; -webkit-box-shadow: 2px 2px 4px #d3d3d3; box-shadow: 2px 2px 4px 0px #d3d3d3; } .contact-privacy ul { margin: 0; padding: 0; } .contact-privacy ul li { list-style: none outside none; padding: 0; margin: 0; } .grey-text { color: #21272b; } a.bulk-link { font-size: 1em; font-weight: bold; } .dotted { border-bottom: dotted 2px #d3d3d3; padding-bottom: 1em; color: #4f5a63; margin-bottom: 1em; } .dotted ul { margin: 0 0 0 1.5em; padding: 0; } .dotted ul li { list-style: none outside none; margin: 0; padding: 0; } .contact-member-services { background-image: url("../images/about/contact_phone_icon.png"); background-position: 10px 20px; background-repeat: no-repeat; padding: 18px 10px 0 83px; line-height: 1.2em; border: 10px solid #d3d3d3; } .contact-member-services h2 { font-weight: bold; color: #21272b; font-size: 1em; position: relative; bottom: 0; left: 0; } .prt-container { float: left; display: block; } .prt { width: 28%; display: inline; float: left; font-size: 0.8em; color: #21272b; margin-bottom: 2em; padding: 0.5em; } ol.contact { margin: 0; padding: 0; } ol.contact li { list-style: decimal outside decimal; margin-bottom: 0.55em; } .middle { margin: 0 1em; } .prt-box h2.hd { background-image: url("../images/about/contact_prt_icons.png"); background-position: 25px 5px; background-repeat: no-repeat; height: 70px; padding: 0; text-indent: -4000px; text-transform: lowercase; width: 60px; margin: 0 auto; } h2#questionmark { background-image: url("../images/about/contact_prt_icons.png"); background-position: 0 0; } h2#tool { background-image: url("../images/about/contact_prt_icons.png"); background-position: 0 -94px; } h2#magnify { background-image: url("../images/about/contact_prt_icons.png"); background-position: 0 -200px; } div#accordion-press { display: none; } div#accordion-press h2 { color: #21272b; cursor: pointer; } div#accordion-press h2 a { color: #21272b; } div#accordion-press ul { margin: 0em; } div#accordion-press ul li { list-style-type: none; margin: 0em 0em 0.5em 2em; } div#accordion-press ul li a { display: none; } div#accordion-press ul li:hover { background: none; } div.accordion-pressarchive { padding-left: 1em; display: block !important; } div.accordion-pressarchive .pressclip { margin-bottom: 1em !important; padding: 1em; } div.accordion-pressarchive li { font-size: 1em !important; } div.accordion-pressarchive li a { visibility: visible; display: block !important; } div.accordion-pressarchive h2 { font-size: 2em; font-weight: bold; display: block; border-bottom: 1px solid #d3d3d3; font-size: 2em; padding: 0.5em; margin-bottom: 0 !important; } div.accordion-pressarchive h2 span.ui-icon { background: none !important; margin: 0; padding: 0; display: none; } div.accordion-pressarchive p { margin: 0; padding: 0 1em 0 0; width: 90%; } div.accordion-pressarchive h3 { font-size: 1.1em; } div.accordion-pressarchive h4 { font-size: 0.9em; } div.accordion-pressarchive h2 { margin: 0.5em 0em 0.5em 0em; outline: none; background: none; } div.accordion-pressarchive h2 a { text-decoration: none; color: #f25012 !important; cursor: pointer; } div.accordion-pressarchive h2 span { display: block; float: left; width: 10px; height: 10px; margin: 0.2em 0.5em 0em 0em; } div.accordion-pressarchive h3 { margin: 0.5em 0em 0.5em 0em; outline: none; background: none; } div.accordion-pressarchive h3 a { text-decoration: none; color: #f25012 !important; cursor: pointer; } div.accordion-pressarchive h3 span { display: block; float: left; width: 10px; height: 10px; margin: 0.2em 0.5em 0em 0em; } div.accordion-pressarchive h4 { margin: 0.5em 0em 0.5em 0em; outline: none; background: none; } div.accordion-pressarchive h4 a { text-decoration: none; color: #f25012 !important; cursor: pointer; } div.accordion-pressarchive h4 span { display: block; float: left; width: 10px; height: 10px; margin: 0.2em 0.5em 0em 0em; } div.accordion-pressarchive .ui-state-default { background: none; text-align: left; } div.accordion-pressarchive .ui-state-default span.openhide { background-image: url("../images/common/close_hide_2.png"); background-position: 0 0; background-repeat: none; width: 110px; height: 20px; float: right; margin: 0.4em 0.2em 0 0; } div.accordion-pressarchive .ui-state-hover a { color: #21272b !important; } div.accordion-pressarchive .ui-state-active { border: none; border-bottom: 1px solid #d3d3d3; } div.accordion-pressarchive .ui-state-active span.openhide { background-image: url("../images/common/close_hide_2.png"); background-position: 0 -20px; background-repeat: none; width: 110px; height: 20px; float: right; margin-top: 0.4em; } div.accordion-pressarchive .ui-state-active span.ui-icon { background: none; } div.accordion-pressarchive .ui-state-active a { color: #21272b !important; } div.accordion-pressarchive .ui-widget-content { background: #f3f3f3; -moz-border-radius-bottomleft: 0 !important; -moz-border-radius-bottomright: 0 !important; padding: 1em 0; } div.accordion-pressarchive div.accordion-content { display: none; } div.accordion-pressarchive div.accordion-content p { display: none; margin: -0.2em 0em 0em 0em; background-color: #d3d3d3; } div.accordion-pressarchive .open { float: right; font-size: 0.5em; padding-top: 0.8em; position: relative; right: 0; top: 0; width: 20%; } .ui-accordion-header { background-color: #000000; } .view { margin: 1.5em 0 2em 2em; } #issue-top-buttons { float: none; display: block; list-style-type: none; position: relative; } #issue-top-buttons li { float: left; list-style-type: none; margin: 0 1em 0 0; } #issue-top-buttons li .button { display: block; height: 160px; margin: 0; width: 153px; } #issue-top-buttons li .health { background: url("../images/advocacy/affordablehealthinsurance_button.png") no-repeat scroll 0 0 transparent; } #issue-top-buttons li .tax { background: url("../images/advocacy/fairtaxation_button.png") no-repeat scroll 0 0 transparent; } #issue-top-buttons li .unemployment { background: url("../images/advocacy/unemployment_button.png") no-repeat scroll 0 0 transparent; } #issue-top-buttons li .unpaid { background: url("../images/advocacy/unpaidwages_button.png") no-repeat scroll 0 0 transparent; } #about-copy table { margin-bottom: 1em; padding-left: 1em; } #about-copy table tr td { width: 58%; } #about-copy table tr td .page-title h1 { font-size: 2.5em; position: relative; top: -17px; } #about-copy table tr td .page-title h2 { color: #ffa132; padding-left: 16px; margin-bottom: -0.3em; } #about-copy table tr li { list-style-type: none; } #about-copy table tr li p { padding-left: 15px; margin-top: -15px; margin-bottom: 0.5em; } #about-copy table tr td + td { border-left: 1px solid #d3d3d3; padding-left: 30px; } #about-copy .h1blue { color: #34b1c4; font-weight: bold; } #about-copy .right-arrow { background: url(../images/common/arrow-sprite.png) no-repeat 0 0; width: 10px; height: 10px; display: block; } .healthcare-info { border-bottom: 1px solid #d3d3d3; padding-bottom: 1em; } .healthcare-info h3 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 1.8em; color: #21272b; } .healthcare-members-tab { margin-top: 1em; margin-bottom: 5em; } .healthcare-members-tab .members-img { background: url(../images/about/fhc/fhc_members.png) no-repeat 0 0; display: block; height: 155px; width: 105px; } .healthcare-members-tab .balin { background-position: 0 0; } .healthcare-members-tab .balin .current { background: url(../images/about/fhc/fhc_members.png); background-position: 0 -310px; } .healthcare-members-tab .balin .current:hover { background: url(../images/about/fhc/fhc_members.png); background-position: 0 -310px; } .healthcare-members-tab .balin a:hover { background: url(../images/about/fhc/fhc_members.png); background-position: 0 -155px; } .healthcare-members-tab .gabriela { background-position: -108px 0; } .healthcare-members-tab .gabriela .current { background: url(../images/about/fhc/fhc_members.png); background-position: -108px -310px; } .healthcare-members-tab .gabriela .current:hover { background: url(../images/about/fhc/fhc_members.png); background-position: -108px -310px; } .healthcare-members-tab .gabriela a:hover { background: url(../images/about/fhc/fhc_members.png); background-position: -108px -155px; } .healthcare-members-tab .jerlyn { background-position: -218px 0; } .healthcare-members-tab .jerlyn .current { background: url(../images/about/fhc/fhc_members.png); background-position: -218px -310px; } .healthcare-members-tab .jerlyn .current:hover { background: url(../images/about/fhc/fhc_members.png); background-position: -218px -310px; } .healthcare-members-tab .jerlyn a:hover { background: url(../images/about/fhc/fhc_members.png); background-position: -218px -155px; } .healthcare-members-tab .ray { background-position: -328px 0; } .healthcare-members-tab .ray .current { background: url(../images/about/fhc/fhc_members.png); background-position: -328px -310px; } .healthcare-members-tab .ray .current:hover { background: url(../images/about/fhc/fhc_members.png); background-position: -328px -310px; } .healthcare-members-tab .ray a:hover { background: url(../images/about/fhc/fhc_members.png); background-position: -328px -155px; } .healthcare-members-tab .riccardo { background-position: -438px 0; } .healthcare-members-tab .riccardo .current { background: url(../images/about/fhc/fhc_members.png); background-position: -438px -310px; } .healthcare-members-tab .riccardo .current:hover { background: url(../images/about/fhc/fhc_members.png); background-position: -438px -310px; } .healthcare-members-tab .riccardo a:hover { background: url(../images/about/fhc/fhc_members.png); background-position: -438px -155px; } .healthcare-members-tab .jacquie { background-position: -547px 0; } .healthcare-members-tab .jacquie .current { background: url(../images/about/fhc/fhc_members.png); background-position: -547px -310px; } .healthcare-members-tab .jacquie .current:hover { background: url(../images/about/fhc/fhc_members.png); background-position: -547px -310px; } .healthcare-members-tab .jacquie a:hover { background: url(../images/about/fhc/fhc_members.png); background-position: -547px -155px; } .healthcare-members-tab h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2.5em; color: #21272b; } .healthcare-members-tab li { float: left; list-style-type: none; margin: 0 10px; } .healthcare-members-tab li a { display: block; height: 100%; z-index: 1; } .healthcare-members-tab .healthcare-panes { clear: both; } .healthcare-members-tab .healthcare-panes .healthcare-members-info { background: url("../images/error/bg_pattern.png") repeat scroll 50% 50% transparent; width: 100%; padding: 1em; } .healthcare-members-tab .healthcare-panes .healthcare-members-info h3 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2em; color: #21272b; } .healthcare-members-tab .healthcare-panes .healthcare-members-info p { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 1.7em; color: #21272b; line-height: 1.3em; color: #4f5a63; } .insurance-shop { background: url("../images/about/fhc/insurance_sidebar_ad.png") 0 0 no-repeat; height: 200px; padding: 1em 2em; } .insurance-shop h3 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 1.9em; color: #21272b; margin-bottom: 0.5em; } .insurance-shop .submit-button { border: none; font-size: 1.9em; color: #21272b; padding: 11px 30px; cursor: pointer; border: none; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; background: #35aebe; background: -moz-linear-gradient(top, #99dce5, #35aebe); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99dce5), to(#35aebe)); -moz-box-shadow: 3px 4px 8px 0px #d3d3d3; -webkit-box-shadow: 3px 4px 8px #d3d3d3; box-shadow: 3px 4px 8px 0px #d3d3d3; display: block; text-decoration: none; text-align: center; font-family: arial; font-weight: bold; padding: 5px 20px !important; font-weight: normal; color: white; margin-top: 0.5em; width: 7em; } .insurance-shop .submit-button:hover { background: #52bdcd; background: -moz-linear-gradient(top, #52bdcd, #057281); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52bdcd), to(#057281)); } .healthcare-video h3 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2em; color: #21272b; margin-bottom: 0.5em; } .listing { padding: 0; } .jobs-title h1 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .jobs-title h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .jobs-title h3 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .jobs-title h4 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .jobs-title h2 { font-size: 2em; color: #21272b; } .required-reading { border-bottom: 1px solid #d3d3d3; padding: 2em 0; position: relative; margin: 0 10px 0; float: left; width: 45%; } .required-reading .book { float: left; margin-right: 1em; position: relative; } .required-reading h3 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 1.8em; color: #21272b; margin: 0 0 5px 0; } .required-reading h3 a { color: #21272b; } .required-reading h3 a:hover { color: #f25012; } .required-reading h3 .h3-arrow { background: url(../images/common/arrow_oragne_gray.png) no-repeat top left; background-position: 0 0; width: 20px; height: 20px; float: left; margin: 4px 8px 0 0; } .required-reading p { display: inline; padding: 0; margin: 0 0 1em 0; font-size: 1.1em; } .board-sm { background: url(../images/about/board_sm.png) no-repeat top left; width: 101px; height: 137px; display: inline; float: left; padding: 0; margin: 0 10px 10px 0; border: 1px solid #21272b; } .board-sm p { background: url(../images/common/bg_drk_trans_overlay.png) repeat transparent top left; padding: 2px 0 2px 10px; width: 91px; position: relative; top: 117px; left: 0; color: #ffffff; font-size: 0.9em; } .board-sm:hover { border: 1px solid #f25012; } .no-photo-sm { background-position: 0 0; } .shorowitz { background-position: -111px 0; } .tchandaria { background-position: -551px 0; } .checkscher { background-position: -221px 0; } .akassoy { background-position: -331px 0; } .hkolko { background-position: -441px 0; } .jcaserto { background-position: -661px 0; } .ofolman { background-position: -768px 0; } #bucket-box { clear: both; display: -moz-box; width: 100%; height: 160px; margin-bottom: 2em; display: -webkit-box; display: box; float: left; } .about-internal-nav-bucket { display: inline; width: 692px; } .about-internal-nav-bucket li { width: 130px; background: url(../images/common/internal_ad_bg.png) repeat top left #f25012; padding: 12px 10px; float: left; height: 130px; vertical-align: top; text-align: center; list-style: none; list-style-image: none; padding: 15px; margin: 0 5px 0 0; } .about-internal-nav-bucket li h3 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; position: relative; top: 0; left: 0; margin-bottom: 0.5em; text-transform: uppercase; color: #ffffff; font-weight: normal; font-size: 1.5em; text-decoration: none; } .about-internal-nav-bucket li a { color: #ffffff; } .about-internal-nav-bucket li a:hover { text-decoration: none; color: #21272b; } .about-internal-nav-bucket li .center { text-align: center; } .about-internal-nav-bucket li .icon { margin: 0 auto; width: 60px; height: 60px; background: url(../images/common/bucket_sprite.png) no-repeat top left; cursor: pointer; } .about-internal-nav-bucket li .b-and-i { background-position: 0 0; } .about-internal-nav-bucket li .resources { background-position: 0 -70px; } .about-internal-nav-bucket li .pol-action { background-position: 0 -145px; } .about-internal-nav-bucket li .community { background-position: 0 -225px; } .about-internal-nav-bucket li:hover { border: 0; background: #a7b7b7; text-decoration: none; } .about-internal-nav-bucket .first { margin-left: 0 !important; float: left; } .about-internal-nav-bucket .last { margin-right: 0 !important; float: right; } #site .grey-gradient { background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #site .grey-gradient-reverse { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); } #header { height: auto; margin: 0 0 0.5em; } #header #sub-nav { position: static !important; } #header #sub-nav #section-nav { clear: left; padding: 1.5em 0em 0em 0em; background: #ffffff; } #header #sub-nav #section-nav .section-header { color: #21272b; text-transform: uppercase; font-size: 2em; font-weight: 400; margin: 0em 0em 0em 0.75em; width: 23%; min-width: 260px; float: left; font-family: arial; } #header #sub-nav #section-nav ul.section-menu { float: left; clear: none; position: relative !important; top: 0 !important; margin-top: 0 !important; } #header #sub-nav #section-nav ul.section-menu li { float: left; list-style-type: none; margin: 0em 1em 0em 0em; border-right: none; } #header #sub-nav #section-nav ul.section-menu li a { height: 2em; display: block; color: #4f5a63; line-height: 2em; padding: 0.25em 2.35em; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-weight: bold; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #header #sub-nav #section-nav ul.section-menu li a:hover { background: #b6b5b5; color: white; text-decoration: none; } #header #sub-nav #section-nav ul.section-menu li a.selected { color: white; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #header #sub-nav #section-nav .section-sub-header { color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 0.35em 0em 0.35em 1.5em; clear: left; } .oe-page .tertiary-wrapper-oe { border-bottom: 3px solid #fada2b; overflow: hidden; width: 753px; } .oe-page .tertiary-wrapper-oe ul .tertiary-menu-oe { width: 753px !important; margin: 0 auto; } .oe-page .tertiary-wrapper-oe ul li { color: #4f5a63; line-height: 2em; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-weight: bold; font-size: 1.2em; list-style-type: none; margin: 0; text-align: center; background: #d3d3d3; float: left; } .oe-page .tertiary-wrapper-oe ul li a { color: #21272b; display: block; margin: 0; padding: 0.5em 0; text-decoration: none; width: 168px; } .oe-page .tertiary-wrapper-oe ul li a:hover { background-color: #fada2b; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } .oe-page .tertiary-wrapper-oe ul li + li { margin: 0 0 0 1.73em; } .oe-page .tertiary-wrapper-oe ul .active-oe { background-color: #fada2b; } .oe-page .intro-wrapper { border-bottom: dotted 2px #21272b; margin: 0 1em 3em -5em; padding: 0 0 1.1em 0; } .oe-page .intro-wrapper h1 { color: #21272b; font-size: 2.3em; line-height: 1.4em; } .oe-page .intro-wrapper h2 { color: #4f5a63; font-size: 1.6em; line-height: 1.5em; } .oe-page .oe-overview-intro { border-bottom: solid 1px #4f5a63; margin-bottom: 1em; } .oe-page .oe-overview-intro p { color: #21272b !important; margin: 0 0 1em; } .oe-page .oe-overview-intro table { padding-top: 1em; } .oe-page .oe-overview-intro table td { padding: 0 0 1em 0; } .oe-page .oe-overview-intro table td h1 { font-size: 2.2em; } .oe-page .oe-overview-intro table td h2 { font-size: 2.2em; } .oe-page .oe-overview-intro table td h2 { color: #21272b; } .oe-page .oe-overview-intro table td h3 { color: #21272b; } .oe-page .oe-overview-intro table td + td { padding: 0 0 1em 1em; } .oe-page h2 { color: #21272b; font-size: 1.7em; } .oe-page p { color: #4f5a63 !important; margin: 0; } .oe-page h3 { color: #21272b; padding: 1em 0; } .oe-page .overview-boxes { padding: 0 0 1em 0; } .oe-page .overview-boxes ul { margin: 2em 0; } .oe-page .overview-boxes ul li { list-style-type: none; float: left; background: -moz-linear-gradient(center top, #fcf7db, #f9df51) repeat scroll 0 0 transparent; width: 25%; padding: 10px; border: 1px solid #aec739; margin: 0 2em 3em 0; min-height: 18em; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } .oe-page .overview-boxes ul li h4 { text-align: center; } .oe-page .overview-boxes ul li p { margin: 1em 0; } .oe-page .oe-overview-img { background: url(../images/insurance/oe_icons.png) no-repeat transparent; height: 60px; width: 70px; margin: 1em auto; } .oe-page .oe-plan-arrows { background-position: 0 0; } .oe-page .oe-monthly-money { background-position: 0 -60px; } .oe-page .oe-changes-arrows { background-position: 0 -120px; } .oe-page .plan-updates h2 { font-size: 1.9em; } .oe-page .plan-updates ul { margin: 0 0 5em; } .oe-page .plan-updates ul li { list-style-type: none; margin: 0; } .oe-page .plan-updates ul li p { margin: 0 0 1em; } .oe-page .plan-updates ul li h3 { color: #21272b; padding-bottom: 0.5em; } .oe-page .plan-updates ul li h4 { color: #f25012; font-size: 1.2em; } .oe-page .plan-updates ul li + li { border-top: 1px dotted #4f5a63; } .oe-page .monthly-premiums { margin: 0 0 3em 0; } .oe-page .monthly-premiums h2 { font-size: 1.9em; } .oe-page .monthly-premiums h3 { color: #f25012; font-size: 1.2em; padding: 0.6em 0 0 0; } .oe-page .monthly-premiums ul li { list-style-type: disc; color: #4f5a63; padding: 0.5em 0; } .oe-page .make-changes { margin: 0 0 1em; padding: 0 0 1em; } .oe-page .make-changes h2 { font-size: 1.9em; } .oe-page .make-changes h4 { color: #f25012; font-size: 1.2em; padding: 0.6em 0 0 0; } .oe-page .make-changes h5 { padding: 1em 0; } .oe-page .make-changes ul li { list-style-type: disc; color: #4f5a63; } .oe-page ul.oe-boxes { cursor: pointer; } .oe-page .oe-boxes-hover { border-color: black !important; } .oe-page .quick-plan-container { margin: 0 -18em 0 0; cursor: pointer; } .oe-page .quick-plan-container li { padding: 0 0 1em; } .oe-page .quick-plan-containter-link { float: right; padding: 1em 1em 0; } .oe-page .quickplan-container li:first-child { margin: 0 0.33% 3em 0; } .oe-header { border-bottom: 1px solid #4f5a63; margin-bottom: 1em; } .oe-header .oe-head { font-size: 2.8em; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; color: #21272b; margin: 18px 0 0; } .oe-header .fuwt { color: #f25012; margin-top: 0; font-size: 1.8em; } #oe-2011 { color: #21272b; } #oe-2011 .oe-2011-intro { margin-bottom: 1em; } #oe-2011 .oe-2011-intro p { font-size: 1.2em; line-height: 1.3em; color: #21272b; } #oe-2011 .oe-specifics ul { padding: 0 0 20px 0; margin: 0 0 4em 0; border-bottom: 1px solid #21272b; } #oe-2011 .oe-specifics ul li { font-size: 1.2em; margin: 0 0 0.8em; list-style: none outside none; padding: 0 0 0 1em; } #oe-2011 .oe-specifics ul.clean-list { padding: 0; margin: 0 0 1em 0; border-bottom: none; } #oe-2011 .oe-specifics ul.clean-list li { font-size: 1.2em; margin: 0 0 0.8em; list-style: disc inside; padding: 0 0 0 1em; } #oe-2011 .oe-specifics .oe-action-button-box { display: block; padding: 10px 0; margin: 1em 0; } #oe-2011 .oe-specifics .oe-action-button-box ul { clear: both; margin: 0; padding: 0; border: none !important; } #oe-2011 .oe-specifics .oe-action-button-box ul li { list-style: none outside none; clear: both; display: inline-table; padding: 0 20px 0 0; position: relative; } #oe-2011 .oe-specifics .specific-block { margin-bottom: 2em; border-bottom: 1px solid #21272b; display: block; position: relative; padding: 0 0 20px 0; } #oe-2011 .oe-specifics .specific-block p { font-size: 1.2em; line-height: 1.3em; margin-top: 1em; } #oe-2011 .oe-specifics .specific-block h3 { font-weight: bold; font-size: 2.2em; margin-bottom: 5px; display: inline; color: #21272b; } #oe-2011 .oe-specifics .specific-block a h3 { color: #f25012; } #oe-2011 .oe-specifics .specific-block .oe-icon { background: url(../images/insurance/OpenEnrollment/2011_OE_sprite.png) no-repeat top left; width: 50px; height: 48px; display: inline; margin-right: 10px; float: left; margin-bottom: -1px; margin-top: -5px; } #oe-2011 .oe-specifics .specific-block .hd-oe { background-position: 0 0; } #oe-2011 .oe-specifics .specific-block .rates-inc { background-position: 0 -55px; } #oe-2011 .oe-specifics .specific-block .pres-drug { background-position: 0 -105px; } #oe-2011 .oe-specifics .specific-block .pre-cert { background-position: 0 -155px; } #oe-2011 .oe-specifics .specific-block .hd-plans { background-position: 0 -205px; } #oe-2011 .oe-specifics .specific-block .deduct-change { background-position: 0 -255px; } #oe-2011 .oe-specifics .specific-block .take-action { background-position: 0 -305px; } #oe-2011 .oe-specifics .back-to-top { display: block; margin: 10px 0; } #oe-2011 .plan-table table { width: 100%; padding: 0; border-collapse: collapse; } #oe-2011 .plan-table table td { text-align: center; padding: 5px; border: 1px solid #e6e6e6; width: 200px; height: 45px; } #oe-2011 .plan-table table th { text-align: center; padding: 5px; border: 1px solid #e6e6e6; width: 200px; height: 45px; } #oe-2011 .plan-table table .left-panel { text-align: left; } #oe-2011 .plan-table table .plan-hd { background-color: #878f95; color: #ffffff; text-align: center; font-size: 1.3em; font-weight: bold; text-transform: uppercase; } #oe-2011 .plan-table table .blank { border: 0 !important; background: none; } #oe-2011 .plan-table table .ppo1 { background-color: #8ed9e2; } #oe-2011 .plan-table table .ppo2 { background-color: #b4e5ec; } #oe-2011 .plan-table table .ppo3 { background-color: #d9f2f5; } #oe-2011 .plan-table table .value1 { background-color: #fbe56a; } #oe-2011 .plan-table table .value2 { background-color: #fdf0aa; } #oe-2011 .plan-table table .plan-ft { background-color: #21272b; color: #ffffff; text-align: center; font-size: 1em; } #oe-2011 .plan-table table .plan-ft ul { padding: 0; margin: 0; } #oe-2011 .plan-table table .plan-ft ul li { list-style: none outside none; padding: 0; text-align: left; } #oe-2011 .plan-table table .plan-ft b { color: #f25012; font-weight: bold; } #oe-sidebar h4 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-size: 2.2em; font-weight: bold; } #oe-sidebar .quote { background: url(../images/insurance/OpenEnrollment/side_quotes.png) no-repeat top left; width: 210px; height: 280px; display: block; padding: 20px 0; border-top: 1px solid #21272b; margin-top: 2em; } #oe-sidebar .quote h3 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-size: 2em; text-align: left; margin: 10px auto; font-weight: normal; color: #21272b; } #oe-sidebar .oe-sara-pic { background: url("../images/insurance/OpenEnrollment/oe_sara_vid.png") top left no-repeat; height: 160px; margin: 0; width: 210px; float: left; } #site .grey-gradient { background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #site .grey-gradient-reverse { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); } #header { height: auto; margin: 0 0 0.5em; } #header #sub-nav { position: static !important; } #header #sub-nav #section-nav { clear: left; padding: 1.5em 0em 0em 0em; background: #ffffff; } #header #sub-nav #section-nav .section-header { color: #21272b; text-transform: uppercase; font-size: 2em; font-weight: 400; margin: 0em 0em 0em 0.75em; width: 23%; min-width: 260px; float: left; font-family: arial; } #header #sub-nav #section-nav ul.section-menu { float: left; clear: none; position: relative !important; top: 0 !important; margin-top: 0 !important; } #header #sub-nav #section-nav ul.section-menu li { float: left; list-style-type: none; margin: 0em 1em 0em 0em; border-right: none; } #header #sub-nav #section-nav ul.section-menu li a { height: 2em; display: block; color: #4f5a63; line-height: 2em; padding: 0.25em 2.35em; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-weight: bold; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #header #sub-nav #section-nav ul.section-menu li a:hover { background: #b6b5b5; color: white; text-decoration: none; } #header #sub-nav #section-nav ul.section-menu li a.selected { color: white; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #header #sub-nav #section-nav .section-sub-header { color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 0.35em 0em 0.35em 1.5em; clear: left; } .resources-title h1 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .resources-title h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .resources-title .wf-active h1 { font-size: 4em; } .resources-title h1 { color: #21272b; font-size: 3.5em; margin: 15px 0 0; } .resources-title h2 { color: #34b1c4; font-size: 1.7em; padding-left: 0.2em; margin: -0.3em 0 0; } .legend { width: 100% !important; } .legend p { padding: 0.5em 0 0 2.3em; } #sidebar { width: 214px; margin: 15px 16px 0 0; } #sidebar h2 { padding: 0; border-bottom: none; } #member-badge .badge-code-box { height: 11em; margin: 0.5em 0; color: #666666; width: 100%; } #member-badge .copy-button { cursor: pointer; display: block; font-size: 13px; color: #0066cc; font-weight: bold; text-align: left; text-decoration: none; margin: 0.2em 0 0 0; } #member-badge .hover { text-decoration: underline; } #member-badge .active { color: #4f5a63; } p { margin: 0.5em 0; } #other-resources p { font-weight: bold; font-size: 1.2em; } #other-resources h3 { font-size: 1.5em; } .resource-img { background: url(../images/resources/resources_icon_sprite.png) no-repeat 0 0; height: 85px; width: 85px; } .finance-img { background-position: 0px 0px; } .profile-img { background-position: 0px -99px; } .job-img { background-position: 0px -198px; } .legal-img { background-position: 0px -297px; } .tax-img { background-position: 0px -396px; } .events-img { background-position: 0px -542px; } .scorecard-img { background-position: 0px -644px; } .unpaid-wages-img { background-position: 0px -835px; } .freelance-life-img { background-position: 0px -905px; } .contract-creator-img { background-position: 0px -755px; } .tip-img { background-position: 0px -498px; display: block; height: 25px; position: relative; left: 1em; } .resource-home { margin: 1em 0 0 0; padding: 1em; border-bottom: 1px solid #d3d3d3; } .resource-home .info-home { padding: 0 1em 0 105px; margin: -6.5em 0 0; } .resource-home .info-home h3 { font-size: 1.6em; } .resource-home .home-links { margin: 1em 0 0; } .resource-home p a { font-size: 1.2em; } .resource-home table { margin: -0.6em 0 -0.5em -0.2em; } #tooltip .point { background: url("../images/insurance/2009/explore/tooltip_point.png") no-repeat scroll 0 0 transparent; height: 37px; left: -34px; position: relative; top: 5px; width: 21px; } #tooltip { -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #4f5a63; border: 1px solid #21272b; max-width: 275px; min-width: 200px; opacity: 0.85; position: absolute; z-index: 3000; color: white; margin: 1em 0; padding: 1em; } #tooltip h3 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 1.6em; } .resources .homepage-item h3 { font-family: Arial; font-size: 1.2em; font-weight: bold; } .resources h3 { color: #4f5a63; } .resources h4 { color: #4f5a63; } .resources h3 { font-size: 2.4em; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .resources p { margin: 0.3em 0 0; } .resources .resource-sec { padding: 1em; min-height: 6em; background: #f3f3f3; margin: 1em 0; } .resources .resource-sec p { margin-bottom: 10px; } .resources .resource-sec li { list-style: none; padding: 0; margin: 10px 0; } .resources .resource-info { padding: 1em; border-bottom: 1px solid #d3d3d3; min-height: 6em; } .resources .resource-info .bullets li { list-style-type: disc; } .resources .resource-info .resource-descrip p { font-size: 1.3em; line-height: 21px; } .resources .resource-info li { list-style-type: none; margin-bottom: 1em; } .resources .resource-info li span.blue { font-weight: bold; } .resources .resource-info .tips { margin: 1em 0; padding: 2em; -moz-box-shadow: 4px 4px 5px -2px #d3d3d3 inset; -webkit-box-shadow: 4px 4px 5px -2px #d3d3d3 inset; box-shadow: 4px 4px 5px -2px #d3d3d3 inset; border: 1px solid #d3d3d3; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; background: #f3f3f3; } .resources .resource-info .tips h3 { margin-bottom: 1em; } .resources .resource-info .tips li { list-style-type: decimal; color: #34b1c4; font-weight: bold; } .resources .resource-info .tips li span.darkest-grey { color: #21272b; font-weight: normal; } .resources .resource-info .gray-box { margin: 1em 0; padding: 2em; -moz-box-shadow: 4px 4px 5px -2px #d3d3d3 inset; -webkit-box-shadow: 4px 4px 5px -2px #d3d3d3 inset; box-shadow: 4px 4px 5px -2px #d3d3d3 inset; border: 1px solid #d3d3d3; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; background: #f3f3f3; } .resources .resource-info .gray-box h3 { margin-bottom: 5px; } .resources .resource-info .gray-box li { list-style-type: none; font-weight: normal; padding: 0; margin: 1em 0; } .resources .resource-info .gray-box li span.darkest-grey { color: #21272b; font-weight: normal; } .resources .resource-info .words { min-height: 19em; } .resources .resource-info .words ul li { margin: 1em; float: left; width: 29%; } .resources .resource-info .words ul .words-wrapper { background-image: url(../images/resources/taxesstriped_bg.png); background-color: #4f5a63; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; color: #ffffff; height: 16em; padding: 1em; } .resources .resource-info .words ul .words-wrapper h4 { text-align: center; color: #34b1c4; font-size: 2.1em; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; } .resources .resource-info .words ul .words-wrapper h5 { text-align: center; border-bottom: 1px solid #ffffff; padding-bottom: 0.5em; font-weight: normal; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-size: 1.4em; } .resources .resource-info .words ul .words-wrapper h5 span.orange { color: #f25012; } .resources .resource-info .need { border-right: 1px solid #d3d3d3; padding-right: 2em; } .resources .resource-info .deadbeats { border-left: 1px solid #d3d3d3; padding-left: 2em; } .resources .resource-info .before-gig { padding: 0 1em; } .resources .resource-info .mind { padding: 0 1em; } .resources .resource-info .mind li { margin: 1em 0 0 1em; list-style-type: disc; } .resources .resource-info .need li { margin: 1em 0 0 1em; list-style-type: disc; } .resources .resource-info .deadbeats li { margin: 1em 0 0 1em; list-style-type: disc; } .resources .resource-info .before-gig li { margin: 1em 0 0 1em; list-style-type: disc; } .resources .invoice { margin-bottom: 1em; } .resources .accountant-info { padding: 1em; } .resources .accountant-info ul li { float: left; list-style-type: none; margin: 1em 0; width: 100%; text-align: center; } .resources .accountant-info ul .accountant-images img { border: 1px solid #d3d3d3; padding: 1em; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; } .resources .accountant-info ul .accountant-descrip { margin: -10em 0 0 175px; } .resources .accountant-info ul .accountant-descrip .green-button { float: left; margin: 0.5em 0 1em; } .resources .howard-info { padding: 0 0 1em; min-height: 39em; border-bottom: 1px solid #d3d3d3; } .resources .howard-info .howard-copy { padding: 1em 0 0 1em; } .resources .howard-info .tax-video { margin: 2em 0; padding-left: 1em; } .resources .freelancersu-info { padding: 1em 0 0 1em; } .resources .freelancersu-info .webinar { background: #f3f3f3; background: -moz-linear-gradient(top, #ffffff, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f3f3)); border: 1px solid #f3f3f3; margin: 1em 0; padding: 1em; clear: both; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: 3px 4px 8px 0px #b6b5b5; -webkit-box-shadow: 3px 4px 8px #b6b5b5; box-shadow: 3px 4px 8px 0px #b6b5b5; } .resources .freelancersu-info .webinar .webinar-images { width: 160px; height: 125px; margin: 0 auto; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; display: block; } .resources .freelancersu-info .webinar .webinar-images img { display: block; margin: 1em auto; } .resources .freelancersu-info .webinar .webinar-info h4 { color: #ffa132; margin: 0 auto 1em; width: 9.6em; } .resources .freelancersu-info .webinar .webinar-info p { margin: 0 0 1em; text-align: center; padding: 0 0.5em; } .resources .freelancersu-info .webinar .webinar-info form { margin: -1em 0 0; } .resources .freelancersu-info .webinar .webinar-info tr { height: 3em; } .resources .freelancersu-info .webinar .webinar-info td { width: 14em; margin: 0 auto; text-align: center; } .resources .freelancersu-info .webinar .webinar-info .submit-button { border: none; font-size: 18px; color: #21272b; padding: 11px 30px; cursor: pointer; border: none; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; background: #b0c344; background: -moz-linear-gradient(top, #dae59b, #b0c344); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dae59b), to(#b0c344)); -moz-box-shadow: 3px 4px 8px 0px #d3d3d3; -webkit-box-shadow: 3px 4px 8px #d3d3d3; box-shadow: 3px 4px 8px 0px #d3d3d3; display: block; text-decoration: none; text-align: center; font-family: arial; font-weight: bold; padding: 3px 30px !important; font-size: 1.9em; margin: 0.3em auto; } .resources .freelancersu-info .webinar .webinar-info .submit-button:hover { background: #cbe548; background: -moz-linear-gradient(top, #cbe548, #83990c); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cbe548), to(#83990c)); } .resources .freelancersu-info .webinar .tools-img { background: url(../images/resources/sidebar_resources_logos.png) no-repeat 0 0; width: 150px; height: 50px; display: block; text-indent: -4000px; margin: 0 auto; } .resources .freelancersu-info .webinar .mint { background-position: 0 0; } .resources .freelancersu-info .webinar .harvest { background-position: 0 -130px; } .resources .freelancersu-info .webinar .freshbooks { background-position: 0 -65px; } .resources .freelancersu-info .webinar .tools-info { margin: 0 0 1em; text-align: center; padding-bottom: 1em; border-bottom: 1px solid #d3d3d3; } .resources .services { padding: 1em 0 0 1em; border-bottom: 1px solid #d3d3d3; min-height: 12em; clear: both; } .resources .services ul { padding: 1em 0 2em 0; } .resources .services ul li { list-style-type: none; margin-bottom: 1em; } .resources .services ul li img { padding-right: 1em; } .resources .services .red { color: #e84a4a; font-weight: bold; } .resources-page #video-module #video-widget { margin: 0em 0em 1em 0em; float: left; height: 32em; } .resources-page #video-module #video-widget .video-container { position: relative; padding-left: 167px; height: 281px; } .resources-page #video-module #video-widget .video-container object { border-top: 1px solid #b6b5b5; border-right: 1px solid #b6b5b5; border-bottom: 1px solid #b6b5b5; border-left: none; background: none; } .resources-page #video-module #video-widget .video-container .disclaimer { margin: 0em; } .resources-page #video-module #video-widget #video-info { padding: 1em 0em 1.25em 1em; margin: -0.5em 0em 0.75em 1px; height: 71px; border-bottom: 1px solid #b6b5b5; border-right: 1px solid #b6b5b5; border-left: 1px solid #b6b5b5; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; width: 646px; background-color: #34b1c4; } .resources-page #video-module #video-widget #video-info .hd { margin: 0em 0em 0.5em 1em; } .resources-page #video-module #video-widget #video-info .bd { margin: 0em 0em 0.5em 1em; } .resources-page #video-module #video-widget #video-info .ft { margin: 0em 0em 0.5em 1em; } .resources-page #video-module #video-widget #video-info p { margin: 0em 0em 0.5em 1em; } .resources-page #video-module #video-widget #video-info #video-title { color: white; } .resources-page #video-module #video-widget #video-info p { font-weight: bold; } .resources-page #video-module #video-widget #video-info h4 { color: #4f5a63; } .resources-page #video-module #video-widget #video-info p { color: #4f5a63; } .resources-page #video-module #video-widget #video-info h5 { font-size: 1.3em; } .resources-page #video-module #video-widget .bottom { border-top: 1px solid #b6b5b5; border-left: 1px solid #b6b5b5; border-right: 1px solid #b6b5b5; border-bottom: none; float: left; padding: 0.5em; margin: -4px 0px 0px 1px; min-width: 12em; position: relative; bottom: 29.8em; height: 20.7em; background-color: #34b1c4; -moz-border-radius: 10px 0 0 0; -webkit-border-top-left-radius: 10px; border-radius: 10px 0 0 0; } .resources-page #video-module #video-widget .bottom #video-tabs { margin: 0 0 0 0; float: none; } .resources-page #video-module #video-widget .bottom #video-tabs li { list-style-type: none; background-color: black; float: none; margin: 0em 0 0 3px; width: 23%; border: none; } .resources-page #video-module #video-widget .bottom #video-tabs li a.video-tab { float: left; list-style-type: none; background: black; opacity: 0.5; filter: alpha(opacity=100); margin: 0 0 6px; } .resources-page #video-module #video-widget .bottom #video-tabs li a.video-tab img { float: left; } .resources-page #video-module #video-widget .bottom #video-tabs li a.video-tab:hover { opacity: 1; filter: alpha(opacity=100); } .resources-page #video-module #video-widget .bottom #video-tabs li.ui-state-active a.video-tab { opacity: 1; filter: alpha(opacity=100); border: 1px solid #f25012; } ul.nested li { list-style-type: circle !important; margin: 0; padding: 0; } .gpnp-sec { position: relative; width: 960px; display: block; margin: 1em 0; float: left; } .gpnp-sec .badge-box { position: relative; padding: 0; width: 210px; float: left; } .gpnp-sec .badge-box h3 { font-size: 2em; color: #21272b; margin-top: 12px; } .gpnp-sec .badge-box p { margin-bottom: 10px; min-height: 70px; } .gpnp-sec .badge-box-middle { border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; padding: 0 2em; margin: 0 1.5em; } .gpnp-badge-sm { background: url(../images/resources/gpnp_badge_sprite.png) no-repeat top left; width: 111px; height: 101px; position: relative; display: block; } .payment-protection-badge-sm { background-position: 0 -540px; } .contract-creator-badge-sm { background-position: 0 -650px; } .client-scorecard-badge-sm { background-position: 0 -764px; } .gpnp-badge-lg { background: url(../images/resources/gpnp_badge_sprite.png) no-repeat top left; width: 178px; height: 160px; position: relative; } .payment-protection-badge-lg { background-position: 0 0; } .contract-creator-badge-lg { background-position: 0 -180px; } .client-scorecard-badge-lg { background-position: 0 -360px; } #site .grey-gradient { background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #site .grey-gradient-reverse { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); } #header { height: auto; margin: 0 0 0.5em; } #header #sub-nav { position: static !important; } #header #sub-nav #section-nav { clear: left; padding: 1.5em 0em 0em 0em; background: #ffffff; } #header #sub-nav #section-nav .section-header { color: #21272b; text-transform: uppercase; font-size: 2em; font-weight: 400; margin: 0em 0em 0em 0.75em; width: 23%; min-width: 260px; float: left; font-family: arial; } #header #sub-nav #section-nav ul.section-menu { float: left; clear: none; position: relative !important; top: 0 !important; margin-top: 0 !important; } #header #sub-nav #section-nav ul.section-menu li { float: left; list-style-type: none; margin: 0em 1em 0em 0em; border-right: none; } #header #sub-nav #section-nav ul.section-menu li a { height: 2em; display: block; color: #4f5a63; line-height: 2em; padding: 0.25em 2.35em; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-weight: bold; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #header #sub-nav #section-nav ul.section-menu li a:hover { background: #b6b5b5; color: white; text-decoration: none; } #header #sub-nav #section-nav ul.section-menu li a.selected { color: white; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #header #sub-nav #section-nav .section-sub-header { color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 0.35em 0em 0.35em 1.5em; clear: left; } .member-elections-title h1 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .member-elections-title h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .member-elections-title .wf-active h1 { font-size: 4em; } .member-elections-title h1 { color: #4f5a63; font-size: 3.5em; margin: 15px 0 0; } .member-elections-title h2 { color: #34b1c4; font-size: 1.7em; padding-left: 0.2em; margin: -0.3em 0 0; } .elections-wrapper h3 { color: #4f5a63; } .elections-wrapper #overview { padding: 0 2.5em 0 1em; } .elections-wrapper #overview ul li { list-style-type: none; } .elections-wrapper #how-to-apply { padding: 0 2.5em 0 1em; } .elections-wrapper #how-to-apply ul li { list-style-type: none; } .elections-wrapper #voting { padding: 0 2.5em 0 1em; } .elections-wrapper #voting ul li { list-style-type: none; } .elections-wrapper .apply-box { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; background: #21272b; padding: 1em; margin: 3.5em 0; } .elections-wrapper .apply-box p { color: #ffffff; font-size: 18px; line-height: 21px; } .elections-wrapper .apply-box .red { color: #e84a4a; } .elections-wrapper .apply-box .blue-button-dark { margin: 0.5em 0; } .elections-wrapper .vote-box { background-color: #ffa132; padding: 1em; margin: 2em 0 4em; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; } .elections-wrapper .vote-box .vote-img { background: url("../images/common/member_vote_icon.png") no-repeat 0 0; width: 70px; height: 90px; } .elections-wrapper .vote-box .vote-copy { padding: 0 1em 0 7.5em; margin-top: -7em; } .elections-wrapper .vote-box .blue { color: #34b1c4; font-weight: bold; } .elections-wrapper .vote-box h3 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2em; } .elections-wrapper .voting-over { background: #f3f3f3; text-align: center; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; padding: 1em; margin: 1em; border: 1px solid #d3d3d3; } .elections-wrapper .voting-over .green-button { width: 6em; margin: 0.2em auto; } .elections-wrapper .voting-over h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2em; color: #4f5a63; } .member-elections .site-tabs li { width: 50% !important; } .candidates h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2em; color: #4f5a63; } .candidates .voting-open { background: #f3f3f3; text-align: center; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; padding: 1em; margin: 1em; border: 1px solid #d3d3d3; } .candidates .voting-open .green-button { width: 110px; margin: 0.2em auto; } .candidates .meet-candidates { clear: both; border-bottom: 1px solid #d3d3d3; padding-bottom: 1em; margin-top: 1em; } .candidates .election-voting { clear: both; border-bottom: 1px solid #d3d3d3; padding-bottom: 1em; margin-top: 1em; } .candidates .meet-candidates { min-height: 20em; } .candidates .meet-candidates .candidate-img { background: url(../images/member-elections/member_election_candidates.png) no-repeat 0 0; width: 125px; height: 165px; display: block; } .candidates .meet-candidates .jcaserto { background-position: 0 0; } .candidates .meet-candidates .mfoggin { background-position: -280px 0; } .candidates .meet-candidates .asilver { background-position: -140px 0; } .candidates .meet-candidates li { float: left; list-style-type: none; width: 27%; } .candidates .thanks-candidates { clear: both; padding-bottom: 1em; margin-top: 1em; } .candidates .election-voting { clear: both; padding-bottom: 1em; margin-top: 1em; } .candidates .thanks-candidates { min-height: 20em; } .candidates .thanks-candidates .candidate-img { background: url(../images/member-elections/member_election_candidates.png) no-repeat 0 0; width: 125px; height: 165px; display: block; } .candidates .thanks-candidates .mfoggin { background-position: -280px 0; border-radius: 10px 10px 10px 10px; width: 120px; } .candidates .thanks-candidates .asilver { background-position: -140px 0; border-radius: 10px 10px 10px 10px; width: 120px; } .candidates .thanks-candidates li { float: left; list-style-type: none; margin: 10px 30px 0 0; } .candidates .speak-candidates { margin-top: 1em; margin-bottom: 5em; } .candidate-wrapper { margin: 1em 0; } .candidate-wrapper .rep-descrip { padding: 2em; margin-bottom: 1em; min-height: 14em; background: url("../images/error/bg_pattern.png") repeat scroll 50% 50% transparent; } .candidate-wrapper .rep-descrip .candidate-img { background: url(../images/member-elections/member_election_candidates.png) no-repeat 0 0; width: 125px; height: 165px; display: block; } .candidate-wrapper .rep-descrip .candidate-info { padding-left: 12em; margin-top: -13em; } .candidate-wrapper .rep-descrip .candidate-info h3 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2.6em; color: #4f5a63; } .candidate-wrapper .rep-descrip .candidate-info p { font-size: 1.3em; line-height: 1.2em; } .candidate-wrapper .rep-descrip .jcaserto { background-position: 0 0; border-radius: 10px 10px 10px 10px; width: 120px; } .candidate-wrapper .candidate-descrip { border-bottom: 1px solid #d3d3d3; padding-bottom: 1em; margin-bottom: 1em; min-height: 14em; } .candidate-wrapper .candidate-descrip .candidate-img { background: url(../images/member-elections/member_election_candidates.png) no-repeat 0 0; width: 125px; height: 165px; display: block; } .candidate-wrapper .candidate-descrip .jcaserto { background-position: 0 0; border-radius: 10px 10px 10px 10px; width: 120px; } .candidate-wrapper .candidate-descrip .mfoggin { background-position: -280px 0; } .candidate-wrapper .candidate-descrip .asilver { background-position: -140px 0; } .candidate-wrapper .candidate-descrip .candidate-info { padding-left: 12em; margin-top: -13em; } .candidate-wrapper .candidate-descrip .candidate-info h3 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; font-size: 2.6em; color: #4f5a63; } .candidate-wrapper .candidate-descrip .candidate-info p { font-size: 1.3em; line-height: 1.2em; } #site .grey-gradient { background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #site .grey-gradient-reverse { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); } #header { height: auto; margin: 0 0 0.5em; } #header #sub-nav { position: static !important; } #header #sub-nav #section-nav { clear: left; padding: 1.5em 0em 0em 0em; background: #ffffff; } #header #sub-nav #section-nav .section-header { color: #21272b; text-transform: uppercase; font-size: 2em; font-weight: 400; margin: 0em 0em 0em 0.75em; width: 23%; min-width: 260px; float: left; font-family: arial; } #header #sub-nav #section-nav ul.section-menu { float: left; clear: none; position: relative !important; top: 0 !important; margin-top: 0 !important; } #header #sub-nav #section-nav ul.section-menu li { float: left; list-style-type: none; margin: 0em 1em 0em 0em; border-right: none; } #header #sub-nav #section-nav ul.section-menu li a { height: 2em; display: block; color: #4f5a63; line-height: 2em; padding: 0.25em 2.35em; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-weight: bold; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #header #sub-nav #section-nav ul.section-menu li a:hover { background: #b6b5b5; color: white; text-decoration: none; } #header #sub-nav #section-nav ul.section-menu li a.selected { color: white; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #header #sub-nav #section-nav .section-sub-header { color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 0.35em 0em 0.35em 1.5em; clear: left; } .search-title h1 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .search-title .wf-active h1 { font-size: 4em; } .search-title h1 { color: #21272b; font-size: 3.5em; margin: 15px 0 0; } .search-page { padding: 1em; } .search-page #cse-search-results iframe { width: 100%; height: 1000px; } #site .grey-gradient { background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #site .grey-gradient-reverse { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); } #header { height: auto; margin: 0 0 0.5em; } #header #sub-nav { position: static !important; } #header #sub-nav #section-nav { clear: left; padding: 1.5em 0em 0em 0em; background: #ffffff; } #header #sub-nav #section-nav .section-header { color: #21272b; text-transform: uppercase; font-size: 2em; font-weight: 400; margin: 0em 0em 0em 0.75em; width: 23%; min-width: 260px; float: left; font-family: arial; } #header #sub-nav #section-nav ul.section-menu { float: left; clear: none; position: relative !important; top: 0 !important; margin-top: 0 !important; } #header #sub-nav #section-nav ul.section-menu li { float: left; list-style-type: none; margin: 0em 1em 0em 0em; border-right: none; } #header #sub-nav #section-nav ul.section-menu li a { height: 2em; display: block; color: #4f5a63; line-height: 2em; padding: 0.25em 2.35em; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-weight: bold; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #header #sub-nav #section-nav ul.section-menu li a:hover { background: #b6b5b5; color: white; text-decoration: none; } #header #sub-nav #section-nav ul.section-menu li a.selected { color: white; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #header #sub-nav #section-nav .section-sub-header { color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 0.35em 0em 0.35em 1.5em; clear: left; } .shop-title { margin: 0 0 1em; } .shop-title h1 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .shop-title h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .shop-title .wf-active h1 { font-size: 4em; } .shop-title h1 { color: #21272b; font-size: 3.5em; margin: 15px 0 0; } .shop-title h2 { color: #34b1c4; font-size: 1.7em; padding-left: 0.2em; margin: -0.3em 0 0; } .shop-page { margin: 2em 0; } .shop-page img { margin-bottom: 4em; } #site .grey-gradient { background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #site .grey-gradient-reverse { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); } #header { height: auto; margin: 0 0 0.5em; } #header #sub-nav { position: static !important; } #header #sub-nav #section-nav { clear: left; padding: 1.5em 0em 0em 0em; background: #ffffff; } #header #sub-nav #section-nav .section-header { color: #21272b; text-transform: uppercase; font-size: 2em; font-weight: 400; margin: 0em 0em 0em 0.75em; width: 23%; min-width: 260px; float: left; font-family: "proxima-nova-1", "proxima-nova-2", arial; } #header #sub-nav #section-nav ul.section-menu { float: left; clear: none; position: relative !important; top: 0 !important; margin-top: 0 !important; } #header #sub-nav #section-nav ul.section-menu li { float: left; list-style-type: none; margin: 0em 1em 0em 0em; border-right: none; } #header #sub-nav #section-nav ul.section-menu li a { height: 2em; display: block; color: #4f5a63; line-height: 2em; padding: 0.25em 2.35em; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-weight: bold; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #header #sub-nav #section-nav ul.section-menu li a:hover { background: #b6b5b5; color: white; text-decoration: none; } #header #sub-nav #section-nav ul.section-menu li a.selected { color: white; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #header #sub-nav #section-nav .section-sub-header { color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 0.35em 0em 0.35em 1.5em; clear: left; } .clientcomp-page .section-sub-header { background: #34b1c4; } .clientcomp-page #header #sub-nav #section-nav ul.section-menu li a.selected { background: #34b1c4; } .clientcomp-page #header #sub-nav #section-nav .section-header { width: 29%; } .autocomplete-w1 { position: absolute; top: 0px; left: 0px; margin: 6px 0 0 6px; _background: none; _margin: 1px 0 0 0; } .autocomplete { border: 1px solid #999999; background: #ffffff; cursor: default; text-align: left; max-height: 350px; overflow: auto; margin: -6px 6px 6px -6px; _height: 350px; _margin: 0; _overflow-x: hidden; } .autocomplete .selected { background: #f0f0f0; } .autocomplete div { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete strong { font-weight: normal; color: #3399ff; } .page-guide { text-align: right; margin: 10px; } .page-guide a { -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; padding: 5px; } .page-guide a.selected { background: #aec739; color: #ffffff; } .clientcomp-page hr.sep { clear: both; border-top: solid 1px #d3d3d3; margin: 15px 10px; } .clientcomp-page .page-title h1 { font-size: 4em; color: #4f5a63; padding-left: 20px; } .clientcomp-page .page-title h1 a { color: #4f5a63; } .clientcomp-page .yui-b { margin-right: 0 !important; } .clientcomp-page #rate-button { margin: 0 auto 0 auto; width: 190px; } .clientcomp-page .desc-wrapper { padding-top: 20px; padding-bottom: 30px; text-align: center; background: #ffffff url(../images/error/bg_pattern.png) repeat; } .clientcomp-page .desc-text { width: 100%; margin: 10px 0 15px 0; color: #4f5a63; font-family: "mostra-nuova-1", "mostra-nuova-2", arial; font-size: 3em; line-height: 100%; } .clientcomp-page .section-sub-header { background: #a7b7b7; } .clientcomp-page #header #sub-nav #section-nav ul.section-menu li a.selected { background: #a7b7b7; } .clientcomp-page #header #sub-nav #section-nav .section-header { width: 29%; } .clientcomp-page .b-content-wrapper { margin: 0 0 0 0; } .clientcomp-page #bd { margin: 0; } .clientcomp-page p { margin: 0 0 1em; } .clientcomp-page h1#client-compass a { color: black; outline: medium none; text-decoration: none; } .clientcomp-page #company-search { width: 200px; background: none repeat scroll 0 0 #ffffff; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-box-shadow: 4px 4px 5px -2px #d3d3d3 inset; border: 1px solid #d3d3d3; height: 25px; margin: 3px 0 4px 16px; position: relative; } .clientcomp-page #company-search #go { background: url("../images/common/search_magnify.png") no-repeat 0 0; border: 0 none; cursor: pointer; display: block; height: 24px; margin: 0; padding: 0; position: absolute; right: 3px; text-indent: -4000px; width: 23px; } .clientcomp-page #company-search #client-scorecard-search { background: none repeat scroll 0 0 transparent; border: 0 none; color: #4f5a63; font-size: 90%; margin: 4px; width: 80%; font-style: italic; padding: 0.3em 1.5em 0 1.5em; } .clientcomp-page #company-search input.text:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: none; } .clientcomp-page .company-profile { width: 935px; margin: 0 auto 0 auto; } .clientcomp-page .company-profile hr { clear: both; border-top: solid 1px #d3d3d3; } .clientcomp-page .company-profile ul.profile-block { background-color: #f3f3f3; float: left; margin: 10px 5px 15px 10px; } .clientcomp-page .company-profile ul.profile-block li { border: 1px solid #d3d3d3; list-style-type: none; padding: 0 7px 7px 7px; margin: 0; } .clientcomp-page .company-profile ul.profile-block li.logo { width: 200px; height: 150px; padding-top: 7px; border-bottom: none; } .clientcomp-page .company-profile ul.profile-block li.details-area { border-top: none; border-bottom: none; } .clientcomp-page .company-profile ul.profile-block li.add-review { border: none; padding: 4px 7px 3px 7px; background-color: #bcd04b; text-align: center; font-family: "league-gothic-1", "league-gothic-2", arial; font-size: 1.8em; line-height: 115%; border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -moz-box-shadow: inset 0 4px 8px 0px #4f5a63; -webkit-box-shadow: inset 0 4px 8px #4f5a63; box-shadow: inset 0 4px 8px 0px #4f5a63; } .clientcomp-page .company-profile ul.profile-block li.add-review a { color: #4f5a63; } .clientcomp-page .company-profile ul.profile-block li.add-review a:link { text-decoration: none; } .clientcomp-page .company-profile ul.profile-block li.add-review a:active { text-decoration: none; } .clientcomp-page .company-profile ul.profile-block li.add-review a:visited { text-decoration: none; } .clientcomp-page .company-profile ul.profile-block li.add-review a:hover { text-decoration: underline; } .clientcomp-page .company-profile .details-cs .company-name { max-width: 200px; overflow: hidden; } .clientcomp-page .company-profile .details-cs .company-name a { white-space: nowrap; font-size: 1em; text-decoration: none; } .clientcomp-page .company-profile .thumb { border: 1px solid #21272b; } .clientcomp-page .reviews .details-cs .company-name a { font-size: 1.7em; text-decoration: none; } .clientcomp-page .reviews .details-cs .star-rating { border: 1px solid #d3d3d3; padding: 0.5em; width: 120px; height: 21px; background: white; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } .clientcomp-page .company-profile-page { margin: 1em 0; padding: 0.5em; } .clientcomp-page .company-profile-page .profile-header { clear: both; min-height: 13em; margin-bottom: 20px; } .clientcomp-page .company-profile-page .profile-header li { list-style-type: none; float: left; margin: 0 0 0 3px; } .clientcomp-page .company-profile-page .profile-header .logo-image { min-width: 200px; min-height: 150px; -moz-box-shadow: inset 0 2px 4px 0px #d3d3d3; -webkit-box-shadow: inset 0 2px 4px #d3d3d3; box-shadow: inset 0 2px 4px 0px #d3d3d3; background: #f3f3f3; border: 1px solid #b6b5b5; padding: 8px; margin-right: 10px; } .clientcomp-page .company-profile-page .profile-header .logo-image a { float: left; } .clientcomp-page .company-profile-page .add-review { clear: both; } .clientcomp-page .company-profile-page .details-cs { padding-left: 1em; } .clientcomp-page .company-profile-page .details-cs p { font-size: 1.2em; margin: 0.2em 0 0; } .clientcomp-page .company-profile-page .details-cs .company-name a { font-family: "mostra-nuova-1", "mostra-nuova-2", arial; color: #4f5a63; font-size: 1.9em; text-decoration: none; } .clientcomp-page .company-profile-page .details-cs .star-rating { border: 1px #d3d3d3; padding: 0.5em; margin-top: 8px; width: 120px; background-color: white; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-box-shadow: inset 0 2px 4px 0px #d3d3d3; -webkit-box-shadow: inset 0 2px 4px #d3d3d3; box-shadow: inset 0 2px 4px 0px #d3d3d3; } .clientcomp-page .company-profile-page .details-cs .rating { font-size: 0.8em; padding-top: 5px; clear: both; } .clientcomp-page .company-profile-page .thumb { border: 1px solid #21272b; } .clientcomp-page .company-profile-page .add-review { width: 207px; margin-top: 8px; } .clientcomp-page #tabs ul.compass-tabs li { float: left; list-style-type: none; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; height: 22px; margin: 0 0 -0.1em; padding: 1em; text-align: center; width: 145px; background-color: #d3d3d3; } .clientcomp-page #tabs ul.compass-tabs li + li { border-right: 1px solid #d3d3d3; } .clientcomp-page #tabs ul.compass-tabs .ui-state-active { background: #ffffff; } .clientcomp-page #tabs ul.compass-tabs a { color: #21272b; text-decoration: none; } .clientcomp-page #highest-rated { clear: both; margin-top: 0.5em; } .clientcomp-page #recent-reviewed { clear: both; margin-top: 0.5em; } .clientcomp-page .ui-icon-star-50 { background-position: 0 0; } .clientcomp-page .ui-icon-star-45 { background-position: 0 -23px; } .clientcomp-page .ui-icon-star-40 { background-position: 0 -46px; } .clientcomp-page .ui-icon-star-35 { background-position: 0 -69px; } .clientcomp-page .ui-icon-star-30 { background-position: 0 -92px; } .clientcomp-page .ui-icon-star-25 { background-position: 0 -115px; } .clientcomp-page .ui-icon-star-20 { background-position: 0 -138px; } .clientcomp-page .ui-icon-star-15 { background-position: 0 -161px; } .clientcomp-page .ui-icon-star-10 { background-position: 0 -184px; } .clientcomp-page .ui-icon-star-05 { background-position: 0 -207; } .clientcomp-page .ui-icon-star-00 { background-position: 0 -230px; } .clientcomp-page .ui-icon { background-image: url("../images/client-scorecard/stars_sprites.png"); height: 20px; width: 115px; display: block; } .clientcomp-page .star-rating span { float: left; } .clientcomp-page .star-rating .text { padding-top: 3px; } .clientcomp-page .show_stat { position: absolute; height: 80px; left: 750px; width: 130px; background: url(../images/common/scorecard_hover_box.png) no-repeat 0 0; padding: 0.5em 0.7em; } .clientcomp-page .hover-box { color: #21272b; } .clientcomp-page .yes { color: #aec739; } .clientcomp-page .no { color: #e45618; } .clientcomp-page .question-stats { background: #22272b; -moz-border-radius: 10px 10px 10px 10px; border: 1px solid #d3d3d3; border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; margin: 10px 10px 15px 10px; } .clientcomp-page .question-stats div.hd { padding: 10px 0 0 10px; color: white; font-size: 1.67em; } .clientcomp-page .question-stats dl { clear: both; } .clientcomp-page .question-stats dl dt { float: left; margin: 0.3em 0 0.6em 0; padding: 10px 0 0 20px; color: #ffffff; font-size: 1.5em; text-align: left; width: 60%; } .clientcomp-page .question-stats dl dt .green-percent { color: #aec739; font-weight: bold; } .clientcomp-page .question-stats dl dd { float: left; color: #aec739; font-size: 1.3em; width: 35%; margin: 0.3em 0 0.6em 0; } .clientcomp-page .question-stats .ui-progressbar { height: 2em; text-align: left; } .clientcomp-page .question-stats .ui-corner-all { -moz-border-radius: 0 0 0 0; } .clientcomp-page .question-stats .ui-widget-content { background: url("../images/client-scorecard/bar_bg_striped.png") repeat scroll 50% 50%; color: #222222; } .clientcomp-page .question-stats .ui-progressbar .ui-progressbar-value { height: 100%; } .clientcomp-page .question-stats .ui-corner-left { -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; } .clientcomp-page .question-stats .ui-widget-header { background: repeat-x scroll 50% 50% #aec739; color: #222222; font-weight: bold; } .clientcomp-page hr.qs { clear: both; } .clientcomp-page .reviews { padding: 0 10px 0 10px; } .clientcomp-page .reviews .italic { font-style: italic; } .clientcomp-page .reviews .hd { margin: 1em 0; color: #4f5a63; font-size: 2.2em; font-family: "mostra-nuova-1", "mostra-nuova-2", arial; } .clientcomp-page .reviews .hd em { font-style: normal; font-weight: bold; color: #34b1c4; } .clientcomp-page .reviews .bd { background-color: #f3f3f3; border: 1px solid #d3d3d3; margin: 1em 0; padding: 1em; } .clientcomp-page .reviews .bd .name { color: #34b1c4; font-size: 2.2em; margin: 0 0 1em; font-style: italic; } .clientcomp-page .reviews .bd p { font-size: 1.4em; color: grey; margin: 0; line-height: 21px; } .clientcomp-page .reviews .bd .reviewed-on { color: #34b1c4; font-size: 1em; font-weight: bold; } .clientcomp-page .reviews .bd .flag-button { -moz-border-radius: 4px 4px 4px 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border: 1px solid #d3d3d3; background-color: #ffffff; background-image: url(../images/client-scorecard/flag.png); background-repeat: no-repeat; background-position: 3px 3px; text-transform: uppercase; font-size: 10px; font-weight: bold; max-width: 75px; padding: 3px 0 2px 30px; margin-top: 20px; } .clientcomp-page .reviews .bd .flag-button:hover { background-color: #4f5a63; cursor: pointer; background-position: 3px -16px; color: #ffffff; } .clientcomp-page #listing-banner { background-color: #21272b; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; color: white; margin: 0 10px; padding: 0 2em 0 2em; min-height: 50px; -moz-box-shadow: 3px 4px 8px 0px #b6b5b5; -webkit-box-shadow: 3px 4px 8px #b6b5b5; box-shadow: 3px 4px 8px 0px #b6b5b5; } .clientcomp-page #listing-banner h2 { color: white; float: left; font-size: 1.9em; font-weight: normal; padding: 10px 0 0 10px; } .clientcomp-page #listing-banner h2 a { color: white; text-decoration: none; } .clientcomp-page #listing-banner .rating-wrapper { float: right; padding: 5px 60px 0 0; } .clientcomp-page #listing-banner .rating-wrapper a { width: 150px; margin: 0 auto; } .clientcomp-page .selector * option { padding: 0 0 2px 10px; } .clientcomp-page .selector * option:last-child { padding-bottom: 5px; } .clientcomp-page #listing-sort-by { margin: 20px 0 0 0; width: 100%; max-height: 40px; background-color: #f3f3f3; -moz-box-shadow: inset 0 2px 4px 0px #d3d3d3; -webkit-box-shadow: inset 0 2px 4px #d3d3d3; box-shadow: inset 0 2px 4px 0px #d3d3d3; } .clientcomp-page #listing-sort-by .grouping { display: block; padding: 4px 5px 0 5px; width: 218px; } .clientcomp-page #listing-sort-by .grouping-search { float: left; border-right: 1px solid #ffffff; padding: 5px 30px 2px 0; } .clientcomp-page #listing-sort-by .grouping-letters { white-space: nowrap; width: 50%; margin: 0 auto; padding-top: 13px; } .clientcomp-page #listing-sort-by .grouping-letters .letters { text-align: center; font-weight: bold; list-style-type: none; height: 30px; margin: 0 auto; font-size: 12px; } .clientcomp-page #listing-sort-by .grouping-letters .letters .selected a { background: #aec739; color: #ffffff; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; padding: 5px; } .clientcomp-page #listing-sort-by .grouping-letters .letters li { margin: 0 3px 0 3px; list-style-type: none; display: inline; } .clientcomp-page #listing-sort-by .grouping-letters .letters li a { text-decoration: none; } .clientcomp-page #listing-sort-by .grouping-letters .letters li a:hover { color: #ffa132; } .clientcomp-page #listing-sort-by .grouping-sortby { float: right; position: relative; top: -35px; border-left: 1px solid #ffffff; margin-bottom: 0 !important; padding: 0; text-align: left; } .clientcomp-page .home-splash { background-color: #f3f3f3; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; border: 1px solid #d3d3d3; color: white; padding: 10px 0 0 10px; margin: 1em 0; padding-bottom: 2em; } .clientcomp-page .recent-reviews { clear: both; } .clientcomp-page .home-splash ul#latest-companies { height: 200px; } .clientcomp-page .client-banner table td { list-style-type: none; padding: 1em; margin: 0 0 1em; } .clientcomp-page .client-banner table td h2 { font-size: 2.4em; } .clientcomp-page .client-banner table td h3 { font-size: 1.6em; font-style: italic; color: #34b1c4; font-weight: normal; } .clientcomp-page .client-banner table td h4 { font-size: 1.2em; font-style: italic; padding-top: 1em; } .clientcomp-page .client-banner table td h2 { color: #4f5a63; font-weight: normal; } .clientcomp-page .client-banner table td h4 { color: #4f5a63; font-weight: normal; } .clientcomp-page .client-banner .client-quote { text-align: left; font-style: italic; clear: both; padding: 0 3em; margin: 0.5em 0; } .clientcomp-page .review-profile { -moz-border-radius: 10px 10px 10px 10px; border: 1px solid #d3d3d3; border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; height: 100%; color: gray; padding: 1em; } .clientcomp-page .review-profile #id_experience { display: block; width: 100%; } .clientcomp-page .review-profile .redstar { color: red; } .clientcomp-page input.readonly { background-color: #dcdcdc; background-image: none; } .clientcomp-page ul.errorlist { color: red; } .clientcomp-page .errorlist li { list-style-type: none; font-size: 12px; } .clientcomp-page .fieldWrapper { margin: 1em 0; } .clientcomp-page .name_details { font-style: italic; font-size: 12px; margin-left: 1em; width: 80%; } .clientcomp-page input#id_name { margin-left: 1em; width: 80%; } .clientcomp-page input#id_url { margin-left: 1em; width: 80%; } .clientcomp-page .location table { margin-left: 1em; width: 100%; } .clientcomp-page .location th { text-align: left; } .clientcomp-page .when table { margin-left: 1em; } .clientcomp-page .when table td { width: 1em; } .clientcomp-page .rating ul { list-style-type: none; height: 30px; width: 100%; margin: auto; } .clientcomp-page .rating ul li { list-style-type: none; float: left; } .clientcomp-page .review-answers { margin-top: -3em; } .clientcomp-page .review-answers .hd { background-color: white; } .clientcomp-page .review-answers ul { background-color: #dcdcdc; list-style-type: none; height: 30px; width: 100%; margin: auto; } .clientcomp-page .review-answers ul li { list-style-type: none; float: left; text-align: center; width: 18%; padding-top: 0.5em; } .clientcomp-page .review-answers ul li .errorlist { margin-top: 0; } .clientcomp-page .review-answers dl { margin: 1em; clear: both; } .clientcomp-page .review-answers dt { background-color: #dcdcdc; } .clientcomp-page .review-answers dd { background-color: #dcdcdc; } .clientcomp-page .review-answers dl dt { float: left; width: 45%; height: 26px; padding: 1em 0 1em 1em; } .clientcomp-page .review-answers dd { float: left; font-size: 1.3em; width: 45%; height: 51px; margin-bottom: 5px; } .clientcomp-page .experience { padding: 1em 0; display: block; clear: both; } .clientcomp-page .experience textarea { margin: 0.5em 0 0; } .clientcomp-page .wf-active .edit-button { font-size: 1.9em; } .clientcomp-page .edit-button { border: none; font-size: 1.9em; color: #21272b; padding: 11px 30px; cursor: pointer; border: none; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; background: #fbaa47; background: -moz-linear-gradient(top, #fdce95, #fbaa47); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdce95), to(#fbaa47)); -moz-box-shadow: 3px 4px 8px 0px #d3d3d3; -webkit-box-shadow: 3px 4px 8px #d3d3d3; box-shadow: 3px 4px 8px 0px #d3d3d3; display: block; text-decoration: none; text-align: center; font-family: "league-gothic-1", "league-gothic-2", arial; font-weight: bold; padding: 11px 30px !important; font-weight: normal; } .clientcomp-page .edit-button:hover { background: #fbb056; background: -moz-linear-gradient(top, #fbb056, #f98b08); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbb056), to(#f98b08)); } .clientcomp-page .wf-active .submit-button { font-size: 1.9em; } .clientcomp-page .submit-button { border: none; font-size: 1.9em; color: #21272b; padding: 11px 30px; cursor: pointer; border: none; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; background: #b0c344; background: -moz-linear-gradient(top, #dae59b, #b0c344); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dae59b), to(#b0c344)); -moz-box-shadow: 3px 4px 8px 0px #d3d3d3; -webkit-box-shadow: 3px 4px 8px #d3d3d3; box-shadow: 3px 4px 8px 0px #d3d3d3; display: block; text-decoration: none; text-align: center; font-family: "league-gothic-1", "league-gothic-2", arial; font-weight: bold; padding: 11px 30px !important; font-weight: normal; } .clientcomp-page .submit-button:hover { background: #cbe548; background: -moz-linear-gradient(top, #cbe548, #83990c); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cbe548), to(#83990c)); } .clientcomp-page #browse-comps { font-family: "mostra-nuova-1", "mostra-nuova-2", arial; font-size: 2em; font-weight: normal; color: #4f5a63; background: none; border: none; padding: 10px 0 5px 20px; } #site .grey-gradient { background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #site .grey-gradient-reverse { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); } #header { height: auto; margin: 0 0 0.5em; } #header #sub-nav { position: static !important; } #header #sub-nav #section-nav { clear: left; padding: 1.5em 0em 0em 0em; background: #ffffff; } #header #sub-nav #section-nav .section-header { color: #21272b; text-transform: uppercase; font-size: 2em; font-weight: 400; margin: 0em 0em 0em 0.75em; width: 23%; min-width: 260px; float: left; font-family: arial; } #header #sub-nav #section-nav ul.section-menu { float: left; clear: none; position: relative !important; top: 0 !important; margin-top: 0 !important; } #header #sub-nav #section-nav ul.section-menu li { float: left; list-style-type: none; margin: 0em 1em 0em 0em; border-right: none; } #header #sub-nav #section-nav ul.section-menu li a { height: 2em; display: block; color: #4f5a63; line-height: 2em; padding: 0.25em 2.35em; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-weight: bold; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #header #sub-nav #section-nav ul.section-menu li a:hover { background: #b6b5b5; color: white; text-decoration: none; } #header #sub-nav #section-nav ul.section-menu li a.selected { color: white; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #header #sub-nav #section-nav .section-sub-header { color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 0.35em 0em 0.35em 1.5em; clear: left; } .error-page .error-wrapper { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: 3px 4px 8px 0px #b6b5b5; -webkit-box-shadow: 3px 4px 8px #b6b5b5; box-shadow: 3px 4px 8px 0px #b6b5b5; background: url("../images/error/bg_pattern.png") repeat scroll 50% 50% transparent; width: 600px; margin: 3em auto 5em; padding: 2em 40px 2em 2em; } .error-page .error-wrapper h1 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .error-page .error-wrapper h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .error-page .error-wrapper h3 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .error-page .error-wrapper h4 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; } .error-page .error-wrapper h1 { font-size: 4.3em; color: #21272b; line-height: 1em; margin-top: 0.2em; } .error-page .error-wrapper h2 { font-size: 3.2em; color: #4f5a63; margin-top: 0.2em; } .error-page .error-wrapper h3 { font-size: 2.4em; color: #34b1c4; margin-top: 0.2em; } .error-page .error-wrapper h4 { font-size: 1.5em; color: #21272b; margin-top: 1em; } .error-page .error-wrapper .error-img-wrapper { width: 210px; margin: 1.5em auto; } #site .grey-gradient { background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #site .grey-gradient-reverse { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); } #header { height: auto; margin: 0 0 0.5em; } #header #sub-nav { position: static !important; } #header #sub-nav #section-nav { clear: left; padding: 1.5em 0em 0em 0em; background: #ffffff; } #header #sub-nav #section-nav .section-header { color: #21272b; text-transform: uppercase; font-size: 2em; font-weight: 400; margin: 0em 0em 0em 0.75em; width: 23%; min-width: 260px; float: left; font-family: arial; } #header #sub-nav #section-nav ul.section-menu { float: left; clear: none; position: relative !important; top: 0 !important; margin-top: 0 !important; } #header #sub-nav #section-nav ul.section-menu li { float: left; list-style-type: none; margin: 0em 1em 0em 0em; border-right: none; } #header #sub-nav #section-nav ul.section-menu li a { height: 2em; display: block; color: #4f5a63; line-height: 2em; padding: 0.25em 2.35em; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-weight: bold; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #header #sub-nav #section-nav ul.section-menu li a:hover { background: #b6b5b5; color: white; text-decoration: none; } #header #sub-nav #section-nav ul.section-menu li a.selected { color: white; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #header #sub-nav #section-nav .section-sub-header { color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 0.35em 0em 0.35em 1.5em; clear: left; } .chicago-wrapper { margin: 1em 5em; width: 960px; display: block; position: relative; padding: 0; } .chicago-wrapper .chicago-home { display: block; margin-bottom: 2em; } .chicago-wrapper .chicago-home .justify h1 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; color: #4f5a63; font-size: 4em; text-align: center; } .chicago-wrapper .chicago-home .justify h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; color: #4f5a63; font-size: 2.5em; text-align: center; } .chicago-wrapper .chicago-home h1 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; color: #4f5a63; font-size: 4.2em; } .chicago-wrapper .chicago-home h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; color: #4f5a63; font-size: 2.5em; } .chicago-wrapper .chicago-home .chi-enter { margin-bottom: 3em; } .chicago-wrapper .chicago-home .chi-enter ul li { list-style-image: none; list-style: none; padding: 0; font-size: 1.6em; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; margin: 0.6em 0; } .chicago-wrapper .chicago-home .chi-rules ul li { padding: 0; font-size: 1.2em; margin-bottom: 10px; list-style: none; list-style-image: none; margin: 0 0 1em 0; } .chicago-wrapper .chicago-banner { background: url(../images/chicago/chicago_banner.png) no-repeat top center; width: 920px; height: 240px; display: block; position: relative; } .chicago-wrapper .chi-benefit { border-bottom: 1px solid #d3d3d3; margin: 1em 0 0; font-size: 1.2em; width: 90%; } .chicago-wrapper .chi-benefit .info-home h3 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: bold; color: #21272b; font-size: 1.3em; margin: 0; } .chicago-wrapper .chi-benefit .home-links { margin: 1em 0 0; } .chicago-wrapper .chi-benefit p { margin: 0 0 10px 0; } .chicago-free { font-weight: bold; color: #f25012; } .chi-legal { width: 800px; margin-top: 3em; font-size: 0.8em; } .chi-legal-full { margin-bottom: 3em; font-size: 1.2em; color: #4f5a63; line-height: 1.35em; } .chi-legal-full p { margin-bottom: 1.3em; } .discounts-wrap { height: 70px; display: block; margin: 10px 0 25px; } .discounts-wrap .discounts { background: url(../images/chicago/chicago_sprite.png) no-repeat top left; display: inline; float: left; } .discounts-wrap .discount-contain { display: inline; position: relative; margin-right: 3em; float: left; width: 115px; } .discounts-wrap .discount-contain p { margin: 0; padding: 0 0 0 5px; font-size: 0.8em; } .discounts-wrap .discount-contain .zipcar { width: 65px; height: 65px; background-position: -176px 0; margin-right: 20px; } .discounts-wrap .discount-contain .ymca { width: 50px; height: 65px; background-position: -270px 0; margin-right: 20px; } .discounts-wrap .discount-contain .makemag { width: 98px; height: 65px; background-position: -340px 0; margin-right: 20px; } .discounts-wrap .discount-contain .bartongym { width: 95px; height: 65px; background-position: -460px 0; margin-right: 20px; } .discounts-wrap .discount-contain .staples { width: 55px; height: 65px; background-position: -580px 0; margin-right: 20px; } .chicago-pitchfork { width: 90%; display: block; position: relative; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; background-color: #f3f3f3; padding: 20px; border: 1px #d3d3d3 solid; } .chicago-pitchfork .pitch-logo { background: url(../images/chicago/chicago_sprite.png) no-repeat top left; background-position: 0 0; width: 160px; height: 160px; margin-right: 3em; float: left; } .chicago-pitchfork p.pitch-copy { font-size: 1.4em; padding: 0; margin: 1.4em 0; line-height: 1.3em; } .chi-action-box { background: none repeat scroll 0 0 #f3f3f3; border-radius: 10px 10px 10px 10px; box-shadow: 3px 4px 8px 0 #d3d3d3; margin: 0 2em 0 0; overflow: hidden; padding: 1em; width: 250px; float: left; min-height: 170px; } .chi-action-box .fu { background-image: url("../images/common/fu_sprite_v2.gif"); background-position: 0 0; background-repeat: no-repeat; height: 122px; margin: 1.4em auto; width: 123px; } .chi-action-box .twit { background-image: url("../images/common/Twitter-icon.png"); background-position: 0 0; background-repeat: no-repeat; height: 115px; margin: 1.6em auto; width: 115px; } .chi-action-box h3 { float: left; font-size: 1.5em; margin: 0; padding: 0; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; color: #21272b; } .chi-action-box .message { background: none repeat scroll 0 0 #ffffff; border: 1px solid #b6b5b5; color: #21272b; line-height: 1.35em; overflow: hidden; padding: 0.5em; width: 95%; margin: 1em 0; font-size: 1.1em; height: 95px; } .continue { position: absolute; top: -75px; right: 20px; } #site .grey-gradient { background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #site .grey-gradient-reverse { background: #d3d3d3; background: -moz-linear-gradient(top, #ffffff, #d3d3d3 110%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d3d3d3)); } #header { height: auto; margin: 0 0 0.5em; } #header #sub-nav { position: static !important; } #header #sub-nav #section-nav { clear: left; padding: 1.5em 0em 0em 0em; background: #ffffff; } #header #sub-nav #section-nav .section-header { color: #21272b; text-transform: uppercase; font-size: 2em; font-weight: 400; margin: 0em 0em 0em 0.75em; width: 23%; min-width: 260px; float: left; font-family: arial; } #header #sub-nav #section-nav ul.section-menu { float: left; clear: none; position: relative !important; top: 0 !important; margin-top: 0 !important; } #header #sub-nav #section-nav ul.section-menu li { float: left; list-style-type: none; margin: 0em 1em 0em 0em; border-right: none; } #header #sub-nav #section-nav ul.section-menu li a { height: 2em; display: block; color: #4f5a63; line-height: 2em; padding: 0.25em 2.35em; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-weight: bold; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3, #f3f3f3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#f3f3f3)); } #header #sub-nav #section-nav ul.section-menu li a:hover { background: #b6b5b5; color: white; text-decoration: none; } #header #sub-nav #section-nav ul.section-menu li a.selected { color: white; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #header #sub-nav #section-nav .section-sub-header { color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 0.35em 0em 0.35em 1.5em; clear: left; } .wf-loading { visibility: hidden; } .storybank-frontend .page-title h1 { color: #4f5a63; } .storybank-frontend h2 { font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; font-weight: normal; color: #4f5a63; padding-left: 0em; } .storybank-frontend .section-share-story { clear: left; color: #000000; font-size: 2.2em; font-weight: normal; padding-bottom: 0.5em; padding-left: 1.5em; padding-right: 0; padding-top: 0.5em; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto; background-attachment: scroll; background-color: #aec739; background-image: none; background-position: 0 0; background-repeat: repeat; text-align: center; } .storybank-frontend .section-share-story a.blue-button { width: 10em; -moz-box-shadow: 0px 0px 0px 0px #000000; box-shadow: 0px 0px 0px 0 lightGrey; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 18px; display: inline; padding: 5px 20px; } .storybank-frontend .section-spotlight { margin-top: 15px; clear: left; height: 250px; } .storybank-frontend .section-spotlight ul li { margin: 0; list-style-type: none; } .storybank-frontend .section-spotlight .spotlight-details { max-width: 720px; font-family: din-condensed-web-1, din-condensed-web-2, Arial, sans-serif; color: #ffffff; padding-bottom: 2.35em; padding-left: 20.5em; padding-right: 0; padding-top: 2.35em; } .storybank-frontend .section-spotlight .spotlight-details .spotlight-title a { color: #ffffff; text-decoration: none; font-size: 4.2em; margin: 0.5em 0 0.3em; } .storybank-frontend .section-spotlight .spotlight-details .spotlight-meta { font-size: 1.2em; margin: 0.5em 0; } .storybank-frontend .section-spotlight .spotlight-details .spotlight-meta a { text-decoration: none; } .storybank-frontend .section-spotlight .spotlight-details .spotlight-text { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; margin: 8px 0; padding: 0; width: 90%; } .storybank-frontend .section-spotlight .spotlight-details .spotlight-text a { text-decoration: none; } .storybank-frontend .recent-stories h2 { font-size: 3em; font-weight: bold; margin: 20px 0 0; } .storybank-frontend .recent-stories .story-image { max-width: 240px; overflow: hidden; } .storybank-frontend .recent-stories .story-image a { white-space: nowrap; font-size: 1em; text-decoration: none; } .storybank-frontend .recent-stories .story-image .thumb { border: 1px solid #34b1c4; } .storybank-frontend .recent-stories ul { clear: both; } .storybank-frontend .recent-stories ul li { float: left; list-style-type: none; margin: 1em 15pt 1em 0; } .storybank-frontend .recent-stories .story-details { width: 500px; } .storybank-frontend .recent-stories .story-meta a { text-decoration: none; } .storybank-frontend .recent-stories .story-text { height: 92px; } .storybank-frontend .recent-stories .story-title { font-size: 1.9em; margin-top: 0.5em; } .storybank-frontend .recent-stories .story-title a { font-weight: bold; color: #21272b; font-size: 0.8em; text-decoration: none; } .storybank-frontend .recent-stories .story { border-bottom: 2px solid #4f5a63; padding-top: 20px; min-height: 310px; margin-bottom: 2em; } .storybank-frontend .recent-stories .blockquote { border-left: 3px solid black; float: right; font-size: 2em; font-style: italic; font-weight: bold; line-height: 110%; margin: 10px; padding-left: 10px; width: 240px; } .storybank-frontend .side-bar { background: url("http://fu-res.org/images/error/bg_pattern.png") repeat scroll 0 0 #ffffff; border-radius: 0 0 10px 10px; margin-right: -3px; padding: 10px 10px 30px; } .storybank-frontend .side-bar h2 { font-size: 2.7em; margin: 0.5em 0; } .storybank-frontend .side-bar input[type="submit"] { -moz-border-radius: 5px 5px 5px 5px; background: none repeat scroll 0 0 #aec739; color: #ffffff; padding: 5px; text-decoration: none; } .storybank-frontend .side-bar .search-by { font-size: 1.5em; margin-bottom: 0.2em; } .storybank-frontend .side-bar .sort-selector { width: 150px; } .storybank-frontend .side-bar ul li { border-bottom: 1px dashed #4f5a63; line-height: 1.1em; list-style-type: none; margin: 0; padding: 10px 0; } .storybank-frontend .side-bar ul li a.button { display: block; height: 48px; width: 48px; text-indent: -4000px; background: #c7c7c7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url(../images/common/social-sprite-square-v1.png); background-repeat: no-repeat; opacity: 0.85; filter: alpha(opacity=85); } .storybank-frontend .side-bar ul li a.button:hover { opacity: 1; } .storybank-frontend .side-bar ul li a.facebook { background-position: 0px 0; } .storybank-frontend .side-bar ul li a.twitter { background-position: -49px 0; } .storybank-frontend .feeling-inspired { clear: left; margin: 2em 0; padding-bottom: 1em; padding-left: 1.5em; padding-right: 0; padding-top: 1em; background-color: #aec739; text-align: left; color: #4f5a63; } .storybank-frontend .feeling-inspired .title { font-size: 1.9em; } .storybank-frontend .feeling-inspired .subtext { font-size: 1.5em; margin: 3px 0 18px; } .storybank-frontend .feeling-inspired a.blue-button { width: 10em; color: #000000; -moz-box-shadow: 0px 0px 0px 0px #000000; box-shadow: 0px 0px 0px 0 lightGrey; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 18px; display: inline; padding: 5px 20px; } .storybank-frontend .story-social { padding: 15px; background-color: #f3f3f3; } .storybank-frontend .story-social .enjoy-story { padding-bottom: 10px; border-bottom: 5px solid black; } .storybank-frontend .story-social .facebook-like { margin-top: 10px; } .storybank-page .intro-text { margin: 1em 0; } .storybank-page .intro-text td { width: 8em; } .storybank-page .profile-buttons .orange-button { float: left; margin: 1em 0 3em 1em; } .storybank-page .section-sub-header { background: #aec739; } .storybank-page .orange { color: #ffa132; } .storybank-page .green-button { float: left; margin: 0 0 4em; } .storybank-page .story-types { margin: 1em 0; } .storybank-page .story-types h3 { font-size: 1.7em; font-weight: normal; color: #ffa132; } .storybank-page .story-types .white-button { color: #4f5a63; } .storybank-page .story-types ul li { list-style-type: none; margin: 0 8px; padding: 15px 10px 15px 0px; float: left; } .storybank-page .story-types ul li:last-child { margin-bottom: 2em; } .storybank-page .story-form h3 { font-size: 1.7em; font-weight: normal; color: #ffa132; } .storybank-page .illustrate h3 { font-size: 1.7em; font-weight: normal; color: #ffa132; } .storybank-page .story-form form { border-top: 1px dashed #4f5a63; padding: 1em 0; } .storybank-page .story-form form ul li { list-style-type: none; } .storybank-page .story-form form textarea { margin: 1em 0; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: 4px 4px 5px -2px #d3d3d3 inset; background: none repeat scroll 0 0 #f3f3f3; border: 1px solid #d3d3d3; padding: 5px 0 0 5px; position: relative; width: 100%; } .storybank-page .story-form form .photo { border-bottom: 1px dashed #4f5a63; padding-bottom: 1em; } .storybank-page .submit-button { border: none; font-size: 18px; color: #21272b; padding: 11px 30px; cursor: pointer; border: none; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; background: #fbaa47; background: -moz-linear-gradient(top, #fdce95, #fbaa47); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdce95), to(#fbaa47)); -moz-box-shadow: 3px 4px 8px 0px #d3d3d3; -webkit-box-shadow: 3px 4px 8px #d3d3d3; box-shadow: 3px 4px 8px 0px #d3d3d3; display: block; text-decoration: none; text-align: center; font-family: arial; font-weight: bold; padding: 11px 30px !important; margin: 2em 0; } .storybank-page .submit-button:hover { background: #fbb056; background: -moz-linear-gradient(top, #fbb056, #f98b08); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbb056), to(#f98b08)); } .storybank-page .fieldWrapper { margin: 1em 0; } .storybank-page #homepage-social-sidebar { margin: 0; } .storybank-page #homepage-social-sidebar ul { padding: 0; } .storybank-page #homepage-social-sidebar li { width: 7%; } .storybank-page div.uploader { width: 250px; } .storybank-page div.uploader span.filename { width: 142px; } .storybank-page .benefits table { background-color: #f3f3f3; padding: 1em; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: 3px 4px 8px 0px #b6b5b5; -webkit-box-shadow: 3px 4px 8px #b6b5b5; box-shadow: 3px 4px 8px 0px #b6b5b5; } .storybank-page .benefits td { padding: 1em 0 0; width: 11em; } .storybank-page .benefits td + td { text-align: center; } .storybank-page form ul li { list-style-type: none; } .storybank-page .errorlist { color: #e84a4a; font-weight: bold; } .storybank-page .selector * option { padding: 0 0 2px 10px; } .storybank-page .selector * option:last-child { padding-bottom: 5px; } .wf-active .submit-button { font-size: 1.9em; font-weight: normal; } @charset "UTF-8"; /* Stephanie Rewis additional CSS - Benefits */ /* Variables */ /*inset for inputs */ .half { background-image: url('../images/common/overlay-wh.png'); background-repeat: repeat-x; background-position: left center; } .ins-sprite { background-image: url('../images/insurance/2011/insurance_sprite.png'); } /* classes, mixins and nested rules */ .mostra { font-family: din-condensed-web-1,din-condensed-web-2,Arial,sans-serif; font-weight: normal; } .bordered { border: 1px solid #b6b5b5; padding: 10px; margin-bottom: 20px; } .rnd-box { background-color: #f3f3f3; border: 1px solid #f3f3f3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-bottom: 10px; } .inset-input { -webkit-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .gutters .bd { padding: 1em 2em; } .offlft { /* keeps the labels and other items needed for accessibility reasons available for assistive technology */ position: absolute; left: -999em; } html { overflow-y: scroll; } /* page specific overrides */ .bene-ins { /*p { line-height: 1.4;}*/ } .bene-ins #header { overflow: hidden; /* or float: left; will also work to contain the navigation and show the background color all the way to the bottom. When the subnavigation was removed, the #header collapses without something force the float containment. */ margin-bottom: 20px; } .bene-ins .rnd-box h3 { font-family: din-condensed-web-1,din-condensed-web-2,Arial,sans-serif; font-weight: normal; color: #2c3439; } .bene-ins .page-title h1, .bene-ins .page-title h2, .bene-ins .page-title h3 { color: #2C3438; } .bene-ins h4, .bene-ins h2.h4, .bene-ins h1.h4 { /* to keep semantics correct, but style as in the comp */ font-size: 2.4em; font-family: din-condensed-web-1,din-condensed-web-2,Arial,sans-serif; font-weight: normal; color: #21272B; } .bene-ins h5 { font-size: 2.15em; font-family: din-condensed-web-1,din-condensed-web-2,Arial,sans-serif; font-weight: normal; } .bene-ins .define .rnd-box { background-color: #e6f5f8; background-image: url('../images/insurance/2011/ins-box-bk.jpg'); background-repeat: repeat-x; background-position: bottom left; max-height: 10em; min-height: 10em; /* if this isn't the actual text, it may have to be adjusted-this makes all boxes the same height in modern browsers */ } .bene-ins .define h3 { font-size: 2em; /* check this in inspector */ color: #34b1c4; font-weight: bold; border-bottom: 1px solid #34b1c4; padding-bottom: 5px; margin-bottom: 5px; } .bene-ins .actbutt { /* background-image: url('../images/common/overlay-wh.png'); */ /* background-repeat: repeat-x; */ background-position: left center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #4f5a63; color: #FFF; cursor: pointer; font-family: "futura-pt-1", "futura-pt-2", arial; font-size: 17px; width: 105px; box-shadow: 1px 14px 1px #5d6872 inset; } .bene-ins .actbutt:hover { background: #21272b; box-shadow: 1px 22px 1px #2a2f33 inset; } .bene-ins a.actbutt { display: block; text-align: center; padding-top: 5px; height: 23px; text-decoration: none; } .bene-ins .submit:hover, .bene-ins .submit:active, .bene-ins .submit:focus { background: #21272b; box-shadow: 1px 22px 1px #2a2f33 inset; } .bene-ins .warning-message-alert { /* margin-right: 16.75em; */ position: relative; /* so I can add the closing X absolutely */ } .bene-ins .warning-message-alert b { position: absolute; right: 15px; top: 10px; background-image: url('../images/insurance/2011/insurance_sprite.png'); background-position: -6px -1172px; width: 15px; height: 15px; } .bene-ins .user-message h2, .bene-ins .user-message p { font-family: din-condensed-web-1,din-condensed-web-2,Arial,sans-serif; padding-left: 1em; font-weight: normal; } .bene-ins .icn { background-image: url('../images/insurance/2011/insurance_sprite.png'); width: 33px; height: 33px; float: left; padding-left: 1em; padding-top: 1em; } .bene-ins .icn-alert { background-position: -220px -71px; } .bene-ins dl { margin-top: 1.5em; } .bene-ins dt { float: left; color: #34b1c4; font-weight: bold; font-size: 17px; padding-right: 5px; } .bene-ins dd { margin-bottom: 1em; } .bene-ins dd:last-child { margin-bottom: 0; } .bene-ins .breadcrumbs { padding-bottom: .75em; } .bene-ins .video-container { padding: 0 10px; background-color: #000; } .bene-ins .video-container a.insurance-cartoon-icon-narrow { height: 157px; width: 184px; margin: 0; background-image: url('../images/insurance/2011/insurance_sprite.png'); background-position: -182px -1114px; background-repeat: no-repeat; } .bene-ins #sidebar { margin-top: 0; } .bene-ins #sidebar #search-box { margin-top: 0; } .bene-ins #sidebar .bordered { margin-bottom: 12px; } .bene-ins #sidebar .bordered p { margin-left: 30px; } .bene-ins #sidebar h4 { padding-top: 5px; font-size: 2em; } .bene-ins #sidebar b { background-image: url('../images/insurance/2011/insurance_sprite.png'); display: block; float: left; /*margin-top: -8px;*/ margin-bottom:2em; width: 30px; height: 29px; } .bene-ins #sidebar .icn-how { background-position: -17px -119px; } .bene-ins #sidebar .icn-bene { background-position: -51px -119px; } .bene-ins #sidebar .icn-more { background-position: -84px -119px; } .bene-ins #sidebar .icn-next { background-position: -118px -119px; } .bene-ins #sidebar .actbutt { margin-top: 10px; } .bene-ins #sidebar li { list-style: none; margin-left: 0; padding: 15px 0 5px 32px; background-image: url('../images/insurance/2011/insurance_sprite.png'); background-position: -17px -203px; font-size: 1.46em; font-family: din-condensed-web-1,din-condensed-web-2,Arial,sans-serif; font-weight: normal; } .page-title { margin-bottom: 10px; overflow: hidden; } .page-title h1 { font-size: 3.8em; } .page-title h2, .page-title h1.h2 { font-size: 2.1em; } .page-title span { display: block; } .page-title h1.h2 { margin-top: 1em; } .hgroup { overflow: hidden; margin-bottom: 20px; } .hgroup .icnlg-health { display: block; width: 70px; height: 70px; margin: 25px 10px 0; float: left; background-image: url('../images/insurance/2011/insurance_sprite.png'); background-position: -18px -3px; } /* zip code */ #zipdialog { padding-bottom: 20px; } #zipdialog .bd { /*display: table;*/ } #zipdialog .bd #error { color: #E84A4A; font-size: 17px; } #zipdialog h3 { padding: 0 10px 0 92px; margin-top: -6px; margin-bottom: 10px; /*display: table-cell;*/ float: left; font-size: 2.4em; } #zipdialog form { float: left; } #zipdialog form input { border: none; } #zipdialog #submit { margin-top: -8px; } #zipdialog #zipcode { width: 8em; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; font-size: 1.3em; color: #4f5a63; padding: 4px 4px 2px 20px; margin: 0em 1em 0em 0em; } .icn-ins { clear: both; } .icn-ins h3 { font-size: 1.6em; /* needs to go to 2em when we can see the real font */ margin-bottom: 0; padding-top: 10px; vertical-align: bottom; } .icn-ins b { background-image: url('../images/insurance/2011/insurance_sprite.png'); display: block; float: left; margin-top: -8px; width: 39px; height: 33px; } .icn-ins .icn-dent { background-position: -18px -79px; } .icn-ins .icn-dis { background-position: -102px -79px; } .icn-ins .icn-term { background-position: -144px -79px; } .icn-ins .icn-retr { background-position: -185px -79px; } .icn-ins form { bottom: 15px; left: 20%; position: absolute; } .icn-ins form li { margin: 0; padding: 0; list-style: none; } .icn-ins form input { border: none; padding: 2px 4px; margin: 5px auto; width: 97px; } .icn-ins a.actbutt { position: absolute; left: 20%; bottom: 20px; } .icn-ins .rnd-box .bd { max-height: 9em; min-height: 9em; padding-bottom: 80px; position: relative; } .billhold { min-height: 160px; padding-left: 220px; background-image: url('../images/insurance/2011/insurance_sprite.png'); background-position: -18px -477px; background-repeat: no-repeat; margin-bottom: 25px; } .billhold li { list-style: disc; } .billhold .actbutt { width: 10em; margin-top: 20px; } .flubann, .guardbann { background-image: url('../images/insurance/2011/insurance_sprite.png'); background-repeat: no-repeat; margin-top: 10px; padding-top: 65px !important; min-height: 30px; text-align: center; } .flubann { background-position: 62px -683px; } .guardbann { background-position: 75px -792px; } /* 101 page */ .limit { margin: 1em 0 0 5px; clear: both; } .limit table { border-collapse: collapse; margin-top: 2em; } .limit th { text-align: left; background-color: #fada2b; font-size: 18px; font-family: din-condensed-web-1,din-condensed-web-2,Arial,sans-serif; padding: .5em 3em .5em 1em; font-weight: normal; } .limit tr { border-bottom: dashed 1px #737c82; } .limit tr:last-child, .limit tr:first-child { border-bottom: none; } .limit td { padding: 1em 3em 1em 1em; width:50%; } .brd-box { border-top: dashed 1px #737c82; padding: 2em 0; } /* accordion stuff */ .show-all { color: #f25012; padding: 10px; } div.ui-widget { font-size: 1em; } div.ui-widget-content { border: none; } div.ui-tabs .ui-tabs-panel { padding: 1em 0; } div#accordion-quicklinks ul { margin-left: 3em; } div#accordion-quicklinks ul li { list-style: disc; font-size: 1em; padding: 0; } .accordion-how { display: block !important; } .accordion-how h2 { font-size: 1.9em; font-family: din-condensed-web-1,din-condensed-web-2,Arial,sans-serif; font-weight: normal; margin: 0.5em 0em 0.5em 0em; outline: none; background: none; position: relative; /*a { text-decoration: none; color: #f25012 !important; cursor: pointer; }*/ /*span.ui-icon { background: none !important; margin: 0; padding: 0; display: none; }*/ } .accordion-how h2 span { position: absolute; right: .2em; top: .2em; /*float: right; margin-top: 0.4em;*/ } .accordion-how p { margin: 0 0 1em 0; padding: 0 2em 0 4em; line-height: 1.4; } .accordion-how .ui-state-default { background: none; border: 2px solid #ceecf1; padding-top: .3em; margin-top: .5em; } .accordion-how .ui-state-default span.openhide { background-image: url('../images/insurance/2011/insurance_sprite.png'); background-position: -15px -359px; background-repeat: none; width: 140px; height: 20px; /*float: right; margin: 0.4em 0.2em 0 0;*/ } .accordion-how .ui-state-hover a { color: #21272b !important; } .accordion-how .ui-state-active { border: none; border-bottom: 1px solid #ceecf1; padding-top: .3em; margin-top: .5em; } .accordion-how .ui-state-active span.openhide { background-image: url('../images/insurance/2011/insurance_sprite.png'); background-position: -15px -286px; background-repeat: none; width: 140px; height: 20px; } .accordion-how .ui-state-active span.ui-icon { background: none; } .accordion-how .ui-state-active a { color: #21272b !important; } .accordion-how ui-widget-content { background: #ceecf1; padding: 1em 0; } .accordion-how .open { float: right; font-size: 0.5em; padding-top: 0.8em; position: relative; right: 0; top: 0; width: 20%; } #step1 b, #step2 b, #step3 b, #step4 b, #step5 b, #step6 b { background-image: url('../images/insurance/2011/insurance_sprite.png'); background-repeat: no-repeat; float: left; width: 28px; height: 28px; margin-right: 10px; margin-left: 10px; } #step1 b { background-position: -17px -157px; } #step2 b { background-position: -54px -157px; } #step3 b { background-position: -91px -157px; } #step4 b { background-position: -128px -157px; } #step5 b { background-position: -165px -157px; } #step6 b { background-position: -202px -157px; } /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,%20sans-serif,%20Trebuchet%20MS,%20Tahoma,%20Verdana,%20&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=ffffff&bgTextureHeader=01_flat.png&bgImgOpacityHeader=15&borderColorHeader=cacaca&fcHeader=000000&iconColorHeader=EA5627&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=10&borderColorContent=cacaca&fcContent=000000&iconColorContent=000000&bgColorDefault=999999&bgTextureDefault=01_flat.png&bgImgOpacityDefault=10&borderColorDefault=cacaca&fcDefault=ffffff&iconColorDefault=ffffff&bgColorHover=666666&bgTextureHover=01_flat.png&bgImgOpacityHover=65&borderColorHover=cacaca&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=15&borderColorActive=cacaca&fcActive=000000&iconColorActive=000000&bgColorHighlight=ffffff&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=15&borderColorHighlight=cacaca&fcHighlight=000000&iconColorHighlight=EA5627&bgColorError=ea5627&bgTextureError=04_highlight_hard.png&bgImgOpacityError=90&borderColorError=ea5627&fcError=000000&iconColorError=ea5627&bgColorOverlay=333333&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=80&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=40&opacityShadow=50&thicknessShadow=4px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=10px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial, sans-serif, Trebuchet MS, Tahoma, Verdana; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, sans-serif, Trebuchet MS, Tahoma, Verdana; font-size: 1em; } /*.ui-widget-content { border: 1px solid #cacaca; background: #ffffff url(../images/insurance/2009/themes/standard/ui-bg_flat_10_ffffff_40x100.png) 50% 50% repeat-x; color: #000000; } .ui-widget-content a { color: #000000; }*/ .ui-widget-header { border-bottom: 1px solid #000000; background: #ffffff url(../images/insurance/2009/themes/standard/ui-bg_flat_15_ffffff_40x100.png) 50% 50% repeat-x; color: #000000; font-weight: bold; } .ui-widget-header a { color: #000000; } /* Interaction states ---------------------------------- .ui-state-default, .ui-widget-content .ui-state-default { border: 1px none #cacaca; background: #999999 url(../images/insurance/2009/themes/standard/ui-bg_flat_10_999999_40x100.png) 50% 50% repeat-x; color: #ffffff; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; outline: none; }*/ .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, ..ui-widget-content .ui-state-focus { border: 1px none #cacaca; background: #b6b5b5; font-weight: bold; color: #ffffff; outline: none; } /*.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; }*/ /* **Important** */.ui-state-active, .ui-widget-content .ui-state-active, .ui-accordion-content-active { background: #CEECF1; /*font-weight: normal; color: #000000;*/ outline: none; } .ui-accordion-content-active { padding-bottom: 1em; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; outline: none; text-decoration: none; } /* Interaction Cues *** Do I need these?? *** ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight { border: 1px solid #cacaca; background: #ffffff url(../images/insurance/2009/themes/standard/ui-bg_flat_15_ffffff_40x100.png) 50% 50% repeat-x; color: #000000; margin: 1em 0em; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #000000; } .ui-state-error, .ui-widget-content .ui-state-error { border: 1px solid #ea5627; background: #ea5627 url(../images/insurance/2009/themes/standard/ui-bg_highlight-hard_90_ea5627_1x100.png) 50% top repeat-x; color: #000000; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #000000; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #000000; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter: alpha(opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter: alpha(opacity=70); font-weight: normal; } /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; } .ui-corner-tr { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; } .ui-corner-bl { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; } .ui-corner-br { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; } .ui-corner-top { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; } .ui-corner-right { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; } .ui-corner-left { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; } .ui-corner-all { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* Overlays *** needed here�I don't think so? *** */ .ui-widget-overlay { background: #333333 url(../images/insurance/2009/themes/standard/ui-bg_flat_80_333333_40x100.png) 50% 50% repeat-x; opacity: .80; filter: alpha(opacity=80); } .ui-widget-shadow { margin: 0px 0 0 0px; padding: 4px; background: #000000 url(../images/insurance/2009/themes/standard/ui-bg_flat_40_000000_40x100.png) 50% 50% repeat-x; opacity: .50; filter: alpha(opacity=50); -moz-border-radius: 10px; -webkit-border-radius: 10px; } /* end of accordion *//* CSS for Stephanie (Sullivan) Rewis' insurance pages */ /* Variables */ /*inset for inputs */ .half { background-image: url('../images/common/overlay-wh.png'); background-repeat: repeat-x; background-position: left center; } .ins-sprite { background-image: url('../images/insurance/2011/insurance_sprite.png'); } /* classes, mixins and nested rules */ .mostra { font-family: din-condensed-web-1,din-condensed-web-2,Arial,sans-serif; font-weight: normal; } .bordered { border: 1px solid #b6b5b5; padding: 10px; margin-bottom: 20px; } .rnd-box { background-color: #f3f3f3; border: 1px solid #f3f3f3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-bottom: 10px; } .shop-insurance .apply .global-button { background-position: left center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #4f5a63; color: #FFF; cursor: pointer; font-family: "futura-pt-1", "futura-pt-2", arial; font-size: 17px; box-shadow: 1px 14px 1px #5d6872 inset; } .inset-input { -webkit-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .gutters .bd { padding: 1em 1.5em; } .offlft { /* keeps the labels and other items needed for accessibility reasons available for assistive technology */ position: absolute; left: -999em; } html { overflow-y: scroll; } /* page specific overrides */ .insure-2011 { /*a.bigbutt { padding-top: 5px; height: 25px; } a.cont-butt { padding-top: 0; height: 30px; }*/ } .insure-2011 .top-main { padding-bottom: 20px; } .insure-2011 h1 { color: #4f5a63; font-size: 2.3em; padding-top: .3em; padding-bottom: .3em; } .insure-2011 h1 b { width: 33px; height: 33px; display: block; float: left; background-image: url('../images/insurance/2011/insurance_sprite.png'); background-position: -185px -79px; margin-right: 5px; } .insure-2011 h2, .insure-2011 h3 { color: #21272b; font-family: arial, verdana, sans-serif; } .insure-2011 .rnd-box h3 { font-family: din-condensed-web-1,din-condensed-web-2,Arial,sans-serif; font-weight: normal; color: #2c3439; } .insure-2011 p { margin: 1em 0; } .insure-2011 .actbutt { background-position: left center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #4f5a63; color: #FFF; cursor: pointer; font-family: "futura-pt-1", "futura-pt-2", arial; font-size: 17px; width: 105px; box-shadow: 1px 14px 1px #5d6872 inset; } .insure-2011 .actbutt:hover { background: #21272b; box-shadow: 1px 22px 1px #2a2f33 inset; } .insure-2011 a.actbutt, .insure-2011 button.actbutt { display: block; text-align: center; padding-top: 5px; height: 23px; text-decoration: none; } .insure-2011 a.bigbutt, .insure-2011 button.bigbutt { width: auto; float: right; padding-left: 15px; padding-right: 15px; margin-bottom: 15px; } .insure-2011 button.bigbutt { height: 30px; padding-top: 0; } .insure-2011 a.cont-butt { padding-right: 30px; position: relative; } .insure-2011 .cont-butt:after { content: ""; position: absolute; height: 0; width: 0; border: white 7px solid; border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; /*display: inline-block; margin-left: 10px; margin-top: 7px;*/ right: 10px; top: 7px; } .insure-2011 .round { background-color: #f3f3f3; border: 1px solid #f3f3f3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 20px 10px; border: 1px solid #d3d3d3; margin-bottom: 10px; clear: both; } .insure-2011 h3.explore { padding-top: 30px; padding-bottom: 10px; font-size: 1.4em; } .insure-2011 h3.head { padding-top: 20px; padding-bottom: 10px; font-size: 1.4em; } .insure-2011 .find-doc{ margin-bottom: 1em; font-size: 1.1em; line-height: 1.2em; } .insure-2011 .find-doc ol{ margin:10px 20px; } .insure-2011 .find-doc ol li{ margin-bottom: 5px; } .insure-2011 .find-doc ol li ul{ margin-bottom: 10px; } .insure-2011 .find-doc ol li ul li{ list-style: disc; margin-bottom: 5px; } .zocdoc{ background: url(../images/insurance/2011/zocdoc.png) no-repeat top left; width: 110px; height: 25px; display: inline-table; margin: 10px 0; vertical-align: sub; } .insure-2011 h2 { font-size: 1.8em; } .insure-2011 h2.incon, .insure-2011 h4.h2 { font-size: 2.1em; font-family: din-condensed-web-1,din-condensed-web-2,Arial,sans-serif; font-weight: normal; } .insure-2011 h4.h2 { font-weight: normal; } .insure-2011 .legalese { font-style: italic; padding-top: 10px; } .insure-2011 #yui-main .yui-b { width: 77%; padding-right: 2%; /*max-width: 760px;*/ float: right; } .insure-2011 .sidebar { float: left; margin-right: 10px; background-color: #dcdcdc; width: 180px; } .insure-2011 .sidebar h2 { color: #ffffff; margin: 0; padding: 8px 8px 8px 22px; background-color: #878f95; text-transform: uppercase; font-size: 14px; } .insure-2011 .sidebar ul { margin-bottom: 30px; } .insure-2011 .sidebar ul li { margin: 10px; list-style: none; /* text-transform: capitalize; */ min-height: 24px; } .insure-2011 .sidebar ul li ul { margin-bottom: 0; } .insure-2011 .sidebar ul li a { font-weight: bold; padding-left: 12px; } .insure-2011 .sidebar ul li a:hover, .insure-2011 .sidebar ul li a:active, .insure-2011 .sidebar ul li a:focus { text-decoration: none; } .insure-2011 .sidebar ul li a.active { -webkit-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: #d3d3d3; cursor: default; padding: 5px 50px 5px 12px; color: #000; } .insure-2011 .triple .rnd-box { background-color: #d0edf1; border: none; } .insure-2011 .triple .rnd-box .bd { padding-left: 10px; padding-right: 10px; min-height: 13em; /* if this isn't the actual text, it may have to be adjusted-this makes all boxes the same height in modern browsers */ } .insure-2011 .triple h3 { font-size: 1.3em; /* check this in inspector */ font-weight: bold; font-family: arial, verdana, sans-serif; padding-top: 5px; } .insure-2011 .breadcrumbs { color: #f25012; } #step1 b, #step2 b, #step3 b { background-image: url('../images/insurance/2011/insurance_sprite.png'); background-repeat: no-repeat; float: left; width: 28px; height: 28px; margin-right: 10px; margin-top: -5px; } #step1 b { background-position: -17px -157px; } #step2 b { background-position: -54px -157px; } #step3 b { background-position: -91px -157px; } .page-title { margin-bottom: 10px; overflow: hidden; } .page-title h2, .page-title h1.h2 { font-size: 2.1em; padding-bottom: 0; } .page-title span { display: block; font-size: 65%; } .page-title h1.h2 { margin-left: 85px; } .hgroup { overflow: hidden; margin-bottom: 20px; } .hgroup .icnlg-retire { display: block; width: 55px; height: 55px; margin: 25px 10px 0 20px; float: left; background-image: url('../images/insurance/2011/insurance_sprite.png'); background-position: -178px -4px; } .hgroup a.actbutt { margin-left: 85px; width: 7.94em; height: 1.47em; padding-top: 8px; } .logo-retire { margin: 10px 0 40px; } .logo-retire a { display: inline-block; margin-right: 15px; } .icn-ins { clear: both; padding-bottom: 10px; } .icn-ins h3 { font-size: 1.7em; /* needs to go to 2em when we can see the real font */ margin-bottom: 0; padding-top: 10px; vertical-align: bottom; } .icn-ins b { background-image: url('../images/insurance/2011/insurance_sprite.png'); display: block; float: left; margin-top: -8px; width: 39px; height: 33px; } .icn-ins .icn-dent { background-position: -18px -79px; } .icn-ins .icn-dis { background-position: -102px -79px; } .icn-ins .icn-term { background-position: -144px -79px; } .icn-ins .icn-retr { background-position: -185px -79px; } .icn-ins a.actbutt { position: absolute; /*left: 1.8em;*/ left: 20%; bottom: 20px; } .icn-ins .rnd-box .bd { min-height: 10em; padding-bottom: 50px; position: relative; } .tier-tabs { min-height: 45px; width: 100%; overflow: hidden; margin-bottom: 20px; } .tier-tabs li { float: left; cursor: pointer; list-style-type: none; width: 33%; /*margin: 0 0 0 1%;*/ margin: 0; } .tier-tabs li p { min-height: 2.5em; /* fix text-align: center;*/ font-size: 24px; font-weight: bold; padding: 20px 10px 20px 10px; border: 1px solid #dcdcdc; background-color: #f3f3f3; color: #dcdcdc; margin-left: 5px; } .tier-tabs li b { background-image: url('../images/insurance/2011/insurance_sprite.png'); background-repeat: none; float: left; margin-top: -2px; margin-right: 15px; } .tier-tabs li span { font-size: 16px; /* this is smaller than designed so it doesn't drop down */ display: block; padding-top: 8px; } .tier-tabs li p.first-child { margin-left: 0; } .tier-tabs li.active { cursor: default; } .tier-tabs li.active p { border: 1px solid #34b1c4; background-color: #4f5a63; } .retire .round { display: none; } .retire .step1 { display: block; } #first-tab b { background-position: -18px -926px; width: 48px; height: 43px; } #next-tab b { background-position: -76px -925px; width: 44px; height: 44px; } #finally-tab b { background-position: -130px -929px; width: 50px; height: 44px; } .main-p { font-size: 15px; } span#contrib, #w2-inc, #sepira { display: none; } #slidingDiv, #slidingDiv_2 { height: 300px; background-color: #99CCFF; padding: 20px; margin-top: 10px; border-bottom: 5px solid #3399FF; display: none; } .lay-table { display: table; } .lay-table .cell-lft { display: table-cell; vertical-align: middle; width: 26%; padding-right: 20px; } .lay-table .cell-two { display: table-cell; vertical-align: middle; width: 18%; } .lay-table .quest { display: table-cell; vertical-align: middle; width: 16%; } .lay-table .quest b { width: 14px; height: 14px; display: block; float: left; background-image: url('../images/insurance/2011/insurance_sprite.png'); background-position: -19px -254px; margin-right: 5px; } .lay-table .quest:visited { text-decoration: none; } .lay-table .cell-wide { display: table-cell; vertical-align: middle; width: 34%; } .lay-table .cell-wide p { float: left; margin-left: 5px; } .lay-table input[type="text"] { float: left; padding: 7px; margin-left: 5px; } .lay-table .lg-input { width: 60%; } .lay-table .med-input { width: 20%; } .lay-table .sm-input { width: 10%; } .lay-table .cell-last { display: table-cell; vertical-align: middle; width: 40%; color: #838383; } .lay-table label { margin-right: 10px; } .error-retire { color: #f43636; margin-top: 2em; display: none; } .step6 h2 { color: #4f5a63; } .chart-head { margin-top: 25px; } .chart { width: 251px; height: 236px; display: table-cell; background-image: url('../images/insurance/2011/insurance_sprite.png'); background-repeat: no-repeat; background-position: -15px -1272px; } .chart-legend { display: table-cell; padding-top: 40px; } .chart-legend li { clear: left; margin-bottom: 15px; list-style: none; } .chart-legend b { width: 18px; height: 18px; display: block; float: left; margin-right: 5px; margin-top: -3px; border: 1px solid #d3d3d3; border-bottom-color: #e0e0e0; border-right-color: #dedede; } .fixed-inc b { background-color: #b4b4b4; } .lrg-stocks b { background-color: #e0471c; } .intl-stocks b { background-color: #faa130; } .mid-cap b { background-color: #fee9d8; }