/* Minification failed. Returning unminified contents.
(3934,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#'
(3938,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#'
(3944,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#'
 */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	Initial styles, removes default browser padding/margins
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
html, body, form, fieldset, input {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
    margin: 0;
    padding: 0;
}

form label {
    cursor: pointer;
}

form br {
    clear: left;
}

fieldset {
    border: none;
}

input, select {
    font-size: 100%;
}

textarea {
    font-size: 15px;
}

input.checkbox, input.radio {
    float: left;
    vertical-align: text-bottom;
    margin-top: 0.3em;
    margin-right: 0.4em;
}

.alignLeft {
    float: left;
}

.alignRight {
    float: right;
}


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	General layout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* for a reference on ems see http://www.clagnut.com/blog/348/ */
body {
    font: 62.5% Arial, Helvetica, sans-serif;
    background-color: #C3C1AE;
}

#container {
    margin: 0 auto;
    width: 97.8em;
    min-width: 730px;
    padding-left: 10px;
    background: transparent url(../../images/main-bg-left.gif) top left repeat-y;
}

#main {
    width: 100%;
    min-width: 730px;
    padding-right: 10px;
    background: #FFF url(../../images/main-bg-right.gif) top right repeat-y;
}


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	General styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
p { /*font-size needs to be specified on the immediate element level, not on the containing element level!! */
    font-size: 1.1em;
}

a img {
    border: none;
}

br.clearit {
    clear: both;
    line-height: 0;
}

p.pdfnote {
    font-size: 1em;
}
/*img {
	font-size: 10px !important;
}
This would be nice (as a safety net to make sure all images are displayed at their correct dimensions, 
but it causes the CTRL+- thing to not work in IE6.
*/

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	Utility Styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* --------------------------------------------------------------------------------------------------------------
	DOWNLOAD LINK ICONS
-------------------------------------------------------------------------------------------------------------- */
dt a.pdf,
a.pdf {
    background: url(../../images/icons/adobe-pdf.gif) top left no-repeat;
    padding: 0 0 0 1.8em;
}

dt a.word,
a.word {
    background: url(../../images/icons/ms-word.gif) top left no-repeat;
    padding: 0 0 0 1.8em;
}

dt a.excel,
a.excel {
    background: url(../../images/icons/ms-excel.gif) top left no-repeat;
    padding: 0 0 0 1.8em;
}

dt a.zip,
a.zip {
    background: url(../../images/icons/zip.gif) top left no-repeat;
    padding: 0 0 0 1.8em;
}
/* --------------------------------------------------------------------------------------------------------------
	STYLED SUBMIT BUTTON
-------------------------------------------------------------------------------------------------------------- */
input.form_btn {
    font-size: 1em !important;
    font-weight: bold;
    background: #EBE6DB url(../../images/button-bg.gif) top left repeat-x;
    color: #3F3F3F;
    border: solid 1px #A19C92;
    padding: 0.1em 0.2em 0.1em 0.2em;
    cursor: pointer;
}
/* --------------------------------------------------------------------------------------------------------------
	ACCESSIBILITY KEY
-------------------------------------------------------------------------------------------------------------- */
#key_container {
    float: left;
    clear: both;
    width: 100%;
    padding: 2em 0 1em 0;
}

    #key_container.stationpage {
        width: 96em;
        margin-left: 0.8em;
        display: inline;
    }

    #key_container a {
        color: #4B67A7;
    }

    #key_container h3 {
        font-size: 1.2em;
        border-bottom: solid 1px #3F3F3F;
        padding-bottom: 0.8em;
        margin-bottom: 0.8em;
    }

    #key_container ul li {
        float: left;
        list-style: none;
        margin-right: 1em;
        line-height: 2.4em !important;
    }

        #key_container ul li img {
            float: left;
            margin-right: 0.3em;
        }
/* --------------------------------------------------------------------------------------------------------------
	LANGUAGE SELECTION LIST
-------------------------------------------------------------------------------------------------------------- */
.language_selection {
    list-style: none;
    clear: none !important;
    float: left;
    display: inline;
    width: 13.75em;
    position: relative;
}

    .language_selection li {
        padding-bottom: 0.8em;
    }

        .language_selection li img {
            margin: 0.2em 0.4em 0 -2em;
            position: absolute;
        }


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	Styles to hide header text for full CSS & images, but will still be accessible
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
h1 span,
h3 span,
#schedules_and_interactive_maps ul li a span,
#charlie_main-content a.callout span,
#charlie_main-side a span {
    position: absolute;
    left: -5000em;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    /*text-indent: -9999em#; - this is needed for safari but needs to go at the absolute end of the CSS file, after everything */
}

h1 img,
h3 img,
#schedules_and_interactive_maps ul li a img {
    position: absolute; /* causing gmaps station name hover to display underneath service alerts PNG */
    border: none;
}


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	Header layout & styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#header {
    float: left;
    min-height: 68px;
    width: 97.8em;
    min-width: 730px;
    background: #FFF url(../../images/header-bg.gif) bottom left repeat-x;
    border-bottom: solid 0.4em #3F3F3F;
}

    #header h1 {
        float: left;
        width: 27.9em;
        min-width: 193px;
        height: 5.2em;
        min-height: 35px;
        margin: 0.8em 0 0 0.8em;
        border: none;
        font-size: 1em;
    }

        #header h1 img {
            width: 27.9em;
            min-width: 193px;
            height: 5.2em;
            min-height: 35px;
            font-size: 10px;
        }

#utility {
    list-style: none;
    float: right;
    margin: 0.5em 1em 0 0;
}

    #utility li {
        float: left;
        padding: 0 0.5em 0 0.5em;
        border-left: solid 0.1em #999999;
    }

        #utility li img {
            float: left;
            margin-right: 0.2em;
        }

        #utility li.first {
            padding-left: 0;
            border-left: none;
        }

        #utility li a {
            text-decoration: none;
            color: #000000;
        }

            #utility li a:hover {
                color: #999999;
                text-decoration: underline;
            }

#calendar {
    width: 21.5em;
    height: 4.5em;
    float: right;
    clear: right;
    margin: 1em 1em 0 0;
}

    #calendar span {
        float: left;
        font-weight: bold;
        color: #B3B3B3;
    }

    #calendar .date {
        font-size: 4.8em;
        letter-spacing: -0.025em;
        /*margin-top: -0.16em !important; IE7 and FF treat this differently*/
        margin-top: -6px;
    }

    #calendar .day,
    #calendar .month,
    #calendar .year {
        font-size: 1.8em;
        margin-left: 0.25em;
        ;
    }

    #calendar .month,
    #calendar .year {
        margin-top: -0.1em;
    }

    #calendar .day {
        width: 60%;
    }

    #calendar .monthyear {
        white-space: nowrap;
    }

#search-main {
    width: 22.2em;
    float: right;
    clear: right;
    margin: 0;
}

    #search-main form input.text {
        float: left;
        width: 17em;
        height: 1.2em;
        font: 100% Arial, Helvetica, sans-serif;
    }

    #search-main form input.btn {
        float: right;
        width: 2.9em;
        min-width: 29px;
        height: 1.6em;
        min-height: 16px;
        margin: 0 0.8em 0 0;
    }

#main-navigation,
#main-navigation ul {
    list-style: none;
}

#main-navigation {
    margin: 9.8em 0 0 0.8em;
    width: 94.5%;
    clear: left;
    /* the next two properties are necessary so nav items will overlay on top of any google map implementation */
    position: relative;
    z-index: 10;
}

    #main-navigation img.dot {
        width: 1em;
        height: 1em;
        position: absolute;
        margin-top: -0.3em;
    }

    #main-navigation a {
        display: block;
        text-decoration: none;
        font-size: 1.2em;
        color: #000000;
        padding: 0.4em 0.4em 0.4em 0.4em;
        /* safari/webkit browsers only - will remove the extra weight that's added by OS X's native anti-aliasing */
        text-shadow: 0 0 0 #000;
    }

        #main-navigation a:hover,
        #main-navigation li:hover a,
        #main-navigation li.sfhover a,
        #main-navigation li.on a {
            color: #FFF;
        }

    #main-navigation li {
        float: left;
        /*width: 12em;*/
        margin: 0 2em 0 0;
    }

        #main-navigation li:hover,
        #main-navigation li.sfhover {
            /* the following (seemingly) fixes sticky suckerfish drop-down menus in IE7 */
            position: static;
        }

        #main-navigation li ul {
            position: absolute;
            left: -99999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
            margin: 0;
            border-top: solid 0.4em #3F3F3F;
            width: 15.4em;
        }

            #main-navigation li ul img {
                width: 1em;
                height: 1em;
                position: absolute;
                margin-top: -0.3em;
                margin-top: -0.7em;
                left: 0;
            }

            #main-navigation li ul li {
                clear: both;
                margin: 0;
            }

            #main-navigation li ul a {
                background-color: transparent !important;
                background-position: top left;
                background-repeat: repeat;
                color: #FFF;
                border-bottom: solid 1px #FFF;
                float: left;
                width: 12em; /* if want to set a specific, universal width for all subnavs set this */
                margin: 0;
                padding: 0.4em;
            }

                #main-navigation li ul a:hover {
                    background: none !important;
                    color: #FFF;
                }
/* --------------------------------------------------------------------------------------------------------------
				MENU SPECIFIC BACKGROUND COLORS				
				* Unfortunately, because IE cannot call the pseudo-class :hover on the <li> elements it was necessary
				to give each main menu <li> an id so that we could use the sfhover script to solve the IE pseudo-class
				problem (it does so by temporarily setting a class to the <li>) and still allow the pseudo-class to work when 
				the subnav is active. *
			-------------------------------------------------------------------------------------------------------------- */
/* Schedules & Maps */
#nav-schedules_and_maps:hover a,
#nav-schedules_and_maps.on a {
    background-color: #4B67A7;
}

#nav-schedules_and_maps ul a {
    background-image: url(../../images/subnav-bg-schedules_and_maps.png) !important;
}

#nav-schedules_and_maps ul li a:hover {
    background-color: #283474 !important;
}

/* Fares * Passes */
/*#nav-fares_and_passes a:hover,*/
#nav-fares_and_passes:hover a,
#nav-fares_and_passes.sfhover a,
#nav-fares_and_passes.on a {
    background-color: #6AB71D;
}

#nav-fares_and_passes ul a {
    background-image: url(../../images/subnav-bg-fares_and_passes.png) !important;
}

#nav-fares_and_passes ul li a:hover,
#nav-fares_and_passes.sfhover ul a:hover {
    background-color: #358B13 !important;
}

/* Rider Tools */
#nav-rider_tools:hover a,
#nav-rider_tools.sfhover a,
#nav-rider_tools.on a {
    background-color: #C80000;
}

#nav-rider_tools ul a {
    background-image: url(../../images/subnav-bg-rider_tools.png) !important;
}

#nav-rider_tools ul li a:hover,
#nav-rider_tools.sfhover ul a:hover {
    background-color: #A10606 !important;
}

/* Riding The T */
#nav-riding_the_t:hover a,
#nav-riding_the_t.sfhover a,
#nav-riding_the_t.on a {
    background-color: #FF6600;
}

#nav-riding_the_t ul a {
    background-image: url(../../images/subnav-bg-riding_the_t.png) !important;
}

#nav-riding_the_t ul li a:hover,
#nav-riding_the_t.sfhover ul a:hover {
    background-color: #EC3306 !important;
}

/* About The Mbta */
#nav-about_the_mbta:hover a,
#nav-about_the_mbta.sfhover a,
#nav-about_the_mbta.on a,
body.about_the_mbta #nav-about_the_mbta a {
    background-color: #820675;
    color: #FFF;
}

#nav-about_the_mbta ul a {
    background-image: url(../../images/subnav-bg-about_the_mbta.png) !important;
}

#nav-about_the_mbta ul li a:hover,
#nav-about_the_mbta.sfhover ul a:hover {
    background-color: #43093A !important;
}

/* Customer Service */
#nav-customer_support:hover a,
#nav-customer_support.sfhover a,
#nav-customer_support.on a {
    background-color: #8C8786;
}

#nav-customer_support ul a {
    background-image: url(../../images/subnav-bg-customer_support.png) !important;
}

#nav-customer_support ul li a:hover,
#nav-customer_support.sfhover ul a:hover {
    background-color: #504948 !important;
}

