/* Loaded from : uk/co/aimltd/miaxml/mapping/resources/styles/mapNavigableCSS.css */
/*******************************************************************************************

	mapNavigableCSS.css
	
	Styles a map control that diplays A map with compass point navigation around it 
	and a set of controls below.
	
	The map is 512x352.
	

 *******************************************************************************************/
/* 
 * The mapping div 
 */
#Map_Common
	{
	position:relative;
	left:10px;
	top:0px;
	width: 550px; 
	padding-bottom:5px;
	padding-left:10px;
	}	



/* 
 * The mapping form
 */
#Map_Common form.mapImage
	{
	margin: 0px;
	padding: 0px;
	float:left;
	position: relative;
	}	
	
/* ################################################################################################################# */
/*											Extra Form Elements					     	     						 */

/* 
 * ALWAYS: Hide the extra text on this form as it will break display 
 */ 
#Map div.extraFormElements
	{
	display:none;
	}
	
/* ################################################################################################################# */
/*					   							Map Surround						     	     					 */	
	
/* 
 * Define the surround for the map image
 */
#Map_Common div.mapSurround
	{
	position:relative;
	width:580px;
	height:406px;
	}
	
				/* ---------------------------------------------------- */
				/*		     		Top of Surround						*/

#Map_COMMON div.mapSurround_top
	{
	position: relative;
	width:579px; 
	height:37px;
	}

#Map_COMMON div.mapSurround_top .leftBar
	{
	float:left; 
	width:239px; 
	height:37px; 
	background-image:url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_top_left_bar.gif');
	}
	
#Map_COMMON div.mapSurround_top .rightBar
	{
	float:left; 
	width:239px; 
	height:37px; 
	background-image:url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_top_right_bar.gif');
	}
	
				/* ---------------------------------------------------- */
				/*		   			Left of Surround					*/
				
	
#Map_Common div.mapSurround_left
	{
	position: relative;
	float:left;
	clear:left;
	}
	
#Map_Common div.mapSurround_left .topBar
	{
	display:block; 
	width:32px; 
	height:160px; 
	background-image:url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_left_top_bar.gif');
	}
	
#Map_Common div.mapSurround_left .bottomBar
	{
	display:block; 
	width:32px; 
	height:160px; 
	background-image:url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_left_bot_bar.gif');
	}
	
				/* ---------------------------------------------------- */
				/*					Right of Surround  					*/
	
#Map_Common div.mapSurround_right
	{
	position: relative;
	float:left;
	clear:right;
	}
	
#Map_Common div.mapSurround_right .topBar
	{
	display:block; 
	width:32px; 
	height:160px; 
	background-image:url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_right_top_bar.gif');
	}
	
#Map_Common div.mapSurround_right .bottomBar
	{
	display:block; 
	width:32px; 
	height:160px; 
	background-image:url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_right_bot_bar.gif');
	}
	
				/* ---------------------------------------------------- */	
				/*  		  			Bottom of Surround				*/
	
#Map_Common div.mapSurround_bottom
	{
	position: relative;
	padding:0px;
	margin:0px;
	border-style:none;
	clear:both;
	}
	
#Map_Common div.mapSurround_bottom .leftBar
	{
	position: relative;
	float:left; 
	width:239px; 
	background-image:url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_bot_left_bar.gif'); 
	background-repeat: no-repeat;	
	padding:0px;
	border-style:none;	
	margin:0px;
	font-size:1px;
	height:17px;
	}
	
#Map_Common div.mapSurround_bottom .rightBar
	{
	position: relative;
	float:left; 
	width:239px; 
	background-image:url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_bot_right_bar.gif'); 
	background-repeat: no-repeat;
	padding:0px;
	border-style:none;	
	margin:0px;
	font-size: 1px;
	height:17px;
	}			

/* ################################################################################################################# */
/*					   							Map Controls Surround						     					 */
	
/*
 * Define the surround for the mapping controls - This is the outer div 
 */
