/*


OVERRIDES FOR MAIN STYLE SHEET


COLORS
purple: #2e008b
orange: #ff6900
green: #48a23f
blue: #084c8d

FONTS
Zilla+Slab: 300,400,500
Source+Sans+Pro: 300,400,400i,600,600i,700,700i 
*/

/*
override used for holiday-themed logos
h1 i.icon-trimet {
    background: none;
}
a.logo {
    background: url("/global/img/trimet-logo-nav.png") 12px 10px no-repeat;
    background-size: 135px auto;
}
@media only screen and (min-width: 720px) {
    a.logo {
        background-position: 12px 15px;
    }
}
@media only screen and (min-width: 1140px) { 
    a.logo {
        background-size: 188px auto;
    }
}
*/

.pdf-hide {
    display: none;
}


.content .white {
    color: #fff;
}
.content .blue {
    color: #0f6aac;
}
.content .green {
    color: #028953;
}
.content .orange {
    color: #d25d13;
}
.content .red {
    color: #d31f43;
}
.content .yellow {
    color: #ffc524;
}
.content .red-alert {
    color: #c63c2f;
}
.content .blue-snow {
    color: #7da4cc;
}



/* GOOGLE SEARCH BOX - need to move this into asset/style.css */
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
	box-sizing: content-box;
	border-radius: 2px;
}
.gsc-search-button-v2 {
	border: 2px solid #6db33f !important;
	background-color: #6db33f !important;
	border-radius: 2px;
	cursor: pointer;
}



.content .h1icon {   /* use this with font-awesome icons in h1 */
    font-size: 135%;
    margin: 0 .25em -.5em 0;
    display: inline-block;
    float: left;
    padding: 0 0 15px 0;
}
	.content a.h1icon {
		color: #333;
		border: none;
	}
.standardcontent .contentcontainer .row .row { /* put some padding between rows when used in standard content template */
    padding-top: 15px;
    padding-bottom: 15px;
}
.content .contentcontainer.compact {
    padding-top: 15px;
}

.content h2.strata.divider {
    padding-bottom: .5em;
    margin-bottom: 1em;
    border-bottom: 1px solid #ccc;
}
@media only screen and (min-width: 992px) { /* md screens and up */
    .h2.strata.divider {
        width: 797px;
        margin-left: -90px;
    }
}
@media only screen and (min-width: 1200px) { /* lg screens and up */
    .h2.strata.divider {
        width: 910px;
    }
}


/* CHECKMARKS */
.content .checkmark {
	padding-left: 28px;
	background: url("/global/img/checkmark.png") 0 16px no-repeat;
	background-size: 25px auto;
}
	.content .checkmark.x {
		background-image: url("/global/img/checkmark-x.png");
	}
	.content .checkmark.bluecheck {
		background-image: url("/global/img/checkmark-blue.png");
	}

@media only screen and (min-width: 768px) { /* sm screens and up */
    .content .checkmark {
        padding-left: 35px;
        background-position: 0 16px;
        background-size: 35px auto;
    }
}



/* used on images CHECKTHIS */
.content a.hover img {
    box-shadow: 0 0 0 0 rgba(86,141,50,1);
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
}
    .content a.hover img:hover {
        box-shadow: 0 0 0 5px rgba(86,141,50,1);
        transition-property: box-shadow;
        transition-duration: .2s;
        transition-timing-function: ease-out;
    }
    
    