/* Safety */
#nav-safety:hover a,
#nav-safety.sfhover a,
#nav-safety.on a                                { background-color: #da6815; }
#nav-safety ul a                                { background-image: url(../../images/subnav-bg-safety.png) !important; }
#nav-safety ul li a:hover,
#nav-safetye.sfhover ul a:hover                 { background-color: #a74905 !important; }

/* Transit Police */
#nav-transitpolice:hover a,
#nav-transitpolice.sfhover a,
#nav-transitpolice.on a                         { background-color: #3d59ab; }
#nav-transitpolice ul a                         { background-image: url(../../images/subnav-bg-transitpolice.png) !important; }
#nav-transitpolice ul li a:hover,
#nav-transitpolice.sfhover ul a:hover           { background-color: #2f2f4f !important; }


#main-navigation li:hover ul, #main-navigation li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
    white-space: nowrap;
}



/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	Content layout & styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#graphicheader {
    float: left;
    clear: both;
    width: 97.8em;
    min-width: 730px;
    height: 10.2em;
    min-height: 76px;
    border-top: solid 0.8em #FFF;
    border-bottom: solid 0.7em #8C8786;
    /* border color is specific to the section of the site user is in; default border color is customer_support grey */
}

body.schedules_and_maps #graphicheader {
    border-bottom-color: #4B67A7;
}

body.fares_and_passes #graphicheader {
    border-bottom-color: #6AB71D;
}

body.rider_tools #graphicheader {
    border-bottom-color: #C80000;
}

body.riding_the_t #graphicheader {
    border-bottom-color: #FF6600;
}

body.about_the_mbta #graphicheader {
    border-bottom-color: #820675;
    background-color: #820675;
}

body.customer_support #graphicheader {
    border-bottom-color: #8C8786;
}

/*#graphicheader img {
		width: 100%;
		height:
		border-bottom: solid 1px #FFF;
	}*/

#breadcrumb {
    float: left;
    clear: both;
    width: 97em;
    min-width: 730px;
    min-height: 6px;
    background: #DDDDDD;
    border-top: solid 0.1em #FFF;
    margin-bottom: 0.8em;
    padding: 0 0 0 0.8em;
    /*line-height: 0.6em;*/
    color: #3F3F3F;
}

    #breadcrumb a {
        color: #6F6F6F;
        text-decoration: none;
    }

        #breadcrumb a:hover {
            text-decoration: underline;
        }

    #breadcrumb img {
        width: 0.7em;
        height: 0.5em;
        border: none;
    }

#secondarynav {
    float: left;
    clear: left;
    width: 18.6em;
    margin: 0 0.8em 0 0.8em;
    list-style: none;
}

    #secondarynav li {
        margin-bottom: 0.1em;
        float: left;
        width: 18.6em;
        background: transparent top left repeat;
    }

        #secondarynav li a {
            float: left;
            display: block;
            font-size: 1.1em;
            text-decoration: none;
            padding: 0.4em 0.8em 0.4em 0.8em;
            color: #FFF;
            width: 14.4em;
            background: url(../../images/secondarynav-bg.png) bottom left repeat-x;
        }

            #secondarynav li a:hover,
            #secondarynav li.on a {
                width: 15.3em;
            }
/* --------------------------------------------------------------------------------------------------------------
			#secondarynav - SECTION SPECIFIC BACKGROUND COLORS
		-------------------------------------------------------------------------------------------------------------- */
/* Schedules & Maps */
body.schedules_and_maps #secondarynav li {
    background-image: url(../../images/secondarynav-bg-li-schedules_and_maps.gif);
}

    body.schedules_and_maps #secondarynav li a {
        background-color: #4B67A7;
    }

        body.schedules_and_maps #secondarynav li a:hover,
        body.schedules_and_maps #secondarynav li.on a {
            background: #283474;
        }

/* Fares & Passes */
body.fares_and_passes #secondarynav li {
    background-image: url(../../images/secondarynav-bg-li-fares_and_passes.gif);
}

    body.fares_and_passes #secondarynav li a {
        background-color: #6AB71D;
    }

        body.fares_and_passes #secondarynav li a:hover,
        body.fares_and_passes #secondarynav li.on a {
            background: #358B13;
        }

/* Riders Tools */
body.rider_tools #secondarynav li {
    background-image: url(../../images/secondarynav-bg-li-rider_tools.gif);
}

    body.rider_tools #secondarynav li a {
        background-color: #C80000;
    }

        body.rider_tools #secondarynav li a:hover,
        body.rider_tools #secondarynav li.on a {
            background: #A10606;
        }

/* Riding the T */
body.riding_the_t #secondarynav li {
    background-image: url(../../images/secondarynav-bg-li-riding_the_t.gif);
}

    body.riding_the_t #secondarynav li a {
        background-color: #FF6600;
    }

        body.riding_the_t #secondarynav li a:hover,
        body.riding_the_t #secondarynav li.on a {
            background: #EC3306;
        }

/* About the MBTA */
body.about_the_mbta #secondarynav li {
    background-image: url(../../images/secondarynav-bg-li-about_the_mbta.gif);
}

    body.about_the_mbta #secondarynav li a {
        background-color: #820675;
    }

        body.about_the_mbta #secondarynav li a:hover,
        body.about_the_mbta #secondarynav li.on a {
            background: #43093A;
        }

/* Customer Service */
body.customer_support #secondarynav li {
    background-image: url(../../images/secondarynav-bg-li-customer_support.gif);
}

    body.customer_support #secondarynav li a {
        background-color: #8C8786;
    }

        body.customer_support #secondarynav li a:hover,
        body.customer_support #secondarynav li.on a {
            background: #504948;
        }

/* Business Center */
body.business_center #secondarynav li {
    background-image: url(../../images/secondarynav-bg-li-customer_support.gif);
}

    body.business_center #secondarynav li a {
        background-color: #8C8786;
    }

        body.business_center #secondarynav li a:hover,
        body.business_center #secondarynav li.on a {
            background: #504948;
        }

/* Accessibility */
body.accessibility #secondarynav li {
    background-image: url(../../images/secondarynav-bg-li-customer_support.gif);
}

    body.accessibility #secondarynav li a {
        background-color: #8C8786;
    }

        body.accessibility #secondarynav li a:hover,
        body.accessibility #secondarynav li.on a {
            background: #504948;
        }


/* --------------------------------------------------------------------------------------------------------------
	Accessibility options for content pages
-------------------------------------------------------------------------------------------------------------- */
#accessibility_box {
    float: left;
    width: 18.2em;
    border: solid 0.2em #0B82C4;
    background-color: #F0F8FC;
    margin-bottom: 0.8em;
    padding: 0 0 0.4em 0;
}

    #accessibility_box h1 {
        font-size: 1em !important;
        text-transform: uppercase;
        padding: 0.2em 0.2em 0.2em 0.4em;
        background-color: #0B82C4;
        color: #FFFFFF;
        margin-bottom: 0.4em;
    }

    #accessibility_box dd {
        padding: 0;
        margin: 0 0 0 0.4em;
    }

#regularview {
    display: none;
}

#accessibility_box a {
    color: #0B82C4;
    font-size: 1.1em;
    line-height: 1.4em;
}

#innercontent {
    float: left;
    width: 53em;
    margin: 0 1.6em 0 0.8em;
    padding: 0.5em 0.8em 0.8em 0.8em;
    line-height: 1.8em;
}
/* Unfortunately because of an IE bug, we can't just specify rules for a div with an ID and a class, like so:
	#innercontent.wide
	We have to specify a separate class like so:
	#innercontent {}	
	     .innercontentwide {}
   Please see http://css-discuss.incutio.com/?page=InternetExplorerWinBugs for a reference.	
*/
.innercontentwide {
    width: 76em !important;
    margin: 0 0.8em !important;
    padding-top: 0 !important;
}

.innercontentfull {
    width: 96.2em !important;
    padding: 0 0.8em !important;
    margin: 0 !important;
    background: #FFF;
}

#innercontent p {
    line-height: 1.4em;
    margin-bottom: 0.7em;
}

#innercontent h1 {
    font-size: 1.4em;
    color: #3F3F3F;
    margin: 0 0 0.2em 0;
}

#innercontent h2 {
    font-size: 1.4em;
    margin: 0 0 0.2em 0;
}

#innercontent a {
    /*text-decoration: none;*/
    text-decoration: underline;
}

    #innercontent a:hover {
        /*text-decoration: underline;*/
        text-decoration: none;
    }
/* --------------------------------------------------------------------------------------------------------------
		#innercontent elements with - SECTION SPECIFIC COLORS
	-------------------------------------------------------------------------------------------------------------- */
/* Default - same as Customer Support*/
#innercontent a { /*color: #8C8786;*/
    color: #435989;
}

/* Homepage */
body.homepage #innercontent p a,
body.homepage #innercontent h2 {
    color: #4D69AA;
}
/*body.homepage #innercontent p a:hover				{ background-color: #4D69AA; }*/

/* Schedules & Maps */
body.schedules_and_maps #innercontent p a,
body.schedules_and_maps #innercontent h2,
body.schedules_and_maps #innercontent table a {
    color: #4B67A7;
}
/*body.schedules_and_maps #innercontent p a:hover,
	body.schedules_and_maps #innercontent table a:hover	{ background-color: #4B67A7; }*/

/* Fares & Passes */
body.fares_and_passes #innercontent p a,
body.fares_and_passes #innercontent h2,
body.fares_and_passes #innercontent dt a {
    color: #6AB71D;
}
/*body.fares_and_passes #innercontent p a:hover,
	body.fares_and_passes #innercontent dt a:hover	{ background-color: #6AB71D; }*/

/* Riders Tools */
/*body.rider_tools #innercontent p a					{ color: #C80000; }
	body.rider_tools #innercontent p a:hover			{ background-color: #C80000; }
	body.rider_tools #innercontent h2					{ color: #A10606; }*/
body.rider_tools #innercontent a {
    color: #C80000;
}
/* Commented out these styles (should be placed in cms inner content. THEY ARE TOO GLOBAL) 
	body.rider_tools #innercontent a:hover				{ background-color: #C80000; }*/
body.rider_tools #innercontent h2 {
    color: #A10606;
}

/* Riding the T */
body.riding_the_t #innercontent p a {
    color: #FF6600;
}
/*body.riding_the_t #innercontent p a:hover			{ background-color: #FF6600; }*/
body.riding_the_t #innercontent h2 {
    color: #EC3306;
}
/*body.riding_the_t #innercontent div.content_photos a:hover { border-color: #EC3306; }	*/

/* About the MBTA */
body.about_the_mbta #innercontent p a,
body.about_the_mbta #innercontent table a,
body.about_the_mbta #innercontent h2 {
    color: #820675;
}
/*body.about_the_mbta #innercontent p a:hover,
	body.about_the_mbta #innercontent table a:hover	{ background-color: #820675; }*/

/* Customer Support */
body.customer_support #innercontent p a,
body.customer_support #innercontent h2 {
    color: #8C8786;
}
/*body.customer_support #innercontent p a:hover	{ background-color: #8C8786; }*/
/* --------------------------------------------------------------------------------------------------------------
		.cms_container - STYLES & FORMATTING FOR EKTRON DRIVEN CONTENT
	-------------------------------------------------------------------------------------------------------------- */
#innercontent div.cms_container {
    /*position: relative;*/
}

    #innercontent div.cms_container UL,
    #innercontent div.cms_container OL {
        font-size: 1em;
        color: #3F3F3F;
        margin: 0 0 2em 2.4em !important;
        clear: both;
    }

        #innercontent div.cms_container OL OL {
            font-size: 0.9em;
            list-style-type: lower-alpha;
            color: #3F3F3F;
            margin: 0 0 2.5em 3.5em;
        }

    #innercontent div.cms_container DL {
        font-size: 1em;
        color: #3F3F3F;
        margin: 0 0 25px 0;
    }

    #innercontent div.cms_container h2 {
        font-size: 1.6em;
        line-height: 1.2em;
        margin-bottom: 0.4em;
        margin-right: 0.8em;
        width: 10em;
        padding: 0.8em;
        border: solid 1px #DDDDDD;
        background-color: #F8F8F8;
        float: left;
    }

#innercontent h2.newfares {
    width: 32.6em !important;
    float: none !important;
    margin: 0 !important;
}

