@charset "utf-8";
/* CSS Document */

/*before Integration Code
.findRoute{border:4px solid #c2d8a5; margin-top:15px;}
.findRoute-whitebg{border:1px solid #70b82b;}
.findRoute-inside{background:#e7eee5; border:1px solid #fff; padding:10px; width:540px; float:left;}
*/
/*body{background-image: url(../../images/feedback1.gif);background-repeat: no-repeat; background-position: bottom right; background-attachment: fixed}*/

.findRoute{border:3px solid #34b6c5; margin-top:15px; width:560px; float:left}
.findRoute-inside{background:#e7eee5; padding:10px; width:540px;}
/*.findRoute-inside{background:#e7eee5 url(../../images/nokia-bg.jpg) no-repeat;padding:10px; width:540px;}*/

.purpleBox{border:3px solid #dac9d5; margin-top:15px; margin-left:2px; background:#fff; width:123px; height:115px; padding:4px 0; padding-top:3px; float:left}
.purpleBox p{margin:5px; text-align:center}

.Top20directions{float:left; width:330px; margin-top:25px;}
.Top20directions h2{font:17px verdana; color:#016a5f; padding-bottom:5px; border-bottom:3px solid #70b82b; line-height:20px;}
.Top20directions p{margin-top:10px;}
p.bottomUnderline{border-top:1px solid #c2d8a5; padding-top:5px;}
.Top20directions a{font:12px verdana; color:#005dac; line-height:18px; padding:0 6px}
.Top20directions span{font:11px verdana; color:#4eb74b;}

.detailDirection{font:14px verdana; margin-bottom:15px;}
.detailDirection h2{font:16px verdana; margin-bottom:10px;}
.detailDirection span a{font:14px verdana; color:#005dac}
.detailDirection a{font:12px verdana; color:#005dac}
.detailDirection p{padding-left:10px; margin-top:10px; line-height:18px;}
.detailDirection small a{font:10px verdana; color:#005dac}

.recentlyAdded-Trips{font:12px verdana; margin-top:10px; clear:both}
.recentlyAdded-Trips a{font:14px verdana; color:#005dac}
.recentlyAdded-Trips small a{font:12px verdana; color:#005dac}
.recentlyAdded-Trips p{margin-top:15px; padding-bottom:10px; border-bottom:1px dashed #ccc; line-height:18px;}
.recentlyAdded-Trips h2{font:17px verdana; color:#016a5f; padding-bottom:5px; border-bottom:3px solid #70b82b; line-height:20px;}

.searchDestination{ height:45px;}/*border:4px solid #c2d8a5;*/
.searchDestination_inside{background:#e7eee5; padding:7px 5px;}/*border:2px solid #fff;*/

.Routematch{margin-top:5px; margin-right:15px; border-bottom:1px dashed #ccc; padding-bottom:15px; margin-bottom:15px; clear:both}
.Routematch p{font:14px verdana; margin-top:15px; border-bottom:1px dashed #ccc; padding-bottom:10px; line-height:19px;}
.Routematch a{font:14px verdana; color:#005dac}
.Routematch p span{color:#ff6600}
.backgroundBlue{font:15px verdana; background:#e1f4fd; padding:10px; margin-top:5px; margin-right:15px;}
.Routematch-Show{font:14px verdana; background:#f4fbfe; border:1px solid #e1f4fd; padding:10px; margin-right:80px; margin-bottom:10px; line-height:19px;}

.blueline{background:#E1F4FD; margin:15px 13px 5px 0; height:4px; font-size:1px;}

.addDirection-BlueContainer{background:#f4fbfe; border:1px solid #e1f4fd; margin-left:10px; margin-right:25px;}
.addDirection-BlueContainer p{padding:10px; line-height:16px;}
.addDirection-BlueContainer ol{list-style-type:decimal; margin:0; padding:0; padding-left:33px; }
.addDirection-BlueContainer ol li{font:11px verdana; line-height:19px; }

.directionConatiner{margin-left:180px; margin-top:50px; margin-bottom:40px;}
.directionConatiner p{font:12px verdana; color:#808285; margin:8px 5px; width:340px;}
.directionConatiner p.W200px{width:200px;padding-top:3px; color:#000; font-size:11px;}
.directionConatiner p.blackfont{font:bold 12px verdana; color:#000; margin:5px;  padding-left:30px;}
.directionConatiner h4{font:bold 12px verdana; background:#70b82b; margin:0; width:185px; padding:5px;}
.directionConatiner h5{font:bold 12px verdana; background:#ff6600; margin:0; width:40px; padding:5px; text-align:center; margin-right:3px; float:left}
.directionConatiner .directionMain {width:380px; float:left; clear:both}
.directionConatiner .directionImgContainer{width:250px; float:left; margin-top:5px; min-height:35px; margin-left:10px;}
.directionConatiner .directionImgContainer img{padding-right:5px;}
.directionConatiner .direction {border-right:2px dotted #808285; width:55px; margin:5px 0; padding:3px 10px 3px 0; float:left}
.directionConatiner .direction span{font:11px verdana; color:#00aeef;}
.directionConatiner .direction .areaCode{font:11px verdana; border-bottom:2px solid #fcff00; padding-bottom:2px;}
.directionConatiner .direction .areaCodeRed{font:11px verdana; padding-bottom:2px; color:#ed1651}
.directionConatiner .directionEnd{border-right:2px dotted #FF0000; width:65px; height:20px; margin-bottom:10px;}


.About-Route{border:3px solid #dacae3; width:290px; padding:5px; margin-top:10px;}

.formBlue-Container{background:#f4fbfe; border:1px solid #e1f4fd; margin-right:10px; margin-top:10px; padding:15px 5px}

.busSchedule{font:11px verdana; margin:20px 0 15px 5px;}
.busSchedule h2{font:15px verdana; color:#016a5f;}
.busSchedule table{margin-top:20px}
.pinkConatiner{background:#f99e7e; height:3px; font-size:1px;}

.scheduleContainerTop, .scheduleContainerTop100{font:11px verdana; color:#016a5f; margin-bottom:10px; width:67%; margin-left:5px; float:left}
.scheduleContainerTop p, .scheduleContainerTop100 p{line-height:18px;}
.scheduleContainerTop h2, .scheduleContainerTop100 h2{font:15px verdana; color:#016a5f;}
.scheduleContainerTop100{width:99%;}
.scheduleContainerTopCity-Airport{font:11px verdana; width:28%; margin-top:15px; margin-bottom:10px; border-left:1px solid #cccccc; padding-left:10px; color:#016a5f; float:left}

.scheduleContainer{font:11px verdana; color:#016a5f; margin-top:5px; margin-left:5px; clear:both}
.scheduleContainer p{line-height:18px;}
.scheduleContainer h2{font:15px verdana; color:#016a5f;}
.scheduleContainer table th{font:bold 12px verdana; color:#4eb74b; text-align:left}
.scheduleContainer table td{border-bottom:1px solid #c7eafb;}
.scheduleContainer table td.strike{font:10px; color:#000000; text-decoration:line-through;}
.scheduleContainer table td.strikeM{font:10px; color:#eb4f83; text-decoration:line-through;}
.scheduleContainer table td.yellowBookBtn{margin:3px; font-size:9px; line-height:18px;}
.scheduleContainer table td.yellowBookBtn a{background:#FFCC00; font:11px verdana; color:#005dac; padding:2px 3px;}
.scheduleContainer table td table{ border-bottom:1px solid #c7eafb; margin:2px 0}
.scheduleContainer table td table td{border:0;}

.bookingBoxTop{border-top:1px solid #bcbec0; border-bottom:1px solid #bcbec0; padding:1px 0; margin-top:20px;}
.bookingBox{background:#005baa; border:1px solid #808285; padding:2px;}

.adviceBox{background:#e7eee5; width:503px; float:left; padding:5px 0 5px 10px; margin-bottom:5px}

.MemberTrips{margin-bottom:20px;}
.MemberTrips h3{font:bold 15px verdana; color:#016a5f; border-bottom:2px solid #808285; padding:5px}
.MemberTrips p{font:12px verdana; color:#868686; line-height:16px; padding:0 5px; margin-top:8px;}
.MemberTrips p a{font:12px verdana; color:#005dac;}
.MemberTrips p.Tborder{border-top:1px solid #c2d8a5; margin:5px; padding-top:5px;}

.recommendedRoute{font:12px verdana; color:#000; margin-top:20px; margin-bottom:20px; padding-left:5px;}
.recommendedRoute a{font:14px verdana; color:#005dac;}
.recommendedRoute small a{font:12px verdana; color:#005dac;}
.recommendedRoute p{margin-top:6px; padding-bottom:10px; border-bottom:1px dashed #ccc;}

.recommendedRouteListing{font:12px arial; color:#000; margin-top:20px; margin-bottom:20px; padding-left:5px;}
.recommendedRouteListing a{font:12px arial; color:#005dac;}
.recommendedRouteListing a strong{font:12px verdana; color:#005dac; font-weight:bold}
.recommendedRouteListing p{margin-top:6px; padding-bottom:10px; border-bottom:1px dashed #ccc;}

.busDetail-container{background:#f6f6f6; border-top:4px solid #bcbec0; margin-bottom:20px; border-bottom:4px solid #bcbec0; padding:5px 0}
.busDetail-container p{font:12px verdana;margin-top:10px; line-height:18px;}
.busDetail-container table th{font:bold 12px verdana; border-bottom:1px solid #bcbec0; color:#4eb74b; padding-left:5px; text-align:left}
.busDetail-container table td{font:11px verdana; padding-left:5px;  }
.busDetail-container table td table td{padding-left:0; border:0}

.DirectionTabHead{overflow:hidden; display:block; margin:20px 0; height:25px; border-bottom:2px solid #70b82b;clear:both;}
.DirectionTabHead h3 {padding-left:10px; padding-top:4px; margin-right:5px; font-weight:normal; font-size:15px; font-weight:bold; font-family:verdana; float:left;}
.DirectionTabHead h2, .DirectionTabHead h4 {padding-left:5px; margin-right:10px; font-weight:normal; background:url("../../images/tabR5_horLft_grn.gif") 0 0 no-repeat; font-size:14px; font-weight:bold;  font-family:verdana; float:left; }
.DirectionTabHead h4 { background:url("../../images/tabR_horLftPurple.gif") 0 0 no-repeat; }
.DirectionTabHead h2 a, 
.DirectionTabHead h2 span, .DirectionTabHead h4 a, .DirectionTabHead h4 span {display:block; padding:5px 10px 5px 7px; background:url("../../images/tabR5_horRgt_grn.gif") 100% 0 no-repeat; color:#000;  float:left;}
.DirectionTabHead h4 a, .DirectionTabHead h4 span {background:url("../../images/tabR_horRgt_Purple.gif") 100% 0 no-repeat; color:#005dac}
.DirectionTabHead h2.active {background-image:url("../../images/tabR5_horLftActive_grn.gif"); position:relative; }
html> /**/ body .DirectionTabHead{overflow:inherit; height:27px;}
html> /**/ body .DirectionTabHead h2.active{ margin-top:2px;}
.DirectionTabHead h2.active a, 
.DirectionTabHead h2.active span {background-image:url("../../images/tabR5_horRgtActive_grn.gif"); cursor:default; color:#7fb942; position:relative;}
.DirectionTabHead h2 a:hover {color:#005dac;}
.DirectionTabHead h2.active a:hover { text-decoration:none; cursor:default;}

.directionDetail{font:12px verdana; padding-left:10px; padding-bottom:20px; margin-bottom:10px; border-bottom:1px dashed #ccc;}
.directionDetail p{margin-top:15px; line-height:18px;}

.detailRight{background:#eff9fe;}
.GetSmsContainer{background:#eff9fe; padding:3px; padding-bottom:15px;}

.RoadQuality-container{background:#e6e7e8;}
.purpleBg{font:12px verdana; background:#c7a0cb; padding:10px 5px; color:#fff;}
.RoadQuality-container p{padding:0 3px}
.RoadQuality-container .ratingRoadComp{border:2px solid #ff6600; background:#fff; padding:6px 3px; width:45px;}

.Buses-Container{border-top:4px solid #f99e7e; border-bottom:4px solid #f99e7e; padding-top:5px; margin-top:20px;}
.Buses-Container table{margin-top:10px;}
.Buses-Container table th{font:bold 11px verdana;border-bottom:2px solid #bcbec0; color:#4eb74b; text-align:left}
.Buses-Container table td{font:11px verdana;border-bottom:1px solid #e6e7e8}
.Buses-WhiteContainer{background:#fff; margin-top:5px; padding-bottom:5px;}

.findTrains{padding:15px 10px 5px 10px;}
.purpleBoxLarge{border:4px solid #dac9d5; background:#fff; padding:6px; margin:0 auto; margin-top:10px;}
.purpleBoxLarge p{margin-bottom:10px;}

.moreDirections{margin-top:20px;}
.moreDirections h2{font:15px verdana; color:#016a5f; margin-bottom:10px; padding-left:25px;}
.moreDirections ul{list-style-image:url(../../images/arrow-orange.gif); list-style-position:outside; margin:0; position:0;}
.moreDirections li{margin:0; padding:0; /* hack use for IE7 & 6 */*margin-bottom:10px;  *margin-left:40px;}
.moreDirections li a{font:13px verdana; color:#005dac;}
.moreDirections li small a{font:bold 12px verdana; color:#005dac}

.pumps-Container{ padding:5px; background:#fff; width:500px;border:3px solid #70b82b;}
.sms-Container{border:3px solid #70b82b; padding:10px; padding-top:2px; background:#fff; width:390px; height:130px}

.TabHead{overflow:hidden; display:block; margin-bottom:10px; margin-top:10px; padding-left:15px; height:31px; width:500px; border-bottom:2px solid #70b82b;float:left; clear:both;}
.TabHead h2 {padding-left:5px; margin-bottom:4px; margin-right:5px; font-weight:normal; background:url("../../images/tabR5_horLft_grn.gif") 0 0 no-repeat; font-size:17px;  font-family:verdana; float:left; }
.TabHead h2 a, 
.TabHead h2 span {display:block; padding:7px 10px 7px 10px; background:url("../../images/tabR5_horRgt_grn.gif") 100% 0 no-repeat; color:#4eb74b;  float:left;text-decoration:none;}
.TabHead h2.active {background-image:url("../../images/tabR5_horLftActive_grn.gif"); position:relative; margin-top:-1px; }
html> /**/ body .TabHead{overflow:inherit; height:34px;}
html> /**/ body .TabHead h2.active{ margin-top:2px;}
.TabHead h2.active a, 
.TabHead h2.active span {background-image:url("../../images/tabR5_horRgtActive_grn.gif"); cursor:default; position:relative;}
.TabHead h2 a:hover {color:#005dac;}
.TabHead h2.active a:hover { text-decoration:none; cursor:default;}

.Train-Container, .Bus-Container{border-top:3px solid #005baa; border-bottom:3px solid #005baa; padding:5px 0; margin-top:15px; clear:both}
.Bus-Container{border-top:3px solid #bcbec0; border-bottom:3px solid #bcbec0;}

.transferContainer{font:12px verdana; background:#fff; border:2px solid #ff6600; width:240px; padding:10px; line-height:18px; line-height:18px;}

.GreyTabActive{ background-color:#ffffff; border:#d6d6d6 2px solid; border-bottom:#ffffff 2px solid}
.GreyTabInactive {background-color:#d6d6d6; border:#d6d6d6 2px solid; border-bottom:#d6d6d6 2px solid}

.leftContainer{border:1px solid #70b82b; margin-bottom:20px; padding:10px 10px 10px 10px}

/*New Right NAV component - Top 10 directions*/
.TopDirectionsContainer{border:3px solid #c2d8a5;}
.Directions_inside_for_leftNav{background:#e7eee5; border:1px solid #fff; padding:5px; width:182px;}
.Directions_inside_for_leftNav h3{font:20px Arial; color:#016a5f; border-bottom:1px solid #a6ce39; padding-bottom:5px;}
.Directions_inside_for_leftNav h3 img{float:left; margin-right:10px; margin-top:1px;}
.Directions_inside_for_leftNav{font:11px Arial; border-bottom:1px solid #fff; padding-bottom:5px;}
.Directions_inside_for_leftNav small a{font:11px Arial; color:#005dac}
.Directions_inside_for_leftNav a {font:11px Arial; color:#005dac; padding-bottom:4px; padding-top:4px;}
.Directions_inside_for_leftNav_Line{border-bottom:1px solid #a6ce39; padding-bottom:5px;}
.Directions_inside_for_leftNav_number{width:11%;color:#016A5F;font-family:Arial;font-size:11px; vertical-align:top;}
/* End of component styles*/