/****** PAGE SETUP *****/
.content .fullwidth {
    margin-left: auto;
    margin-right: auto;
}
    .content .contentcontainer {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .content .gray {
        background: #f1f1f1;
        background: -moz-linear-gradient(top,  #d8d8d8 0px, #f1f1f1 300px);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#d8d8d8), color-stop(300px,#f1f1f1));
        background: -webkit-linear-gradient(top,  #d8d8d8 0px,#f1f1f1 300px);
        background: -o-linear-gradient(top,  #d8d8d8 0px,#f1f1f1 300px);
        background: -ms-linear-gradient(top,  #d8d8d8 0px,#f1f1f1 300px);
        background: linear-gradient(top,  #d8d8d8 0px,#f1f1f1 300px);        
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d8d8d8", endColorstr="#f1f1f1", GradientType=0 );
    }
    .content .lightgray {
        background: #f6f6f6;
    }
    .content .darkgray {
        background: #eee
    }
    .content .firstbg {
        background-color: #888;
    }
        .content .firstbg p {
            color: #fff;
        }
        .content .firstbg .contentcontainer {
            padding-bottom: 30px;
        }
    
@media only screen and (min-width: 768px) { /* sm screens and up */
    .content .contentcontainer {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}



/******* STANDARD HEADER / FIRST BLOCK *******/
.standardheader {
    background-color: #eee;
/*	padding-bottom: 15px;*/
}
    .standardheader p.breadcrumb {
        font-size: 12px;
        padding: 30px 15px 5px 15px;
		color: #999;
		
		display: none;
    }
        .standardheader p.breadcrumb a {
            color: #999;
       }
            .standardheader p.breadcrumb a:hover {
            }
    .standardheader h1 {
        padding: 40px 10px 0 15px;
   }
.standardheader .first {
    width: 100%;
    padding: 15px 15px 0;
	background-color: #eee;
}
    .content .first.alert {
        background-color: #c63c2f;
    }
        .content .first.alert p {
            background-image: url("/global/img/icon-alert-white.png");
            background-repeat: no-repeat;
            background-position: 0 0;
            background-size: 25px 25px;
            padding-left: 35px;
        }

    .standardheader .first p {
        padding: 0 0 15px 0;
		font-family: "Zilla Slab", serif;
		font-size: 18px;
		font-weight: 400;
		line-height: 1.125;
    }

            
@media only screen and (min-width: 768px) { /* sm screens and up */
.standardheader {
}
    .standardheader p.breadcrumb {
        padding: 60px 0 5px;
        width: 595px;
        margin: 0 auto;
        font-size: 14px;
   }
    .standardheader h1 {
        padding: 80px 0 0 0;
        line-height: 1;
        width: 595px;
        margin: 0 auto;

   }
    .standardheader .first {
        padding: 0;
    }
        .standardheader .first p, .standardheader .first h3 {
            width: 595px;
            margin: 0 auto;
 			line-height: 1.25;
       }
            .standardheader .first p {
                font-size: 21px;
            }
				.standardheader div:nth-of-type(2) {	/* add padding when the .first p is below a .hero header */
					padding-top: 1em;
				}
        .content .first.alert p {
            background-size: 50px 50px;
            padding-left: 70px;
        }
   .standardheader.wide h1, .standardheader.wide .first p, .standardheader.wide p.breadcrumb {
        width: 720px;
   }
}
@media only screen and (min-width: 992px) { /* md screens and up */
    .standardheader p.breadcrumb {
        width: 617px;
    }
    .standardheader h1 {
        width: 617px;
		padding-top: 127px;
        line-height: 1.25;
    }
	.standardheader .first p {
		font-size: 24px;
 		line-height: 1.5;
	}
   .standardheader .first p, .standardheader .first h3 {
        width: 617px;
    }
   .standardheader.wide h1, .standardheader.wide .first p, .standardheader.wide p.breadcrumb {
        width: 940px;
   }
}
@media only screen and (min-width: 1200px) { /* lg screens and up */
    .standardheader h1, 
    .standardheader p.breadcrumb, 
    .standardheader .first p,
    .standardheader .first h3 {
        width: 730px;
    }
   .standardheader.wide h1, .standardheader.wide .first p, .standardheader.wide p.breadcrumb {
        width: 1100px;
   }
}



/******* HERO HEADER *******/
.standardheader .hero {
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
}
   .standardheader .hero > img, .standardheader .hero.video > video {
        position: absolute;
        bottom: 0;
        left: 0;
        width: auto;
        height: 100%;
    }
        .standardheader .hero.video > video {
            display: none;
        }
        .standardheader .hero > img.topalign {
            top: 0;
        }
    .standardheader .hero .inner {
        width: 100%;
        height: 100%;
        background: transparent linear-gradient(to bottom, transparent 50%, #000 115%) repeat scroll 0 0;
        display: table;
        position: relative;
        
    }
        .standardheader .hero .center {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: bottom;
        }
            .standardheader .hero h1 {
                line-height: 1;
                color: #fff;
                padding: 0 15px 15px;
                vertical-align: bottom;
            }
            .standardheader .hero p {
                padding: 0 0 5px 15px;
                vertical-align: bottom;
                color: #ccc;
            }
                .standardheader .hero p a {
                    color: #ccc;
               }
                    .standardheader .hero p a:hover {
                        color: #fff;
                        border-color: #fff;
                    }
@media only screen and (max-width: 540px) {
        .standardheader .hero > video {
            left: -100px;
        }
}
@media only screen and (min-width: 460px) {
		.standardheader .hero h1 {
			line-height: 1.125;
		}
		.standardheader .hero > img {
            width: 105%;
            height: auto;
        }
        .standardheader .hero.video > video {
            width: auto;
            height: 105%;
        }
}
@media only screen and (min-width: 630px) {
        .standardheader .hero.video > video {
            width: 115%;
            height: auto;
        }
}
@media only screen and (min-width: 768px) { /* sm screens and up */
.standardheader .hero {
    height: 350px;
}
    .standardheader .hero .inner {
    }
        .standardheader .hero.video > img {
            display: none;
        }
        .standardheader .hero.video > video {
            display: block;
        }
            .standardheader .hero h1, .standardheader .hero p.breadcrumb {
                width: 595px;
                margin: 0 auto;
                padding-left: 0;
                padding-right: 25px;
                padding-right: 15px;
           }
               .standardheader.wide .hero h1, .standardheader.wide .hero .first p, .standardheader.wide .hero p.breadcrumb {
                    width: 720px;
               }
}
@media only screen and (min-width: 992px) { /* md screens and up */
 .standardheader .hero {
    height: 500px;
}
        .standardheader .hero.video > video {
            width: 125%;
            height: auto;
        }
        .standardheader .hero h1, .standardheader .hero p.breadcrumb {
            border: none;
            width: 617px;
            padding-right: 0;
        }
               .standardheader.wide .hero h1, .standardheader.wide .hero .first p, .standardheader.wide .hero p.breadcrumb {
                    width: 940px;
               }
}
@media only screen and (min-width: 1200px) { /* lg screens and up */
 .standardheader .hero {
    height: 550px;
}
    .standardheader .hero > img, .standardheader .hero.video > video {
    }
        .standardheader .hero > img.topalign {
            top: -150px;
        }
            .standardheader .hero h1, .standardheader .hero p.breadcrumb {
                width: 730px;
                padding-right: 25px;
            }
               .standardheader.wide .hero h1, .standardheader.wide .hero .first p, .standardheader.wide .hero p.breadcrumb {
                    width: 1100px;
               }
}



/******* STANDARD CONTENT *******/
.standardcontent {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
}
    .standardcontent .contentcontainer {
        padding-top: 30px;
    }
.content .isolate {
    padding: 15px 0;
}
@media only screen and (min-width: 768px) { /* sm screen and up */
	.content .isolate {
		padding: 30px 0;
	}
}



/****** TEXT *****/
.content p, .content li {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 1em;
}
    .content p b, .content li b {
        font-weight: 600;
    }
    .content small, .content .small, .content ul.small li  {
        font-size: 12px;
        line-height: 1.25;
    }
    .content .first, .content .h1sub, .content .big {
        font-size: 18px;
        font-weight: 400;
		font-family: "Zilla Slab", serif;
		margin-bottom: 0;
		background-color: #eee;
		line-height: 1.125;
    }
        .content .big {
            background: none;
        }
/*
    .content p.breadcrumb {
        font-size: 12px;
    }
        .content p.breadcrumb a {
            font-style: normal;
            border: none;
        }
*/

@media only screen and (min-width: 768px) { /* sm screen and up */
    .content p, .content li {
        font-size: 20px;
    }
    .content .first, .h1sub, .content .big {
        font-size: 21px;
		line-height: 1.25;
		padding-bottom: .5em;
    }
    .content p.breadcrumb {
        font-size: 14px;
    }
    .content small, .content .small, .content ul.small li  {
        font-size: 14px;
    }
    .content ul.inline li {
        padding-bottom: 10px;
    }
}
@media only screen and (min-width: 992px) { /* md screens and up */
    .content small, .content .small, .content ul.small li  {
        font-size: 16px;
    }
    .content .first, .h1sub, .content .big {
        font-size: 24px;
		line-height: 1.5;
    }
}

.content ul.inline {
    margin-left: 0;
}
    .content ul.inline li {
        padding-bottom: 5px;
        padding-left: 0;
        display: inline-block;
        margin: 0 15px 0 0;
    }

.content .caps {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
}

.content hr {
    margin: 30px auto 45px;
    color: #ccc;
    width: 75%;
}
.content .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.content .text-right, .content .hright {
    text-align: right;
}

.content sup {
    font-size: 50%;
    vertical-align: baseline;
    line-height: 0;
    position: relative;
    top: -.85em;
    left: -.125em;
}


.content .number {
    background-color: #6cb445;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 1.125em;
    height: 1.125em;
    float: left;
    display: block;
    color: #fff;
    font-style: normal;
	font-weight: 400;
    text-align: center;
    margin: .25em .5em .25em 0;
    line-height: 1;
	padding: .03125em 0 0 .03125em;
	font-family: "Source Sans Pro", sans-serif;
}
	.content h2 .number, .content h3 .number, .content h4 .number, .content h5 .number {
		margin-top: 0;
	}






/****** LINKS *****/
.content a, .content a:visited {
	color: #084c8d;
	text-decoration: none;
	border-bottom: 1px dotted #bbd4ee;
}
    .content a img {
        text-decoration: none;
        border: none;
    }
        .footer a, .footer a:visited {
            border: none;
            color: #cccccc;
        }
            .footer a:hover {
                border: none;
                color: #ffffff;
            }
            .content a.noborder {
                border: none;
            }
    .content a:hover {
        text-decoration: none;
        border-color: #084c8d;
    }
    .content a img, .content a:hover img {
        text-decoration: none;
        border: none;
    }



/*
.content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a, .content h6 a {
    border: none;
    color: #084c8d;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: #bbd4ee;
}
        .content h1 a {
		   color: #333;
           text-decoration-color: #aaa;
        }
    .content h1 a:hover, .content h2 a:hover, .content h3 a:hover, .content h4 a:hover, .content h5 a:hover, .content h6 a:hover {
        text-decoration: underline;
        border: none;
        border-color: #084c8d;
        color: #084c8d;
        text-decoration-color: #084c8d;
    }
*/




/***** BLOCKQUOTE *****/
.content blockquote {
    padding: 1em 2em;
    margin: 1em 0 2em;
    border-top: 2px solid #eebdb1;
    border-bottom: 2px solid #eebdb1;
}
    .content blockquote.big {
        padding: 1em 20px;
    }
        .content blockquote:before, .content blockquote:after {
            content:"";
            display:table;
        }
        .content blockquote:after {
            clear:both;
        }
    .content blockquote h3 {
        font-size: 150%;
        color: #e69a88;
        text-align:  center;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .content blockquote p {
        font-size: 150%;
        line-height: 1.25;
        color: #d14727;
    }
        .content blockquote.big p {
            text-align: center;
        }
        .content blockquote p.bignumber {
            font-size: 500%;
            line-height: 1;
            padding: 0 10px 0 0;
            text-align: center;
        }

    .content blockquote.pullstat {  /* for big XX% with accompanying text */
        padding-left: 3em;
        padding-right: 3em;
    }
        .content blockquote.pullstat p {
            padding: 0;
            line-height: 1;
        }
        .content blockquote.pullstat p.stat {
            font-size: 500%;
            padding: 0 15px 0 0;
            margin: 0;
            font-weight: 400;
            width: 1.625em;
            float: left;
        }
            .content blockquote.pullstat p.stat span {
                font-size: 50%;
                font-weight: 400;
                vertical-align: super;
            }
        .content blockquote.pullstat p.desc {
            font-size: 225%;
            text-align: left;
        }


    .content blockquote.quote {
        border: none;
        padding: .5em .5em 1em 1.5em;
        margin: 1em 0;
    }    
        .content blockquote.quote p {
            font-family: "Zilla Slab", serif;
            line-height: 1.5;
            color: #333;
        }    
        .content blockquote.quote span {
            font-family: Georgia, serif;
            font-size: 300%;
            line-height: .65;
            float: left;
            display: block;
            width: 25px;
            margin-left: -25px;
        }

@media only screen and (min-width: 480px) {
    .content blockquote.quote {
        padding: 1em 1em 1em 2em;
        margin: 1em 0 2em;
    }    
}
@media only screen and (min-width: 768px) { /* sm screens and up */

    .content blockquote.big {
        padding: 1em 50px;
    }
        .content blockquote.big p.bignumber {
            float: left;
            text-align: left;
        }
    .content blockquote.big p {
        text-align: left;
    }
    .content blockquote.quote {
        padding-left: 4em;
        padding-right: 4em;
    }    
       .content blockquote.quote span {
            font-size: 400%;
            width: 35px;
            margin-left: -35px;
        }
}
@media only screen and (min-width: 992px) { /* md screens and up */
    .content blockquote.big {
        padding: 1em 100px;
    }
    .content blockquote.quote {
    }    
        .content blockquote.quote span {
            font-size: 500%;
            width: 40px;
            margin-left: -40px;
        }
}
@media only screen and (min-width: 1200px) { /* lg screens and up */
    .content blockquote.quote {
    }    
        .content blockquote.quote p {
            font-size: 115%;
        }
        .content blockquote.quote span {
            font-size: 400%;
            width: 37px;
            margin-left: -37px;
        }
}



/***** ITEM *****/
.content .item {
    margin-bottom: 2em;
}
    .content .item h2, .content .item h3 {
        padding-top: .25em;
        margin-left: -.5em;
    }
    .content .item img.circle {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }
@media only screen and (min-width: 480px) {
    .content .item h2, .content .item h3 {
        padding-top: inherit;
        margin-left: inherit;
    }
}
@media only screen and (min-width: 768px) { /* sm screen and up */
    .content .item img.circle {
        margin-top: -.5em;
    }
}
@media only screen and (min-width: 992px) { /* md screens and up */
	.content .item {
		margin-bottom: 3em;
	}
}



/****** BOXES *****/
.content .box {
    background-color: #f4f4f4;
    padding: 15px 15px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 15px 1em;
    margin: 0 0 1em;
    border: 1px solid #ccc;
    clear: both;
}
    .content .box a {
        border: none;
        text-decoration: underline;
        text-decoration-color: #bbd4ee;
    }
        .content .box a.button {
            text-decoration: none;
        }
        .content .box a:hover {
            text-decoration-color: #084c8d;
        }
    .content .box.white {
        background-color: rgba(255, 255, 255, 0.8);
        border: none;
        color: #222;
    }
    .content .box.transparent {
        background-color: inherit;
    }
    .content .box.important {
        background-color: #ffc;
    }
    .content .box.message {
        background: url("/global/img/icon-info.png") 15px 17px no-repeat #f3f3f3;
        background-size: 15px 15px;
        padding-left: 35px;
    }
    .content .box.servicealertbox { /* automatically generated alerts */
        background-color: #ffc;
        margin: 0 15px 1em;
    }
        .content .box.servicealertbox p.servicealert, .content .box.servicealertbox p.servicealert-future {
            background: url("/global/img/icon-alert.png") 0 0 no-repeat #ffc;
            background-size: 10px 15px;
            padding-left: 25px;
        }
            .content .box.servicealertbox p.servicealert-future {
                background-image: url("/global/img/icon-alert-future.png");
            }
    .content .box.alertbox, .content .box.snowbox { /* manual alerts via include file */
        background: url("/global/img/icon-alert-future.png") 10px 10px no-repeat #ffc;
        background-size: 25px 25px;
        padding-left: 40px;
    }
        .content .box.snowbox {
            background-color: transparent;
            background-image: url("/global/img/icon-snow.png");
            padding-top: 15px;
        }
        .content .box.alertbox ul.links a {
            background-color: #ffc;
            border-color: #ccc;
            text-decoration: underline #ccc;
        }
            .content .box.alertbox ul.links a:hover {
                background-color: #fff;
                text-decoration: underline #084c8d;
            }
    .content .box.alertbox .expand_header h3 span, .content .box.snowbox .expand_header h3 span { /* account for expand button margin */
        margin-left: 0;
    }
    .content .box h2:first-child, .content .box h3:first-child, .content .box h4:first-child, .content .box h5:first-child {
        padding-top: 0;
    }
    .content .box h2 {
        padding-bottom: 6px;
    }
    .content .box p, .content .box li, .content .box a, .content .box strong, .content .box b, .content .box em, .content .box i {
        font-weight: 300;
    }
        .content .box strong, .content .box b {
            font-weight: 600;
        }
        .content .box b i, .content .box b em, .content .box strong i .content .box b em,
        .content .box i b, .content .box i strong, .content .box em b .content .box em strong {
            font-weight: 600;
        }
@media only screen and (min-width: 768px) { /* sm screens and up */
.content .box {
    padding: 30px 30px 5px;
    margin: 0 0 2em;
}
    .content .box.message {
        background-position: 15px 28px;
        background-size: 35px 35px;
        padding-left: 60px;
    }
            .content .box.servicealertbox p.servicealert, .content .box.servicealertbox p.servicealert-future {
                background-position: 0 0;
                background-size: 25px 25px;
                padding-left: 40px;
            }
    .content .box.alertbox, .content .box.snowbox {
        background-position: 15px 15px;
        background-size: 50px 50px;
        padding-left: 80px;
    }
}



/****** IMAGES *****/
.content .img {
    display: block;
    height: auto;
    max-width: 100%;
    margin-bottom: 15px;    
}
.content .img-left, .content .img-right {
    display: block;
    max-width: 100%;    
    height: auto;
    margin: 0 0 15px 0;
}
    .content .img-left img, .content .img-right img {   /* if image is used with a caption */
        width: 100%;
    }
.content .icon-left {
    float: left;
    margin: 0 15px 15px 0;
}
.content .icon-right {
    float: right;
    margin: 0 0 15px 15px;
}
.content img.smallicon  {
    width: 35px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-top: -3px;
}
.content a.iconlink, .content a.iconlink:hover {    /* for font-awesome icons with links */
    border: none;
}
.content img.frame {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}
    .content a img.frame:hover {
        border: 1px solid #ccc;
        background-color: #dbdbdb;
    }
.content .caption {
    margin-bottom: 1em;
}
    .content .caption img {
        margin: 0;
    }
        .content .caption.img-right img, .content .caption.img-left img,
        .content .caption.icon-right img, .content .caption.icon-left img {
/*            margin-bottom: -8px;*/
        }
    .content .caption small {
        display: block;
        padding: 5px 10px;
        background-color: #404040;
        color: #fff;
        width: 100%;
        line-height: 1.25;
    }
    .content .caption a, .content .caption a:hover {
        color: #ccc;
        border: none;
    }
        .content .caption a:hover {
            color: #fff;
            text-decoration: underline;
        }
        
    .content p.imgsmall {
        width: 100%;
    }
@media only screen and (min-width: 460px) {
    .content .img-left {
        float: left;
        margin: 5px 15px 15px 0;
        width: 240px;
    }
    .content .img-right {
        float: right;
        margin: 5px 0 15px 15px;
        width: 240px;
    }
    .content p.imgsmall {
        width: 65%;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 768px) { /* sm screens and up */
    .content .img-left {
        margin: 5px 30px 30px -90px;
        width: 360px;
    }
    .content .img-right {
        margin: 5px -90px 30px 30px;
        width: 360px;
    }
    .content .caption small {
        padding: 6px 10px;
    }
}



/****** PDF, AUDIO, VIDEO and VIEW BUTTONS *****/
.content a.pdf, .content a.view, .content a.video, .content a.pdf-small, .content a.view-small, .content a.audio-small, .content a.video-small {
    font-weight: 300;
    padding: 5px 15px 5px 50px;
    margin: 0 0 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #eee;
    line-height: 1.25;
    background: url("/global/img/icon-pdf.png") 10px 12px no-repeat #f6f6f6;
    background-size: 30px 30px;
    color: #333;
    min-height: 55px;
    cursor: pointer;
    text-decoration: none;
	display: block;
/*	display: inline-block;*/
}
    .content a.pdf-small, .content a.view-small, .content a.audio-small, .content a.video-small {
        font-weight: 400;
        margin: 0;
        padding-left: 40px;
        padding-right: 10px;
        line-height: 1.25;
        background-position: 10px 7px;
        background-size: 20px 20px;
        min-height: auto;
    }
        .content .box a.pdf-small, .content .box a.view-small, .content .box a.audio-small, .content .box a.video-small {
            border-color: #ccc;
        }
    .content a.view, .content a.view-small {
        background-image: url("/global/img/icon-view.png");
    }
    .content a.audio, .content a.audio-small {
        background-image: url("/global/img/icon-audio.png");
    }
    .content a.video, .content a.video-small {
        background-image: url("/global/img/icon-video.png");
    }
    .content a.pdf:hover, .content a.view:hover, .content a.video:hover, .content a.pdf-small:hover, .content a.view-small:hover, .content a.audio-small:hover, .content a.video-small:hover {
        border-color: #ccc;
        background-color: #dbdbdb;
        color: #333;
    }
    .content a.pdf small, .content a.pdf:hover small, .content a.view small, .content a.view:hover small, .content a.audio small, .content a.audio:hover small, .content a.video small, .content a.video:hover small {
        color: #999;
    }



/****** VIDEO ******/
.content .embed-responsive {
    display: block;
    height: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
    .content .embed-responsive .embed-responsive-item, .content .embed-responsive embed, .content .embed-responsive iframe, .content .embed-responsive object, .content .embed-responsive video {
        border: 0 none;
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
.content .embed-responsive-16by9 {
    padding-bottom: 56.25%;
}



/****** LISTS ******/
.content ul, .content ol {
    padding-bottom: 1em;
    margin-left: 1.25em;
}
	.content ul.columns, .content ol.columns {
		padding-bottom: 0;
	}
    .content ol li {
        list-style: decimal;
    }
    .content ul li {
        list-style: circle;
    }
    .content ul ul {
        padding-bottom: 0;

    }
        .content ul ul li {
            padding-bottom: .5em;
            list-style: disc;
        }
            .content ul ul li:last-child {
                padding-bottom: 0;
            }
        
    .content ul.checkmark li {
        background: url("/global/img/checkmark-blue.png") 0 0 no-repeat;
        background-size: 25px auto;
        list-style: none;
        padding-left: 30px;
    }



/****** LINK LISTS ******/
.content ul.links, .content ol.links, .content ul.schedulelinks {
    margin-left: 0;
}
    .content ul.links li, .content ol.links li, .content ul.schedulelinks li {
        list-style: none;
    }
    .content ul.links a, .content ol.links a, .content ul.schedulelinks a {
        border: 1px solid #eee;
        padding: 7px 15px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        display: block;
		font-weight: 300;
    }
        .content ul.schedulelinks a {
            border-color: #ccc;
            padding: 10px 15px;
       }
        .content ul.links a::after, .content ol.links a::after, .content ul.schedulelinks a::after {
            /*
            content: " »";
            */
        }
    .content ul.links a:hover, .content ol.links a:hover, .content ul.schedulelinks a:hover {
        background-color: #d3e9ff;
    }
        .content .box ul.links a, .content .box ol.links a {
            background-color: #fdfdfd;
        }
            .content .box ul.links a:hover, .content .box ol.links a:hover {
                background-color: #d3e9ff;
            }
    
    .content ul.links.big a {
        border-color: #ddd;
        padding: 15px 30px;
        font-size: 125%;
    }
        .content ul.links.big a:hover {
            background-color: #dbdbdb;
        }



/****** TOP LINK *****/
.content p.top {
    text-align: right;
}
    .content p.top a {
        display: inline-block;
        font-size: 10px;
        letter-spacing: 1px;
        text-transform: uppercase;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: none;
        padding: 10px 15px;
    }
        .content p.top a:hover {
            background-color: #dbdbdb;
            color: #333;
            border: none;
        }
@media only screen and (min-width: 992px) { /* md screens and up */
    .content p.top a {
        margin-right: -90px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .content p.top a {
        margin-right: 0;
    }
}



/****** BUTTONS *****/
.content a.button {
    font-weight: 400;
    display: inline-block;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    text-align: center;
    vertical-align: top;
    background-color: #62a038;
    border: 2px solid #62a038;
    margin-bottom: 15px;
}

.content a.button:hover {
    background-color: #568d32;
    border-color: #568d32;
}

.content a.button-heading {
    border: 1px solid #eee;
    padding: 7px 5px 7px 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    margin-bottom: 1em;
}
    .content a.button-heading:hover {
        background-color: #dbdbdb;
        background-color: #d3e9ff;
    }
    .content a.button-heading h3 {
        padding-top: .5em;
        padding-bottom: .25em;
    }
    .content a.button-heading p {
        padding-bottom: 0;
    }



/****** MAP BUTTONS *****/
.content a.detailedmap, .content a.interactivemap, .content a.tripplanner {
    background: url("/global/img/icon-maps.png") 5px 2px no-repeat;
	background-size: 25px 200px;
	border: 1px solid #ddd;
	display: block;
	margin: 0;
    padding: 10px 0 10px 35px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
}
    .content a.interactivemap {
        background-position: 5px -100px;
    }
		.content a.detailedmap:hover, .content a.interactivemap:hover, .content a.tripplanner:hover {
            background-color: #d3e9ff;
		}
		.content a.detailedmap small {
			color: #666;
		}

.content a.maplink {
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    display: block;
    margin: 0 15px 15px 0;
    width: 202px;
}
    .content a.maplink:hover {
        background-color: #ffc;
    }
    .content a.maplink img {
        width: 200px;
        height: auto;
        border-radius: 5px 5px 0 0;
    }
    .content a.maplink span {
        background: url("/global/img/icon-maps.png") 2px -4px no-repeat;
        background-size: 25px 200px;
        display: block;
        padding: 3px 5px 5px 28px;
        font-weight: 500;
    }

@media only screen and (min-width: 480px) {
    .content a.maplink {
        /*fixes Chrome bug in displaying floating anchor */
        position: relative;
        overflow: auto;
        float: left;
        margin-right: 1em;
    }
        .content a.maplink.right {
            float: right;
            margin-left: 1em;
            margin-right: 0;
        }
}



/***** TABLES *****/
.content table.table-chart {
    margin-bottom: 30px;
}
    .content table.table-chart h3 {
        padding: 0;
        margin: 0;
    }
    .content table.table-chart b {
        font-weight: 500;
    }
    .content table.table-chart th {
        background-color:#1c5c99;
        color: #ffffff;
        /*
        border-right: 1px solid #fff;
        */
        font-weight: 500;
        padding: 10px;
    }
        .content table.table-chart th a {
            color: #fff;
            border: none;
            text-decoration: underline;
            text-decoration-color: #7ea2c5;
        }
            .content table.table-chart th a:hover {
                text-decoration-color: #fff;
            }
        .content table.table-chart th.header-odd {
            background-color: #084c8d;
        }
        .content table.table-chart th.header-corner {
            background-color: #fff;
            background-color: #1c5c99;
        }
    .content table.table-chart sup {
        font-size: 12px;
    }
    .content table.table-chart td {
        /*
        border-right: 1px solid #fff;
        */
        padding: 10px;
    }
        .content table.table-chart td a {
            border: none;
            text-decoration: underline;
            text-decoration-color: #bbd4ee;
        }
            .content table.table-chart td a:hover {
                text-decoration-color: #084c8d;
            }
    .content table.table-chart .odd {
        background-color: #f3f3f3;
    }
    .content table.table-chart .intersection {
        background-color: #e7e7e7;
    }

    .content table.table-chart.highlight {
        background-color: #fff;
    }


    .content table.table-chart.highlight tr:nth-child(odd) {
        background-color: #f3f3f3;
    }


@media only screen and (min-width: 1200px) { /* lg screens and up */
	.content .fullwidthplus {
		margin-left: -90px;
		width: 910px;
	}
	.content a.button-heading p.small {
		font-size: 16px;
	}
}



/****** ASIDE BLOCK *****/
.content .aside {
    display: block;
    max-width: 100%;    
    height: auto;
    margin: 0 0 15px 0;
    background-color: #f6f6f6;
    padding: 15px 15px 5px;
    position: relative; /* need this so links are accessible in chrome */
}

    .content .aside.nobg {
        background-color: inherit;
        padding: 0;
    }
@media only screen and (min-width: 480px) {
.content .aside {
    width: 70%;
    margin: 0 auto 15px;
}
}
@media only screen and (min-width: 768px) {

    .content .aside {
        float: right;
        margin: 0 -60px 30px 30px;
        padding: 25px 30px 15px;
        width: 365px;
    }
}
@media only screen and (min-width: 790px) {
    .content .aside {
        margin-right: -90px;
    }
}



/****** STANDARD SHOW/HIDE (FAQ) *****/
.content .expand_content_container {
    height: 0;
    overflow: hidden;
    padding: 0;
    margin-bottom: 1.5em;
}
    .content .expand {
    }
        .content .expand_header {
            cursor: pointer;
            color: #333;
            padding: 0 0 .25em 30px;
            padding: 0 30px .25em 0;
            display: block;
        }
            .content .expand_header:hover {
                color: #084c8d;
            }

            /* show gray down icon */
            .content .expand_header span {
                display: inline-block;
                background: url("/global/img/expand-down.png") 0 0 no-repeat;
                background-size: 1.5em 1em;
                width: 1.5em;
                height: 1em;

            }
                /* show blue down icon */
                .content .expand_header:hover span {
                    background-image: url("/global/img/expand-downover.png");
                }
                    .content .expand_header.reverse:hover span {
                        background-image: url("/global/img/expand-downover-reverse.png");
                    }

                /* show gray up icon */
                .content .open .expand_header span {
                    background-image: url("/global/img/expand-up.png");
                }

                /* show blue up icon */
                .content .open .expand_header:hover span {
                    background-image: url("/global/img/expand-upover.png");
                }
                    .content .open .expand_header.reverse:hover span {
                        background-image: url("/global/img/expand-upover-reverse.png");
                    }

        .content .expand_content {
            margin: 0 0 0 30px;
            margin: 0;
        }



/****** MAX DOTS FOR TCS and STATIONS ******/
/* need to update this to use fontastic */
.content h4.blue, .content h4.green, .content h4.orange, .content h4.red, .content h4.yellow, .content h4.wes {
    background: url("/max/img/max-icon-blue.png") 0 3px no-repeat;
    background-size: 25px 25px; 
    padding-left: 37px;
    padding-top: 3px;
    color: #222;
}
    .content h4.green {
        background-image: url("/max/img/max-icon-green.png");
    }
    .content h4.orange {
        background-image: url("/max/img/max-icon-orange.png");
    }
    .content h4.red {
        background-image: url("/max/img/max-icon-red.png");
    }
    .content h4.yellow {
        background-image: url("/max/img/max-icon-yellow.png");
    }
    .content h4.wes {
        background-image: url("/wes/img/wes-icon.png");
    }


/****** MAX SCHEDULE DOTS *****/
.content .maxdots a {
    display: block;
    padding: 12px 0 12px 12px;
    width: 100%;
    margin: 0;
    color: #000000;
    border: 1px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
    .content .maxdots a:hover {
        background-color: #dbdbdb;
        border: 1px solid #eee;
    }
    .content .maxdots a i {
        font-size: 150%;

        padding: 0 10px 15px 0;
        float: left;
    }
    .content .maxdots a b {
        font-size: 1.25em;
        font-weight: normal;
        color: #084C8D;
    }
@media only screen and (min-width: 992px) and (max-width: 1200px) { /* md screens only */
    .content .maxdots a {
        font-size: 16px;
    }
}








/****** EMAIL SUBSCRIBE FORM ******/
.content form.getemailupdates {
    text-align: center;
    display: inline-block;
}
.content form.getemailupdates input, .content form.getemailupdates select {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 15px;
/*    border: 2px solid #ccc;*/
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 15px;
    -webkit-appearance: none;   /* removes default safari formatting */
	width: 100%;
}
.content form.getemailupdates select {
/*
background: url("/global/img/select-arrow.png") right 18px no-repeat #fff;
background-size: auto 12px;
padding-right: 40px;
*/
}
.content form.getemailupdates input#email, .content form.getemailupdates input#phone, .content form.getemailupdates input#q {
    padding-top: 9px;
    padding-bottom: 9px;
    width: 100%;
}
.content form.getemailupdates.half input#email, .content form.getemailupdates.half input#phone {
    width: 205px;
}
.content form.getemailupdates input.submit {
    font-weight: bold;
    display: inline-block;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    text-align: center;
    vertical-align: top;
    background-color: #62a038;
    border: 2px solid #62a038;
    cursor: pointer;
	width: auto;

}
.content form.getemailupdates.half input.submit {
    padding-left: 5px;
    padding-right: 5px;
}
.content form.getemailupdates input.submit:hover {
    background-color: #568d32;
    border-color: #568d32;
}

@media only screen and (min-width: 768px) { /* sm screen and up */
    .content form.getemailupdates select {
        width: auto;
    }
    .content form.getemailupdates input#email, .content form.getemailupdates input#phone, .content form.getemailupdates input#q, .content form.getemailupdates input#q2 {
        margin-right: 10px;
        width: 400px;
    }
}
@media only screen and (min-width: 1200px) { /* lg screens and up */
    .content form.getemailupdates.half input#email {
        width: 275px;
    }
}



/****** PANEL DO WE NEED THIS? ******/	
.content .panel {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    border: 2px solid #c73d30;
}
    .content .panel-heading {
        color: #fff;
        padding-left: 40px;
        background: url("/global/img/icon-alert-white.png") 10px 5px no-repeat #c73d30;
        background-size: 20px 20px;
    }
    .content .panel-body {
        padding: 15px 15px 0;
   }
@media only screen and (min-width: 768px) { /* sm screen and up */
    .content .panel-heading {
        background-position: 10px 10px;
    }
}



/****** ANCHOR MENU ******/	
.content ul.anchor {
    text-align: center;
    margin: 30px 0 5em;
    padding: 0;
    list-style: none;
    clear: both;
}
    .content ul.anchor.tight {
        margin: 0 0 1em;
    }
    .content ul.anchor li {
        display: inline-block;
        padding: 0;
    }
        .content ul.anchor li a {
            padding: 5px 20px;
            margin: 0 5px 10px;
            display: block;
            color: #333;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            background-color: #f6f6f6;
            border: 1px solid #eee;
            font-weight: 400;
        }
        .content ul.anchor li b {
            font-weight: 600;
        }
            .content ul.anchor li a:hover {
                background-color: #dbdbdb;
                border-color: #ccc;
                color: #333;
            }
            .content ul.anchor li a.new {
                color: #333;
                background-color: #ffc;
            }



/****** ANCHOR MENU COMPACT (SHOW/HIDE) ******/	
        .content ul.anchor.compact {    /* inherit from .anchor */
            margin: 0;
            text-align: left;
        }
            .content ul.anchor.compact li { /* inherit from .anchor */


                display: block;
            }
.content .expand_container {
    clear: both;
}
.content .anchormenu .expand_content_container {
    height: 0;
    overflow: hidden;
    padding: 0;
}
    .content .anchormenu .expand {
        border: 2px solid #ccc;
        border-radius: 5px;
        padding: 0;
        margin: 2em 0 5em;
    }
        .content .anchormenu .expand_header {
            display: block;
            cursor: pointer;
            padding: 10px 15px 5px 10px;
            color: #666;
      }
           .content .anchormenu .expand_header:hover {
               color: #084c8d;
            }
           .content .anchormenu .expand_header span {

               float: right;
            }
        .content .anchormenu .expand_content {
            margin: 0;
            padding: 0 5px 15px;
        }
        .content .anchormenu .expand_content_container {
            margin-bottom: 0;
        }

/****** ALERT LINK IN ANCHOR MENU ******/
.content ul.anchor li.servicealertlink {
    display: none;
}
    .content ul.anchor li.servicealertlink a {
        background-color: #ffc;
    }
        .content ul.anchor li.servicealertlink a i {
            color: #c63c2f;
        }






/***** FREQUENT SERVICE BUGS *****/
.content .frequentservice-bug .contentcontainer {
	padding-bottom: 0;
}
    .content .frequentservice-bug .box {
		padding-top: 1em;
    }
    .content .frequentservice-bug p {
		line-height: 1.25;
    }
    .content .frequentservice-bug img {
        width: 50px;
        margin-top: 0;
    }
@media only screen and (min-width: 992px) { /* md screens and up */
    .content .frequentservice-bug img {
        width: 75px;
        margin-top: -10px;
    }
}


/***** ZOOM ICON *****/
.content p.zoom {
    position: relative;
}
    .content p.zoom img {
        border: 1px solid #ddd;
        background-color: #fff;
        padding: 15px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    .content p.zoom span {
        position: absolute;
        top: 9px;
        right: 9px;
        transition: opacity 0.2s ease-in 0s;
        opacity: .25;
        cursor: pointer;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: url("/global/img/icon-zoom.png") 0 0 no-repeat;
        background-size: 50px 50px;
        display: block;
        width: 50px;
        height: 50px;
    }
    .content p.zoom:hover span {
        opacity: 1;
    }





/******* MODES PAGES *******/
@media only screen and (min-width: 768px) { /* sm screens and up */
	.routelist {
		margin: 0 auto -50px;
		width: 720px;
		height: 50px;
		text-align: right;
	}
	.routelist .translate-obj {
		padding: 15px 0 0 0;
	}
}
@media only screen and (min-width: 992px) { /* md screens and up */
	.routelist {
		width: 940px;
	}
}
@media only screen and (min-width: 1200px) { /* lg screens and up */
	.routelist {
		width: 1100px;
	}
}





/****** SCHEDULE PAGES ******/
@media only screen and (min-width: 768px) { /* sm screens and up */
	.content a.detailedmap, .content a.interactivemap {
		padding: 15px 0 15px 35px;
		background-position: 5px 10px;
	}
		.content a.interactivemap {
			background-position: 5px -90px;
		}

		.content a.detailedmap, .content a.interactivemap, .content ul.schedulelinks a {
			font-size: inherit;
		}
	.content p.noservice {
		margin-top: 11px;
	}
}