/* - ++theme++plonetheme.transportationchoices/transportationchoices.css - */
/* https://www.transportationchoices.org/portal_css/++theme++plonetheme.transportationchoices/transportationchoices.css?original=1 */
/* */
.section-container {
margin: 0 auto;
width: 60em;
}
/* */
body {
color: #333333;
}
h1, h2, h3, h4, h5, h6 {
font-family: Arial,Helvetica,sans-serif;
letter-spacing: 0;
}
h2 strong, h3 strong, h4 strong,
h2 b, h3 b, h4 b {
color: #ff6600;
}
a {
color: #339900 !important;
}
a:hover,
#content a:hover {
color: #008AB0 !important;
}
.special-heading,
#content .special-heading,
.portlet .special-heading {
color: #333333;
font-size: 1.9em;
line-height: 1;
margin-bottom: 0.1em;
text-transform: lowercase;
}
.white-text,
#content .white-text,
.portlet .white-text {
color: white;
}
ul.arrow-list {
margin: 0.5em 0 !important;
}
ul.arrow-list li {
background: #f6f6f6 url(/++theme++plonetheme.transportationchoices/images/green_arrow.png) no-repeat scroll 550px bottom;
list-style-image: none !important;
list-style-type: none;
margin: 0 0 0.4em 0 !important;
padding: 1em 125px 1em 2em;
}
ul.arrow-list li.arrow-list-linked {
padding: 0;
position: relative;
}
ul.arrow-list .arrow-list-inner {
padding: 1em 125px 1em 2em;
}
ul.arrow-list .arrow-list-structural-link {
background: transparent url(/++theme++plonetheme.transportationchoices/images/trans.gif) scroll repeat left top;
border-bottom: 0 none transparent !important;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
ul.arrow-list li.yellow {
background-image: url(/++theme++plonetheme.transportationchoices/images/yellow_arrow.png);
}
ul.arrow-list li.blue {
background-image: url(/++theme++plonetheme.transportationchoices/images/blue_arrow.png);
}
ul.arrow-list li.orange {
background-image: url(/++theme++plonetheme.transportationchoices/images/orange_arrow.png);
}
ul.arrow-list h3 {
font-size: 1.3em !important;
font-weight: normal;
}
ul.arrow-list h3 a {
color: #008AB0 !important;
}
/* */
#preheader-wrapper {
background-color: #354751;
color: white;
}
#portal-personaltools-wrapper {
float: right;
position: relative;
z-index: 5000;
}
#tagline {
float: left;
}
#portal-searchbox {
clear: none;
margin: 10px 12px 5px 12px;
}
#searchGadget {
background-color: #838e90;
border: 0 none transparent;
color: white;
font-size: 0.65em;
padding: 0.4em 0.75em;
-moz-appearance: none;
}
#searchGadget.inputLabelActive {
text-align: right;
text-transform: uppercase;
}
#LSResult {
background-color: rgba(255, 255, 255, 0.93);
border: 10px solid #354751;
display: none;
margin-top: 0;
z-index: 1000;
}
#LSResult fieldset {
border: 0 none transparent !important;
margin: 0;
}
#livesearchLegend {
display: none;
}
#portal-searchbox .searchButton {
background: transparent url(/++theme++plonetheme.transportationchoices/images/go_button.png) no-repeat scroll center center;
border: 0 none transparent;
cursor: pointer;
font-size: 0;
height: 16px;
margin: 0 0 0 6px;
position: relative;
text-indent: -9999em;
top: -2px;
width: 16px;
}
#portal-siteactions {
clear: none;
margin-top: 12px;
}
#portal-siteactions li {
border-right: 1px solid white;
display: block;
float: left;
line-height: 1;
padding-right: 1em;
margin: 0 1em 0 0;
}
#portal-siteactions li.last {
border-right: 0 none transparent;
margin: 0;
padding: 0;
}
#portal-siteactions li:last-child {
border-right: 0 none transparent;
margin: 0;
padding: 0;
}
#portal-siteactions a {
color: white !important;
font-size: 0.8em;
text-transform: uppercase;
}
#portal-siteactions a:hover {
color: #8dc63f !important;
}
#tagline {
font-size: 0.8em;
margin-top: 12px;
text-transform: uppercase;
}
#tagline strong {
color: #98c838;
font-weight: normal;
}
/* */
#header-row {
background: transparent url(/++theme++plonetheme.transportationchoices/images/header_arrow.png) no-repeat scroll 775px bottom;
}
#portal-logo {
margin: 10px 0;
}
#header-actions {
float: right;
font-size: 0.92em;
font-weight: bold;
margin: 75px 100px 0 0;
text-transform: uppercase;
}
#header-actions li {
margin-right: 0.5em;
}
#header-actions a {
color: #008ab0 !important;
}
#header-actions .header-action-0 a {
color: #ff6600 !important;
}
#header-actions .header-action-1 a {
color: #8dc63f !important;
}
#header-actions a .arrow {
color: #3399cc !important;
}
/* */
#nav-wrapper {
background-color: #1c97b9;
border-bottom: 6px solid white;
color: white;
}
#portal-globalnav {
margin: 0;
font-size: 0.8em;
}
#portal-globalnav li a {
background-color: transparent;
color: white !important;
}
#portal-globalnav a.mainTabContent {
border-right: 2px solid #64b1c7;
letter-spacing: 0.05em;
padding: 6px 0;
text-align: center;
width: 132px;
}
#portal-globalnav li.selected a.mainTabContent,
#portal-globalnav li.sfhover a.mainTabContent,
#portal-globalnav li:hover a.mainTabContent {
background-color: #8dc63f;
color: #333333 !important;
}
#portal-globalnav li.first a.mainTabContent,
#portal-globalnav li:first-child a.mainTabContent {
border-left: 2px solid #64b1c7;
width: 130px;
}
#portal-globalnav ul.submenu {
background-color: #8dc63f;
border: 0 none transparent;
padding: 10px;
width: 112px;
}
#portal-globalnav li.first ul.submenu,
#portal-globalnav li:first-child ul.submenu {
width: 112px;
}
#portal-globalnav ul.submenu li a {
background-color: transparent;
border: 0 none transparent;
border-bottom: 1px dotted white !important;
color: #333333 !important;
font-size: 0.75em;
padding: 5px 0;
text-transform: uppercase;
}
#portal-globalnav ul.submenu li:last-child a {
border-bottom: 0 none transparent !important;
}
#portal-globalnav ul.submenu li a:hover {
background-color: transparent !important;
color: white !important;
}
/* */
#columns-wrapper {
background-color: #cce7ee;
padding-bottom: 0.6em;
}
#columns-inner {
background-color: white;
}
#columns-inner div.position-0 {
margin-left: -100%;
}
#portal-column-content.position-1\3a 4 {
width: 660px !important;
}
#portal-column-content.width-1\3a 2 {
width: 348px !important;
}
#portal-column-content.width-full {
margin-left: -900px !important;
width: 860px !important;
}
#portal-column-content.width-3\3a 4 {
width: 595px;
}
#portal-column-one {
margin-left: -900px !important;
width: 180px !important;
}
#portal-column-two {
margin-left: -340px !important;
width: 300px !important;
}
/* */
#portal-breadcrumbs {
color: #333333;
font-size: 0.75em;
margin: 1em 0;
text-transform: uppercase;
}
#breadcrumbs-you-are-here {
display: none;
}
/* */
#content h1,
.portlet h1 {
color: black;
font-size: 1.4em;
text-transform: uppercase;
}
#content h2,
.portlet h2 {
color: #008ab0;
font-size: 1.4em;
text-transform: uppercase;
}
#content h3,
.portlet h3 {
color: #008ab0;
font-size: 1.2em;
}
#content h4,
.portlet h4 {
color: #333333;
font-size: 1em;
font-weight: bold;
}
#content ul li,
.portlet ul li {
list-style-image: url(/++theme++plonetheme.transportationchoices/images/orange_bullet.png);
}
/* */
#banner {
background: transparent url(/images/banners/default-banner) no-repeat scroll left top;
height: 130px;
width: 100%;
}
.section-front-page #banner {
display: none;
}
/* */
.carousel-pager {
margin: 0.25em 0 0 0;
text-align: center;
}
.carousel-pager a {
background: transparent url(/++theme++plonetheme.transportationchoices/images/carousel_pager.png) no-repeat scroll center bottom;
display: inline-block;
font-size: 0;
height: 15px;
margin: 0;
text-indent: -9999em;
vertical-align: top;
width: 10px;
}
.carousel-pager a.carousel-pager-item-active {
background-position: center top;
}
/* */
#content .documentActions ul {
list-style-type: none;
height: 22px;
margin: 0;
}
#content .documentActions ul li {
list-style-image: none;
}
#content .documentActions ul li#document-action-print a {
background: transparent url(/++theme++plonetheme.transportationchoices/images/printer.png) no-repeat scroll center center;
float: left;
font-size: 0;
height: 22px;
line-height: 0;
text-indent: -9999em;
width: 22px;
}
/* */
dl.portlet {
margin-bottom: 3px;
}
dl.portlet dt {
background-color: transparent;
color: #006699;
font-size: 1.1em;
margin: 0 0 0.5em 0;
padding: 5px 10px;
text-transform: uppercase;
}
dl.portlet dd.portletItem {
padding: 5px 10px;
}
dl.portlet dt a {
color: #006699 !important;
}
dl.portlet dt a:hover {
color: #339900 !important;
}
/* */
.portletGraphic {
margin-bottom: 3px;
position: relative;
}
.portletGraphicContent {
font-size: 0.8em;
padding: 5px 10px;
}
.graphic-portlet-structural-link {
background: transparent url(/++theme++plonetheme.transportationchoices/images/trans.gif) scroll repeat left top;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.portletGraphic a {
color: white !important;
}
/* */
.portletNavigationTree dt.portletHeader {
padding: 0;
}
.portletNavigationTree ul li {
list-style-image: none;
list-style-type: none;
}
dl.portlet ul.navTreeLevel0 > .navTreeItem {
padding: 0;
}
.portletNavigationTree ul li a {
color: #333333 !important;
font-size: 0.85em;
line-height: 1.9em;
text-transform: uppercase;
}
.portletNavigationTree ul li a:hover {
color: #339900;
}
dl.portlet ul.navTree .navTreeCurrentItem {
background-color: transparent;
border-color: transparent;
color: #006699 !important;
}
/* */
.portletEmailCapture {
background-color: #cfcfcf;
}
dl.portletEmailCapture dt.portletHeader {
color: #333333;
font-size: 1.9em;
line-height: 1.15;
margin: 0;
padding-bottom: 0;
text-transform: lowercase;
}
dl.portletEmailCapture dt.portletHeader .alert {
color: white;
}
dl.portletEmailCapture dd.portletItem {
padding: 0 10px;
}
dl.portletEmailCapture dd.portletFooter {
padding: 5px 10px;
}
dl.portletEmailCapture #emailCapture {
background-color: #efeeee;
border: 0 none transparent;
color: #333333;
font-size: 0.65em;
padding: 0.4em 0.75em;
width: 130px;
-moz-appearance: none;
}
dl.portletEmailCapture p {
margin-bottom: 2px;
}
#portal-column-one dl.portletEmailCapture #emailCapture {
width: 100px;
}
dl.portletEmailCapture #emailCapture.inputLabelActive {
text-align: right;
text-transform: uppercase;
}
dl.portletEmailCapture .submit-button {
background: transparent url(/++theme++plonetheme.transportationchoices/images/go_button.png) no-repeat scroll center center;
border: 0 none transparent;
cursor: pointer;
font-size: 0;
height: 16px;
margin: 0 0 0 6px;
position: relative;
text-indent: -9999em;
top: -2px;
width: 16px;
}
/* */
#action-feature-wrapper {
background-color: white;
clear: both;
margin: 0 auto;
padding: 0 0 15px 0;
width: 938px;
}
#action-feature {
background: #36484f url(/++theme++plonetheme.transportationchoices/images/action_arrow.png) no-repeat scroll 800px bottom;
color: white;
font-size: 0.8em;
margin: 0;
padding: 0;
position: relative;
width: 900px;
}
#action-feature-content {
padding: 15px 120px 15px 40px;
width: 740px;
}
#action-feature .special-heading {
color: #99cc33;
}
#action-feature a {
color: #ffcc00 !important;
}
#action-feature a:hover {
color: #99cc33 !important;
}
#action-feature-structural-link {
background: transparent url(/++theme++plonetheme.transportationchoices/images/trans.gif) scroll repeat left top;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#action-feature-edit {
font-size: 0.8em;
padding: 0 0 15px 40px;
}
/* */
#footer-wrapper {
background-color: #9ccddc;
}
#footer-content {
font-size: 0.8em;
padding: 25px 0 40px;
}
.footer-column {
width: 140px;
}
.footer-column h2 {
color: #006699;
font-size: 1.2em;
letter-spacing: 0;
}
.footer-column ul {
margin: 0.5em 0 0 0;
}
.footer-column ul li {
display: list-item;
list-style-type: none;
margin-bottom: 0.15em;
}
.footer-column ul li a {
color: #36484f !important;
font-size: 0.9em;
text-transform: uppercase;
}
.footer-column ul li a:hover {
color: white !important;
}
.footer-column ul li a:hover {
color: white !importantA;
}
#mission-column {
margin-left: -910px;
}
#learn-column {
margin-left: -730px;
}
#involve-column {
margin-left: -550px;
}
#footer-about {
margin-left: -370px;
width: 320px;
}
#footer-about .about-description {
color: #006699;
font-size: 0.9em;
font-weight: bold;
line-height: 1.6;
}
#footer-about .about-join {
color: #333333;
font-size: 1.1em;
font-weight: bold;
margin: 15px 0 0 0;
text-transform: uppercase;
}
#footer-about .phone {
float: left;
margin: 0 10px 0 0;
}
#footer-about a {
background: transparent url(/++theme++plonetheme.transportationchoices/images/icon_facebook.png) no-repeat scroll left top;
float: left;
font-size: 0;
height: 28px;
margin: -2px 2px 0 0;
text-indent: -9999em;
width: 28px;
}
#footer-about a.twitter {
background-image: url(/++theme++plonetheme.transportationchoices/images/icon_twitter.png);
}
#footer-about a.youtube {
background-image: url(/++theme++plonetheme.transportationchoices/images/icon_youtube.png);
}
/* */
#portal-footer {
background-color: transparent;
color: #333333;
font-size: 0.7em;
line-height: 1.3;
margin: 0 40px 0 0;
text-align: right;
}
#postfooter-links {
float: left;
font-size: 0.6em;
margin: 11px 0 0 40px;
text-transform: uppercase;
}
#postfooter-links li {
border-right: 1px solid #333333;
margin-right: 0.75em;
padding-right: 0.75em;
}
#postfooter-links li:last-child {
border-right: 0 none transparent;
}
#postfooter-links li a {
color: #333333 !important;
}
#postfooter-links li a:hover {
color: #339900 !important;
}
#portal-colophon {
margin: 0 40px 20px 0;
text-align: right;
}
#portal-colophon a:hover {
text-decoration: none !important;
}
li#site-by {
border-right: 1px solid #333333;
}
/* */
#edit-bar {
font-size: 0.7em;
}
#edit-bar a {
color: white !important;
}
#edit-bar .selected a,
#edit-bar a:hover {
color: #333333 !important;
}
/* */
.template-homepage_view #content {
margin: 0;
}
.template-homepage_view #content div.documentByLine,
.template-homepage_view .documentActions {
display: none;
}
.template-homepage_view h1 a {
background-color: #36484f;
border: 0 none transparent !important;
color: white !important;
display: block;
font-size: 1.05em;
padding: 4px 0 3px 40px;
text-transform: lowercase;
}
.template-homepage_view #content h1 a:hover {
color: white !important;
}
.template-homepage_view h1 .words {
color: #99cc33;
}
.template-homepage_view h1 .description {
font-size: 0.7em;
font-weight: normal;
}
#content ul.hompage-blogentries {
margin: 1em 0 1em 40px;
}
#content ul.hompage-blogentries li {
border-bottom: 1px solid #8dc63f;
list-style-image: none;
list-style-type: none;
margin: 1em 0 0 0;
}
#content ul.hompage-blogentries li:last-child {
border-bottom: 0 none transparent;
}
#content ul.hompage-blogentries .date {
color: #333333;
display: block;
font-size: 0.75em;
line-height: 1.2;
text-transform: uppercase;
}
#content ul.hompage-blogentries h2 {
line-height: 1;
font-size: 1.65em;
margin: 0 0 0.25em 0;
text-transform: none;
}
#content ul.hompage-blogentries h2 a {
color: #008ab0 !important;
}
#content ul.hompage-blogentries h2 a:hover {
color: #339900 !important;
}
#content ul.hompage-blogentries .readmore {
border-bottom: 0 none transparent;
font-variant: small-caps;
text-transform: lowercase;
}
/* */
p.action-button {
margin: 1em 0;
}
p.action-button a,
p.action-button a:visited {
background: #ff6600 url(/++theme++plonetheme.transportationchoices/images/action_button.png) repeat-x;
border: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
color: white !important;
cursor: pointer;
display: inline-block;
font-weight: bold;
padding: 4px 17px 6px;
position: relative;
text-decoration: none;
border-radius: 18px 18px 18px 18px;
-moz-border-radius: 18px 18px 18px 18px;
-webkit-border-radius: 18px 18px 18px 18px;
box-shadow: rgba(0, 0, 0, 0.25) 0 1px 3px 0;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 3px 0;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 3px 0;
-moz-animation-name: orangePulse;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-webkit-animation-name: orangePulse;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
p.action-button a:hover,
#content p.action-button a:hover {
background-color: #df5900;
color: white !important;
}
p.action-button a:active {
top: 1px;
}
/* */
.formid-commute-calculator label {
clear: both;
float: left;
width: 60%;
}
.formid-commute-calculator input {
float: left;
}
#driving-table .calculated,
#alternative-table .calculated {
color: red;
font-weight: bold;
text-align: right;
}
#alternative-table .calculated {
color: green;
}
#alternative-table .negative-value {
color: red;
}
/* */
#megaphone-preview {
margin-left: -500px;
}
/* */
.template-join-form .option {
display: block;
}
.template-join-form .option input {
margin-right: 0.5em;
}
#formfield-form-widgets-gift {
float: left;
}
#formfield-form-widgets-gift_option {
clear: none;
margin-top: 2.5em;
}
#formfield-form-widgets-gift_option label,
#formfield-form-widgets-gift_option .horizontal {
display: none;
}
.template-join-form .formControls {
clear: both;
}
/* */
.campaign-image {
float: left;
margin: 0 1em 1em 0;
}
/* */
#content .recent-actions {
margin: 0;
}
#content .recent-actions li {
border-left: 1px solid #bbbbbb;
border-right: 0 none transparent !important;
list-style-image: none;
list-style-type: none;
float: left;
padding: 10px 2.5%;
width: 28%;
}
#content .recent-actions li:first-child {
border-left: 0 none transparent;
padding-left: 0;
}
#content .recent-actions .action-button {
text-align: center;
}
#content .campaigns-list .campaign-thumbnail {
float: left;
}
#content .campaigns-list .campaign-description,
#content .campaigns-list h3 {
margin-left: 115px;
}
/* */
h2.reasons-why-title {
color: #ff7920 !important;
float: left;
font-size: 20px !important;
margin: 35px 0 0 0;
text-transform: none !important;
}
#content .reasons-why-interactive {
background: transparent url(/++theme++plonetheme.transportationchoices/images/reasons-arrows.png) no-repeat scroll 4px 45px;
margin: 0 0 15px 150px;
height: 100px;
position: relative;
width: 470px;
}
#content ul.reason-active {
background-position: 4px -105px;
}
#content .reasons-why-interactive li {
background-color: #008ab0;
color: white;
display: none;
font-weight: normal;
left: 15px;
list-style-image: none;
list-style-type: none;
padding: 10px 20px;
height: 80px;
position: absolute;
top: 0;
width: 415px;
}
#content .reasons-why-interactive li.default {
background-color: #333333;
display: block;
box-shadow: 3px 3px 4px #999999;
-moz-box-shadow: 3px 3px 4px #999999;
-o-box-shadow: 3px 3px 4px #999999;
-webkit-box-shadow: 3px 3px 4px #999999;
}
#content .reasons-why-interactive strong,
#content .reasons-why-interactive b {
color: #ffd323;
text-transform: uppercase;
}
.reasons-why-map {
background-image:url(/++theme++plonetheme.transportationchoices/images/reasons-map.jpg);
height: 416px;
position: relative;
width: 643px;
}
.reasons-why-map .map-icon {
border-bottom: 0 none transparent !important;
display: block;
position: absolute;
}
.reasons-why-map .icon-health {
background: transparent url(/++theme++plonetheme.transportationchoices/images/reasons-health.png) no-repeat scroll left 12px;
height: 112px;
width: 123px;
}
.reasons-why-map .icon-health:hover {
background-position: left bottom;
}
.reasons-why-map .icon-pocketbook {
background: transparent url(/++theme++plonetheme.transportationchoices/images/reasons-pocketbook.png) no-repeat scroll left 9px;
height: 112px;
width: 120px;
}
.reasons-why-map .icon-pocketbook:hover {
background-position: left bottom;
}
.reasons-why-map .icon-environmental {
background: transparent url(/++theme++plonetheme.transportationchoices/images/reasons-environmental.png) no-repeat scroll left 30px;
height: 110px;
width: 144px;
}
.reasons-why-map .icon-environmental:hover {
background-position: left bottom;
}
/* */
.fc-event,
.fc-agenda
.fc-event-time,
.fc-event a,
#content .fc-event a:hover {
background-color: #339900;
border-color: #339900;
color: white !important;
}
/* */
*+html #portal-logo {
display: block;
float: left;
margin: 10px 0 !important;
}
*+html #nav-row {
z-index: 100;
}
*+html #preheader-wrapper,
*+html #preheader-content,
*+html #preheader-row,
*+html #LSResult {
zoom: 1;
z-index: 1000;
}
*+html #LSResult {
margin-top: 15px;
}
*+html #header-wrapper {
zoom: 1;
}
*+html #footer-container {
padding-bottom: 40px;
}
*+html #portal-searchbox .searchButton,
*+html dl.portletEmailCapture .submit-button {
line-height: 0;
}
*+html #searchGadget {
margin: 0 6px 0 0;
zoom: 1;
}
*+html .carousel-pager {
position: relative;
zoom: 1;
}
*+html .carousel-pager a {
float: left;
left: 50%;
position: relative;
}