body{
	font:12px Arial, Helvetica, sans-serif;
}
#left_bottom { font:11px Arial, Helvetica, sans-serif}
#roadcheck { font:12px Arial, Helvetica, sans-serif; color:#369; padding:5px 0}

.info-arrow { background:url(https://x1.sdimgs.com/img/journey/arrow-bg.gif); }
.info-arrow div.arrow { background:url(https://x1.sdimgs.com/img/journey/arrow.gif); width:33px; height:15px; margin-left:6px}
.info-arrow#no-sv { background:url(https://x1.sdimgs.com/img/journey/arrow-bg-rd.gif); }
.info-arrow#no-sv div.arrow{ background:url(https://x1.sdimgs.com/img/journey/arrow-rd.gif); width:33px; height:15px; margin-left:6px;}
.info-arrow#no-sv div#con-no-sv {padding:0 15px 15px;color:#993333;margin-bottom:10px;background:#ffd9d9; text-align: center}

tr.road:hover td{
	background-color: rgb(240,240,240);
	color:rgb(47,105,153);
	cursor: pointer;
	/*font-weight: bold;*/
}

tr.road_hovered td{
	background-color: rgb(230,230,230);
	color:rgb(47,105,153);
	cursor: pointer;
	font-weight: bold;
}

.information,.carpark{
	font-style: Times New Roman;
	font-size: 12px;
	/*background-color:rgb(245,245,245);*/
}

tr.information td { vertical-align:top;cursor:pointer;}

tr.information:hover td{
	font-style: Times New Roman;
	font-size: 12px;
	background-color:rgb(233,233,233) ;
}

tr.carpark:hover td{
	font-style: Times New Roman;
	font-size: 12px;
	background-color:#ddd !important;
}

tr.hovered td{
	font-style: Times New Roman;
	font-size: 12px;
	background-color:rgb(233,233,233) !important;
}

#carparking tr.hovered td{
	font-style: Times New Roman;
	font-size: 12px;
	color: white;
	background-color:rgb(103,155,203)!important;
}

#carparking div#p-icon { background:url(https://x1.sdimgs.com/img/journey/icon/circlepark-icon.png);font-weight:bold; color:#FFF; width:9px; height:15px; padding:0 3px}

#carparking tr.hovered td span.dateinfo{
	color: white;
}

.information td{
	padding:5px; color:#666;
}
.information td b{
	color:#333;
}

.information_list{
	padding:5px;
	background-color:rgb(245,245,245);
}

#direction_logo {
	width:100%;
	/*border: solid 1px #333;*/
	height:36px;
}

#go{
	width:350px;
	height:671px;
	position:absolute;
	top:-66px;
	left:0px;
}
#go:hover{
	width:350px;
	height:671px;
	position:absolute;
	top:-92px;
	left:0px;
}

/*.textbox {
	width: 100%;
}*/

.textbox {
/*width: 100%;*/
	width: 245px;
}

.transport_default{

}

.transport_default:hover{

}

.transport_selected{
	width:93px;
}

.label {
	color:rgb(54,107,149);
	font:bold 12px Arial, Helvetica, sans-serif;
}

.label1 {
	color:rgb(148,185,216);
	font:bold 12px Arial, Helvetica, sans-serif;
}