#innercontent div.cms_container h3 {
    font-size: 1.4em;
    color: #5d5d5d;
    margin-bottom: 0.4em;
    border-bottom: solid 1px #ccc;
    background-color: #F8F8F8;
    margin-top: 2em;
    font-weight: normal;
}

    #innercontent div.cms_container h3 a {
        text-decoration: none;
    }

#innercontent div.cms_container h4 {
    font-size: 1em;
    font-weight: bold !important;
    color: #000;
    text-transform: uppercase;
    border-bottom: none !important;
    background-color: #F8F8F8;
    margin-top: 10px;
}
/*#innercontent div.cms_container p {
		font-size: 1.2em;
		color:#4F4F4F;
		margin-bottom: 1.4em;
		line-height: 1.6em;
	}*/
#innercontent div.cms_container div.content_photos {
    float: right;
    /*width: 48%;*/
    padding: 0.8em 0.8em 0.8em 0.8em;
    border: solid 0.1em #DDDDDD;
    background-color: #F8F8F8;
    margin: 0 0 0 0.8em;
}

    #innercontent div.cms_container div.content_photos a {
        border: solid 0.1em #FFF;
        float: left;
        clear: both;
        margin: 0 0 0.4em 0;
    }

    #innercontent div.cms_container div.content_photos img {
        float: left;
    }

#innercontent div.cms_container dt {
}

#innercontent div.cms_container dt,
#innercontent div.cms_container dd,
#innercontent div.cms_container li {
    font-size: 1.1em;
    line-height: 1.4em;
}

#innercontent div.cms_container table {
    width: 100%;
    border: none;
    border-collapse: collapse;
}

    #innercontent div.cms_container table th {
        font-size: 1em;
        text-align: left;
        color: #3F3F3F;
        text-transform: uppercase;
        border: solid 0.1em #DDDDDD;
        border-top: none;
        border-right: none;
        border-left-color: #FFF;
        background-color: #F8F8F8;
        padding: 0 0 0 0.4em;
    }

    #innercontent div.cms_container table td {
        border: solid 0.0em #DDDDDD; /* Commerce:: 0.1em => 0.0em */
        border-right: none;
        padding: 0.2em 0.2em 0.2em 0.3em;
        /*font-size: 1.1em;*/
    }

        #innercontent div.cms_container table th:first-child,
        #innercontent div.cms_container table td:first-child {
            border-left: none;
        }

#innercontent div.cms_container a.anchortop {
    text-align: right;
    font-size: 0.8em !important;
    padding-right: 1em;
    background: url(../../images/icons/back_to_top.gif) center right no-repeat;
    display: block;
}

#innercontent div.cms_container .tabbedcontent table td {
    border-color: #C0C1C0;
    border-left: none;
    border-right: none;
}


#sidecolumn {
    float: right;
    width: 20.1em;
    background: transparent top left repeat;
    background-image: url(../../images/sidecolumn-bg-default.gif);
}

    #sidecolumn p {
        line-height: 1.4em;
    }

    #sidecolumn a {
        text-decoration: none;
    }

        #sidecolumn a:hover {
            text-decoration: underline;
            /*color: #FFF !important;*/
        }

    #sidecolumn ul li {
        line-height: normal;
    }

    #sidecolumn div.sidecolumntop {
        padding: 0.8em 0.8em 1.6em 0.8em;
        background-color: #E3E3E3;
        /*margin-bottom: 0.8em;*/
    }

    #sidecolumn div.sideitem {
        padding: 0.8em;
        border-top: solid 0.1em #A8A8A8;
        clear: both;
    }

        #sidecolumn div.sideitem img {
            border: none;
            width: 6.5em;
            min-width: 65px;
            height: 4em;
            min-height: 40px;
            float: left;
            margin: 0 0.8em 0 0;
        }

        #sidecolumn div.sideitem p a {
            clear: right;
        }

    #sidecolumn a.newfares img {
        width: 18.5em;
        height: 9em;
        margin: 0 0 0.8em 0;
    }

    #sidecolumn h2 {
        font-size: 1.2em;
    }

    #sidecolumn h3 {
        font-size: 1.1em;
        margin-top: 0.8em;
    }

    #sidecolumn h4 {
        font-size: 1.1em;
        font-weight: normal;
    }

    #sidecolumn ul {
        font-size: 1.1em;
        line-height: 1.8em;
        list-style: none;
    }

        #sidecolumn ul.icons {
            list-style: none;
            margin-left: 0;
        }

    #sidecolumn table th,
    #sidecolumn table td {
        vertical-align: top;
    }

/* --------------------------------------------------------------------------------------------------------------
		for sidecolumn MYMBTA promo
	-------------------------------------------------------------------------------------------------------------- */
#personalize.sidecolumn {
    float: none;
    background: none;
    margin: 0 !important;
    min-height: none;
    color: #3F3F3F;
}

    #personalize.sidecolumn h3 {
        background: none;
        margin-bottom: 0.8em;
        height: 4.3em;
        border-bottom: solid 1px #CCCCCC;
        font-size: 1em;
    }

        #personalize.sidecolumn h3 img {
            height: 4.3em;
            width: 18.5em;
        }

    #personalize.sidecolumn p {
        padding: 0 0 0.3em 0;
    }

    #personalize.sidecolumn ul {
        padding: 0 0 0.8em 0 !important;
    }

        #personalize.sidecolumn ul li {
            padding: 0 0 0 1.5em;
            margin: 0;
            font-size: 1em !important;
            line-height: 1.3em;
            font-weight: normal;
            background: url(../../images/bullet-star-grey.gif) no-repeat 0em 0.1em;
        }

        #personalize.sidecolumn ul.signuplinks {
            padding: 0 0.8em 0.8em 0 !important;
        }

    #personalize.sidecolumn li.login {
        float: left;
        padding: 0;
        background: none;
    }

#personalize li.signup {
    float: right;
    text-align: right;
}

/* --------------------------------------------------------------------------------------------------------------
		#sidecolumn - SECTION SPECIFIC BACKGROUND COLORS
	-------------------------------------------------------------------------------------------------------------- */
/* Schedules & Maps */
body.schedules_and_maps #sidecolumn {
    background-image: url(../../images/sidecolumn-bg-schedules_and_maps.gif);
}

    body.schedules_and_maps #sidecolumn a {
        color: #4B67A7;
    }
    /*body.schedules_and_maps #sidecolumn a:hover				{ background-color: #4B67A7; }*/
    body.schedules_and_maps #sidecolumn div.sideitem {
        padding: 0 0.8em 0 0.8em; /*border-top: solid 0.1em #8FA3C8;*/
    }

/* Fares & Passes */
body.fares_and_passes #sidecolumn {
    background-image: url(../../images/sidecolumn-bg-fares_and_passes.gif);
}

    body.fares_and_passes #sidecolumn a {
        color: #6AB71D;
    }
/*body.fares_and_passes #sidecolumn a:hover					{ background-color: #6AB71D; }*/
/*body.fares_and_passes #sidecolumn div.sideitem			{ border-top: solid 0.1em #92CFAD; }*/

/* Riders Tools */
body.rider_tools #sidecolumn {
    background-image: url(../../images/sidecolumn-bg-rider_tools.gif);
}

    body.rider_tools #sidecolumn a {
        color: #C80000;
    }
/*body.rider_tools #sidecolumn a:hover						{ background-color: #C80000; }*/
/*body.rider_tools #sidecolumn div.sideitem					{ border-top: solid 0.1em #92A1BE; }*/

/* Riding the T */
body.riding_the_t #sidecolumn {
    background-image: url(../../images/sidecolumn-bg-riding_the_t.gif);
}

    body.riding_the_t #sidecolumn a {
        color: #FF6600;
    }
/*body.riding_the_t #sidecolumn a:hover						{ background-color: #FF6600; }*/
/*body.riding_the_t #sidecolumn div.sideitem				{ border-top: solid 0.1em #DDA17C; }*/

/* About the MBTA */
body.about_the_mbta #sidecolumn {
    background-image: url(../../images/sidecolumn-bg-about_the_mbta.gif);
}

    body.about_the_mbta #sidecolumn a {
        color: #820675;
    }
/*body.about_the_mbta #sidecolumn a:hover					{ background-color: #820675; }*/
/*body.about_the_mbta #sidecolumn div.sideitem				{ border-top: solid 0.1em #A8A8A8; }*/

/* Customer Service */
body.customer_support #sidecolumn {
    background-image: url(../../images/sidecolumn-bg-customer_support.gif);
}

    body.customer_support #sidecolumn a {
        color: #8C8786;
    }
/*body.customer_support #sidecolumn a:hover					{ background-color: #8C8786; }*/
/*body.customer_support #sidecolumn div.sideitem			{ border-top: solid 0.1em #A8A8A8; }*/



/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	Stand-Alone Modules - RE-USABLE MODULES USED THROUGHOUT SITE
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* --------------------------------------------------------------------------------------------------------------
	Break out of styles cascading down from cms_container DIV
-------------------------------------------------------------------------------------------------------------- */
#innercontent div.cms_container .tabbedcontent UL {
    font-size: 1em !important;
    color: #3F3F3F;
    margin: 0 !important;
}

#innercontent div.cms_container .tabbedcontent p {
    font-size: 1.1em;
    color: #636363;
    margin-bottom: 0em;
    line-height: 1.6em;
}

#innercontent div.cms_container .tabbedcontent li {
    font-size: 1em !important;
}

/* --------------------------------------------------------------------------------------------------------------
	Tabbed Interface module used in inner content area
-------------------------------------------------------------------------------------------------------------- */
.tabbedcontent {
    width: 100%;
    background-color: #E3E3E3;
    padding-bottom: 1.6em;
}

.tabbedcontenttabs {
    list-style: none;
    float: left;
    clear: both;
    width: 100%;
    background: #FFF bottom left repeat-x;
    margin-bottom: 0.8em;
}

    .tabbedcontenttabs ul {
        font-size: 1em !important;
        padding: 0em !important;
        margin: 0 !important;
    }

    .tabbedcontenttabs li {
        float: left !important;
        margin: 0 0.1em 0 0 !important;
    }

        .tabbedcontenttabs li a {
            float: left;
            font-weight: bold;
            font-size: 1.1em;
            padding: 0.3em 0.8em 0.1em 0.8em;
            border: solid 0.1em #C0C1C0;
            border-bottom: none;
            text-decoration: none !important;
            background: #FFF url(../../images/tabbedcontenttabs-bg.gif) bottom left repeat-x;
            color: #000;
        }

            .tabbedcontenttabs li a:hover {
                background: #FFF url(../../images/tabbedcontenttabs-bg.gif) bottom left repeat-x !important;
                text-decoration: none !important;
            }

        .tabbedcontenttabs li.on a {
            border: none;
            border-top: solid 0.2em #000;
            background: #E3E3E3 !important;
            padding-top: 0.2em;
            padding-bottom: 0.4em;
            color: #000000 !important;
        }

            .tabbedcontenttabs li.on a:hover {
                background: #E3E3E3 !important;
            }

h2.itinHeader {
    display: none;
}
/* --------------------------------------------------------------------------------------------------------------
		#innercontent ul.tabbedcontenttabs and child elements - SECTION SPECIFIC BACKGROUND IMAGES & COLORS
		-------------------------------------------------------------------------------------------------------------- */
/* Homepage */
body.homepage .tabbedcontenttabs {
    background-image: url(../../images/tabbedcontent-bg-homepage.gif);
}

    body.homepage .tabbedcontenttabs li a {
        color: #4D69A9;
    }

    body.homepage .tabbedcontenttabs li.on a,
    body.homepage .tabbedcontenttabs li.on a:hover {
        background-color: #CDD5EA !important;
        border-top: solid 0.2em #90A0C5;
    }
/* Schedules & Maps */
body.schedules_and_maps .tabbedcontent {
    background-color: #CDD5EA;
}

body.schedules_and_maps .tabbedcontenttabs {
    background-image: url(../../images/tabbedcontent-bg-schedules_and_maps.gif);
}

    body.schedules_and_maps .tabbedcontenttabs li a {
        color: #4B67A7 !important;
    }

    body.schedules_and_maps .tabbedcontenttabs li.on a {
        color: #000000 !important;
        background-color: #CDD5EA !important;
        border-top: solid 0.2em #4B67A7;
    }

        body.schedules_and_maps .tabbedcontenttabs li.on a:hover {
            background-color: #CDD5EA !important;
        }
