/* Loaded from : uk/co/aimltd/resources/styles/screen/container.css */
/*
 * CONTAINER.CSS
 *
 *	- Defines an area into which the content and styling is placed.
 *	- The Container has a Header,Footer plus Left&Right gutter
 *	- The Container is 800px wide by 600px high	
 *
 */

/* Body back ground style */
body { 
	margin: 0px; 
	padding: 0px; 
	text-align: center; 
	background: #0d6ca8 url('/servlet/scripts?name=uk/co/aimltd/resources/styles/screen/../../images/AIM_Logo_BK.gif');
	}


/* 
	Surounds content and centers 
	- The body is grey and this contains the main text.
*/
div.container
	{
	background:white;
	width:800px;			
	min-height: 600px;		/* Minimum height for firefox */
	border: 1px solid black;
	position: relative; 
	/* Ensures the header and footer are placed correctly */
	text-align: left ;	/* Ensure the text is back to the left */		
	}



/* Headers&FootersMargin&Gutter Positioning */
div.Header,
div.Footer,
div.RightGutter,
div.LeftGutter
	{
	padding:0px;	/* So graphics fit snug to edges */
	position: absolute;
	}
	

/* Headers&Footer Placement */
div.Header,
div.Footer
	{
	right:0px;
	left:0px;
	z-index:10; /* Put the headers and footer on top */
	}

div.Header
	{
	height:80px;
	}
div.Footer
	{
	height:25px;
	bottom:0px;		/* Place at the bottom */
	}	
div.LeftGutter
	{
	left:0px;	/* Place to the left */
	}
div.RightGutter
	{
    right: 0;	/* Place to the right */
	}


/* Gutter sizes */
div.RightGutter,
div.LeftGutter
	{
	padding-top:80px;		/* Same as header size */	
	padding-bottom:25px;	/* Same as Footer size */
	width:150px;
	z-index:9;				/* Put below the headers and footer which are at z=10  */
	top:0px;				/* Put at the top of parent */
	bottom:0px;
	}
	
/* Wrap all other content */
div.Content,
div.ContentCMS
	{
	padding:10px;
	margin-top:80px;		/* Same as header size */
	margin-left: 150px;	/* Same as left gutter size */	
	margin-right: 0px;	/* Same as right gutter size */	
	margin-bottom:25px;	/* Same as Footer size */
		
	z-index:12;
	background:transparent;
	height:auto;
	}

/* Wrap all other content */
div.ContentCMS
	{
	margin-right: 150px;	/* Same as right gutter size */	
	}

/* A padding surounding all content  */
div.ContentInner
	{
	margin:10px;
	background:yellow;
	color:white;
	}	

div.Content form fieldset
	{
	margin-top:5px;
	margin-bottom:5px;
	}
	
/*
	Change the width of input elements when in a container.
	
	All other attributes defined in forms.css
*/
div.Content form fieldset div label ,
div.Content form fieldset div div.labelPadding
	{
	width: 8em; 
	}

div.Content form fieldset div label.inputRadioWide
	{
	width: auto;
	}

/*
	Change the width of input elements when in a container.

	All other attributes defined in forms.css
*/
div.Content form div input.inputText, 
div.Content form div select.inputText, 
div.Content form div textarea.inputText
	{
  	width: 22em;
	}

/*
	The different font size means we need to increate the 
	width relative to the above.
*/
div.Content form fieldset div.help
	{
  	width: 31em;
	}	

/* 
	Used to suround a set of options on a form 
	
	-The different font size means we need to increate the 
	width relative to the above.
	
*/
/*
TODO:DEL
div.Content form fieldset div fieldset.options
	{
	width:19.75em;
	}
*/

div.Content form fieldset div label.labelCheckbox
	{
	width:23em;
	}
	

/*
 *	The banner image should be left aligned and absolutly positioned.
 */
div.Header img.banner
	{
	position: absolute;
	left:0px;
	}