table#carparking tr.carpark td { padding:5px; background-color:#eee}
span.num { font-size:12px; }
table#carparking tr.title td { padding:5px; font: bold 12px Arial, Helvetica, sans-serif}
table#carparking tr:hover { background:#669bcc; cursor:pointer}
table#carparking { border:1px solid #ccc; margin-right:20px}
span.dateinfo { color:#666}

.path-tb1 { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position:-50px;  padding:0 5px 5px 5px !important}
.path-tb { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position:-50px; padding:0 5px 5px 5px !important}
.path-tb2 { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position:-50px; padding:5px 5px 0 5px !important}
.path-tb2.end { background:url(https://x1.sdimgs.com/img/journey/path.gif) center no-repeat;background-position:-50px; padding:0 5px 5px 5px !important}

.path-walk1 { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: 0px; padding:0 5px 5px 5px !important}
.path-walk { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: 0px; padding:0 5px 5px 5px !important}
.path-walk2 { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: 0px; padding:5px 5px 0 5px !important}
.path-walk2.end { background:url(https://x1.sdimgs.com/img/journey/path.gif) center no-repeat;background-position: 0px; padding:0 5px 5px 5px !important}

/*.path-ccl1 { background:url(https://x1.sdimgs.com/img/journey/path-ccl.gif) center repeat-y; padding:0 5px 5px 5px !important}*/
.path-ccl1 { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: -250px; padding:0 5px 5px 5px !important}
.path-ccl { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: -250px; padding:0 5px 5px 5px !important}
.path-ccl2 { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: -250px; padding:5px 5px 0 5px !important}
.path-ccl2.end { background:url(https://x1.sdimgs.com/img/journey/path.gif) center no-repeat;background-position: -250px; padding:0 5px 5px 5px !important}

.path-ew1 { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: -200px; padding:0 5px 5px 5px !important}
.path-ew { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: -200px; padding:0 5px 5px 5px !important}
.path-ew2 { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: -200px; padding:5px 5px 0 5px !important}
.path-ew2.end { background:url(https://x1.sdimgs.com/img/journey/path.gif) center no-repeat;background-position: -200px; padding:0 5px 5px 5px !important}

.path-ne1 { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: -150px; padding:0 5px 5px 5px !important}
.path-ne { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: -150px; padding:0 5px 5px 5px !important}
.path-ne2 { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: -150px; padding:5px 5px 0 5px !important}
.path-ne2.end { background:url(https://x1.sdimgs.com/img/journey/path.gif) center no-repeat;background-position: -150px; padding:0 5px 5px 5px !important}

.path-ns1 { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: -100px; padding:0 5px 5px 5px !important}
.path-ns { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: -100px; padding:0 5px 5px 5px !important}
.path-ns2 { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: -100px; padding:5px 5px 0 5px !important}
.path-ns2.end { background:url(https://x1.sdimgs.com/img/journey/path.gif) center no-repeat;background-position: -100px; padding:0 5px 5px 5px !important}

.path-dt1 { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: -300px; padding:0 5px 5px 5px !important}
.path-dt { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: -300px; padding:0 5px 5px 5px !important}
.path-dt2 { background:url(https://x1.sdimgs.com/img/journey/path.gif) center repeat-y;background-position: -300px; padding:5px 5px 0 5px !important}
.path-dt2.end { background:url(https://x1.sdimgs.com/img/journey/path.gif) center no-repeat;background-position: -300px; padding:0 5px 5px 5px !important}

#arrow1 { width:250px; height:9px; float:right; margin-right:20px; position:relative }
#arrow1 div { background:url(https://x1.sdimgs.com/img/journey/arrow1.gif); width:19px; height:9px; position:absolute; top:1px; left:5px }

#taxi-info div { color:#666; font:12px Arial, Helvetica, sans-serif;}
#taxi-info div#tot-time { float:left;  /*line-height:25px; height:30px;*/ }
#taxi-info div#apr-time { float:right;  height:30px;}
#taxi-info div#book { color:#c00; font:10px Arial, Helvetica, sans-serif; text-align:right; padding:0 5px 10px; clear: both;}
#taxi-info div#apr-fare { text-align: right; padding:5px 5px 0 0; float: right;}
#taxi-info div#apr-fare b { line-height:22px ; padding-right: 10px }
#taxi-info div#tot-time span { color:#6699cc; font:bold 14px Arial, Helvetica, sans-serif}
#taxi-info div#apr-fare span { color:#6699cc; font:bold 18px Arial, Helvetica, sans-serif; /*float:right; width:65px; text-align:right*/}
/*#taxi-info-detail { width:300px;}*/
#taxi-info-detail { float:right;}
#taxi-info-detail tr {}
#taxi-info-detail tr.darkrow {/*background:#f0f0f0*/}
#taxi-info-detail tr td { padding:5px}
#taxi-info-detail tr td.fare { color:#666666; font:12px Arial, Helvetica, sans-serif; text-align:right;}
#taxi-info-detail tr td.charge { color:#6699cc; font:bold 12px Arial, Helvetica, sans-serif; text-align:right;width:50px; }
#lta-phone { color:#666; font:bold 12px Arial, Helvetica, sans-serif; background:#ffffcc; padding:5px; padding-left:25px; margin-top:10px;clear:both;}
#lta-phone span { color:#900; font:bold 18px Arial, Helvetica, sans-serif; text-align:center}

#bus-info tr td, .journey-info tr td { background:#fff; padding:5px;border-top:1px solid #ccc; opacity:0.4;filter: alpha(opacity=40); }
#bus-info tr:first-child td, .journey-info tr:first-child td { border:0}
#bus-info tr td.number, .journey-info tr td.number { font:bold 16px Arial, Helvetica, sans-serif; color:#666; vertical-align: top;}
#bus-info tr td div.info, .journey-info tr td div.info { clear:both;color:#999 !important; font:11px Arial, Helvetica, sans-serif !important}
#bus-info tr td div.info span, .journey-info tr td div.info span { color:#666; font:bold 11px Arial, Helvetica, sans-serif}
#bus-info tr.darkrow td, .journey-info tr.darkrow td { background:#f0f0f0;opacity:1;filter: alpha(opacity=100);}
#bus-info tr.darkrow td.check, .journey-info tr.darkrow td.check {
	background-image :url(https://x1.sdimgs.com/img/journey/check.png);
	background-repeat: no-repeat;
	background-position:center; 
}

.whitelayer{	 	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
	background-color: white;
}

.logo {
    background: url(https://x1.sdimgs.com/img/journey/sprite_baru.png) repeat scroll 0 0 transparent;
}

.dot {
    background: url(https://x1.sdimgs.com/img/journey/dot.png) repeat scroll 0 0 transparent;
}

.dot1 {
    background: url(https://x1.sdimgs.com/img/journey/dot1.png) repeat scroll 0 0 transparent;
}

.number {
    background: url(https://x1.sdimgs.com/img/journey/white99.png) repeat scroll 0 0 transparent ;
}

.number_red {
    background: url(https://x1.sdimgs.com/img/journey/red99.png) repeat scroll 0 0 transparent;
}

.parking {
    background: url(https://x1.sdimgs.com/img/journey/parking-point.png) repeat scroll 0 0 transparent;
}

.parking_focus {
    background: url(https://x1.sdimgs.com/img/journey/parking-point-foc.png) repeat scroll 0 0 transparent;
}

.transport {
    background: url(https://x1.sdimgs.com/img/journey/jp_tabs.png) repeat scroll 0 0 transparent;
}

.bus {
    background: url(https://x1.sdimgs.com/img/journey/icon/bus.png) repeat scroll 0 0 transparent;
}
.ccl {
    background: url(https://x1.sdimgs.com/img/journey/icon/ccl.png) repeat scroll 0 0 transparent;
}
.ewl {
    background: url(https://x1.sdimgs.com/img/journey/icon/ewl.png) repeat scroll 0 0 transparent;
}
.lrt {
    background: url(https://x1.sdimgs.com/img/journey/icon/lrt.png) repeat scroll 0 0 transparent;
}
.nel {
    background: url(https://x1.sdimgs.com/img/journey/icon/nel.png) repeat scroll 0 0 transparent;
}
.nsl {
    background: url(https://x1.sdimgs.com/img/journey/icon/nsl.png) repeat scroll 0 0 transparent;
}
.dtl {
    background: url(https://x1.sdimgs.com/img/journey/icon/dtl.png) repeat scroll 0 0 transparent;
}
.walk {
    background: url(https://x1.sdimgs.com/img/journey/icon/walk.png) repeat scroll 0 0 transparent;
}

.bus1 {
    background: url(https://x1.sdimgs.com/img/journey/sum_icon/bus1.png) repeat scroll 0 0 transparent;
}
.ccl1 {
    background: url(https://x1.sdimgs.com/img/journey/sum_icon/ccl1.png) repeat scroll 0 0 transparent;
}
.ewl1 {
    background: url(https://x1.sdimgs.com/img/journey/sum_icon/ewl1.png) repeat scroll 0 0 transparent;
}
.lrt1 {
    background: url(https://x1.sdimgs.com/img/journey/sum_icon/lrt1.png) repeat scroll 0 0 transparent;
}
.nel1 {
    background: url(https://x1.sdimgs.com/img/journey/sum_icon/nel1.png) repeat scroll 0 0 transparent;
}
.nsl1 {
    background: url(https://x1.sdimgs.com/img/journey/sum_icon/nsl1.png) repeat scroll 0 0 transparent;
}
.dtl1 {
    background: url(https://x1.sdimgs.com/img/journey/sum_icon/dtl1.png) repeat scroll 0 0 transparent;
}
.walk1 {
    background: url(https://x1.sdimgs.com/img/journey/sum_icon/walk1.png) repeat scroll 0 0 transparent;
}
.arrow {
    background: url(https://x1.sdimgs.com/img/journey/sum_icon/arrow.png) repeat scroll 0 0 transparent;
}

.map_legend_new1{
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("https://x1.sdimgs.com/img/journey/Start.png");
    background-repeat: repeat;
}

#btnTransLayer{position: absolute; left: 18px; top: 390px; z-index: 100; cursor: pointer; background-image: url("https://x1.sdimgs.com/img/journey/layers.gif"); width: 24px; height: 24px; background-position: 0px 0px;}
.btnSaveRoute{float:left; cursor: pointer; background-image: url("https://x1.sdimgs.com/img/journey/jp_buttons.png"); background-repeat:repeat-x; width: 60px; height: 24px; background-position: -187px 0px;}
#btnCloseRoute{float:left; cursor: pointer; background-image: url("https://x1.sdimgs.com/img/journey/jp_buttons.png"); background-repeat:repeat-x; width: 60px; height: 24px; background-position: -73px -29px;}
#btnEmailRoute{float:left; cursor: pointer; background-image: url("https://x1.sdimgs.com/img/journey/bt_email.png"); background-repeat:no-repeat; width: 30px; height: 24px;}
#btnPrintRoute{float:left; cursor: pointer; background-image: url("https://x1.sdimgs.com/img/journey/bt_print.png"); background-repeat:no-repeat; width: 30px; height: 24px; padding-right: 5px;}

#searchbar { margin-top:10px}
#searchbar tr {}
.searchlabel1 { font: bold italic 14px Arial, Helvetica, sans-serif; color:#99cc33}
.searchlabel2 { font: bold italic 14px Arial, Helvetica, sans-serif; color:#ff0000}

#searchbar tr td.lft { width:40px; height:32px; padding-right:11px }
#searchbar tr td.cen { padding:0 5px }
#searchbar tr td.rgt { width:15px; height:32px }

#searchbar tr.with_bg td.lft { background: url(https://x1.sdimgs.com/img/journey/searchbar-lft.png) no-repeat top; width:40px; height:32px; padding-right:11px }
#searchbar tr.with_bg td.cen { background: url(https://x1.sdimgs.com/img/journey/searchbar-cen.png) repeat-x top; padding:0 5px }
#searchbar tr.with_bg td.rgt { background: url(https://x1.sdimgs.com/img/journey/searchbar-rgt.png) no-repeat right top; width:15px; height:32px }

#searchbar tr td.cen input { border:0; background: none}

#searchbar tr.with_bg td.cen input { border:0; background: none}

.reverse{
    background :url(https://x1.sdimgs.com/img/journey/reverse.png);
}

.rev{
    background :url(https://x1.sdimgs.com/img/journey/rev.png);
}

.rev1{
    background :url(https://x1.sdimgs.com/img/journey/rev1.png);
}

#feedback {
    background :url(https://x1.sdimgs.com/img/journey/feedback.png) no-repeat;
}

#show_header {
    margin-bottom: -13px;
    position: absolute;
    width: 15px;
    z-index: 3;
    top: 0px;
    right:0%;
}

.show_search_button_up {
    background-image: url("https://x1.sdimgs.com/img/map/sprite/additional__map.png?v=3");
    background-position: -34px -337px;
    height:15px;
    width:15px;
}

.show_search_button_down {
    background-image: url("https://x1.sdimgs.com/img/map/sprite/additional__map.png?v=3");
    background-position: -34px -357px;
    height:15px;
    width:15px;
}

.show_search_button_down_hover{
    background-image: url("https://x1.sdimgs.com/img/map/sprite/additional__map.png?v=3");
    background-position: -54px -357px;
    height:15px;
    width:15px;
}

.show_search_button_up_hover{
    background-image: url("https://x1.sdimgs.com/img/map/sprite/additional__map.png?v=3");
    background-position: -54px -337px;
    height:15px;
    width:15px;
}

#all_result_table {
	width:90%;
}
#all_result_table td{
	width:45%;
	text-align: center;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
}

#all_result_table .all_result_table2 td{
	border-style: none;
}

#all_result_table tr td:hover{
	background:#eee;
}

.all_result_table2{
	width:100%;
}

/*Feedback textarea design*/
div.close-btn { cursor: pointer;background:url(https://x1.sdimgs.com/img/journey/close.png); width:18px; height:18px; position:absolute; right:-15px; top:-8px}
.ta-withxbtn { width:300px}

/*busicon */
/*div.busicon { background:url(../../img/journey/busicon/img-lft.png) no-repeat left; height:17px; padding-left:17px; float:left;font:bold 11px Arial, Helvetica, sans-serif; color:#FFF  }
div.busicon span { float:left; display:block; height:15px; border-top:1px solid #336699; border-bottom:1px solid #336699; border-right:15px solid none; background:#6699cc; padding-right:5px}
div.busicon b { float:left;background: url(../../img/journey/busicon/img-rgt.png);height:17px; width:4px; display:block }*/

div.busicon { background:url(https://x1.sdimgs.com/img/journey/busicon/img-lft.png) no-repeat left; height:19px; padding-left:19px; float:left;font:bold 11px Arial, Helvetica, sans-serif; color:#FFF  }
div.busicon span { float:left; display:block; height:16px; padding-top:1px; border-top:1px solid #336699; border-bottom:1px solid #336699; border-right:15px solid none; background:#6699cc; padding-right:5px}
div.busicon b { float:left;background: url(https://x1.sdimgs.com/img/journey/busicon/img-rgt.png);height:19px; width:5px; display:block }

div.busicon-h { background:url(https://x1.sdimgs.com/img/journey/busicon/img2-lft.png) no-repeat left; height:19px; padding-left:28px; float:left;font:bold 11px Arial, Helvetica, sans-serif; color:#FFF  }
div.busicon-h span { float:left; display:block; height:16px; padding-top:1px; border-top:1px solid #336699; border-bottom:1px solid #336699; border-right:15px solid none; background:#6699cc; padding-right:5px}
div.busicon-h b { float:left;background: url(https://x1.sdimgs.com/img/journey/busicon/img-rgt.png);height:19px; width:5px; display:block }

/*4 results new design*/
#all-trans {  font-family: Helvetica, Arial, sans-serif; border:1px solid #8f8f8f}
#all-trans td { width:142px; height:112px; text-align:center; cursor:pointer;}
#all-trans td div.ins-blk { position:relative; height:97px; padding-top:15px}
#all-trans td:hover,#all-trans td.selected { background:#EEEEEE}
#all-trans td#car-blk , #all-trans td#taxi-blk {border-bottom:1px solid #8f8f8f;}
#all-trans td#car-blk , #all-trans td#bus-blk {border-right:1px solid #8f8f8f;}

#all-trans td#car-blk div.round{ background:url(https://x1.sdimgs.com/img/journey/icon/tl.gif); width:11px; height:11px; position:absolute; top:-1px; left:-1px}
#all-trans td#taxi-blk div.round { background:url(https://x1.sdimgs.com/img/journey/icon/tr.gif); width:11px; height:11px; position:absolute; top:-1px; right:-1px}
#all-trans td#bus-blk div.round { background:url(https://x1.sdimgs.com/img/journey/icon/bl.gif); width:11px; height:11px; position:absolute; bottom:-1px; left:-1px}
#all-trans td#bus_mrt-blk div.round { background:url(https://x1.sdimgs.com/img/journey/icon/br.gif); width:11px; height:11px; position:absolute; bottom:-1px; right:-1px}
#all-trans td:hover#car-blk div.round , #all-trans td.selected#car-blk div.round{ background:url(https://x1.sdimgs.com/img/journey/icon/tl-hov.gif); width:11px; height:11px; position:absolute; top:-1px; left:-1px}
#all-trans td:hover#taxi-blk div.round, #all-trans td.selected#taxi-blk div.round { background:url(https://x1.sdimgs.com/img/journey/icon/tr-hov.gif); width:11px; height:11px; position:absolute; top:-1px; right:-1px}
#all-trans td:hover#bus-blk div.round, #all-trans td.selected#bus-blk div.round { background:url(https://x1.sdimgs.com/img/journey/icon/bl-hov.gif); width:11px; height:11px; position:absolute; bottom:-1px; left:-1px}
#all-trans td:hover#bus_mrt-blk div.round, #all-trans td.selected#bus_mrt-blk div.round { background:url(https://x1.sdimgs.com/img/journey/icon/br-hov.gif); width:11px; height:11px; position:absolute; bottom:-1px; right:-1px}




#all-trans .vec { font:bold 14px  Helvetica, Arial, sans-serif; color:#666666; height:32px; text-align:left; margin:0 auto;}
#all-trans .time { font:bold 22px Helvetica, Arial, sans-serif; color:#333333; display:block}
#all-trans .pr-dis { font:13px Helvetica, Arial, sans-serif; color:#666666}

#all-trans td#bus-blk div.vec.icon { background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) no-repeat -152px -118px; width:71px}
#all-trans td#bus_mrt-blk div.vec.icon { background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) no-repeat -228px -118px; width:84px}
#all-trans td#taxi-blk div.vec.icon { background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) no-repeat -73px -118px; width:74px}
#all-trans td#car-blk div.vec.icon { background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) no-repeat  0px -118px; width:68px}

/*textarea*/
div.close-btn { background:url(https://x1.sdimgs.com/img/journey/textarea/close.png); width:18px; height:18px; position:absolute; right:-5px; top:-10px; cursor:pointer}
div.close-btn:hover { background:url(https://x1.sdimgs.com/img/journey/textarea/close-hover.png); width:18px; height:18px;}
.ta-withxbtn { width:264px; /*background:red*/}
.ta-withxbtn div#lft { float:left; background:url(https://x1.sdimgs.com/img/journey/textarea/lft.png); width:18px; height:18px;}
.ta-withxbtn div#cen { float:left; background:url(https://x1.sdimgs.com/img/journey/textarea/cen.png) repeat-x; width:227px; height:18px;}
.ta-withxbtn div#rgt { float:left; background:url(https://x1.sdimgs.com/img/journey/textarea/rgt.png); width:18px; height:18px;}
.ta-withxbtn div#btm { border-bottom:1px solid #b3b3b3; width:263px; height:5px}
.ta-withxbtn div#btm div#btm-lft { float:left; background:url(https://x1.sdimgs.com/img/journey/textarea/lft-b.png); width:6px; height:6px}
.ta-withxbtn div#btm div#btm-rgt { float:right; background:url(https://x1.sdimgs.com/img/journey/textarea/rgt-b.png); width:6px; height:6px}

textarea { border-width:0 1px; border-style:solid; border-color:#b3b3b3;width:241px; margin:0; padding:0px 10px 10px 10px; background-color: #FFFFFF}

/*whitelayer
.whitelayer{
	filter: alpha(opacity=50);
	opacity : 0.5;
	background-color = "white";
}
*/
.whitelayer1{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity : 1;
	/*background-color = "white";*/
}

/*Multiple Bus*/
.bus-alt { font:bold 11px Arial,Helvetica,sans-serif; color:#FFF; line-height:13px; }
.bus-alt .bx { position:relative; width:60px; clear:both}
.bus-alt span { background:url(https://x1.sdimgs.com/img/journey/busicon/list-ico.gif); width:9px; height:10px; position:absolute; top:1px; right:5px; display:block}
.bus-alt b.t1 { float:left; display:block; background:url(https://x1.sdimgs.com/img/journey/busicon/t1.gif); width:3px; height:3px}
.bus-alt b.t2 { float:left; display:block; background:#69c; width:51px; height:2px; border-top:1px solid #369}
.bus-alt b.t3 { float:left; display:block; background:url(https://x1.sdimgs.com/img/journey/busicon/t3.gif); width:3px; height:3px}
.bus-alt b.b1 { float:left; display:block; background:url(https://x1.sdimgs.com/img/journey/busicon/b1.gif); width:3px; height:3px}
.bus-alt b.b2 { float:left; display:block; background:#69c; width:51px; height:2px; border-bottom:1px solid #369}
.bus-alt b.b3 { float:left; display:block; background:url(https://x1.sdimgs.com/img/journey/busicon/b3.gif); width:3px; height:3px}

.bus-alt ul { margin:0px 0; padding:0; list-style:none; clear:both; background:#69c; border-left:1px solid #369; border-right:1px solid #369; width:55px}
.bus-alt li:first-child { background:url(https://x1.sdimgs.com/img/journey/busicon/bus-ico.gif) no-repeat left; margin-left:5px; padding:0px 15px}
.bus-alt li {margin-left:5px; padding:2px 15px}


/*New style for form*/
.title_text { font:bold 14px Helvetica, sans-serif; color:#927e2d}
label.label { font:13px Tahoma, Geneva, sans-serif}
.str { color:#339900; float:left}
.end { color:#cc0000; float:left}
.info-block { font:12px Tahoma, Geneva, sans-serif; color:#666666}
.info-block span { font:bold 11px Arial, Helvetica, sans-serif; color:#927e2d}
.info-block span sub { line-height:-2px}
.info-block span input#time{ font-size:11px; color:#6699CC; border:none; }
.info-block span input#date{ font-size:11px; color:#6699CC; border:none; }

#bar { position:relative; height:15px; width:320px; margin:0 2px 2px;}
.bg-bar{position:absolute; width:100%;height:15px;position:absolute;z-index:1;background-color:#fff; opacity:0.4;filter:alpha(opacity=40);}
#bar div#minified {background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) -8px 0px; width:48px; height:8px; position:absolute; top:-1px; left:50%; margin-left:-24px; cursor:pointer;z-index:2;}
#bar div#minified:hover {background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) -8px -8px; width:48px; height:8px; position:absolute; top:-1px; left:50%; margin-left:-24px}
#bar a#close-btn{position:absolute; top:3px; right:7px; cursor:pointer; z-index:2;}
#bar a#close-btn div.close-btn{background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) -73px -28px; width:63px; height:25px;float:left; margin-top:5px;}
/* #bar div#close-btn:hover {background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) -16px -21px; width:11px; height:11px; position:absolute; top:3px; right:7px;} */
#bar a#close-btn:hover  div.close-btn{background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) -187px -28px; width:63px; height:25px;float:left; margin-top:5px;}
table#searchbar {}
table#searchbar td { padding:2px}
table#searchbar td#str-td b { background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) -56px 0px; width:8px; height:8px; float:right; display:block; margin-top:5px}
table#searchbar td#end-td b { background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) -64px 0px; width:8px; height:8px; float:right; display:block; margin-top:5px}
#travel_from, #travel_to { width:206px; border:none; height:20px; line-height:20px;}
#travel_from:focus, #travel_to:focus { border:1px solid #009900; }
#action-blok { }
#go_button { background:url(https://x1.sdimgs.com/img/journey/v2/go.png); width:55px; height:26px; float:right; cursor:pointer}
#go_button:hover { background:url(https://x1.sdimgs.com/img/journey/v2/go-hover.png); }
#reset_button { background:url(https://x1.sdimgs.com/img/journey/v2/reset.png);width:12px; height:13px; float:left; cursor:pointer; margin-left:10px;margin-top:6px;}
#reset_button:hover { background:url(https://x1.sdimgs.com/img/journey/v2/reset-hover.png);}
#rev_id { background:url(https://x1.sdimgs.com/img/journey/v2/reverse.png); width:13px; height:28px; margin-top:17px; cursor:pointer ; margin-left:10px;}
#rev_id:hover { background:url(https://x1.sdimgs.com/img/journey/v2/reverse-hover.png);}

#transportation_tab { height:21px; padding:5px; border-bottom: 2px solid #6699cc;}
#transportation_tab div#all_tab {cursor: pointer;width:34px; height:26px;overflow: hidden; position:relative; float:left}
#transportation_tab div#all_tab div {width:148px;height:159px;position:absolute;top:-128px; left:-78px;}
#transportation_tab div#all_tab:hover div {width:148px;height:159px;position:absolute;top:-128px; left:-39px !important}
#transportation_tab div#driving_tab {cursor: pointer;width:29px; height:26px;overflow: hidden; position:relative; float:left}
#transportation_tab div#driving_tab div {width:148px;height:159px;position:absolute;top:0px; left:0px;}
#transportation_tab div#driving_tab:hover div {width:148px;height:159px;position:absolute;top:0px; left:-39px !important}
#transportation_tab div#taxi_tab {cursor: pointer;width:29px; height:26px;overflow: hidden; position:relative; float:left}
#transportation_tab div#taxi_tab div {width:148px;height:159px;position:absolute;top:-32px; left:0px;}
#transportation_tab div#taxi_tab:hover div {width:148px;height:159px;position:absolute;top:-32px; left:-39px !important}
#transportation_tab div#bus_tab {cursor: pointer;width:29px; height:26px;overflow: hidden; position:relative; float:left}
#transportation_tab div#bus_tab div {width:148px;height:159px;position:absolute;top:-64px; left:0px;}
#transportation_tab div#bus_tab:hover div {width:148px;height:159px;position:absolute;top:-64px; left:-39px !important}
#transportation_tab div#bustrain_tab {cursor: pointer;width:29px; height:26px;overflow: hidden; position:relative; float:left}
#transportation_tab div#bustrain_tab div {width:148px;height:159px;position:absolute;top:-96px; left:0px;}
#transportation_tab div#bustrain_tab:hover div {width:148px;height:159px;position:absolute;top:-96px; left:-39px !important}
#comment_tab { background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) 0px -40px; width:16px; height:16px; float:right; margin:4px; cursor:pointer}
#comment_tab:hover { background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) -21px -40px; width:16px; height:16px}

/*#bubble_svrt-inf { background-color: white;border:2px solid #bbb; width:250px;height:123px; position:absolute;left:34px; top:286px; padding: 5px; }
#bubble_svrt-inf div#arr-ico { position:absolute; width:39px; height:14px; background:url(https://x1.sdimgs.com/img/journey/arr-ico.png); bottom:-14px; left:111px}*/

#bbl-svrt-inf { background:url(https://x1.sdimgs.com/img/journey/bbl-svrt-inf.png); width:291px; height:225px; position:relative}
#bbl-svrt-inf div { position:absolute; width:170px; right:19px; top:65px}
#bbl-svrt-inf span { color:#666; font:11px Arial, Helvetica, sans-serif; display:block; margin-bottom:10px}
#bbl-svrt-inf span span { color:#333; font:bold 14px Arial, Helvetica, sans-serif; margin:0}
#bbl-svrt-inf div.cls { position:absolute; width:11px; height:11px; background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) 0 -21px; top:20px; right:8px; cursor:pointer}
#bbl-svrt-inf div.cls:hover { position:absolute; width:11px; height:11px; background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) -16px -21px}

#svrt_btn{background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) 0px -152px; width:147px; height:30px; }
#svrt_btn:hover{background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) -147px -152px; width:147px; height:30px; }
#svrt_btn.saved{background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) 0px -184px; width:147px; height:30px; }
#svrt_btn.saved:hover{background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) -147px -184px; width:147px; height:30px; }

/*carpark bubble*/
#con-park-bub { width:380px; margin:0; padding:0; list-style:none; font:12px Arial, Helvetica, sans-serif; color:#666666}
#con-park-bub li {}
#con-park-bub .park-day { float:left; width:52px; text-align:right; padding:8px 5px 8px}
#con-park-bub .park-rate{ float:left; width:315px; background:#f5f5f5; border:1px solid #d9d9d9; min-height:45px; margin:1px 0;}
#con-park-bub .park-rate .park-rate-time { min-height:15px; margin:3px}

.park-rate-time div {  padding:1px; line-height:20px}
.park-rate-time div.cont {  padding:0 5px; line-height:20px}
.park-rate-time div.inf { float:left; color:#336699; font-weight:bold; width:30px}
.park-rate-time div.rt { float:left; width:275px }
li.wkdays span.dy { font-weight:bold; color:#6699cc}
li.wkhol span.dy { font-weight:bold; color:#990000}
li.rmks span.dy { font-weight:bold; color:#666666}
li.rmks div.cont { font-weight:bold; color:#666666}
#ttl-park-bub { margin:5px 5px 10px;}
#name-crpark { color:#336699; font:bold 12px Arial, Helvetica, sans-serif}
#addr-crpark { color:#666666; font:12px Arial, Helvetica, sans-serif}

#bubble_park_blk {background:#fff;margin-left:-1px; padding: 10px 0}

#bt-updt_prk_rt { float:right; background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) -288px -216px; padding-left:25px;font:12px Arial, Helvetica, sans-serif; color:#666666; cursor : pointer; height:25px; line-height:25px;margin-top:5px;}
#bt-updt_prk_rt:hover { float:right; background:url(https://x1.sdimgs.com/img/journey/jp_buttons.png) -288px -240px;}

.str-btn, .end-btn { width:63px; height:29px; display:block;margin-left:-2px;}
.str-btn{ background:url(https://x1.sdimgs.com/img/journey/v2/start.png?v=1);}
.end-btn{ background:url(https://x1.sdimgs.com/img/journey/v2/end.png?v=1);}
.bottom-shadow-direction{background:url(https://x1.sdimgs.com/img/journey/v2/shadow.png?v=1) repeat-x; height:6px; width:322px; margin:0px auto 10px 8px;}