/* Fares & Passes */
body.fares_and_passes .tabbedcontenttabs {
    background-image: url(../../images/tabbedcontent-bg-fares_and_passes.gif);
}

    body.fares_and_passes .tabbedcontenttabs li a {
        color: #6AB71D;
    }

    body.fares_and_passes .tabbedcontenttabs li.on a {
        border-top: solid 0.2em #6AB71D;
    }
/* Riders Tools */
body.rider_tools .tabbedcontenttabs {
    background-image: url(../../images/tabbedcontent-bg-rider_tools.gif);
}

    body.rider_tools .tabbedcontenttabs li a {
        color: #C80000;
    }

    body.rider_tools .tabbedcontenttabs li.on a {
        border-top: solid 0.2em #C80000;
    }
/* Riding the T */
body.riding_the_t .tabbedcontenttabs {
    background-image: url(../../images/tabbedcontent-bg-riding_the_t.gif);
}

    body.riding_the_t .tabbedcontenttabs li a {
        color: #FF6600;
    }

    body.riding_the_t .tabbedcontenttabs li.on a {
        border-top: solid 0.2em #FF6600;
    }
/* About the MBTA */
body.about_the_mbta .tabbedcontenttabs {
    background-image: url(../../images/tabbedcontent-bg-about_the_mbta.gif);
}

    body.about_the_mbta .tabbedcontenttabs li a {
        color: #820675 !important;
    }

    body.about_the_mbta .tabbedcontenttabs li.on a {
        color: #000000 !important;
        border-top: solid 0.2em #820675;
    }
/* Customer Service */
body.customer_support .tabbedcontenttabs {
    background-image: url(../../images/tabbedcontent-bg-customer_support.gif);
}

    body.customer_support .tabbedcontenttabs li a {
        color: #8C8786;
    }

    body.customer_support .tabbedcontenttabs li.on a {
        border-top: solid 0.2em #8C8786;
    }

.tabbedcontent div.tabbedcontentholder {
    display: none;
    padding: 3.6em 1em 1em 1em;
}

.tabbedcontent div.on {
    display: block;
}

.tabbedcontent p {
    margin: 0 0.8em 0.8em 0.8em;
}

    .tabbedcontent p img {
        border: none;
        width: 6.54em; /*min-width: 72px;*/
        height: 5.45em; /*min-height: 60px;*/
        float: left;
        margin: 0.4em 0.8em 0.4em 0;
    }

.tabbedcontent noscript p img {
    border: none;
    font-size: 10px;
    width: 1.2em; /*min-width: 12px;*/
    height: 1.2em; /*min-height: 12px;*/
    float: none;
    margin: 0;
}
/* exception for about the mbta news & events thumbnails */
body.about_the_mbta div.tabbedcontentholder img {
    font-size: 10px !important;
    width: 6.8em !important;
    height: 5em !important;
}

.tabbedcontent div.tabbedcontentholder p {
    font-size: 1.2em !important;
}

.tabbedcontent div.tabbedcontentholder h3 {
    font-size: 1.2em;
    color: #000;
    text-decoration: none;
}

    .tabbedcontent div.tabbedcontentholder h3 a {
        color: #000;
        text-decoration: none;
    }

.tabbedcontent div.tabbedcontentholder hr {
    clear: both;
    border: 0;
    width: 100%;
    color: #000;
    background-color: #000;
    height: 0.1em;
    margin: 0.3em 0 0.5em 0;
    padding: 0;
}

/* --------------------------------------------------------------------------------------------------------------
	Rider Tools component as used on Homepage and main Rider Tools pg
-------------------------------------------------------------------------------------------------------------- */
#rider_tools .tabbedcontentholder FORM {
    font-size: 1.1em !important;
}

    #rider_tools .tabbedcontentholder FORM P {
        font-size: 1em !important;
        line-height: 1em !important;
        color: #000 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #rider_tools .tabbedcontentholder FORM A,
    #rider_tools .tabbedcontentholder FORM A:hover {
        color: #112146;
        background: transparent;
        text-decoration: underline !important;
    }

#rider_tools .tabbedcontentholder FIELDSET {
    clear: both;
    float: none;
    font-size: 1em !important;
    padding-top: 0.4em;
}

    #rider_tools .tabbedcontentholder FIELDSET.buttons {
        padding-top: 0.8em;
    }

#rider_tools .tabbedcontentholder INPUT {
    clear: right;
    float: left;
}

    #rider_tools.tabbedcontentholder INPUT.bordered {
        width: 25em;
        margin-right: 1em;
        margin-bottom: 0.2em;
    }

#rider_tools .tabbedcontentholder LABEL {
    clear: left;
    display: block;
    float: left;
    font-size: 1em !important;
    font-weight: bold;
    margin: 0.2em 0 0.2em 0;
    padding: 0;
    text-align: left;
}

    #rider_tools .tabbedcontentholder LABEL.label {
        width: 5.5em;
    }

    #rider_tools .tabbedcontentholder LABEL.labelTxt {
        clear: right;
        display: block;
        padding: 0.1em 0 0 0;
        font-size: 1em !important;
        font-weight: normal !important;
    }

#rider_tools .tabbedcontentholder .helpTxt {
    display: block;
    margin: 0 0 0 5.5em;
    padding: 0;
    font-size: 1em !important;
    font-weight: normal !important;
}

#rider_tools .tabbedcontentholder .helptext-tripplanner {
    position: relative;
    height: 1.7em;
    clear: both;
    white-space: nowrap;
    margin: 0.4em 0 -0.4em 0;
    padding: 0;
}

    #rider_tools .tabbedcontentholder .helptext-tripplanner span {
        position: absolute !important;
        z-index: 10;
        top: 0.2em;
        left: 6em;
        font-size: 1em !important;
    }

    #rider_tools .tabbedcontentholder .helptext-tripplanner img {
        position: absolute !important;
        width: 49.8em !important;
        height: 2em !important;
        left: 4em;
    }

#rider_tools .tabbedcontentholder .tripplanner-field-from {
    float: left;
}

#rider_tools .tabbedcontentholder .tripplanner-field-to {
    float: right;
}

    #rider_tools .tabbedcontentholder .tripplanner-field-from LABEL,
    #rider_tools .tabbedcontentholder .tripplanner-field-to LABEL {
        padding-right: 0.4em;
    }

    #rider_tools .tabbedcontentholder .tripplanner-field-from INPUT,
    #rider_tools .tabbedcontentholder .tripplanner-field-to INPUT {
        width: 20.5em;
        white-space: nowrap;
        margin-left: 0.2em;
    }

#rider_tools .tabbedcontentholder FIELDSET.tripplanner-options {
    float: left;
    white-space: nowrap;
}

#rider_tools .tabbedcontentholder .tripplanner-options .options-field {
    float: left; /* opera & safari don't like this */
    padding-right: 0.8em;
}

    #rider_tools .tabbedcontentholder .tripplanner-options .options-field a {
        margin-left: 0.4em !important;
    }

#rider_tools .tabbedcontentholder .tripplanner-options .options-button {
    float: left;
    margin-top: 1.6em;
}

#rider_tools .tabbedcontentholder .tripplanner-options .submit {
    float: right !important;
    margin: 0.4em 0 0 0 !important;
}

    #rider_tools .tabbedcontentholder .tripplanner-options .submit input.form_btn {
        margin: 0 !important;
    }

#rider_tools .tabbedcontentholder .tripplanner-options .accessible {
    margin: 0.4em 0 0 0;
    float: left;
}

    #rider_tools .tabbedcontentholder .tripplanner-options .accessible input.checkbox {
        float: left;
        clear: none;
    }

    #rider_tools .tabbedcontentholder .tripplanner-options .accessible label {
        float: left;
        clear: none;
    }

        #rider_tools .tabbedcontentholder .tripplanner-options .accessible label img {
            float: left;
            margin: 0 0.4em 0 0;
        }

#rider_tools .tabbedcontentholder FIELDSET.servicenearby-options {
    float: left;
    white-space: nowrap;
}

#rider_tools .tabbedcontentholder .servicenearby-options .options-field {
    float: left;
    padding-right: 0.8em;
}

#rider_tools .tabbedcontentholder .servicenearby-options .options-button {
    float: left;
    margin-top: 1.6em;
}

#rider_tools .tabbedcontentholder .servicenearby-options .buttons { /*float: right !important; margin: 0.4em 0 0 0 !important;*/
}

    #rider_tools .tabbedcontentholder .servicenearby-options .buttons input.form_btn {
        margin: 0 !important;
    }

#rider_tools .tabbedcontentholder .servicenearby-options .accessible {
    margin: 0.4em 0 0 0;
    float: left;
}

    #rider_tools .tabbedcontentholder .servicenearby-options .accessible input.checkbox {
        float: left;
        clear: none;
    }

    #rider_tools .tabbedcontentholder .servicenearby-options .accessible label {
        float: left;
        clear: none;
    }

        #rider_tools .tabbedcontentholder .servicenearby-options .accessible label img {
            float: left;
            margin: 0 0.4em 0 0;
        }

#rider_tools .tabbedcontentholder .landmarksandaddresses-tripplanner {
    position: relative;
    display: block;
    height: 2em;
}

#rider_tools .tabbedcontentholder .tripplanner-landmarksandaddresses .tripplanner-landmarks {
    float: left;
    width: 23em;
}

#rider_tools .tabbedcontentholder .tripplanner-landmarksandaddresses .tripplanner-myaddresses {
    float: right;
    width: 23em;
    text-align: right;
}

#tabbedcontent-t_stations #subwaylines {
    width: 24em;
    /*height: 11em;	*/
    float: left;
}

#tabbedcontent-t_stations select.stationselect {
    width: 24em;
    /*height: 11em;*/
    float: right;
    display: none;
}

#tabbedcontent-t_stations input.form_btn {
    clear: both;
    float: right;
    margin-top: 0.6em;
    display: inline;
}

/* --------------------------------------------------------------------------------------------------------------
	Service Updates module found on Route and Station pgs
-------------------------------------------------------------------------------------------------------------- */

#servicealertsModule {
    margin: 0;
    background: #333;
    border: solid 0.1em #000;
}

    #servicealertsModule H3 {
        background: #000 url(../../images/h3-service_updates-sidebar-bg.gif) top left repeat-x;
        font-size: 1em;
        height: 3em;
        margin-top: 0;
    }

        #servicealertsModule H3 SPAN {
            margin: -1000em;
        }

        #servicealertsModule H3 IMG {
            width: 15.9em;
            height: 3em;
        }

    #servicealertsModule UL {
        font-size: 1em !important;
        line-height: normal !important;
        color: #FFF;
        list-style: none;
        padding: 1em 1em 0em 1em;
    }

    #servicealertsModule LI {
        padding: 0 0 0 1.5em;
        margin: 0 0 0.7em 0;
        font-size: 1.1em !important;
        background: url(../../images/icons/service_alert.gif) no-repeat 0em 0.1em;
    }

    #servicealertsModule P {
        padding: 0 0 0 1.5em;
        margin: 0 0 0.7em 0;
        font-size: 1.1em !important;
    }

    #servicealertsModule A, #servicealertsModule A:hover {
        color: #ccc !important;
        background: #333 !important;
        text-decoration: underline !important;
    }

