/* ---------------- header ------------------ */
	
#topMenuBar
	{
	height: 30px;
	margin-bottom: 30px;
	background-image: url(/images/template/topMenuBG.png);
	border-top: 1px solid #8D1552;
	border-bottom: 1px solid #8D1552;
	}

#topMenuBar ul
	{
	margin: 0px;
	padding: 7px 0px 0px 0px;
	}

#topMenuBar li
	{
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 7px 4px 8px 4px;
	border-left: 1px solid #8D1552;
	}
	
#topMenuBar li.home
	{
	padding: 7px 4px 8px 12px;
	border-left: none;
	}
	
#topMenuBar li a:link, #topMenuBar li a:visited
	{
	color: #000000;
	text-decoration: none;
	}
	
#topMenuBar li a:hover
	{
	color: #A74B7D;
	text-decoration: underline;
	}

/* ---------------- page content ------------------ */

#contentContainer
	{
	margin: 0px;
	padding: 0px;
	width: 760px;
	margin-bottom: 25px;
	}

/* ---------------- left menu ------------------ */
	
#leftMenu
	{
	float: left;
	width: 145px;
	margin-right: 20px;
	}
	
#leftMenu ul
	{
	margin: 0px;
	padding: 0px;
	}

#leftMenu li
	{
	list-style: none;
	text-align: right;
	margin: 5px 0px 5px 0px;
	}
	
#leftMenu li a:link, #leftMenu li a:visited
	{
	color: #000000;
	text-decoration: none;
	}
	
#leftMenu li a:hover
	{
	color: #A74B7D;
	text-decoration: underline;
	}

/* ---------------- main body ------------------ */

#mainBody
	{
	float: left;
	width: 540px;
	height: auto;
	margin: 0px 30px 20px 0px;
	}
	
/* ---------------- font styles ------------------ */

.leftMenuHeader
	{
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
	height: 30px;
	background-image: url(/images/template/leftMenuHeaderBG.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}

/* --------------- table ------------------- */

table, th, td 
	{ 
	border: 1px solid #CCCCCC; 
	vertical-align:top;
	padding: 2px 4px 2px 4px;
	margin: 0px;
	background-color: #F2F2F2;
	text-align: left;
	}

table
	{
	border-collapse: collapse; 
	font-size: 0.95em;
	width: 100%;
	}
	
thead th	
	{
	text-align: left;
	color: #FFFFFF;
	background-color: #AF1171;
	}

/* Form alignment (CH 03 Oct 2005) */
FIELDSET LABEL
{
	width: 120px;
	float: left;
}
FIELDSET DIV
{
	clear: both;
}
FIELDSET INPUT, FIELDSET SELECT, FIELDSET TEXTAREA
{
	float: left;
	clear: none;
}
/* End form alignment */

/* Disable the above for the units lists on candidateUnits.asp [PH, 05/10/2005] */
fieldset.units input, fieldset.units label, fieldset.units select
{
	width: auto;
	float: none;
}
/* Without this looks fine in Firefox but too tight in IE [PH, 05/10/2005] */
fieldset.units
{
	margin: 1mm;
}
/* Need to allow the "Remove" button to be on same line as the select box [PH, 05/10/2005] */
fieldset.units select
{
	width: 320px;
}

/* Colours for rows in Pending Changes [PH, 05/10/2005] */
table.pending tbody tr.add td
{
background-color:#66FF99
}

table.pending tbody tr.edit td
{
background-color:#FFCC99
}

table.pending tbody tr.delete td
{
background-color:#FF9999
}

table.pending tbody tr.replace td
{
	background-color:#66CCFF
}

p.pending_add
{
background-color:#66FF99
}

p.pending_edit
{
background-color:#FFCC99
}

p.pending_delete
{
background-color:#FF9999
}

p.pending_replace
{
	background-color:#66CCFF
}
	
/* CH centres next/previous page buttons */
TR.tableNav TD
{
	text-align: center;
}

/* [PH, 25/10/2005] Changed rows in pending changes to show differently */
td.pendingDetailsChanged
{
background-color:#FF99CC
}

/* [PH, 16/11/2005] Satellite tables to all line up */
th.satelliteName
{
	width: 400px;
}
th.threeColsToFit
{
	width: 200px;
}