/* 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 {
	background:#cfcfcf;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}


/*
	Surounds content and centers
	- The body is grey and this contains the main text.
*/
div#container
	{
	background:white;
	/* Ensures the header and footer are placed correctly */
	background-color:#FFFFFF;
	height: 100%;
	}
div#container,
div#unsupportedBrowserWarning
	{
	text-align: left ;	/* Ensure the text is back to the left */
	margin-left:auto; margin-right:auto;
	width:850px;
	}

/* 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;
	}

/* Loaded from : uk/co/aimltd/resources/styles/screen/container_firefox.css */


/*
	Surounds content and centers
	- The body is grey and this contains the main text.
*/
div.container
	{
	/* This centers the contents */
	margin-left: auto;
	margin-right: auto;

	/* Resizes the content to full height*/
	height:auto;
	}





/* Gutter sizes */
div.RightGutterX,
div.LeftGutterXS
	{
	padding-top:90px;		/* Same as header size + 10px */
	}

/* Wrap all other content */
div.ContentX,
div.ContentCMSX
	{
	padding-top:145px;		/* Same as header size */
	padding-left: 160px;	/* Same as left gutter size + 10px */
	padding-bottom:35px;	/* Same as Footer size + 10px */
	}

div.container
	{
	}

pX
	{
	margin-right:15px;
	}

fieldsetX
	{
	/*margin-right:15px;*/
	}