/* --------------------------------------------------------------------------------------------------------------
	Gray box module used in side column
-------------------------------------------------------------------------------------------------------------- */
.boxedModule {
    background: #FFF url(../../images/fares-header-left.gif) top left no-repeat;
    padding: 0;
    clear: both;
    margin: 1em 0;
}

    .boxedModule H4 {
        background: #E3E6EE url(../../images/fares-header-right.gif) top right no-repeat;
        font-size: 1.2em !important;
        line-height: 2.3em;
        font-weight: bold !important;
        padding: 0 0.8em 0 0;
        margin: 0 0 0 0.8em;
    }

    .boxedModule TABLE {
        border: 1px solid #BCC3D6;
        border-top: none;
        border-collapse: seperate;
        padding: 0;
    }

    .boxedModule UL {
        border: 1px solid #BCC3D6;
        border-top: none;
        padding: 0.8em;
    }

    .boxedModule LI {
        padding: 0;
        margin: 0 0 0.5em 0;
        line-height: normal;
    }

    .boxedModule SPAN.summary {
        font-size: 1.1em !important;
        display: block;
        border: 1px solid #BCC3D6;
        border-top: none;
        border-bottom: none;
        padding: 0.8em;
    }

    .boxedModule SPAN.summaryend {
        font-size: 1.1em !important;
        display: block;
        border: 1px solid #BCC3D6;
        border-top: none;
        padding: 0.8em;
    }

    .boxedModule A, .boxedModule A:hover,
    #sidecolumn .boxedModule A, #sidecolumn .boxedModule A:hover {
        color: #4B67A7 !important;
        background: transparent !important;
        text-decoration: underline !important;
    }

    .boxedModule P {
        font-size: 1.1em !important;
        margin: 0 0 0.3em 0 !important;
    }

    .boxedModule TR.odd {
        background: #E8ECF4;
    }

    .boxedModule TR.even {
        background: #FFF;
    }

    .boxedModule TH {
        vertical-align: top;
    }

    .boxedModule TH {
        padding: 0.7em;
        text-transform: uppercase;
        text-align: left;
        border-right: 1px solid #BCC3D6;
        border-bottom: 1px solid #BCC3D6;
    }

        .boxedModule TH.th-mode {
            width: 30%;
        }

        .boxedModule TH.th-tickets {
            width: 70%;
        }

        .boxedModule TH.last {
            border-right: none;
        }

        .boxedModule TH.mode {
            text-transform: capitalize;
            border-bottom: none;
            font-weight: bold;
            font-size: 1.1em !important;
        }

    .boxedModule TD {
        padding: 0.7em;
    }

.closed span {
    display: block;
    border: solid 1px #BCC3D6;
    border-top: none;
    padding: 0.8em;
}

/* --------------------------------------------------------------------------------------------------------------
	Trip Planner Module used on Station pgs
-------------------------------------------------------------------------------------------------------------- */
#station_tripplanner FIELDSET {
    margin-bottom: 0.4em;
}

#station_tripplanner INPUT {
    padding: 0.1em 0 !important;
}

#station_tripplanner LABEL {
    font-size: 1.1em !important;
}


/* --------------------------------------------------------------------------------------------------------------
	Photo Gallery module used on Station pgs
-------------------------------------------------------------------------------------------------------------- */
#galleryModule {
    margin: 1em 0;
}

    #galleryModule .fullsizeImgs {
        float: left;
    }

        #galleryModule .fullsizeImgs IMG {
            float: left;
            border: 0.1em solid #4B67A7;
            width: 30em;
        }

    #galleryModule .thumbImgs {
        float: left;
        width: 28.2em;
        padding: 1em;
        border-top: 0.1em solid #FFF;
        background: #D2D9E9;
    }

        #galleryModule .thumbImgs IMG {
            float: left;
            width: 5.5em;
            margin-right: 1em;
            height: 3.7em;
            border: 0.2em solid #D2D9E9;
        }

            #galleryModule .thumbImgs IMG.activeImg {
                border: 0.2em solid #4B67A7;
            }

/* --------------------------------------------------------------------------------------------------------------
	Graphical Promo modules used in side column
-------------------------------------------------------------------------------------------------------------- */
.promos {
    margin: 0 !important;
    padding: 0 0.8em 0.8em 0.8em !important;
    text-align: center;
}

    .promos IMG {
        float: left;
    }

        .promos IMG.w185h140 {
            width: 18.5em !important;
            height: 14em !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .promos IMG.w185h123 {
            width: 18.5em !important;
            height: 12.3em !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .promos IMG.w185h115 {
            width: 18.5em !important;
            height: 11.5em !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .promos IMG.w185h65 {
            width: 18.5em !important;
            height: 6.5em !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .promos IMG.w185h30 {
            width: 18.5em !important;
            height: 3em !important;
            margin: 0 !important;
            padding: 0 !important;
        }



/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	Footer layout & styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#footer {
    width: 100%;
    padding-left: 10px;
    margin-left: -10px;
    background: transparent url(../../images/main-bg-left.gif) top left repeat-y;
}

#footermain {
    width: 100%;
    padding-right: 10px;
    background: #FFF url(../../images/main-bg-right.gif) top right repeat-y;
}

    #footermain ul {
        list-style: none;
        clear: both;
        float: left;
        margin: 0.4em 0.8em 0 1.6em;
        width: 90%;
        display: inline;
    }

        #footermain ul.languages {
            padding-top: 6em;
            background: none;
        }

        #footermain ul li {
            float: left;
            margin-right: 0.8em;
        }

    #footermain p {
        position: absolute;
        padding: 1.6em 0.8em 0.8em 1.6em;
        font-size: 1em;
        color: #7F7F7F;
    }

    #footermain a {
        color: #7F7F7F;
        text-decoration: none;
    }

        #footermain a:hover {
            color: #3F3F3F;
            text-decoration: underline;
        }

#pagebottom {
    width: 100%;
    margin-left: -10px;
    min-width: 690px;
    background: transparent url(../../images/footer-bg-left.gif) bottom left no-repeat;
}

#pagebottommain {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    min-height: 16px;
    background: transparent url(../../images/footer-bg-right.gif) bottom right no-repeat;
}


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	Error & Messaging styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.errmsg {
    font-size: 1.1em !important;
    font-weight: bold;
    color: #cc0000;
}

.success {
}


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	Line colors
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.red {
    color: #C80000 !important;
}

.orange {
    color: #FE6700 !important;
}

.green {
    color: #11773C !important;
}

.blue {
    color: #00009C !important;
}

.silver {
    color: #8D8787 !important;
}

.rail {
    color: #B60EA0 !important;
}

.boats {
    color: #0066FF !important;
}


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	Google Map styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#mapWrapper {
    position: relative;
}

#staticMap {
    display: block;
    width: 74em; /*height:76.3em;*/
    background: #ddd;
    border: 1px solid #4B67A7;
}

    #staticMap IMG.spidermap {
        width: 74em;
        height: 76.3em;
        float: left;
        border: none;
    }

#interactiveMap {
    display: block !important;
    background: #FFF;
    border: 1px solid #4B67A7;
}

    #interactiveMap P {
        font-size: 1.1em !important;
        text-align: center;
        padding: 1.1em 1.1em 0 1.1em;
        margin: 0;
        color: #4B67A7;
    }

#mapLoader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    display: block;
    width: 74em;
    height: 46em;
    background: #FFF url(../../images/icons/loader.gif) no-repeat center;
    border: 1px solid #4B67A7;
    -moz-opacity: 0.50;
    opacity: .50;
    filter: alpha(opacity=50);
}

#tooltip {
    background-color: #FFF;
    border: 1px solid #000;
    padding: 0.5em;
    white-space: nowrap;
}

.tooltipContent {
    font-size: 1.1em !important;
}
/* Styles below only used for custom info windows */
/*#infoWindow { background-color: #FFF; border: 1px solid #000; width:33em; height:17.5em; padding: 0.5em; }

	#infoWindow A.closeInfoWindow { float: right; }
	#infoWindow DIV.infoWindowContent { font-size: 1.1em !important; }*/
.infoWindowContent {
    width: 22em;
    /*display: none;*/
}

    .infoWindowContent .stopdetailsdiv {
        overflow: auto;
        height: 12em;
        width: 22em;
        /* need to fix this height for IE - it always renders outside the box, relatively so i think it may be complicated */
    }

/********************** BEGIN SECTION SPECIFIC LAYOUT STYLES **********************/


/* Homepage styles have been moved to homepage.css */


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	Schedules & Maps - SECTION SPECIFIC LAYOUT STYLES
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.overviewbox {
    float: left;
    width: 18.9em;
    height: 37em;
    background: #C5CFE6;
    margin: 0;
    margin-right: 0.1em;
}

.last {
    margin-right: 0em;
}

.overviewbox .overviewheading {
    width: 18.9em;
    height: 4.9em;
    float: left;
    clear: both;
}

.overviewbox .overviewimg {
    width: 18.9em;
    height: 12em;
    float: left;
    clear: both;
}

.overviewbox P {
    width: 14.8em;
    padding: 1.1em 1.1em 0 1.1em;
    margin: 0;
    line-height: normal;
    float: left;
    clear: both;
}

.overviewbox .overviewselectmenu {
    width: 16.7em;
    margin: 1.1em;
    float: left;
    clear: both;
}

    .overviewbox .overviewselectmenu OPTION.menutitle {
        margin-bottom: 0.5em;
    }

body.schedules_and_maps #sidecolumn ul.routes {
    margin-top: 1em;
    clear: both;
}

    body.schedules_and_maps #sidecolumn ul.routes,
    body.schedules_and_maps #sidecolumn ul.routes * {
        font-size: 1em;
    }

        body.schedules_and_maps #sidecolumn ul.routes li {
            float: left;
            margin: 0 0 0.1em 0;
            line-height: 1.5em;
            width: 17.9em;
        }

            body.schedules_and_maps #sidecolumn ul.routes li li {
                margin-bottom: 0;
            }

            body.schedules_and_maps #sidecolumn ul.routes li a,
            body.schedules_and_maps #sidecolumn ul.routes li a:hover {
                display: block;
                width: 100%;
                color: #FFF;
                padding: 0.3em;
                margin: 0;
                text-decoration: none;
                font-size: 1.1em !important;
                line-height: 1.1em;
            }

            body.schedules_and_maps #sidecolumn ul.routes li.redline a {
                background-color: #FA2D27;
            }

                body.schedules_and_maps #sidecolumn ul.routes li.redline a:hover {
                    background-color: #BA2320;
                }

            body.schedules_and_maps #sidecolumn ul.routes li.orangeline a {
                background-color: #FD8A03;
            }

                body.schedules_and_maps #sidecolumn ul.routes li.orangeline a:hover {
                    background-color: #BC6803;
                }

            body.schedules_and_maps #sidecolumn ul.routes li.greenline a {
                background-color: #008150;
            }

                body.schedules_and_maps #sidecolumn ul.routes li.greenline a:hover {
                    background-color: #00613E;
                }

            body.schedules_and_maps #sidecolumn ul.routes li.blueline a {
                background-color: #2F5DA6;
            }

                body.schedules_and_maps #sidecolumn ul.routes li.blueline a:hover {
                    background-color: #25487D;
                }

            body.schedules_and_maps #sidecolumn ul.routes li.silverline a {
                background-color: #9A9C9D;
            }

                body.schedules_and_maps #sidecolumn ul.routes li.silverline a:hover {
                    background-color: #747576;
                }

            body.schedules_and_maps #sidecolumn ul.routes li.railline a {
                background-color: #9D1582;
            }

                body.schedules_and_maps #sidecolumn ul.routes li.railline a:hover {
                    background-color: #761262;
                }

            body.schedules_and_maps #sidecolumn ul.routes li.boatline a,
            body.schedules_and_maps #sidecolumn ul.routes li.boatline a:hover {
                background-color: #0066FF;
            }

body.schedules_and_maps .tabbedcontent .linedetails_header {
    font-size: 1em !important;
}

    body.schedules_and_maps .tabbedcontent .linedetails_header h1 {
        float: left;
        font-size: 1.8em !important;
        line-height: normal !important;
        margin: 0;
        padding: 0.6em 0 0.8em 0;
        color: #314675 !important;
    }

    body.schedules_and_maps .tabbedcontent .linedetails_header img {
        float: left;
        width: 4em;
        height: 4em;
        margin-right: 1.5em;
    }

    body.schedules_and_maps .tabbedcontent .linedetails_header select {
        float: right;
        width: 20em;
        margin-top: 1em;
    }

    body.schedules_and_maps .tabbedcontent .linedetails_header ul.schedulenav {
        list-style: none;
        float: right;
        font-size: 1.1em;
        margin-left: 0.8em;
    }

ul.schedulenav li {
    text-align: right;
    margin: 0 0.6em 0 0;
    padding: 0 1.8em 0 0;
    line-height: 1.6em !important;
    background: transparent top right no-repeat;
}

    ul.schedulenav li.print {
        background-image: url(../../images/icons/print.gif);
    }

    ul.schedulenav li.pdf {
        background-image: url(../../images/icons/adobe-pdf.gif);
    }

body.schedules_and_maps .tabbedcontent .linedetails_controls {
    margin-bottom: 0.8em;
}