#Map_Common div.mapControlsSurround
	{
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_menu_bk.gif') ;
	position:relative;
	left:31px; /* Inline with the mapping surround */
	top:0px;	
	height:100%;
	width:514px;
	padding:0px;
	}

#Map_Common div.mapControlsSurround,
#Map_Common div.mapControlsSurround div.rightBar,
#Map_Common div.mapControlsSurround div.leftBar
	{
	height:400px;
	min-height:250px;
	}


/*
 * CSS is not capable of resizing columns to the height of the largest column, therefore we have to implement
 * a hack to resize the map controls surround if it includes the stop check box.  
 * If we don't do this, wither the controls will overflow in Firefox, or (by not specifying the height) the left
 * and right bars will not fill 100% as they don't know what they are 100% of!
 */	
#Map_Common div.mapWithStops	
	{
	height:auto;
	min-height:250px;
	}
	
/*
 * Define the mapping controls div
 */
#Map_Common div.mapControlsSurround div.mapControls
	{
	/* 
	 * Width set in browser specific CSS file, as Firefox determines the total width by adding
	 * the width and the padding value together, where as I.E. determines the total width
	 * from the width attribute.
	 */
	float:left;
	position:relative;
	
	/*padding-left: 10px;
	width:256px;
	*/
}	

#Map_Common div.mapControlsSurround div.mapControls div.mapControl
	{
	border:1px dashed purple; /* TEMP */
	width:246px;
	}

/*	
 * Define the div to contain any extra form data for the map
 */
#Map_Common div.mapControlsSurround .extraFormData
	{
	width:256px;
	float:left;
	border:1px dashed lime; /* TEMP */
	}	
	
#Map_Common div.mapControlsSurround .extraFormData input
	{
	width:auto;
	}	
	
				/* ---------------------------------------------------- */	
				/*  		  			Left of Surround				*/	

	
/*
 * Define the left hand side of the mapping controls box
 */
#Map_Common div.mapControlsSurround .leftBar
	{
	width:1px;
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_menu_border.gif') ;
	float:left;
	background-repeat:repeat;
	}	
	
				/* ---------------------------------------------------- */	
				/*  		  			Right of Surround				*/	
	
/*
 * Define the right hand side of the mapping controls box
 */
#Map_Common div.mapControlsSurround .rightBar
	{
	width:1px;
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_menu_border.gif') ;
	float:left;
	position:relative;
	}	
	
				/* ---------------------------------------------------- */	
				/*  		  			Bottom of Surround				*/	
	
/* 
 * Define the bottom of the mapping controls box
 */
#Map_Common div.mapControlsSurround .bottomBar
	{
	width:514px;
	height:1px;
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_menu_border.gif') ;	
	background-repeat:repeat-x;
	font-size:1px;
	padding:0px;
	display:block;
	clear:both;
	}	
	
/* ################################################################################################################# */
/*					       							Mapping Controls				     		     				 */	

#Map_Common div.mapControls
	{
	}
	
#Map_Common div.mapControls div.mapControl
	{
	
	padding-bottom:2px;
	}
	
/*
 * Ensure that any hidden form elements don't take up any space within the mapping controls layout
 */
#Map_Common div.mapControls div.mapControl form
	{
	padding:0px;
	margin: 0px;
	}

#Map_Common div.mapControls div.mapControl div.description
	{
	padding-bottom:2px;
	padding-right:2px;
	padding-left:4px;
	padding-top:3px;
	}

#Map_Common div.mapControls div.mapControl label
	{
	margin-top:10px;
	cursor:pointer;
	}	

#Map_Common div.mapControls div.mapControl div.control
	{
	padding-top:3px;
	}
	
	
#Map_Common div.mapControls div.mapControl div.control select
	{
	width:158px;
	}
	
/* ################################################################################################################# */
/*					       							Map Compass Points						     					 */	
	
/*
 * The actual map image 
 */
#Map_Common form.mapNavigate
	{
	margin:0px;		
	padding:0px;		
	float:left;
	}	

