/* version 3k Jul15 */

.content h1 { margin-bottom:-45px; }
#trip-plan-cont h1 { display:none; }
#trip-plan-cont h2 { margin-left:0px; padding-left:0px; }
#ttc-grid-content .content .main-content { border-top:none; }
#trip-plan-cont { padding:20px 0px; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, iframe, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding:0; border:0; font-weight:auto; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
.calendar { width:198px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
body { background-color:none; background:url("/images/fixedImages/ttc-main-header-bg.gif") repeat-x scroll 0 0 transparent;/*text-align:center;*/ font-size:76%; font-family:verdana, helvetica, sans-serif; font:small; }
html>body { font:verdana, helvetica, sans-serif; }
a, a:visited { text-decoration:none; color:#104ba5; }
a:focus, a:active {/*-moz-outline:0px none #ce0608;outline:0px none #ce0608;*/ }
a:hover { text-decoration:underline; }
#ttc-main-header ul#ttc-main-nav li a { text-decoration:none; }
#ttc-main-header ul#ttc-main-nav li a:hover { text-decoration:underline; }
.clear { clear:both; float:none; }
.required img { padding-bottom:2px; }
/* Global Service Alert Styles */
.ttc-service-alert { margin:0; }
.ttc-service-alert .alert { text-indent:-1000px; overflow:hidden; float:left; }
.ttc-service-alert h4 { padding:0 0 0 5px; color:#fff; font-size:100%; }
.ttc-service-alert h4 img { vertical-align:middle; padding-bottom:3px; }

.alert-updated { margin:6px 0 0 0; }
/* End Global Service Alert Styles */

.btn-trip, .btn-trip:visited, .btn-back, .btn-back:visited, a.btn-return-trip, a.btn-return-trip:visited { font-family:verdana, helvetica, sans-serif; font-weight:normal; color:#FFFFFF; border:1px solid #666; padding: 1px 15px; _padding:1px 15px; margin:6px 0 0 5px; _margin:4px 0 0 0; font-size:108%; }
.btn-back, .btn-back:visited { background:#535353; padding: 1px 6px; _padding:1px 1px; float:left; }
a.btn-return-trip, a.btn-return-trip:visited { background:#336699; padding: 1px 6px; _padding:1px 1px; float:right; }
.btn-trip:hover, .btn-back:hover { text-decoration:underline; cursor:pointer; }
#trip-plan-cont {/*width:597px;_width:550px;*/ padding:20px 10px; text-align:left; }
#trip-plan-cont h1 { font-size:240%; padding:0 0 5px 0; font-family:trebuchet ms, verdana, helvetica, sans-serif; }
#trip-plan-cont h2 { font-size:130%; padding:3px 0 5px 5px; margin:0 0 5px 0; color:#535353; margin-bottom:10px; }
#trip-plan-cont #main-content {/*border-top:2px solid #000; padding-top:20px;*/  position:relative;  }
#trip-plan-cont h3 { font-size:150%; position:relative; padding:0 0 5px 0; font-family:trebuchet ms, verdana, helvetica, sans-serif; margin-bottom:10px; }
#trip-plan-cont p { margin-bottom:15px; clear:none; position:relative; }
p.top-text { background:#eef3f6; padding:5px; }
#trip-plan-cont #main-content form { border:none; margin:/*10px*/ 0; padding:0px; _padding:10px; }
#trip-plan-cont #main-content .optform { padding:0px;}
#StartDetail, #EndDetail { width:82%; margin:5px 0 10px 0; float:right; }
#trip-plan-cont .note { color: #535353; margin: 5px 0; }
#trip-plan-cont #main-content .trip-options form { border:0; margin:3px 0; padding:3px; } /* added */
#trip-plan-cont #main-content .trip-new-plan-link form { border:0; margin:3px 0; padding:3px; } /* added */
#trip-plan-cont #main-content a { text-decoration:none; } /* added */
#trip-plan-cont #main-content .trip-itinerary a { text-decoration:none; color:#104ba5; } /* added */
.trans-mode-icon { display: block; width: 30px; height: 18px; text-align: center; float: left; clear:left; } /* added */
.trans-mode { display: block; height: 18px; padding: 10px 0; float: left; clear:right; } /* added */
#destination-left {/*float:left;width:48%; border-right:1px solid #ccc; padding-right:10px;*/ }
#destination-right { float:right; width:48%; margin-bottom:15px; }
#destination-right a { text-decoration:underline; }
#destination-right a:hover { text-decoration:none; }
.verify-left { float:left; width:48%; }
.verify-right { float:right; width:45%; margin-bottom:15px; }
.verify-right ul { list-style:none; margin:0; }
.verify-right ul li { padding:2px 0; }
.verify-right ul li a { text-decoration:underline; }
.verify-right ul li a:hover { text-decoration:none; }
#destination-right #SelectEndType, #destination-right #SelectEnd, #destination-right #MatchDestination, .verify-left #trip-plan-verify-to, .verify-left #trip-plan-verify-from, #destination-left #SelectStartType, #destination-left #SelectStart, #destination-left #MatchOrigin { width:98%; margin:5px 0 10px 0; }


#date-sel { float:left; }
#time-label { float:left; margin-right:30px; position:relative; }
#time-leave { float:left; margin-right:5px; }
#time-date { float:left; /*margin:0 0 0 5px;*/ }
#trip-plan-time { width:75px; }
#time-date input, #time-date select { margin:0 5px; }
form div.more-options { background:#eef3f6; float:left; width:97%; text-align:left; margin:15px 0; padding:20px 10px; position:relative; }
form div.more-options div#trip-options { width:58%; background:none; float:left; padding-right:10px }
form div.more-options div#trip-options img { margin:0 3px; }
form div.more-options div#trip-options label { margin-top:10px; }
form div.more-options div#vehicle-options { border-left:1px solid #000; float:left; padding-left:25px; width:33%; vertical-align:middle; }
form div.more-options div#vehicle-options img { margin:8px 0 -8px 0; _margin:8px 0 0 0; }
form div.more-options div#vehicle-options h3 { margin-bottom:0; position:relative; }
/*Your Trip style*/

#trip-info-left { float:left; width:40%; margin-right:5%; }
#trip-info-left ul { margin:0; list-style:none; }
#trip-info-walk { float:left; width:25%; margin-right:5%; }
#trip-info-walk img { float:left; margin:0 5px 50px 0; }
#trip-info-access { float:left; width:25%; }
#trip-info-access ul { list-style:none; }
#trip-info-access ul li { margin-bottom:10px; }
#trip-info-access ul li img { margin:2px 5px 20px 0; float:left; }
/* TRIP OPTIONS */

.trip-options { margin-bottom:20px; zoom:1; clear:both; }
.trip-options .trip-options-row { border:/*1px solid #d2e1e8;border-top:*/none; padding:0; background:#ffffff; }
.trip-options .trip-options-row.blue { background:#F4F6F7; }
/*.trip-options-row:hover {background-color:#ffffcc; cursor: hand;}*/ /* added */
/*.trip-options-row.blue:hover {/*background-color:#ffffcc; cursor: hand;}*/ /* added */

.trip-options .trip-options-row span.vehicle-images { float:right; }
.trip-options .trip-options-row span.vehicle-images img { margin-right:10px; }
#trip-plan-cont #main-content .trip-options .trip-options-row a { float:left; }
#trip-plan-cont #main-content .trip-options .trip-options-row a:hover { text-decoration:none; }
.trip-options .trip-options-row span { float:none; margin-right:5px; font-weight:bold; }
.trip-options form a { text-decoration:underline; float:left; color:#104ba5; } /* added */
.trip-options form a:hover { text-decoration:none; }
.trip-options .trip-options-row dl dt { float:left; width:25%; font-weight:bold; font-size:100%; padding:0; font-family:verdana, helvetica, sans-serif; }
.trip-options .trip-options-row dl dd { float:left; }
.trip-options .trip-options-row dl dd ul { list-style:none; padding-left:0; }
.trip-options .trip-options-row dl dd ul li { clear:both; }
.trip-options .trip-options-row span.walking-distance { float:right; display:block; font-weight:normal; }
/*Itinerary*/

.trip-itinerary { border-top:1px solid #d2e1e8; margin-bottom:20px; }
.trip-itinerary .itinerary-row { border:1px solid #d2e1e8; border-top:none; padding:5px 10px; width:auto; }
.trip-itinerary .itinerary-row.blue { background:#F4F6F7; }
.trip-itinerary .itinerary-row .icon { float:left; width:40px; margin:0; padding:0px; position:relative; }
.trip-itinerary .itinerary-row .info { float:left; _width:auto; position:relative; margin:0; padding:0px; _width:92%; }
.trip-itinerary .itinerary-row .info .info { float:none; display:inline; }
.trip-itinerary .itinerary-row .info span { float:left; margin-right:5px; font-weight:bold; }
.trip-itinerary .itinerary-row .info ul, .itin-sum-remark ul {/*list-style:none;*/ }
.trip-itinerary .itinerary-row .info ul li { padding:0; margin-bottom:10px; }
.trip-itinerary .itinerary-row .info ul li.poi-row-item { padding:0; margin-bottom:2px; }
.trip-itinerary .itinerary-row .info ul li img { vertical-align:top; }
.trip-itinerary .itinerary-row .info p { margin-bottom:0; }
.tp-map { margin:20px 0; float:right; }
ul.bottom-links { list-style:none; margin:20px 0; }
ul.bottom-links li { float:left; margin-bottom:10px/*;width:33%;*/ text-align:center;
}
#trip-plan-cont #main-content ul.bottom-links li a:hover { text-decoration:underline; }
.extra-fare { font-weight:bold; }
.extra-fare img { margin-right:5px; }
/*Validation styles*/

#validation-header { padding:10px; margin:10px 0; border:2px solid #d5070d; color:#000; }
#validation-header h3 { font-size:120%; font-weight:bold; }
/*TEMP FIX FOR DOUBLE HEADER*/

.content h1 { margin-bottom:-45px; }
#trip-plan-cont h1 { display:none; }
#trip-plan-cont h2 { margin-left:0px; padding-left:0px; }
#trip-plan-cont { padding:20px 0px; position:relative; }
.schedule #trip-plan-cont, .route #trip-plan-cont { padding:20px 10px; _width:500px; }
#validation-header ul { list-style:none; margin:10px 0 10px 25px; }
#validation-header ul li { margin-bottom:5px; }
#validation-header ul li a { text-decoration:underline; }
#validation-header ul li a:hover { text-decoration:none; }
dl.validation { margin:0; }
dl.validation dt { float:left; clear:both; }
dl.validation dd { margin:20px 0 5px 0; width:48%; color: #d5070d; }
#destination-left dl.validation dd { margin:20px 0 5px 0; width:98%; }
dl.trip-tip { margin:0; }
dl.trip-tip dt { float:left; clear:both; width:25px; }
dl.trip-tip dd { margin:10px 15px 20px 25px; }
dl.trip-tip dd h4 { font-weight:bold; }
form div.more-options div#vehicle-options dl.validation { margin:0; }
form div.more-options div#vehicle-options dl.validation dt { float:left; clear:both; }
form div.more-options div#vehicle-options dl.validation dt img { margin:0; }
form div.more-options div#vehicle-options dl.validation dd { margin:20px 0 5px 0; width:98%; }
dl#ttc-fares { margin:0 5px 10px;/*font-size:92%;*/ }
dl#ttc-fares dt { margin:0; font-weight:bold; }
dl#ttc-fares dd { margin-bottom:10px; }
/* map css */

div#mapbox { margin: 15px 0 10px 0; float: left; }
.mapshow { padding: 20px 10px 0 5px; margin: 0; background-color: #888888; border: 1px solid #222222; height: 445px; text-align: left; vertical-align: middle; }
.mapwid { width: 462px; }
div#mapdraw { position:absolute; width: 400; height: 400; }
ul#ttc-main-nav a, ul#utility-nav a, #ttc-main-header ul#ttc-main-nav li a, #ttc-main-header ul#ttc-main-nav li a { text-decoration:none; }
.content .main-content { border-top:none; }
/* .ttc-service-alert .alert-content {border:none;} */
.ttc-service-alert { width:151px; }
.menu a { height:auto;  position:relative;}
/* .menu{display:none;} */

.menu { border:none; background:none; position:relative; z-index:99;*top:-1px; top:0px\0/; }
/*.menu button{border:1px solid #fff;}*/

.menu button { background:#dfdfdf url("/images/fixedImages/ttc-sched-nav_bg_off.gif") 0 0 repeat-x; color: #0070C0; text-align: left; display:inline; float: left; border: 1px solid #BED4DF; border-bottom:none;*border-bottom: 1px solid #BED4DF; font-size:100%; font-family:verdana, helvetica, sans-serif; top:0; top:1px\0/; padding: 0 0 3px 2px; *padding: 0 0 2px 2px; width: 144px; height: auto; line-height: 1.2; margin-right:5px; position:relative; z-index:999; *height:42px; *overflow:visible; *top:0;}
/* trip plan opt css */
#origin-opt-left #start-detail { display: block; padding: 5px; }
#destination-opt-left #end-detail { display: block; padding: 5px; }
#trip-plan-cont #main-content .from-to { width:15%; }
table th { padding-left:0; }
.main-content #trip table { width:auto; position:relative;}
#trip-plan-cont #main-content form h2 { float:left; }
/*#itin-sum{float:none;}*/

#trip-detail-btn { width:auto; padding:2px 5px; margin:15px -5px 0 0 ; }

.menu .tab-button { }
.menu .tab-active { background:#fff url("/images/fixedImages/ttc-sched-nav_bg.gif") 0 0 repeat-x; color: #000; text-decoration:none; border-bottom: none; }

.menu button.tab-active{/*_height:43px;*/ *border-bottom:1px solid #fff; *overflow:visible; }
.menu .tab-button:hover .itin-option { text-decoration:underline; color:#0070C0; cursor:hand; }
.menu .tab-button .itin-time { text-decoration:none; color: #000; cursor:hand; }
.menu a { width:136px; margin-right:6px; height:auto; background:#dfdfdf url("/images/fixedImages/ttc-sched-nav_bg_off.gif") 0 0 repeat-x; color: #0070C0; text-align: left; display:inline; float: left; border: 1px solid #BED4DF; border-bottom:none; border-left:none; padding:0px 2px 6px 3px; _padding:0px 2px 4px 3px; line-height: 1; font-size:100%; top:0; }
.menu a span.opt-desc .itin-time { margin-top: 0px; }
.menu #tablink1 { border-left: 1px solid #BED4DF; }
.itin-option { font-weight:bold; margin-bottom: 0; }
.menu .tab-link:hover .itin-option { text-decoration:underline; color:
#0070C0; cursor:hand; }
.menu .tab-link .itin-time { text-decoration:none; color: #000; cursor:hand; }
.menu .opt-desc { width: 130px; }
.menu #tablink4 .opt-desc {/*padding-top:6px;_padding-top:6px;*/ display:block; }
.menu #tablink4 .opt-desc .itin-time { margin-top:0px; }
.menu .opt-desc ul { list-style:none; padding:0; margin:0; }
#itin-sum-title { /*margin-top:5px;  */ margin:0; padding:0; }
a#tablink1, a#tablink2, a#tablink3, a#tablink4 { border-left: 1px solid #BED4DF; z-index:999; }
#tablink4 { /*padding-bottom:12px;*/ *padding-bottom:5px; _padding-bottom:4px;}
#tablink4.tab-active{*padding-bottom:7px; _padding-bottom:4px;}
button#tablink4 { height: 42px; height: 40px\0/; *height:42px; _height:40px; overflow:visible;}
#trip-plan-cont .main { position:relative; z-index:98; margin-top:-1px; *margin-top:-2px; width:575px\0/; _width:575px;
}
/*.help{padding-top:5px;}*/
.help:focus, .help:hover { border:1px solid #000; /**padding-top:2px;*/}
.help-icon { position:relative; }/* Fixes the uneven focus roll-over in ie6*/
/* CONTEXT HELP */

#context-help { display: block; position: absolute; top: 0; left: 0; width: 300px; padding: 5px 10px; background: #FFC; border: 1px solid #CCC; text-align: left; margin-left:3px; margin-top:14px; margin-top: 26px\0/; *margin-top: 13px; _margin-top: 15px;
margin-left:3px; *margin-left:0px; _margin-left:0px; z-index: 1000; }
#close-help { display: block; position: absolute; top: 0; left: 0; margin-top: 14px; margin-top: 26px\0/; margin-left:-2px; *margin-top: 13px; _margin-top:15px; z-index: 1001; *margin-left:-3px; _margin-left:-3px; }
#close-help img { margin:0 3px; }
#ttc-main-content.schedule h3 a.help { outline: none; }
a.help { border:1px solid #fff; }
table.ttc-direction-table a.help, .more-options a.help { border:1px solid #eef3f6; }
a.help:focus, a#close-help:focus { border: 1px solid #000; }
#origin-left, #destination-left { position:relative; }
span.required { background:url("/images/fixedImages/asterisk.gif") 0 0 no-repeat; /*font-size:1px;* vertical-align:super;*/ padding:0px 4px 0; display:inline; position:relative; }
#ttc-trip-planner #destination-left div.dirSwap a { display:block; width:20px; height:20px; border:1px solid #fff; }
#ttc-trip-planner #destination-left div.dirSwap a:hover, #ttc-trip-planner #destination-left div.dirSwap a:focus { border:1px solid #000; }
#trip-plan-cont form h3 { margin:5px 0; }
/*Style for Help Icon */

a.help { _margin:0; _padding:0; border:1px solid #FFFFFF; height:20px; position:relative; text-align:center; text-decoration:none; width:20px;  *display:inline; *zoom:1;
}

#trip #main-content .trip-itinerary .itinerary-row .info { _width:490px; }

#tabcontent1, #tabcontent2, #tabcontent3, #tabcontent4{padding:0; margin:0; /* *left:-20px; _left:10px;*/ position:relative; width:550px;}