a.bigbutton {
            font-weight: 400;
            display: inline-block;
            color: #fff;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
            line-height: 1;
            text-align: center;
            vertical-align: top;
            background-color: #0c8342;
            border: 2px solid #0c8342;
            padding: .75em 1.25em;
            border-radius: 5px;
        }
            a.bigbutton:hover {
                background-color: #096231;
                border-color: #096231;
                text-decoration: none;
            }

        
        .content-header.headerimg {
            background-image: url("/swcorridor/openhouse/parkandride/img/header.jpg");
        }

        .fullwidth.mediumgray {
            background-color: #d4d4d4;
        }
        .fullwidth.greenbg {
            background-color: #00833e;
        }
            .fullwidth.greenbg h3, .fullwidth.greenbg p {
                color: #fff;
            }
            .fullwidth.greenbg a.bigbutton {
                background-color: #fff;
                border-color: #fff;
                color: #0c8342;
                text-shadow: none;
                font-size: 150%;
            }
                .fullwidth.greenbg a.bigbutton:hover {
                    background-color: #99c23d;
                    border-color: #99c23d;
                }

        .icons h3 {
            color: #fff;
        }
            .icons h3 b {
                font-size: 200%;
            }
        
        
        img.scenariomap {
            border-radius: 10px;
        }
        
        .box.scenario-stat {
            background-color: #9fbc2e;
            text-align: center;
            padding: .0625em .25em .25em;
        }
            .box.scenario-stat h4 {
                color: #fff;
                border-color: #fff;
            }
                .box.scenario-stat h4 b {
                    font-size: 100%;
                }
        @media only screen and (min-width: 768px) { /* sm screens and up */
        .box.scenario-stat {
            padding: .125em 1em .5em;
        }
                .box.scenario-stat h4 b {
                    font-size: 150%;
                }
        }
        
        

        
        .timeline-chart .segment.year.arrow {
            background-image: url("/swcorridor/openhouse/parkandride/img/timeline-arrow.png");
        }
        .timeline-chart .segment {
            border-color: #f0f0f0;
        }
        .timeline-chart .pandr-study {
            background-color: #a12564;
            width: 25%;
            margin-left: 10.333%;
        }
        .timeline-chart .pandr-explore {
            background-color: #0c884c;
            width: 20%;
            margin-left: 10.333%;
        }
        .timeline-chart .pandr-design {
            background-color: #0c884c;
            width: 28.333%;
        }
        .timeline-chart .callout.pandr-select {
            margin-left: 30.111%;
            border-left: 1px solid #0a6e3d;
            padding-top: 1.75em;
            margin-top: -1.5em;
       }
        
        .access {
            margin-bottom: 1em;
        }
            .access h4 b {
                min-width: 2.25em;
                display: inline-block;
            }
                .access span.walk, .access span.bus, .access span.car {
                    display: inline-block;
                    border-radius: 100%;
                    background-color: #99c23d;
                    width: .9em;
                    height: .9em;
                    margin-top: .1em;
                }
                    .access span.bus {
                        background-color: #00833d;
                    }
                    .access span.car {
                        background-color: #e79730;
                    }
            .access p.arterial, .access p.service {
                padding: .5em 0 .5em 2.5em;
                margin: 0;
                background: url("/swcorridor/openhouse/parkandride/img/icon-service.png") 0 .25em no-repeat;
                background-size: 2em auto;
                color: #666;
                font-size: 14px;
            }
                .access p.arterial {
                    background-image: url("/swcorridor/openhouse/parkandride/img/icon-arterial.png");
                }
        @media only screen and (min-width: 480px) { /* ms screens and up */
            .access {
                min-height: 250px;
                margin-bottom: 0;
            }
        }
        @media only screen and (min-width: 600px) {
            .access {
                min-height: 260px;
            }
        }
        
        @media only screen and (min-width: 768px) { /* sm screens and up */
            .access p.arterial, .access p.service {
                font-size: inherit;
                font-size: 15px;
            }
            .access {
                min-height: 250px;
            }

            
        }
        @media only screen and (min-width: 992px) { /* md screens and up */
            .access {
                min-height: 280px;
            }
        }
        @media only screen and (min-width: 1200px) { /* lg screens and up */
            .access {
                min-height: 250px;
            }
        }
        
        
        
        .dynamic-content {
            display:none;
        }
        


        #top-float {
            position: fixed;
            bottom: 20px;
            right: 15px;
            display: none;
            z-index: 10000;
        }
        @media only screen and (max-width: 768px) { /* sm screens and lower */
            #top-float {
                display: none !important;
            }
        }