body.schedules_and_maps table.line_details {
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border: none;
    margin-bottom: 2em;
}

    body.schedules_and_maps table.line_details TH {
        font-size: 1.2em;
        color: #486BAB;
        text-align: left;
        border-bottom: 0.2em solid #919FC6;
        padding: 0 0.8em 0 0.8em;
        white-space: nowrap;
    }

        body.schedules_and_maps table.line_details TH.stations {
            background: url(../../images/linedetails-border-bottom.gif) repeat-x bottom;
            line-height: normal;
            color: #000;
            border-bottom: none;
            margin: 0;
            padding: 0.6em 0.8em 0 0.8em;
            vertical-align: top;
            white-space: normal;
        }

            body.schedules_and_maps table.line_details TH.stations A {
                color: #000 !important;
                text-decoration: underline;
            }

    body.schedules_and_maps table.line_details TD {
        background: url(../../images/linedetails-border-bottom.gif) repeat-x bottom;
        font-size: 1.1em;
        line-height: normal;
        color: #000;
        border-left: 0.1em solid #E4EBF1;
        padding: 0.2em 0.8em 0 0.8em;
        vertical-align: top;
    }

        body.schedules_and_maps table.line_details TD.line_graphics {
            font-size: 1em;
            background: url(../../images/blank.gif);
            padding: 0;
            border-left: none;
            text-align: center;
        }

            body.schedules_and_maps table.line_details TD.line_graphics IMG {
                float: left;
                border: 0;
                width: 6.6em;
                height: 6em;
            }

        body.schedules_and_maps table.line_details TD.access_icons {
            font-size: 1em !important;
        }

            body.schedules_and_maps table.line_details TD.access_icons IMG {
                width: 2.5em;
                height: 2.3em;
            }

body.schedules_and_maps #stationName {
    float: left;
    width: 96em;
    padding: 0 1em 0.2em 1em;
}

    body.schedules_and_maps #stationName H1 {
        float: left;
        font-size: 2.4em;
        margin: 0;
    }

    body.schedules_and_maps #stationName .stationIcons {
        float: left;
        height: 2.3em;
        padding: 0.0em 0 0 1em;
        margin: 0 0 0 0.5em;
    }

        body.schedules_and_maps #stationName .stationIcons .lineIcons {
            margin-left: -1em;
            margin-top: 0.6em;
        }

        body.schedules_and_maps #stationName .stationIcons IMG {
            vertical-align: bottom;
        }

body.schedules_and_maps #column1 {
    float: left;
    width: 37.8em;
    margin: 0 1em;
}

body.schedules_and_maps #column2 {
    float: left;
    width: 25.8em;
    margin: 0;
    background: #D9E0EC;
}

body.schedules_and_maps #column3 {
    float: right;
    width: 30.2em;
    margin: 0 1em;
}

    body.schedules_and_maps #column1 *,
    body.schedules_and_maps #column2 *,
    body.schedules_and_maps #column3 * {
        font-size: 1em;
    }

body.schedules_and_maps #column1 P {
    font-size: 1.1em;
    margin-bottom: 0.4em;
}

body.schedules_and_maps #column1 A {
    color: #4B67A7;
}

body.schedules_and_maps #column1 H2 {
    font-size: 1.4em;
    line-height: 1.4em;
    padding: 0 0.2em;
    margin: 1em 0 0.3em 0;
    color: #506184;
    background: #E8ECF4;
    border-bottom: 1px solid #BCC3D6;
    clear: both;
}

body.schedules_and_maps #column1 P.stationAddress {
    clear: both;
    font-size: 1.6em;
    padding: 0 0 1em 0;
}

body.schedules_and_maps #column1 P.additionalComments {
    clear: both;
    font-size: 1.1em;
    padding: .4em;
    background-color: #ffffcc;
}

body.schedules_and_maps #column1 .stationAccessIcons {
    margin: 0.5em 0 1em 0;
}

body.schedules_and_maps #column1 #saveStationLink {
    float: left;
    width: 36.8em;
    margin: 0 0 1em 0;
    padding: 0.3em 0.5em;
    background: #ddd;
}

    body.schedules_and_maps #column1 #saveStationLink A {
        font-size: 1.4em;
        text-decoration: none;
    }

        body.schedules_and_maps #column1 #saveStationLink A IMG {
            font-size: 10px;
            width: 1.7em;
            height: 1.7em;
            vertical-align: text-bottom;
            border: none;
        }

body.schedules_and_maps #column1 #doubleCol {
    display: block;
}

body.schedules_and_maps #column1 #stationParking {
    float: left;
    width: 18.4em;
    margin-right: 1em;
}

body.schedules_and_maps #column1 #connectingSubway {
    float: left;
    width: 18.4em;
    clear: none;
}

body.schedules_and_maps #column1 #connectingRail,
body.schedules_and_maps #column1 #connectingBus,
body.schedules_and_maps #column1 #connectingServices {
    float: left;
    width: 37.8em;
}

    body.schedules_and_maps #column1 #stationParking P,
    body.schedules_and_maps #column1 #connectingSubway P,
    body.schedules_and_maps #column1 #connectingRail P,
    body.schedules_and_maps #column1 #connectingBus P,
    body.schedules_and_maps #column1 #connectingServices P {
        padding: 0 0.3em;
    }

    body.schedules_and_maps #column1 #connectingRail A,
    body.schedules_and_maps #column1 #connectingBus A,
    body.schedules_and_maps #column1 #connectingServices A {
        font-weight: bold;
    }

body.schedules_and_maps #column2 #services {
    border-top: 0.1em solid #FFF;
    padding: 0.7em;
}

    body.schedules_and_maps #column2 #services P {
        font-size: 1.1em;
        font-weight: bold;
        margin-bottom: 0.3em;
    }

    body.schedules_and_maps #column2 #services A {
        color: #4B67A7;
    }

    body.schedules_and_maps #column2 #services H4 {
        font-size: 1.2em;
        color: #3F3F3F;
        border-bottom: 1px solid #3F3F3F;
        margin: 1.2em 0 0.5em 0;
    }

body.schedules_and_maps #column2 #mapWrapper,
body.schedules_and_maps #column2 #mapLoader,
body.schedules_and_maps #column2 #interactiveMap {
    width: 25.6em;
    height: 25.6em;
}

body.schedules_and_maps #saveRouteLink {
    margin: 0;
    padding-bottom: 0.8em;
    margin-bottom: 0.8em;
    border-bottom: solid 1px #CCCCCC;
}

    body.schedules_and_maps #saveRouteLink A {
        font-size: 1.4em;
        text-decoration: none;
    }

        body.schedules_and_maps #saveRouteLink A IMG {
            font-size: 10px;
            width: 1.7em;
            height: 1.7em;
            vertical-align: text-bottom;
            border: none;
            float: left;
            margin-right: 0.8em;
        }

body.schedules_and_maps #saveRouteLinkCR {
    margin: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    position: absolute;
    margin-right: 0.8em;
}

    body.schedules_and_maps #saveRouteLinkCR A {
        font-size: 1.4em;
        text-decoration: none;
        float: right;
    }

        body.schedules_and_maps #saveRouteLinkCR A IMG {
            font-size: 10px;
            width: 1.7em;
            height: 1.7em;
            vertical-align: text-bottom;
            border: none;
            float: left;
            margin-right: 0.8em;
        }


#tabbedcontent #mapWrapper,
#tabbedcontent #mapLoader,
#tabbedcontent #interactiveMap {
    width: 74em;
    height: 46em;
}

/* Used on Bus Schedules and Maps page */
#bus_list {
    overflow: auto;
    height: 30.6em;
    width: 74em;
    border: 1px solid #999999;
    border-left: none;
    border-right: none;
}

    #bus_list li a {
        display: block;
        color: #4B67A7;
        font-size: 1.1em;
        padding: 0 0.4em 0 0.4em;
    }

        #bus_list li a:hover {
            background-color: #4B67A7;
            color: #FFF;
            text-decoration: none;
        }

/* Used wherever there is a "Downloadable Printable Maps" list */
ul.icons {
    margin: 0.8em 0 0 0;
}

    ul.icons li {
        margin: 0 0 0.6em 0;
        padding: 0 0 0 1.8em;
        line-height: 1.6em !important;
        background: transparent top left no-repeat;
    }

        ul.icons li.pdf {
            background-image: url(../../images/icons/adobe-pdf.gif);
        }

        ul.icons li.word {
            background-image: url(../../images/icons/ms-word.gif);
        }

        ul.icons li.excel {
            background-image: url(../../images/icons/ms-excel.gif);
        }

        ul.icons li.zip {
            background-image: url(../../images/icons/zip.gif);
        }

        ul.icons li.popup {
            background-image: url(../../images/icons/popup.gif);
        }

/* Used for TimeTable styling */
#timetableform {
    margin-bottom: 1.6em;
}

#timetable {
    overflow: auto;
    width: 74em;
    padding: 0.1em;
}

.timetable {
    border: 1px solid #999;
    border-collapse: collapse;
    margin: 0.4em 0 0 0;
}

    .timetable th {
        font-size: 1.1em;
        line-height: normal;
        padding: 0.4em;
        border: 1px solid #999;
        background-color: #FFF;
        color: #4B67A7;
        vertical-align: bottom;
    }

    .timetable td {
        background-color: #FFF;
        border: 1px solid #999;
        text-align: center;
        padding: 0.4em;
        font-size: 1.1em;
        white-space: nowrap;
    }

    .timetable .column-alt {
        background-color: #E8ECF4;
    }

/* Used for Service Alerts side-column */
#serviceAlerts {
    padding: .5em;
}


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	Fares & Passes - SECTION SPECIFIC LAYOUT STYLES
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
table.fares {
    clear: both;
    margin-top: 0;
}
    /* Commerce:: margin-top: 5em; => margin-top: 0; */
    table.fares th, table.fares td {
        vertical-align: top;
        padding: 0.8em 0.4em 0.4em 0.4em !important;
        border-color: #6AB71D !important;
        border-right: none !important;
        border-left: none !important;
    }

    table.fares tr.hilite th, table.fares tr.hilite td {
        padding-top: 1.8em !important;
        background-color: #F0F6EA !important;
    }

    table.fares tr th {
        font-size: 1.4em !important;
        text-transform: none !important;
        width: 30% !important;
        background-color: #FFF !important;
    }

        table.fares tr th a {
            color: #3F3F3F !important;
        }

            table.fares tr th a:hover {
                color: #6AB71D !important;
            }

        table.fares tr th span {
            font-size: 0.8em !important;
            font-weight: normal;
        }

    table.fares tr td span {
        font-size: 1.4em !important;
    }

        table.fares tr td span strong {
            font-size: 1.2em !important;
        }

    table.fares tr td a img {
        width: 9.3em;
        height: 2.6em;
        border: none;
    }

    table.fares tr td.link {
        font-size: 1em !important;
    }

    table.fares tr td.graphic {
        position: relative;
        border-top: none !important;
        height: 4em;
        font-size: 1em !important;
    }

        table.fares tr td.graphic img {
            position: absolute;
            margin: -5em 0 0 2em;
            width: 45.2em;
            height: 12.3em;
        }

#fares_passes table {
    border: none !important;
    color: #000 !important;
}

#fares_col1 {
    width: 14.3em !important;
}

#fares_col2 {
    width: 20em !important;
    background: #e3e3e3 !important;
}

#fares_col3 {
    width: 20em !important;
}

#fares_passes thead th {
    font-size: 1.1em !important;
    color: #FFF !important;
    text-align: left !important;
    font-weight: bold !important;
    text-transform: capitalize !important;
    background: #636363 !important;
    padding-left: 1em !important;
}

#fares_passes thead a {
    color: #FFF !important;
}

#fares_passes tbody th {
    font-size: 1.1em !important;
    color: #000 !important;
    text-align: left !important;
    text-transform: capitalize !important;
    padding: 1em !important;
    border-bottom: 1px solid #6ab71d !important;
    vertical-align: top !important;
}

    #fares_passes tbody th a {
        color: #358B13 !important;
    }

        #fares_passes tbody th a:hover {
            background-color: #358B13 !important;
            color: #FFF !important;
        }

#fares_passes tbody td {
    padding: 1em !important;
    text-align: center !important;
    border-top: none !important;
    border-bottom: 1px solid #6ab71d !important;
    color: #000 !important;
}

#fares_passes .heading1 {
    font-size: 2em !important;
    font-weight: bold !important;
    color: #000 !important;
}

#fares_passes .heading2 {
    font-size: 1.3em !important;
    font-weight: bold !important;
    color: #000 !important;
}