#Map_Common #W, 
#Map_Common #E
	{
	display:block;
	float:none;
	}
	
	
		
	
#Map_Common #W,
#Map_Common form.mapNavigate input.W
	{		
	width: 32px;
	height: 32px;
	}
	
#Map_Common form.mapNavigate input.W
	{ 
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_west.gif') ;
	background-repeat: no-repeat;
	border-style:none;
	display:block;
	}


		
/* ################################################################################################################# */
/*					       								Map Key						     		     				 */
		
#Map_Common div.mapKey
	{
	margin-top:0px;
	margin-left:41px;
	margin-right:65px;
	margin-bottom:0px;	
	padding:5px;
	}
	
#Map_Common div.mapKey *
	{
	}
	
#Map_Common div.mapKey div.heading
	{
	font-weight:bolder;
	font-size:larger;
	}
	
#Map_Common div.mapKey	div.mapKeysList
	{
	width:200px;
	padding:3px;
	}
				
#Map_Common div.mapKey div.mapKeysList div
	{
	height:25px;
	}
#Map_Common div.mapKey div.mapKeysList div img
	{
	text-align: left; 
	vertical-align: middle; 
	}
	
/* ################################################################################################################# */
/*					       								Misc						     		     				 */
	
.whiteSpace
	{
	width: 800px; 
	height: 62px;
	}	
	
/** ##################################################################################################################*/
/**													Map Slider Controls												  */


	/**
	  * Define the height and width of the scrollbar surround
	  */
#Map_Common	div.scrollBar
		{
		height:20px;
		width:170px;
		cursor:pointer;
		}

	/**
	  * Define the image to use for the minus button
	  */
#Map_Common	div.scrollMinusButton
		{
		height:16px;
		width:16px;
		background: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/slider/blue/blueh_mn.gif');
		float:left;
		}

	/**
	  * Define the image to use for the main scroll bar
	  */
#Map_Common	div.scrollMain
		{
		width:120px;
		height:16px;
		background: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/slider/blue/blueh_bg.gif');
		float:left;
		}

	/**
	  * Define the image to use for the slider
	  */
#Map_Common	div.slider
		{
		width:16px;
		height:15px;
		background: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/slider/blue/blueh_sl.gif');
		}

	/**
	  * Define the image to use for the plus button
	  */
#Map_Common	div.scrollPlusButton
		{
		height:16px;
		width:16px;
		background: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/slider/blue/blueh_pl.gif');
		float:left;
		}	
	
/**************************** COMMON MAPS *****************************/
div.commonMap
	{
	/* Pin the width down */
	width:579px; 
	}

/* Goes around the navigation and map image */
div.commonMap div.mapSurround
	{
	/* A height and width keeps Firefox happy */
	min-height:37px;
	width:579px; 
	}

/** The TOP ROW of controls and bars inbetween **/
div.commonMap div.mapSurround_top #NW,
div.commonMap div.mapSurround_top form.mapNavigate input.NW 
	{		
	width: 32px;
	height: 37px;
	float:left;		/* Floated left so all align together */
	}	
div.commonMap div.mapSurround_top form.mapNavigate input.NW 
	{ 
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_north_west.gif') ;
	background-repeat: no-repeat;
	border-style:none;
	}		

div.commonMap div.mapSurround_top div.leftBar
	{
	width:239px; 
	height:37px; 
	background-image:url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_top_left_bar.gif');
	float:left;		/* Floated left so all align together */
	}

div.commonMap div.mapSurround_top #N,
div.commonMap form.mapNavigate input.N
	{		
	width: 34px;
	height: 37px;
	float:left;		/* Floated left so all align together */
	}
	
div.commonMap form.mapNavigate input.N 
	{ 
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_north.gif') ;
	background-repeat: no-repeat;
	border-style:none;
	}

	
div.commonMap div.mapSurround_top div.rightBar
	{
	float:left; 
	width:239px; 
	height:37px; 
	background-image:url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_top_right_bar.gif');
	float:left;		/* Floated left so all align together */
	}

