#centreCol form p{
	width: auto;
	clear: left;
	margin: 0;
	padding: 10px 0 10px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
	color: #333333;
	display: block;
}

#centreCol form label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	color: #0066CA;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#centreCol form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
	font-size : 1.1em;
}

#centreCol form input[type="checkbox"], #centreCol form input[type="radio"]{ /*spacing of the checkboxes*/
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 14px;
	width: 14px;
}

#centreCol form textarea {
	width: 250px;
	height: 150px;
}

#centreCol form select {
	font-size : 1.1em;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix {
margin-left: 3px;
}

/* 
Above is old and clunky form CSS.
Below is new and shiney form CSS 
Until we're certain that no forms are using the above then we need to wrap forms in a container to make sure the form uses the correct styles
*/

#formContainer form {
	clear : both;	
	border-top: 1px dashed gray;
	color: #333333;
	margin : 0;
	margin-top : 10px;
	padding: 0;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 1.1em
}

#formContainer fieldset {
  	border: none;
	margin: 10px 0 10px 0;
	float: left;
}

#formContainer legend {
	padding: 0;
 	margin: 0;
	color : #0066CA;
	position:relative;
 	left:0px;
 	font-weight : bold;
}

#formContainer fieldset ol {
	margin: 0px 5px;
	padding: 0;
	padding:5px 0;
}

#formContainer fieldset li {
	list-style: none;
	float : left;
	margin-bottom : 5px;
	clear : both;
}

#formContainer fieldset li label {
	display :block;
	margin : 0;
	float : left;
	color : #333;
	font-weight : normal;
	width : 150px;
	font-size : 0.9em;
}

#formContainer form em { /* required field style */
  font-style: normal;
  font-weight: bold;
  color: #AA0000;
/*  font-size:1.2em; */
}

#formContainer form fieldset ol li textarea {
	border : 1px solid #336699;
	font-size : 0.9em;
}

#formContainer fieldset li input {
	background-color : white;
	margin-bottom:5px;
	border: 1px solid #336699;
}

/* Couple of exceptionally specific styles to over come the styles set above and in the common css file. */

#formContainer form fieldset li input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	font-size : 0.9em;
	
}

#formContainer form fieldset li select {
	border: 1px solid #336699;
	margin-bottom:5px;
	font-size : 0.9em;
}

#formContainer span.hint {
	white-space: nowrap;
	color : #0066CA;
	font-size : 0.9em;
}

#formContainer fieldset.submit {
	width : 100%;
	margin : 0;
	padding : 0;
}

#formContainer fieldset.submit ol {
 float: right;
}

#formContainer fieldset.submit ol li {
	width : 81px;
}

#formContainer fieldset.submit ol input {
	float: right;
	color : #336699;
	cursor : pointer;
}
.ActivityContainer{
	width: 	280px;
	height: 200px;
	
}
.ActivityMenuHeader{
	height:16px;
	width:280px;
	background-color : #ff9933;
	font-size:12px;
	color:#ffffff;
	display:block;
	float:left;
	padding-bottom: 3px;
		
}
.ActivityMenuHeader H5{
	font-size:12px;
	color:#ffffff;	
	padding-left: 5px;
	verticle-align: middle;
	padding-top: 2px;
}

.ActivityMenuContent{
	height:26px;
	width:280px;
	display:block;
	float:left;
	padding-top: 5px;	
}

#ParticipantFormFilterBlock {
	margin : 10px 0 10px 0;
	display : block;
	overflow : hidden;
	position : relative;
}

#ParticipantFormFilterBlock form label {
	margin : 0;
}