/* 'floated' card */
#fares_card_base {
    position: relative;
    margin-top: 10em;
}

#fares_card_header {
    width: 43.7em;
    height: 12.1em;
    position: absolute;
    margin-top: -9em;
    margin-left: 4em;
}

    #fares_card_header img {
        width: 43.7em;
        height: 12.1em;
    }

/* side column styles */
body.fares_and_passes #sidecolumn img.ids {
    width: 18.5em;
    height: 18.5em;
    border: none;
    margin-top: 0.8em;
}

#fares_charlie_container {
    position: relative;
    height: 18.6em;
}

#fares_charlie {
    position: absolute;
    top: -1.6em;
    left: -5em;
    width: 24.3em;
    height: 21.8em;
}

    #fares_charlie img {
        width: 24.3em;
        height: 21.8em;
    }

/* Sales Locations table styles */
.tableFormat {
    border-collapse: collapse;
}

.label {
    text-align: right;
}

.tableFormat th {
    background-color: #d7bfd5;
    text-align: left;
    font-size: 1.1em;
    padding: .1em .1em 0em .4em;
}

.tableFormat td {
    padding: 0em .8em 0em .8em;
    border-bottom: 1px solid #e1e1e1;
    size: 1.2em;
}

.highlight {
    border: 1px dashed #d7bfd5;
    padding: .8em;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	Rider Tools - SECTION SPECIFIC LAYOUT STYLES
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* --------------------------------------------------------------------------------------------------------------
	The dialog box popups uses in Trip Planner/Service Nearby for My Addresses etc.
-------------------------------------------------------------------------------------------------------------- */
.dialogBox {
    position: absolute;
    z-index: 1000;
    width: 37.2em;
    background-color: #FFF;
    border: solid 1px #3F3F3F;
    margin: 0;
    padding: 0 0 0.8em 0 !important;
}

    .dialogBox H4 {
        display: block;
        text-transform: none !important;
        font-weight: normal;
        font-size: 1em !important;
        color: #FFF !important;
        background-color: #3C4C63 !important;
        padding: 0.2em 0 0 0.3em !important;
        margin: 0 !important;
    }

        .dialogBox H4 IMG {
            padding-top: 0.2em;
            padding-right: 0.2em;
        }

        .dialogBox H4 span {
            line-height: normal;
        }

    .dialogBox P {
        padding: 0.7em !important;
        margin: 0 !important;
    }

    .dialogBox A, .dialogBox A:hover {
        color: #000 !important;
        text-decoration: none !important;
    }

    .dialogBox FIELDSET {
        float: left;
        padding: 0.7em !important;
        margin: 0;
    }

        .dialogBox FIELDSET LABEL {
            width: 3.2em;
            font-size: 1.1em !important;
            font-weight: bold;
        }

        .dialogBox FIELDSET INPUT.saveAddress {
            width: 25.6em;
        }

        .dialogBox FIELDSET.saveTripFields INPUT {
            width: 31em;
        }

    .dialogBox SELECT {
        width: 35.6em;
    }

    .dialogBox .btnActions {
        display: block;
        width: 35.6em;
    }

    .dialogBox INPUT.btnSave {
        float: left !important;
        margin-left: 0.6em;
        width: 5em !important;
    }

    .dialogBox INPUT.btnCancel {
        float: left !important;
        margin-top: 0.4em;
        width: 5em !important;
    }

    .dialogBox .btnStartEnd {
        float: right !important;
        white-space: nowrap;
    }

        .dialogBox .btnStartEnd INPUT {
            float: left !important;
            font-size: 1em !important;
            margin-top: 0.4em;
            margin-left: 0.2em;
            width: 7.7em;
        }

#landmarksSelectDiv {
    background: #e7e7e7;
    padding-bottom: 0.8em;
}

    #landmarksSelectDiv UL {
        list-style: none;
        float: left;
        width: 13em;
        padding: 0.8em 0 0.8em 0.8em;
    }

        #landmarksSelectDiv UL LI {
            padding: 0 0.4em;
        }

            #landmarksSelectDiv UL LI.on {
                background: #FFF;
            }

    #landmarksSelectDiv .landmarksSelectMenus {
        float: left !important;
        width: 21em;
        background: #FFF;
        margin: 0.8em 0 0 0;
        padding: 0.8em;
    }

        #landmarksSelectDiv .landmarksSelectMenus SELECT {
            margin: 0.2em 0;
            width: 21em;
        }

/* Rider Tools Pg */
.rider_tools #rider_tools {
    float: left;
    background: #E3E3E3;
    margin: 0;
    padding-bottom: 0.8em; /*overflow: inherit;*/
}

/* iPod Downloads PG */
p.tou_notice {
    font-size: 1.1em !important;
    margin-bottom: 0.5em !important;
}

div.tou_holder {
    overflow: auto;
    height: 6em;
    border: solid 1px #A1A1A1;
    padding: 0.8em;
    margin-bottom: 0.8em;
}

.rider_tools div.half {
    font-size: 1em;
    float: left;
    width: 26.7em;
}

.rider_tools div.right {
    float: right;
}

.rider_tools div.half h3 {
    width: 17.4em;
}

.rider_tools div.half p {
    width: 20em;
}

.rider_tools div.half input {
    width: auto !important;
}

.rider_tools div.half img {
    width: 24.4em;
    height: 22.3em;
    border: none;
}

.rider_tools ol.ipodinstructions {
    clear: none !important;
}

    .rider_tools ol.ipodinstructions li {
        padding-right: 0.8em;
    }

/* Google Map size */
.innercontentfull #mapWrapper,
.innercontentfull #mapLoader,
.innercontentfull #interactiveMap {
    width: 57em;
    height: 50em;
}

/* Service Updates Pg */
.serviceAlerts {
    padding: 2em;
    border: 1px solid #E1E1E1;
}

    .serviceAlerts p {
        font-size: 1.1em !important;
        color: #000 !important;
        border-bottom: 1px dashed #E1E1E1;
    }

    .serviceAlerts table {
        width: 100%;
    }

    .serviceAlerts td {
        border-bottom: 1px solid #FFF;
        padding: 0.8em;
        font-size: 1.1em;
    }

    .serviceAlerts .linename {
        font-size: 1.8em;
        padding-left: 0.4em;
    }

/* Trip Planner/Service Nearby Pgs */
#form_tripplanner br {
    line-height: 0px !important;
    display: block !important;
}

#form2 br {
    line-height: 0px !important;
    display: block !important;
}

#leftcolumn {
    float: left;
    margin: 0 0.8em 0 0;
    padding: 0;
    width: 38.2em;
}

.triptools {
    font-size: 1em !important;
    margin-bottom: 2.5em;
}

    .triptools FIELDSET {
        padding: 0 0.8em;
        margin-bottom: 0.0em;
    }
    /*..triptools FIELDSET { padding: 0 0.8em; margin-bottom: 1.0em; } */

    .triptools LABEL {
        float: left;
        font-size: 1em;
        text-align: right !important;
        padding-right: 0.7em;
    }

        .triptools LABEL STRONG {
            font-size: 1.2em !important;
        }

        .triptools LABEL.address {
            width: 5em;
        }

        .triptools LABEL.addresses {
            width: 3em;
        }

    .triptools INPUT {
        float: left;
    }

        .triptools INPUT.fullwidthfield {
            width: 32.5em;
        }

        .triptools INPUT.fullwidthfield2 {
            width: 30.5em;
        }

    .triptools SELECT.fullwidthfield {
        width: 36.4em;
    }
    /*.triptools SELECT { float: left !important; }  */
    .triptools P {
        float: left;
        line-height: normal;
        margin-top: 0.4em;
    }

        .triptools P.alert {
            background: url(../../images/icons/alert.gif) no-repeat top left;
            padding: 0 0 0 1.7em;
        }

    .triptools A, .triptools A:hover {
        color: #C80000;
        background: transparent !important;
        text-decoration: underline !important;
    }

    .triptools .ambiguousAddresses {
        background: #D7FA4D;
        padding: 0.8em;
    }

    .triptools .landmarksandaddresses-tripplanner {
        display: block;
        height: 2em;
        padding-bottom: 0.8em;
    }

        .triptools .landmarksandaddresses-tripplanner .triptools-landmarks {
            float: left;
            width: 14.2em;
            padding-left: 3.8em;
        }

    .triptools .landmarksandaddresses-servicenearby {
        display: block;
        height: 2em;
        margin-left: 6.4em;
        margin-right: 0.8em;
        padding: 0 0.4em;
        background: #F0F0F0;
    }

        .triptools .landmarksandaddresses-servicenearby .triptools-landmarks {
            float: left;
            width: 13.2em;
        }

    .triptools .triptools-myaddresses {
        float: right;
        width: 14em;
        text-align: right;
    }

    .triptools FIELDSET.helptext-servicenearby {
        display: block;
        margin-left: 5.6em;
        margin-right: 0.8em;
        padding: 0.1em 0.4em 0.8em 0.4em;
        font-size: 1.1em !important;
        line-height: normal !important;
        font-style: italic;
    }

        .triptools FIELDSET.helptext-servicenearby UL {
            list-style-type: none;
            margin: 0;
            padding: 0 0 0 0.4em;
        }

    .triptools FIELDSET.preferences {
        padding-left: 4.6em;
        padding-bottom: 0.4em;
    }

        .triptools FIELDSET.preferences LABEL {
            font-size: 1.1em !important;
            padding: 0 0.2em 0 0.1em !important;
        }

        .triptools FIELDSET.preferences SPAN {
            float: left;
            padding: 0 0.2em 0 0 !important;
        }

        .triptools FIELDSET.preferences INPUT {
            padding-top: 0.2em;
        }

        .triptools FIELDSET.preferences INPUT,
        .triptools FIELDSET.preferences SELECT {
            float: left;
            margin-right: 0.2em;
        }

            .triptools FIELDSET.preferences INPUT.checkbox {
                margin-top: 0.2em !important;
            }

            .triptools FIELDSET.preferences INPUT.button {
                float: right;
                padding: 0 !important;
            }

        .triptools FIELDSET.preferences .formTime {
            display: block;
            float: left;
            white-space: nowrap;
        }

        .triptools FIELDSET.preferences IMG {
            vertical-align: text-bottom;
        }

        .triptools FIELDSET.preferences .accessible {
            margin: 0.4em 0 0 0;
            float: left;
        }

            .triptools FIELDSET.preferences .accessible input.checkbox {
                float: left !important;
                clear: none;
            }

            .triptools FIELDSET.preferences .accessible label {
                float: left;
                clear: none;
            }

                .triptools FIELDSET.preferences .accessible label img {
                    float: left;
                    margin: 0 0.4em 0 0;
                }

    .triptools FIELDSET LABEL.accessible {
        font-size: 1.1em !important;
        padding: 0 0.2em 0 0 !important;
    }

        .triptools FIELDSET LABEL.accessible IMG {
            vertical-align: text-bottom;
        }

    .triptools FIELDSET.accessibility INPUT.checkbox {
        margin-top: 0.2em !important;
    }

    .triptools FIELDSET.datetime {
        border: 1px solid #c80000;
        padding: 0.4em;
        margin-left: 5.8em;
        margin-top: 0.8em;
        width: 30.5em;
        white-space: nowrap !important;
    }

        .triptools FIELDSET.datetime LEGEND {
            padding-bottom: 1.6em;
            _padding: 0;
        }

            .triptools FIELDSET.datetime LEGEND INPUT.checkbox {
            }

            .triptools FIELDSET.datetime LEGEND LABEL {
                float: none !important;
                font-size: 1.1em !important;
                padding: 0;
                margin: 0;
                color: #000;
            }

        .triptools FIELDSET.datetime LABEL {
            float: left !important;
            font-size: 1.1em !important;
            padding: 0 0.2em 0 0.1em !important;
        }

        .triptools FIELDSET.datetime SPAN,
        .triptools FIELDSET.datetime DIV {
            float: left !important;
            padding: 0 0.2em 0 0 !important;
        }

        .triptools FIELDSET.datetime INPUT {
            padding-top: 0.2em;
        }

        .triptools FIELDSET.datetime INPUT,
        .triptools FIELDSET.datetime SELECT {
            float: left !important;
            margin-right: 0.2em;
        }

        .triptools FIELDSET.datetime .formTime {
            display: block;
            float: left !important;
            white-space: nowrap;
        }

        .triptools FIELDSET.datetime IMG {
            float: left !important;
        }

        .triptools FIELDSET.datetime .datewrapper {
            margin: 0 0 0.2em 0.2em;
        }

    .triptools FIELDSET.buttons INPUT.button {
        margin-top: 0.8em !important;
    }

