/*--------------------------------------------------*/
/* General Setup                                    */

	* {
		padding: 0;
		margin: 0;
	}

	html {
		/* overflow-y: scroll; /* Force Scrollbar - Firefox2 and Safari */
	}

	body {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.8em;
		color: #000;
		background-color: #FFF;
		text-align: center; /* IE5 Win: Thinks block level elements are aligned as text */
	}

	a {
		color: #00F;
	}

	a img {
		border: 0;
	}

	p,
	h2,
	h3 {
		margin: 0 0 10px 0;
	}

	ul,
	ol {
		margin: 0 0 10px 2em;
	}

	table {
		font-size: 1em; /* IE5 WIN: does not inherit the font size correctly */
	}

	table thead {
		display: table-header-group; /* IE6: Wont repeat table headers over multiple printed pages */
	}

	input {
		font-size: 1em; /* FF: keep font size consistent, by default it is increased by 0.1em */
	}

	select option {
		padding-right: 5px; /* FF: The star rule above for removing the padding also effects the select option's  */
	}

	select optgroup option {
		padding-left: 20px; /* FF: The star rule above for removing the padding also effects the select opt-groups  */
	}

/*--------------------------------------------------*/
/* Generic Classes                                  */

	.offScreen {
		position: absolute;
		left: -5000px;
	}

/*--------------------------------------------------*/
/* Skip Links                                       */

	#skipLinks,
	#styleSheetSwitcher {
		padding: 0;
		position: absolute;
	 	right: 0px;
	 	top: -500em; /* This needs a width, height and overflow hidden to stop IE5 MAC from doing horizontal scroll */
	}

	#skipLinks a:active,
	#skipLinks a:focus,
	#styleSheetSwitcher a:active,
	#styleSheetSwitcher a:focus {
		position: absolute;
		top: 500.25em;
		right: 0.25em;
		z-index: 5;
		white-space: nowrap;
		color: #000;
		background: #FFF;
		border: 2px solid red;
		padding: 3px;
	}

/*--------------------------------------------------*/
/* Page Frame                                       */

	/*--------------------------------------------------*/
	/* Wrapper                                          */

		#pageWrapper {
			width: 760px;
			margin: 0 auto;
			text-align: left; /* IE5 Win: Correct the text-align fix */
		}

	/*--------------------------------------------------*/
	/* Title                                            */

		#pageTitle {
			color: inherit;
			background: #AAA;
			padding: 10px;
		}

		#pageTitle h1 {
			font-size: 1.5em;
		}

		#pageTitle h1 a {
			color: #000;
			text-decoration: none;
		}

	/*--------------------------------------------------*/
	/* Container                                        */

		#pageContainer {
			position: relative;
		}

	/*--------------------------------------------------*/
	/* Navigation                                       */

		#pageNavigation {
			float: left;
			width: 160px;
			padding: 10px 0 0 0;
			background: #E0E0E0;
		}

		#pageNavigation h2 {
			position: absolute;
			left: -5000px;
		}

		#pageNavigation h3 {
			font-size: 1em;
			margin: 0 0 0 10px;
		}

		#pageNavigation ul {
			list-style: none;
			margin: 0 10px;
		}

		#pageNavigation ul ul {
			margin: 10px 0 0 20px;
		}

		#pageNavigation li {
			padding-bottom: 10px;
			margin: 0;
		}

		#pageNavigation ul a {
			color: #000;
			background: inherit;
		}

	/*--------------------------------------------------*/
	/* Content                                          */

		#pageContent {
			float: left;
			width: 590px; /* (760 - 160 - 10) */
			margin: 0 0 0 10px;
			padding: 10px 0 0 0;
		}

		#pageContent h2 {
			font-size: 1.2em;
		}

		#pageContent h3 {
			font-size: 1em;
		}

	/*--------------------------------------------------*/
	/* Footer                                           */

		#pageFooter {
			clear: both;
			padding: 10px 0 0 0;
		}

		#pageFooter h2 {
			position: absolute;
			left: -5000px;
		}

		#pageFooter ul {
			margin: 0;
		}

		#pageFooter ul li {
			list-style: none;
			float: right;
			padding: 0 5px 0 0;
			margin: 0 5px 0 0;
			font-size: 0.8em;
			border-right: 1px solid #000;
		}

		#pageFooter ul li.copyright {
			border-right: 0;
			padding-right: 0;
			margin-right: 0;
		}

