/*
//---controls.css---GW20080118---for compass nav control
//---controls.php---GW20080123---replace map controls with customised
*/




DIV.right_controls {
	right: 40px;
	top: 10px;
	float:right;
	
	position: absolute;

	width: 280px;
	height: 129px;
	cursor:pointer;
	filter: alpha(opacity=80); 
	-moz-opacity: .8;
	background-image: url(../images/right_controls/right_controls_back.png);
	background-repeat: no-repeat;	

}

DIV.followme {
	left: 120px;
	top: 100px;
	position: relative;
	width: 94px;
	height: 287px;
	display:none;	

}


DIV.map_type_normal { 
	left: 20px;
	top: 20px;
	position: absolute;
	width: 48px;
	height: 35px;
	cursor:pointer;
	background-image: url(../images/right_controls/map_type_normal.png);
	background-repeat: no-repeat;

}

DIV.map_type_sat { 
	left:80px;
	top: 20px;
	position: absolute;
	width: 48px;
	height: 35px;
	cursor:pointer;
	background-image: url(../images/right_controls/map_type_sat.png);
	background-repeat: no-repeat;

}
DIV.map_type_hybrid { 
	left: 140px;
	top: 20px;
	position: absolute;
	width: 48px;
	height: 35px;
	cursor:pointer;
	background-image: url(../images/right_controls/map_type_hybrid.png);
	background-repeat: no-repeat;

}
DIV.map_type_physical { 
	left: 200px;
	top: 20px;
	position: absolute;
	width: 48px;
	height: 35px;
	cursor:pointer;
	background-image: url(../images/right_controls/map_type_physical.png);
	background-repeat: no-repeat;

}

DIV.compass_nav {
	left: 20px;
	top: 70px;
	position: absolute;
/*	width: 73px;
	height: 77px;
	cursor:pointer;
	background-image: url(../images/nav/navspy_compass_top.png);
	background-repeat: no-repeat;	
*/

}

DIV.compass_nav_up { 
	left: 10px;
	top: 0px;
	position: absolute;
	width: 14px;
	height: 17px;
	cursor:pointer;
	background-image: url(../images/right_controls/nav_up.png);
	background-repeat: no-repeat;

}

DIV.compass_nav_left { 
	left: 0px;
	top:0px;
	position: absolute;
	width: 10px;
	height: 33px;
	cursor:pointer;
	background-image: url(../images/right_controls/nav_left.png);
	background-repeat: no-repeat;

}


DIV.compass_nav_right {
	left:24px;
	top:0px;
	position: absolute;
	width: 10px;
	height: 33px;
	cursor:pointer;
	background-image: url(../images/right_controls/nav_right.png);
	background-repeat: no-repeat;
}

DIV.compass_nav_down { 
	left: 10px;
	top: 17px;
	position: absolute;
	width: 14px;
	height: 17px;
	cursor:pointer;
	background-image: url(../images/right_controls/nav_down.png);
	background-repeat: no-repeat;

}

/*------------------- zoom --------------- */
DIV.zoom {
	left:70px;
	top: 65px;
	position: absolute;
/*	width: 151px;
	height: 30px;
	cursor:pointer;
	background-image: url(../images/nav/navspy_compass_top.png);
	background-repeat: no-repeat;	
*/
}

DIV.zoom_in { 
	left: 0px;
	top: 0px;
	position: absolute;
	width: 20px;
	height: 20px;
	cursor:pointer;
	background-image: url(../images/right_controls/zoomin.png);
	background-repeat: no-repeat;

}


DIV.zoom_out { 
	left: 0px;
	top:30px;
	position: absolute;
	width: 20px;
	height: 20px;
	cursor:pointer;
	background-image: url(../images/right_controls/zoomout.png);
	background-repeat: no-repeat;

}

/*------------------- locations --------------- */
DIV.locations {
	left:110px;
	top: 75px;
	position: absolute;
/*	width: 151px;
	height: 30px;
	cursor:pointer;
	background-image: url(../images/nav/navspy_compass_top.png);
	background-repeat: no-repeat;	
*/
}

DIV.home_location { 
	left: 0px;
	top: 0px;
	position: absolute;
	width: 24px;
	height: 24px;
	cursor:pointer;
	background-image: url(../images/right_controls/home.png);
	background-repeat: no-repeat;

}

DIV.london_location { 
	left: 44px;
	top: 0px;
	position: absolute;
	width: 24px;
	height: 24px;
	cursor:pointer;
	background-image: url(../images/right_controls/london.png);
	background-repeat: no-repeat;

}

DIV.europe_location { 
	left: 84px;
	top: 0px;
	position: absolute;
	width: 24px;
	height: 24px;
	cursor:pointer;
	background-image: url(../images/right_controls/europe.png);
	background-repeat: no-repeat;

}


DIV.world_location { 
	left: 124px;
	top: 0px;
	position: absolute;
	width: 24px;
	height: 24px;
	cursor:pointer;
	background-image: url(../images/right_controls/world.png);
	background-repeat: no-repeat;

}