div.commonMap div.mapSurround_top #NE,
div.commonMap div.mapSurround_top form.mapNavigate input.NE
	{			
	width: 32px;
	height: 37px;
	float:left;		/* Floated left so all align together */
	}
	
div.commonMap div.mapSurround_top form.mapNavigate input.NE
	{ 
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_north_east.gif') ;
	background-repeat: no-repeat;
	border-style:none;			
	}
	
div.commonMap div.mapSurround_top
	{
	/* A height and width keeps Firefox happy */
	height:37px;
	width:579px; 
	}	

/****** The Middle row of navigation buttons *********/
div.commonMap div.mapSurround_mid,
div.commonMap div.mapSurround_mid div.mapSurround_mid_left,
div.commonMap div.mapSurround_mid div.mapSurround_mid_mid,
div.commonMap div.mapSurround_mid div.mapSurround_mid_right
	{
	/* A height and width keeps Firefox happy */
	height:352px;
	}
	
div.commonMap div.mapSurround_mid
	{
	/* A height and width keeps Firefox happy */
	height:352px;
	width:579px; 
	}	

/** Middle row -left and right same height **/
div.commonMap div.mapSurround_mid div.mapSurround_mid_left,
div.commonMap div.mapSurround_mid div.mapSurround_mid_right
	{
	width:32px;
	float:left;		/* Floated left so all align together */
	}

/***** Middle row LEFT (WEST) ****/
div.commonMap div.mapSurround_mid div.mapSurround_mid_left div.topBar
	{
	width:32px;
	height:160px;
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_left_top_bar.gif') ;
	background-repeat: no-repeat;
	}	
div.commonMap div.mapSurround_mid div.mapSurround_mid_left div.bottomBar
	{
	width:32px;
	height:160px;
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_left_bot_bar.gif') ;
	background-repeat: no-repeat;
	}
		
div.commonMap div.mapSurround_mid div.mapSurround_mid_left #W,
div.commonMap div.mapSurround_mid div.mapSurround_mid_left form.mapNavigate input.W
	{				
	width: 32px;
	height: 32px;
	}
	
div.commonMap div.mapSurround_mid div.mapSurround_mid_left form.mapNavigate input.W
	{ 
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_west.gif') ;
	background-repeat: no-repeat;
	border-style:none;
	/* display:block; */	
	}

/***** Middle row RIGHT (EAST) ****/
div.commonMap div.mapSurround_mid div.mapSurround_mid_right div.topBar
	{
	width:32px;
	height:160px;
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_right_top_bar.gif') ;
	background-repeat: no-repeat;
	}
div.commonMap div.mapSurround_mid div.mapSurround_mid_right div.bottomBar
	{
	width:32px;
	height:160px;
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_right_bot_bar.gif') ;
	background-repeat: no-repeat;
	}
div.commonMap div.mapSurround_mid div.mapSurround_mid_right #E,
div.commonMap div.mapSurround_mid div.mapSurround_mid_right form.mapNavigate input.E
	{				
	width: 32px;
	height: 32px;
	}
	
div.commonMap div.mapSurround_mid div.mapSurround_mid_right form.mapNavigate input.E
	{ 
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_east.gif') ;
	background-repeat: no-repeat;
	border-style:none;
	/* display:block; */	
	}



div.commonMap div.mapSurround_mid div.mapSurround_mid_mid
	{
	width:512px;	/* Width of a map */
	float:left;		/* Floated left so all align together */
	background:lightblue;
	}	

/****** The Bottom row of navigation buttons *********/
div.commonMap div.mapSurround_bot
	{
	/* A height and width keeps Firefox happy */
	height:17px;
	width:579px; 
	}	

div.commonMap div.mapSurround_bot #SW,
div.commonMap div.mapSurround_bot form.mapNavigate input.SW
	{		
	width: 32px;
	height: 17px;
	float:left;		/* Floated left so all align together */
	}
	