/*--------------------------------------------------*/
/* Basic Form                                       */

	.basicForm fieldset {
		padding: 10px 0 0 0;
		margin: 0 0 10px 0;
		border: 0;
	}

	.basicForm fieldset legend {
		color: #000; /* IE6: defaults to using blue text */
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 0;
	}

	.basicForm fieldset fieldset legend {
		padding: 10px 0 0 0;
		margin: 0;
	}

	.basicForm .error {
		color: red;
		background: inherit;
		font-weight: bold;
	}

	.basicForm .row {
		padding: 5px 0 0 11.5em;
		clear: both;
	}

	.basicForm .row .label,
	.basicForm .row.inputFirst .input {
		float: left;
		width: 11em;
		margin: 3px 0 0 -11.5em;
		text-align: right;
	}

	.basicForm .row .label abbr.required {
		border: 0;
	}

	.basicForm .row.inputFirst .label {
		float: none;
		display: block;
		width: auto;
		margin: 3px 0 0 0;
		text-align: left;
	}

	.basicForm .row.info .input,
	.basicForm .row.radio .input,
	.basicForm .row.check .input {
		display: block;
		padding: 3px 0 0 0;
	}

	.basicForm .row.date input {
		text-align: center;
	}

	.basicForm .row .help {
		display: inline;
	}

	.basicForm .row .help h3 {
		display: inline;
		font-weight: normal;
	}

	.basicForm .submit {
		margin: 0 0 10px 0;
	}

/*--------------------------------------------------*/
/* Single line form                                 */

	.singleLineForm fieldset {
		margin: 0 0 10px 0;
		border: 0;
	}

/*--------------------------------------------------*/
/* Delete form                                      */

	.deleteForm fieldset {
		margin: 0 0 10px 0;
		border: 0;
	}

/*--------------------------------------------------*/
/* Basic Table                                      */

	.basicTable {
		margin: 0 0 10px 0;
		color: inherit;
		background: #E0E0E0;
		border-top: 1px solid #000;
		border-right: 0;
		border-bottom: 0;
		border-left: 1px solid #000;
	}

	.basicTable.fullWidth {
		width: 100%;
	}

	.basicTable tr.even {
		background: #F5F5F5;
	}

	.basicTable tr.highlight td.name {
		font-weight: bold;
	}

	.basicTable th {
		color: inherit;
		background: #AAA;
	}

	.basicTable th,
	.basicTable td {
		padding: 2px 4px;
		border-top: 0;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		border-left: 0;
	}

	.basicTable td.noResults {
		text-align: center;
	}

	.basicTable td.view,
	.basicTable td.delete {
		text-align: center;
		width: 4em;
	}

/*--------------------------------------------------*/
/* Basic nav                                        */

	.basicNav {
		margin: 0;
		padding: 0;
	}

	.basicNav li {
		float: left;
		list-style: none;
		margin: 0 10px -1px 0;
		position: relative; /* IE5/6 WIN: needs this the the issueLogBody sits under this li */
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		border-left: 1px solid #000;
	}

	.basicNav li a {
		text-decoration: none;
	}

	.basicNav li span,
	.basicNav li strong {
		display: block;
		padding: 5px;
		position: relative; /* IE5/6 WIN: needs this rule to apply the background colour */
		color: #000;
		background: #E0E0E0;
		border-bottom: 1px solid #000;
	}

	.basicNav li strong {
		font-weight: normal;
		color: #000;
		background: #FFF;
		border-bottom: 1px solid #FFF;
	}

	.basicNavChild {
		clear: both;
		border: 1px solid #000;
		padding: 10px 10px 0 10px;
		margin: 0 0 10px 0;
	}

/*--------------------------------------------------*/
/* Small nav                                        */

	.smallNav {
		margin: 0 0 10px 0;
		list-style: none;
	}

	.smallNav li {
		display: inline;
	}
