.direction_sprite { background : url(http://x1.sdimgs.com/img/map/sprite/journer_planner.png)}
.direction_sprite_ie{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://x1.sdimgs.com/img/map/sprite/journer_planner.png')}


.d_s_go, .d_s_go_hover{
	width:60px; 
	height:20px;
}

.d_s_go{
	background-position: 0px -22px; 
}

.d_s_go_hover{
	background-position: 0px -47px; 
}

.d_s_rev_direction{
	background-position: 0px -72px; 
	width:13px;
	height:11px;
}

/* Latif New Driving Direction */
/*.sidenav_map{
	background-image:url('http://x1.sdimgs.com/img/map/sprite/sidenav_map.png');
	background-color:#FFFFFF;
}*/
.driving_direction{
	background-image:url('http://x1.sdimgs.com/img/map/sprite/driving_direction.png?v=2');
	cursor:pointer;
}
/*.single_start_pin{
	background-image:url('http://x1.sdimgs.com/img/dd_search/pin-start.png'); background-repeat: no-repeat;
	cursor:pointer;
}
.single_start_pin_ie { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://x1.sdimgs.com/img/dd_search/pin-start.png"); }
.single_end_pin{
	background-image:url('http://x1.sdimgs.com/img/dd_search/pin-end.png'); background-repeat: no-repeat;
	cursor:pointer;
}
.single_end_pin_ie { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://x1.sdimgs.com/img/dd_search/pin-end.png"); }  
*/
.start_pin{
	background-position: 0px -112px; width:8px; height:17px;
	margin-right:5px;
	float: left;
} 

.end_pin{
	background-position: 0px -134px; width:8px; height:17px;
	margin-right:5px;
	float: left;
}
.swap_route{
	background-position: 0px -241px; width:29px; height:53px;
}
.swap_route_hover{
	background-position: -34px -241px; width:29px; height:53px;
}
.by_car{
	background-position: 0px 0px; width:25px; height:23px;
	margin-right:2px;
	float: left;
}
.by_car_hover{
	background-position: -30px 0px; width:25px; height:23px;
	margin-right:2px;
	float: left;
}
.by_bus{
	background-position: 0px -28px; width:25px; height:23px;
	margin-right:2px;
	float: left;
}
.by_bus_hover{ 
	background-position: -30px -28px;  
	width:25px; height:23px;
	margin-right:2px;
	float: left;
}
.by_train{
	background-position: 0px -56px; width:25px; height:23px;
	margin-right:2px;
	float: left;
}
.by_train_hover{ 
	background-position: -30px -56px; width:25px; height:23px;
	margin-right:2px;
	float: left; 
}
.by_bus_train{
	background-position: 0px -84px; width:25px; height:23px;
	margin-right:2px;
	float: left;
}
.by_bus_train_hover{ 
	background-position: -30px -84px; width:25px; height:23px;
	margin-right:2px;
	float: left;
}
.dd_go_button{ background-position: 0px -299px; width:38px; height:23px; }
.dd_go_button_hover{ background-position: -43px -299px; width:38px; height:23px;  }

.collapse_up{ background-position: 0px -177px; width:19px; height:19px; margin-left:10px;}
.collapse_down{ background-position: 0px -201px; width:19px; height:19px; margin-left:10px;}
.collapse_up_hover{ background-position: -24px -177px; width:19px; height:19px; margin-left:10px;}
.collapse_down_hover{ background-position: -24px -201px; width:19px; height:19px; margin-left:10px;}


.new_reset_button { background-position: 0px -177px; width:10px; height:10px;}
.new_reset_button_hover{ background-position: 0px -192px; width:10p; height:10px;}
.dd_mileageclaims{ background-position: 0px -327px; width:35px; height:23px; float: left; margin-right:2px;}
.dd_mileageclaims_hover{ background-position: -40px -327px; width:35px; height:23px; float: left; margin-right:2px;}

.reset_button{background: url(http://x1.sdimgs.com/img/map/sprite/reset-button.png); width:90px; height:19px;}
.reset_normal{background-position: 0px 0px;}
.reset_hover{background-position: -50px 0px; }

/* End New Driving Direction */

/*new design for journey planner*/
#direct ul { list-style:none; margin:0; padding:0; margin-left:50px}
#direct ul li { width:29px; height:26px; background:url(http://x1.sdimgs.com/img/journey/jp_tabs.png); float:left; cursor:pointer}
#direct ul li#car { background-position:0 0; width:29px; height:26px; }
#direct ul li#bus { background-position:0 -64px; width:29px; height:26px; }
#direct ul li#bustrain { background-position:0 -96px; width:29px; height:26px; }
#direct ul li#mil { background-position:0 -163px; width:34px; height:26px; }
#direct ul li#car:hover { background-position:-39px 0}
#direct ul li#bus:hover { background-position:-39px -64px}
#direct ul li#bustrain:hover { background-position:-39px -96px}
#direct ul li#mil:hover { background-position:-40px -163px}

#direct ul li#car.v_selected { background-position:-39px 0}
#direct ul li#bus.v_selected { background-position:-39px -64px}
#direct ul li#bustrain.v_selected { background-position:-39px -96px}
#direct ul li#mil.v_selected { background-position:-40px -163px}