/* Global */ BODY {margin: 0px 0px 0px 0px; font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #999999; } TD, .mainText, .normal, .sidebar {margin: 0px 0px 0px 0px; font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #dcdddf; } .title { font-weight: bold; font-size: 18px; text-transform: none; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #EFD6d4; } .secHead {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #1f56c0; padding-top: 10px; padding-bottom: 4px;} .itemHead { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000;} .subtext { font-size: 8pt; color: #000000; font-family: arial,helvetica,sans-serif; } .subtextDate { font-size: 8pt; color: #000000; font-style: italic; font-family: arial,helvetica,sans-serif; } .footer { padding-left: 40px; font-size: 8pt; color: #666666; font-family: arial,helvetica,sans-serif; text-decoration: none; } .printView { font-size: 8pt; color: #666666; font-family: arial,helvetica,sans-serif; text-decoration: none; } .rightColumn {background-color: #F1F0F7; } a:hover { color: #0F42B1; text-decoration: underline; } .smallText { font-size: 8pt; color: #666666; font-family: arial,helvetica,sans-serif; } div#printViewTitle {display: none;} #pageContainer {width: 1000px; background-color: #dcdddf; margin: 5px 0px 5px 0px;} #header {margin-left:0px; width:889px; background-repeat:repeat-x; background-image:url('/shared/templates/SWTII/images/banner.png'); } #banner {background: none; } #banner #b1 {background: none; cursor:pointer;} #banner #b2 {background:none; cursor:pointer; } #banner #b3 .searchInput {font-family: Arial, Helvetica, sans-serif; color: #000000; border-style: none; padding: 0px; font-size: 16px; font-weight: normal; margin-right: 0px; background-color: #f0c28a;} #banner #b3 {background:none; width: 300px; vertical-align: top; padding-top: 10px;} #banner #b4 {background:none;} #banner #b5 {background:none; text-align: right; vertical-align: top;} #banner #b6 {background:none;} #topNav {margin-left:0px; width:900px; background-repeat:repeat-x; background-image:url('/shared/templates/SWTII/images/topnavMid.jpg');} #topNav #tnTable {height:30px; width:100%; background: inherit; } #topNav #tnTable #tn1 {background-image:url('/shared/templates/SWTII/images/topnavLeft.jpg'); background-repeat:no-repeat;} #topNav #tnTable #tn2 {background:none; width: 100%; vertical-align: top; text-align: left; } #topNav #tnTable #tn3 {background-image:url('/shared/templates/SWTII/images/topnavRight.jpg'); background-repeat:no-repeat;} .tnText, a.tnText, .tnPipes {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-transform:uppercase; color: #FFFFFF; text-decoration: none; padding-left: 10px;} a.tnText:hover {text-decoration: underline; color: #edc695; } #mainContainer {width: 900px;} #mainContainer #leftColumn {width: 232px; height: 900px; vertical-align: top;} /* Trip Planner */ #tripPlanner {margin-top: 20px; margin-bottom: 0px; background-image: url('/shared/templates/SWTII/images/tripplanner.png'); background-repeat: no-repeat; } #tpLeft {padding: 45px 0px 35px 15px; background:none; font-size: 10px; font-weight: normal; color: #000000;} #tpRight {background:none; padding: 44px 0px 0px 18px; vertical-align: top;} .searchBy {font-size: 11px; font-weight: bold; color: #ffffff;} div#routes {position: relative; margin-top: 2px; _margin-right:15px; _cursor:pointer;} div#routes a {display: block; text-align: left; } div#routes div#routeBox {display: none; position: absolute; left: 100px; top: 0px; border: solid 1px #000000; text-align:left; background-color: #ffffff; font-size: 10px; color: #000000; font-family: Arial, Helvetica, sans-serif; width: 210px; } div#locations {position:relative; margin-top:4px; _margin-right:15px; _cursor:pointer;} div#locations a {display: block; text-align: left;} div#locations div#locationBox {display: none; position: absolute; left: 100px; top: 0px; border: solid 1px #000000; text-align:left; background-color: #ffffff; font-size: 10px; color: #000000; font-family: Arial, Helvetica, sans-serif; width: 210px; } .redX {text-align: right; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; cursor:pointer;} .popupList {padding: 0px 15px 15px 15px;} .selectList {font: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none; text-decoration: none;} a.selectList:hover {color: #000000; text-decoration: underline;} .buttonDiv {cursor:pointer; border: solid 1px #999999; } #socialNetworking {margin-top: 20px; margin-bottom: 20px; padding-left: 40px; } #twitter { width: 68px; background-image: url('/shared/templates/SWTII/images/twitter.png'); background-repeat: no-repeat; height: 78px; _cursor: hand;} #facebook { width: 68px; background-image: url('/shared/templates/SWTII/images/facebookicon.png'); background-repeat: no-repeat; height: 78px; _cursor: hand; } #searchByLocation {font-size: 11px; font-weight: bold; color: #ffffff; width:90px; padding: 1px 1px 1px 2px;} #mainContainer #mainColumn{vertical-align: top; padding: 0px 0px 0px 0px;} #mainContainer #mainColumn #cookieCrumb {text-align: left;} #mainContainer #mainColumn #belowPromo {text-align: left; padding-left: 10px; padding-top: 13px; } /* banner */ /* Navigation */ #navContainer {margin:0px; } #scheduleIcon {background-image: url('/shared/templates/SWTII/images/scheduleIcon.jpg'); background-repeat: no-repeat;} #scheduleTop {background-image: url('/shared/templates/SWTII/images/scheduleLNTop.jpg'); background-repeat: no-repeat;} #scheduleMid {background-image: url('/shared/templates/SWTII/images/scheduleLNMid.jpg'); background-repeat: repeat-y; width:168px; padding: 0px 0px 0px 0px; text-align:left;} #scheduleBottom {background-image: url('/shared/templates/SWTII/images/scheduleLNBottom.jpg'); background-repeat: no-repeat;} #fareIcon {background-image: url('/shared/templates/SWTII/images/fareIcon.jpg'); background-repeat: no-repeat;} #fareTop {background-image: url('/shared/templates/SWTII/images/fareLNTop.jpg'); background-repeat: no-repeat;} #fareMid {background-image: url('/shared/templates/SWTII/images/fareLNMid.jpg'); background-repeat: repeat-y; width:168px; padding: 0px 0px 0px 0px; text-align:left;} #fareBottom {background-image: url('/shared/templates/SWTII/images/fareLNBottom.jpg'); background-repeat: no-repeat;} #newsIcon {background-image: url('/shared/templates/SWTII/images/newsIcon.jpg'); background-repeat: no-repeat;} #newsTop {background-image: url('/shared/templates/SWTII/images/newsLNTop.jpg'); background-repeat: no-repeat;} #newsMid {background-image: url('/shared/templates/SWTII/images/newsLNMid.jpg'); background-repeat: repeat-y; width:168px; padding: 0px 0px 0px 0px; text-align:left;} #newsBottom {background-image: url('/shared/templates/SWTII/images/newsLNBottom.jpg'); background-repeat: no-repeat;} #cardsIcon {background-image: url('/shared/templates/SWTII/images/cardsIcon.jpg'); background-repeat: no-repeat;} #cardsTop {background-image: url('/shared/templates/SWTII/images/cardsLNTop.jpg'); background-repeat: no-repeat;} #cardsMid {background-image: url('/shared/templates/SWTII/images/cardsLNMid.jpg'); background-repeat: repeat-y; width:168px; padding: 0px 0px 0px 0px; text-align:left;} #cardsBottom {background-image: url('/shared/templates/SWTII/images/cardsLNBottom.jpg'); background-repeat: no-repeat;} #parkIcon {background-image: url('/shared/templates/SWTII/images/parkIcon.jpg'); background-repeat: no-repeat;} #parkTop {background-image: url('/shared/templates/SWTII/images/parkLNTop.jpg'); background-repeat: no-repeat;} #parkMid {background-image: url('/shared/templates/SWTII/images/parkLNMid.jpg'); background-repeat: repeat-y; width:168px; padding: 0px 0px 0px 0px; text-align:left;} #parkBottom {background-image: url('/shared/templates/SWTII/images/parkLNBottom.jpg'); background-repeat: no-repeat;} #eventsIcon {background-image: url('/shared/templates/SWTII/images/eventsIcon.jpg'); background-repeat: no-repeat;} #eventsTop {background-image: url('/shared/templates/SWTII/images/eventsLNTop.jpg'); background-repeat: no-repeat;} #eventsMid {background-image: url('/shared/templates/SWTII/images/eventsLNMid.jpg'); background-repeat: repeat-y; width:168px; padding: 0px 0px 0px 0px; text-align:left;} #eventsBottom {background-image: url('/shared/templates/SWTII/images/eventsLNBottom.jpg'); background-repeat: no-repeat;} #aboutIcon {background-image: url('/shared/templates/SWTII/images/aboutIcon.jpg'); background-repeat: no-repeat;} #aboutTop {background-image: url('/shared/templates/SWTII/images/aboutLNTop.jpg'); background-repeat: no-repeat;} #aboutMid {background-image: url('/shared/templates/SWTII/images/aboutLNMid.jpg'); background-repeat: repeat-y; width:168px; padding: 0px 0px 0px 0px; text-align:left;} #aboutBottom {background-image: url('/shared/templates/SWTII/images/aboutLNBottom.jpg'); background-repeat: no-repeat;} #schedule_inactive {background-image: url('/shared/templates/SWTII/images/schedule_inactive.gif'); background-repeat: no-repeat; height:57px; width:225px; text-align:left;} #fare_inactive {background-image: url('/shared/templates/SWTII/images/fare_inactive.gif'); background-repeat: no-repeat; height:57px; width:225px; text-align:left;} #news_inactive {background-image: url('/shared/templates/SWTII/images/news_inactive.gif'); background-repeat: no-repeat; height:57px; width:225px;text-align:left;} #cards_inactive {background-image: url('/shared/templates/SWTII/images/cards_inactive.gif'); background-repeat: no-repeat; height:57px; width:225px; text-align:left;} #park_inactive {background-image: url('/shared/templates/SWTII/images/park_inactive.gif'); background-repeat: no-repeat; height:57px; width:225px; text-align:left;} #events_inactive {background-image: url('/shared/templates/SWTII/images/events_inactive.gif'); background-repeat: no-repeat; height:57px; width:225px; text-align:left;} #about_inactive {background-image: url('/shared/templates/SWTII/images/about_inactive.gif'); background-repeat: no-repeat; height:57px; width:225px; text-align:left;} #navItem {padding-top:17px; padding-left:70px;} a.navMain, a.navMainHigh {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #ffffff; text-decoration: none; } a.navMain:hover, a.navMainHigh:hover {text-decoration: underline; color:#ffffff;} div#SubNav {margin-left: 15px;} .SubNavtext, a.SubNavtext {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #ffffff; text-decoration:none; } .SubNavtextHigh, a.SubNavtextHigh {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #ffffff; text-decoration:underline;} a.SubNavtext:hover, a.SubNavtextHigh:hover {text-decoration: underline; color:#ffffff;} .navMain2 { font-weight: bold; font-size: 10pt; color: #333333; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } .navSidebar { font-weight: bold; font-size: 12px; color: #333333; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } .navCookieCrumb, a.navCookieCrumb { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; padding-left: 2px; font-weight: bolder; padding-top: 1px; padding-bottom: 2px; text-decoration: none;} /* SWT Schedule Landing Page */ #schtable {} #rtDropbox {width: 210px; height: 128px; background-image:url('/shared/templates/SWTII/images/rtDropbox.gif'); background-repeat: no-repeat;} #rtSelector {position: relative; width: 168px; height: 22px; margin: 43px 0px 0px 15px;} #rtSelector a {display: block; text-align: left; } #routeBox2 {display: none; position: absolute; left: 0px; top: 25px; border: solid 1px #000000; text-align:left; background-color: #ffffff; font-size: 10px; color: #000000; font-family: Arial, Helvetica, sans-serif; width: 210px; } #locDropbox {width: 210px; height: 128px; background-image:url('/shared/templates/SWTII/images/locDropbox.gif'); background-repeat: no-repeat;} #locSelector {position: relative; width: 168px; height: 22px; margin: 43px 0px 0px 15px;} #locSelector a {display: block; text-align: left; } #locationBox2 {display: none; position: absolute; left: 0px; top: 25px; border: solid 1px #000000; text-align:left; background-color: #ffffff; font-size: 10px; color: #000000; font-family: Arial, Helvetica, sans-serif; width: 210px; } .selectorDiv {cursor: hand; padding: 11px 80px 11px 80px; } /* SWT bus schedule table */ #finderTable {margin-top: 5px;} #rtfinder {width: 142px; height: 107px; background-image:url('/shared/templates/SWTII/images/rtfinder.gif'); background-repeat:no-repeat;} #locfinder {width: 289px; height: 107px; background-image:url('/shared/templates/SWTII/images/locfinder.gif'); background-repeat:no-repeat;} #rtfinderContent {width: 110px; padding: 10px 5px 10px 5px; border-bottom: solid 1px #515151; background-color: #ffffff;} #locfinderContent {width: 259px; padding: 10px 5px 10px 5px; border-bottom: solid 1px #515151; background-color: #ffffff;} .routeHead { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #1F56C0;} .sideheader { border-top: 1px solid #CCCCCC; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; background-image: url(/shared/templates/SWtransit/images/sepia9.jpg);} .sideheaderR { border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #FFFFFF; background-image: url(/shared/templates/SWtransit/images/sepia9.jpg);} .schedule0 { font-size: 8pt; color: #000000; font-family: arial; background-color: #FFFFFF; text-align: center; } /* darker */ .schedule1 { font-size: 8pt; color: #000000; font-family: arial; background-color: #DCDDDF; text-align: center; } .schedule2 { font-size: 8pt; color: #FFFFFF; font-family: arial; background-color: #919294; text-align: center; } .scheduleXM { font-weight: bold; font-size: 10pt; color: #ffffff; font-family: arial; background-color: #7E7F81; text-align: center; } a.scheduleStop {text-decoration: none;} .scheduleTop0 { font-size: 8pt; color: #000000; font-family: arial; background-color: #ffffff; _writing-mode: tb-rl; _filter: flipv fliph;} /* darker */ .scheduleTop1 { font-size: 8pt; color: #000000; font-family: arial; background-color: #DCDDDF; _writing-mode: tb-rl; _filter: flipv fliph;} /* */ /* print view modes - a bug in IE causes a page break after rotated text [jj 04Jun14] */ .scheduleTop0PV { font-size: 8pt; color: #000000; font-family: arial; background-color: #DFD6C4; _writing-mode: tb-rl; _filter: flipv fliph;} /* darker */ .scheduleTop1PV { font-size: 8pt; color: #000000; font-family: arial; background-color: #ffffff; _writing-mode: tb-rl; _filter: flipv fliph;} /* Sidebar */ .sbHead { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #666666; border-right-color: #666666; border-bottom-color: #666666; border-left-color: #666666; font-weight: bold; background-image: url(/shared/templates/SWtransit/images/sepia4.jpg);} .sbText { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-image: url(/shared/templates/SWtransit/images/gray5.jpg); border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #666666; border-right-color: #666666; border-bottom-color: #666666; border-left-color: #666666;} /* Promotions */ #homePromo {background-image: url('/shared/templates/SWTII/images/homePromo.png'); _background-image: url('/shared/templates/SWTII/images/homePromo.gif'); background-repeat: no-repeat; height: 250px; margin-top: 13px;} #homePromoImage {} #homePromoContainer {background: none; height: 250px; text-align: left; padding-top: 20px;} #homePromoTable {background: none; width: 640px; } .homePromoTitle {color: #EFBE47; font-size: 12pt; font-weight: bold; background: none; text-align: left; } .homePromoDate {color: #666666; font-size: 8pt; font-style: italic; background: none; text-align: left;} .homePromoSummary {color: #FFFFFF; font-size: 9pt; background: none; text-align: left;} .homePromoLink {background: none; padding-top: 10px; text-align: right;} .homePromoLinkText, a.homePromoLinkText {color: #EFBE47; font-size: 10pt; padding-top: 10px; text-decoration: underline;} .promoTitle {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #1f56c0; padding-top: 10px; padding-bottom: 4px;} a.promoTitle {text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #1f56c0; padding-top: 10px; padding-bottom: 4px;} a.promoTitle:hover {text-decoration: underline;} .promoTitleRight { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; background-image: url(/shared/templates/SWtransit/images/sideBG2.gif); padding-right: 3px; padding-bottom: 12px; padding-left: 5px; padding-top: 2px; border: 0px none;} a.promoTitleRight {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none;} .promoItem { padding-left: 3px; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; } /* SnapPoll */ .spTable { border: #CCCCDD 1px solid;} .spHead { padding-right: 5px; padding-left: 5px; font-weight: bold; font-size: 14px; padding-bottom: 5px; color: #000066; padding-top: 5px; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; } .spText { padding-right: 5px; padding-left: 5px; font-size: 10pt; padding-bottom: 5px; padding-top: 5px; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; } /* Message Forum */ .messagePost { font-size: 10pt; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #dddddd; } /* Form */ .wizardField { font-size: 10pt; color: #000000; font-family: Arial, Helvetica, sans-serif; } .wizardMenuStep { font-weight: bold; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; } .wizardFieldRequired { font-weight: bold; font-size: 10pt; color: #990000; font-family: Arial, Helvetica, sans-serif; } /* calendar styles */ .calTextHeader { font-size: 8pt; color: #FFFFFF; font-weight: bold; background-color: #885552; text-decoration: none; } .calTextSubHeader { border-right: #666666 1px solid; font-size: 7pt; color: #666666; border-bottom: #666666 2px solid; background-color: #ffffff; text-align: center; text-decoration: none; } .calText { border-right: #666666 1px solid; font-size: 7pt; color: #333333; border-bottom: #666666 1px solid; background-color: #ffffff; text-align: center; text-decoration: none; } .calTextToday { border-right: #666666 1px solid; font-size: 7pt; color: #333333; border-bottom: #666666 1px solid; background-color: #eeddee; text-align: center; text-decoration: none; } /* Miscellaneous */ .box { border-right: #CCCCCC 1px solid; padding-right: 3px; padding-left: 6px; font-weight: bold; font-size: 10pt; padding-bottom: 3px; padding-top: 3px; font-family: arial,helvetica,sans-serif; } .line1 { background-color: #333333; } /* taxonomy in form display */ .sectionMenu, .sm { width: 7px; } .sectionMenuExpander, a.sectionMenuExpander, a.sectionMenuExpander:link, a.sectionMenuExpander:vlink, a.sectionMenuExpander:hover, .sme, a.sme, a.sme:link, a.sme:vlink, a.sme:hover { font-weight: bold; width: 12px; font-size: 10pt; color: #000099; text-align: right; text-decoration: none; } .sectionMenuItem, .smi { font-size: 9pt; margin-left: 9px; color: #000099; text-decoration: none; } .sectionMenuItemLow { font-size: 9pt; margin-left: 9px; color: #9999ff; text-decoration: none; } .sectionMenuItemActive, .smiA { font-size: 9pt; margin-left: 9px; color: #000099; padding-right: 2px; padding-left: 2px; font-weight: bold; letter-spacing: 1pt; background-color: #ddddee; text-decoration: none; } /* Print View */ @media print { div#printViewTitle {display: block; text-align:left; margin: 0px 0px 25px 0px;} .printViewTitleText {text-align: left; font-size: 24px; font-weight: bold; color: #000000; font-family: Arial, Helvetica, sans-serif; } div#header {display: none; height: 0px;} td#leftColumn {display: none;}