div.commonMap div.mapSurround_bot form.mapNavigate input.SW 
	{ 
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_south_west.gif') ;
	background-repeat: no-repeat;
	border-style: none;	
	padding:0px;	
	}


div.commonMap div.mapSurround_bot div.leftBar
	{
	width:239px; 
	height:17px;
	background-image:url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_bot_left_bar.gif'); 
	background-repeat: no-repeat;	
	float:left;		/* Floated left so all align together */
	}
	

div.commonMap div.mapSurround_bot #S,
div.commonMap div.mapSurround_bot form.mapNavigate input.S
	{				
	width: 34px;
	height:17px;
	float:left;		/* Floated left so all align together */
	}
	
div.commonMap div.mapSurround_bot form.mapNavigate input.S 
	{ 
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_south.gif') ;
	background-repeat: no-repeat;
	border-style: none;		
	padding:0px;		
	}

div.commonMap div.mapSurround_bot div.rightBar
	{
	width:239px; 
	height:17px;
	background-image:url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_bot_right_bar.gif'); 
	background-repeat: no-repeat;
	float:left;		/* Floated left so all align together */
	}	



div.commonMap div.mapSurround_bot #SE,
div.commonMap div.mapSurround_bot form.mapNavigate input.SE
	{			
	width: 32px;
	height: 17px;
	float:left;		/* Floated left so all align together */
	}
	
div.commonMap div.mapSurround_bot form.mapNavigate input.SE
	{ 
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_south_east.gif') ;
	background-repeat: no-repeat;
	border-style:none;
	padding:0px;		
	}	

/************** MAP CONTROLS ************************************/

/* Goes around the navigation and map image */
div.commonMap div.mapControls
	{
	/* Size the thing with a margin */
	margin-left:31px;
	margin-right:30px;
	
	/* A height and width keeps Firefox happy */
	width:512px; 		/* 579px less the margins width minus border width */

	/* Renders the outer dark border */
	border-top:0px ;
	border-left:1px #336e98 solid ;
	border-right:1px #336e98 solid ;
	border-bottom:1px #336e98 solid ;
	
		
	background-image: url('/servlet/scripts?name=uk/co/aimltd/miaxml/mapping/resources/styles/../images/mapNavigatable/map_menu_bk.gif') ;
	}

div.commonMap div.mapControls div.mapControlsInner
	{
	/*
	min-height:100px;
	*/
	border-top:0px ;
	border-left:1px #83b3d6 solid ;
	border-right:1px #4780a9 solid ;
	border-bottom:1px #4780a9 solid ;
	
	width:510px; 
	}

/*
	Explorer 6 Duplicate Characters Bug
	See: http://www.positioniseverything.net/explorer/dup-characters.html
	
	In IE6 the padding + size of float ed elements must not be exactly that of the 
	parent element.
*/
div.commonMap div.mapControls div.mapControlsLeft,
div.commonMap div.mapControls div.mapControlsRight
	{
	width:248px;
	
	margin:0px;
	margin-bottom:3px;
	}

/* Place the element to the left with a margin. */
div.commonMap div.mapControls div.mapControlsLeft
	{
	margin-left:3px;
	float:left;
	}
/* Place the element to the right with a margin. */
div.commonMap div.mapControls div.mapControlsRight
	{
	float:right;
	margin-right:3px;
	}

/** ##################################################################################################################*/
/**													Map Slider Controls												  */

	/**
	  * Define the height and width of the scrollbar surround
	  */
div.commonMap	div.scrollBar
		{
		height:17px;
		width:160px;
		}


/*
 * Ensure that any hidden form elements don't take up any space within the mapping controls layout
 */
div.commonMap div.mapControls form
	{
	padding:0px;
	margin: 0px;
	}
div.commonMap div.mapControls div.mapControl div.description
	{
	margin:0px;
	padding-bottom:0px;
	padding-right:2px;
	padding-left:4px;
	padding-top:3px;
	}

	
	
div.commonMap div.mapControls div.mapControl div.control select
	{
	width:158px;
	}	
	

	
/********** TODO ******************/