#leftcolumn A#gasNotesLink, #leftcolumn A#gasNotesLink:hover {
    font-size: 1.1em !important;
    text-decoration: underline;
    background: transparent;
}

/* Itineraries & Service By Route/Station */
#tabbedcontent-service_by_route,
#tabbedcontent-service_by_stop {
    font-size: 1em !important;
    padding: 1em;
}

    #tabbedcontent-service_by_route P,
    #tabbedcontent-service_by_stop P {
        font-size: 1.1em !important;
        padding: 0 !important;
        margin: 0 0 0.8em 0 !important;
    }

    #tabbedcontent-service_by_route INPUT.radio {
        float: none;
        vertical-align: text-bottom;
        margin: 0 0.4em 0 0.8em;
    }

#routeContents {
    float: none;
    list-style: none;
    margin: 0;
    padding: 0 0 0 0;
    background-color: transparent;
}

    #routeContents li {
        border: solid 1px #A6A6A6;
        list-style: none;
        margin: 0 0 0.2em 0;
        padding: 0;
        background: #EBEBEB url(../../images/planner-bg-results.gif) top left repeat-x;
    }

        #routeContents li.priceTable {
            border: none;
            list-style: none;
            margin: 0.8em 0 0 0;
            padding: 0;
            background: transparent;
            font-size: 1.1em !important;
        }

            #routeContents li.priceTable CAPTION {
                text-align: left;
                font-weight: bold;
                padding-left: 0.4em;
            }

            #routeContents li.priceTable TABLE {
                width: 100%;
                border-collapse: collapse;
            }

            #routeContents li.priceTable TH {
                background: #C3C3C3;
                border-right: 0.2em solid #E3E3E3;
                text-align: left;
                font-weight: normal;
                padding: 0.2em 0.4em;
            }

            #routeContents li.priceTable TD {
                background: #FFF;
                border-right: 0.2em solid #E3E3E3;
                border-top: 0.1em solid #E3E3E3;
                padding: 0.2em 0.4em;
            }

        #routeContents li .routeSign {
            font-size: 1.1em;
        }

        #routeContents li a.routeSign {
            display: block;
            text-decoration: none;
            color: #333333;
            font-size: 1.1em;
        }

            #routeContents li a.routeSign:hover {
                background: #FFF url(../../images/icons/plantrip_plus.gif) right 0.7em no-repeat;
                border-color: #3C4C63;
            }

        #routeContents li.expanded a.routeSign:hover {
            background: #FFF url(../../images/icons/plantrip_minus.gif) right 0.7em no-repeat;
            border-color: #3C4C63;
        }

        #routeContents li.expanded {
            background: #FFF;
        }

        #routeContents li.stopContainer {
            background: #FFF;
        }

        #routeContents li img {
            border: none;
            margin: 0.2em;
            vertical-align: middle;
        }

            #routeContents li img.transit_icon {
            }

        #routeContents li .routeContainer {
            padding: 0 0.8em 0.8em 3.2em;
        }

            #routeContents li .routeContainer span {
                display: block;
                clear: both;
                font-size: 1.1em !important;
                line-height: normal;
                padding: 0 !important;
                margin: 0 0 0.4em 0 !important;
            }

                #routeContents li .routeContainer span span {
                    font-size: 1em !important;
                }

                #routeContents li .routeContainer span.processing {
                    display: inline;
                    color: #C80000;
                    font-size: 1em !important;
                    font-weight: normal !important;
                }

            #routeContents li .routeContainer p {
                font-size: 1em !important;
                font-weight: normal;
                line-height: normal;
                padding: 0 !important;
                margin: 0.8em 0 0 0 !important;
            }

            #routeContents li .routeContainer a {
                text-decoration: underline !important;
            }

                #routeContents li .routeContainer a.mapit {
                    font-weight: normal !important;
                }

TABLE#routeContents {
    border-collapse: collapse;
}

    TABLE#routeContents TD {
    }

#itineraries .tabbedcontentholder {
    padding-top: 0.8em !important;
}

.printLink {
    margin-bottom: 0 !important;
    padding: 0 !important;
    font-size: 1.1em !important;
    line-height: 14px !important;
    height: 14px !important;
    text-align: right;
    clear: both !important;
    display: block;
}

    .printLink A {
        background: url(../../images/print.gif) right top no-repeat;
        padding-right: 1.5em;
        white-space: nowrap;
    }

/* caveat for schedules pages */
body.schedules_and_maps .printLink {
    display: inline;
    float: right;
    clear: none !important;
}

#rightcolumn {
    float: left;
    margin: 0;
    padding: 0;
    width: 57em;
}

    #rightcolumn #mapWrapper {
        margin-bottom: 0.4em;
    }

    #rightcolumn #LandmarksDiv {
        background: #E3E3E3;
        border: 1px solid #E3E3E3;
    }

        #rightcolumn #LandmarksDiv H4 {
            font-size: 1.1em !important;
            padding-left: 1em;
        }

        #rightcolumn #LandmarksDiv #LandmarkDiv {
            font-size: 1em !important;
            margin: 0 0.4em !important;
            padding: 0.6em 0.6em !important;
            border-top: 0.1em solid #FFF;
        }

            #rightcolumn #LandmarksDiv #LandmarkDiv SELECT {
                width: 24em;
                margin-right: 0.4em;
            }

            #rightcolumn #LandmarksDiv #LandmarkDiv INPUT.radio {
                float: none;
                vertical-align: text-bottom;
                margin-top: 0;
                margin-right: 0.4em;
            }

/* styles used for the autosuggest drop down */
/* Big box with list of options */
#ajax_listOfOptions {
    position: absolute; /* Never change this one */
    width: 320px; /* Width of box */
    height: 250px; /* Height of box */
    overflow: auto; /* Scrolling features */
    border: 1px solid #317082; /* Dark green border */
    background-color: #FFF; /* White background color */
    text-align: left;
    font-size: 1.1em;
    z-index: 100;
}

    #ajax_listOfOptions div { /* General rule for both .optionDiv and .optionDivSelected */
        margin: 1px;
        padding: 1px;
        cursor: pointer;
        font-size: 1.1em;
    }

    #ajax_listOfOptions .optionDiv { /* Div for each item in list */
    }

    #ajax_listOfOptions .optionDivSelected { /* Selected item in the list */
        background-color: #CDD5EA;
        color: #4D69AA;
    }

#ajax_listOfOptions_iframe {
    background-color: #F00;
    position: absolute;
    z-index: 5;
}
/* end styles used for the autosuggest drop down */

/************************ END PAGE SPECIFIC STYLES ************************/


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	Popup window styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
body.popup {
    padding: 1.6em;
    font-size: 10px;
    color: #3F3F3F;
}

    body.popup div.container {
        background: #FFF;
        padding: 1.6em;
    }

        body.popup div.container img.logo {
            width: 27.9em;
            height: 5.2em;
        }

        body.popup div.container h1 {
            font-size: 1.6em;
            margin: 0.8em 0 0.8em 0;
        }

        body.popup div.container h2 {
            font-size: 1.4em;
            margin: 1.6em 0 0 0;
            background-color: #DDDDDD;
            font-weight: normal;
            position: relative;
            width: 100%;
        }

            body.popup div.container h2 a {
                font-size: 0.6em;
                position: absolute;
                top: 0.4em;
                right: 0.8em;
                text-decoration: none;
                text-transform: uppercase;
            }

        body.popup div.container h3 {
            font-size: 1.1em;
            text-transform: uppercase;
            border-bottom: solid 1px;
            padding: 0.8em 0 0.3em 0;
            margin-bottom: 0.4em;
        }

        body.popup div.container p,
        body.popup div.container ul {
            font-size: 1.2em;
            line-height: 1.6em;
            margin: 0 0 0.8em 0;
        }

        body.popup div.container ul {
            margin-left: 1.6em;
        }

        body.popup div.container a {
            color: #435989;
            text-decoration: underline;
            border: none;
        }

            body.popup div.container a:hover {
                text-decoration: none;
            }




/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	Safari CSS Hacks - We don't like it either THIS NEEDS TO BE AT THE END!!!
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#search-main {
    margin-top: 0#;
}

#main-navigation img.dot {
    top: 3.6em#;
}
/* Styles to hide header text for full CSS & images, but will still be accessible */
h1 span,
h3 span,
#schedules_and_interactive_maps ul li a span {
    text-indent: -9999em#;
}


.hidden {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

input[type=text], input[type=email], input[type=tel], input[type=password], select, textarea {
    padding: 2px 5px;
    border: solid 1px darkgray;
}

img {
    border: none;
}

#secondarynav ul {
    list-style: none;
}

#innercontent h1 {
    color: #358B13;
}

#innercontent div.cms_container {
    font-size: 1.25em;
    margin-bottom: 1.4em;
    z-index: 100;
}

    #innercontent div.cms_container h1 {
        color: #358B13;
        font-size: 1.75em;
        padding-bottom: 1.0em;
    }

    #innercontent div.cms_container h2 {
        padding: 0;
        color: #358B13;
        font-size: 1.75em;
        background-color: transparent;
        width: 100%;
        border: none;
    }

    #innercontent div.cms_container td {
        vertical-align: top;
    }

/* ---- */
.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
/* ---- */

.validation-error {
    padding-left: 5px;
    color: red;
}

.error-message {
    border: solid 2px red;
    color: red;
    font-weight: bold;
    background-color: yellow;
    padding: 5px;
    margin-bottom: 10px;
}

.success-message {
    border: solid 2px red;
    color: green;
    font-weight: bold;
    background-color: yellow;
    padding: 5px;
    margin-bottom: 10px;
}

#formcalendar {
	width:160px;
	position:absolute;
	visibility:hidden;
	z-index: 10000;
}
#formcalendar table {
	width: 100%;
}
#formcalendar table th,
#formcalendar table td,
#formcalendar table td a {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}
#formcalendar table td.cpOtherMonthDate a {
	background: #CCCCCC;
}
#formcalendar table td.cpOtherMonthDate a,
#formcalendar table td.cpCurrentMonthDate a,
A.cpTodayText  {
	text-decoration: none !important;
}
#formcalendar table td.cpOtherMonthDate a,
#formcalendar table td.cpCurrentMonthDate a {
	display: block;
}
#formcalendar table td.cpOtherMonthDate a:hover,
#formcalendar table td.cpCurrentMonthDate a:hover {
	background: #7691CD;
	text-decoration: none !important;
}
.cpYearNavigation,
.cpMonthNavigation {
	background-color:#C0C0C0;
	text-align:center;
	vertical-align:center;
	text-decoration:none !important;
	color:#505050;
	font-weight:bold;
	line-height: 18px;
}
A.cpMonthNavigation {
	color:#585E91 !important;
	text-decoration:none !important;
	font-size: 10px;
}
.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
}
TD.cpDayColumnHeader {
	text-align:center;
	font-weight: bold;
	line-height: 18px;
	border-bottom: 1px solid #C0C0C0;
}
.cpCurrentMonthDate,
.cpOtherMonthDate,
.cpCurrentDate	{
	text-align:center;
	text-decoration:none;
	line-height: 14px;
}
.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled	{
	color:#D0D0D0;
	text-align:center;
	text-decoration:line-through;
}
.cpCurrentMonthDate {
	color:#505050;
}
.cpCurrentDate {
	color: #505050;
}
.cpOtherMonthDate {
	color:#7F7D7A;
}
TD.cpCurrentDate {
	color:#FFFFFF;
	background-color: #556CA2;
}
TD.cpCurrentDate a {
	color:#FFFFFF !important;
	text-decoration: none !important;
}
TD.cpCurrentDateDisabled {
	border:solid 1px #FFAAAA;
}
TD.cpTodayText,
TD.cpTodayTextDisabled {
	line-height: 16px;
	border-top: 1px solid #C0C0C0;
}
A.cpTodayText,
SPAN.cpTodayTextDisabled {
	height:20px;
}
A.cpTodayText {
	color:#585E91;
}
SPAN.cpTodayTextDisabled {
	color:#D0D0D0;
}
.cpBorder {
	border:solid 1px #C0C0C0 !important;
	background: #fff;
}