@charset "utf-8";
/* Forms style sheet created on 31/03/09 */

@media screen {
	/* All screen styles to go between these braces */
	
/* Opportunities */

#formHolder {
	color: #666;
}

#formHolder ol {
	list-style-type: none;
	margin: 20px 0 0 0;
}

#formHolder li, #formHolder li span {
	/*margin: 5px 0 5px 10px;*/
	padding-top: 5px;
	/*overflow: auto;*/
	list-style:none;
	list-style-position:outside;
}

#formHolder input, #formHolder select, {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #666;
	padding: 2px;
	vertical-align: middle;
	margin-top: 5px;
}

#formHolder textarea {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #666;
	padding: 2px;
	vertical-align: middle;
	margin-top: 5px;
}

option {
	padding-right: 2em;
}

#formHolder fieldset {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	border: 1px solid #ccc;
	border-right: none;
	border-bottom: none;
	border-left-width: 0;
}

#formHolder legend {
	margin: 0;
	padding: 0 5px 0;
	color: #666;
	font-size: 120%;
}

#formHolder div#fckContainer {
	float: left;
	width: 470px;
}

#lrgBoxContent fieldset ol {
	margin: 0;
	padding: 1em 1em 0 0;
	list-style: none;
}

fieldset.fdsSubmit {
	float: none;
	width: auto;
	border-style: none;
	background-color: transparent;
	margin: 10px 0 10px 0;
}

.frmSubmit {
	width: auto;
	margin: 0 0 0 175px;
}

.frmText {
	width: 189px;
	border: 1px solid #C9EBEC;
}

.frmTextPostcode {
	width: 80px;
	border: none;
	border: 1px solid #C9EBEC;
}


.frmTextArea {
	width: 185px;
	background-color: #C9EBEC;
	border: none;
}

.frmFieldset label, .frmFieldset span.cbxListTitle {
	cursor: pointer;
	float:left;
	clear:left;
	color: #666;
	margin: 0 12px 0 0;
	padding: 2px 0 0 0;
	width: 170px;
	font-weight: bold;
	text-align: right;
}

.frmFieldset2 label, .frmFieldset2 span.cbxListTitle {
	cursor: pointer;
	clear:left;
	color: #666;
	margin: 0 12px 0 0;
	padding: 2px 0 0 0;
	width: 170px;
	font-weight: bold;
	text-align: right;
}

.frmFieldset label {
	font-size:13px;
}

.frmFieldset input {
	margin-top:5px;
	position:left;
}

.frmFieldset select {
	border: 1px solid #999;
}

.frmFieldset textarea {
	background-color: #FFF;
	width: 300px;
	border: 1px solid #999;
	font-size: 100%;
}

.frmFieldset li.cbx input  {
	clear: none;
	float:left;
	margin: 5px 0 0 200px;
	padding: 0 0 0 0;
	width: auto;
	border: none;
}

.frmFieldset li.cbx label  {
	clear: none;
	float: left;
	margin: 4px 0 3px 5px;
	padding: 0;
	width: 420px;
	font-size: 86%;
	text-align: left;
}

.frmFieldset select.ddlSelectPeople {
	width: 168px;
}

/*** MULTIPLE CHOICE STYLES ***/

.formOptions {
	float: left;
	width: 450px;
	margin-top: -1px;
}

.formOptions label {
	width: 400px;
	padding: 0 25px 5px;
	text-align: left;
	font-size: 90%;
}

.formOptions label.first {
	padding-top: 16px;
}

.formOptions select {
	width: 400px;
	margin: 0 25px 10px;
}

.formOptions .primaryOption {
	background: #e3e3e3 url(/images/form_primaryRole_bottom.gif) bottom left no-repeat;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.formOptions .primaryOption label.first {
	background: transparent url(/images/form_primaryRole_top.gif) top left no-repeat;
}

.formOptions .secondaryOption {
	background: #f5f5f5 url(/images/form_secondaryRole_bottom.gif) bottom left no-repeat;
	padding-bottom: 10px;
}

.formOptions .secondaryOption label.first {
	background: transparent url(/images/form_secondaryRole_top.gif) top left no-repeat;
}

#formHolder .formOptionsColumn  {
	float: left;
	width: 220px;
	margin-right: 15px;
}

#formHolder .formOptionsColumn ol.cbxList {
	width: 212px;
}

#formHolder .formOptionsColumn ol.cbxList label {
	width: 175px;
	padding-top: 8px;
}



/*** CHECKBOX LIST STYLES ***/

.formOptions.cbx, .formOptionsColumn.cbx {
	background: #fff url(/images/bg_formOptions.gif) bottom left no-repeat;
	padding-bottom: 5px;
	overflow: auto;
}

#frmFieldset li.cbxList ol, #frmFieldset li.cbxList table {
	float: left;
	width: 300px;
	padding: 20px;
	margin: 0;
}

#frmFieldset li.cbxList li {
	padding: 20px;
}

#frmFieldset li.cbxList input {
	margin-left: 0;
	margin-right: 0;
}

.frmFieldset .cbxSingle input {
	width: auto;
	border: none;
}

.cbxList {
	padding-top: 0px;
}

.cbxList span{
	clear: both;
	margin: 0px;
	padding: 0px;
}

.cbxList input {
	margin-bottom:5px;
}

.cbxList label{
	padding-bottom:10px;
}

   

/*** BUTTON STYLES ***/

#formButton, #formHolder #formButton {
	/*border-bottom: 1px solid #ccc;*/
	/*border-top: 1px solid #ccc;*/
	padding: 10px 0 10px 202px;
}
#formButton input, #formHolder #formButton input {
	width: 120px;
	height: 40px;
	background: #666666 url(../images/bg_submit.gif) no-repeat scroll left top;
	color: #fff;
	border: none;
	font-weight: bold;
	font-size: 110%;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

#formButton input:hover, #formHolder #formButton input:hover {
	background-position:0 -60px;
}

a.appbtn { 
	width: 125px;
	height: 40px;
	background: url(../images/bg_submit2.gif) no-repeat scroll left top;
	color: #fff;
	border: none;
	font-weight: bold;
	font-size: 110%;
	cursor: pointer;
	margin: 0;
	padding: 10px;
	text-decoration:none;
 }
a.appbtn span { 
	width: 120px;
	height: 40px;
	background: url(../images/bg_submit2.gif) no-repeat scroll left top;
	color: #fff;
	border: none;
	font-weight: bold;
	font-size: 110%;
	cursor: pointer;
	margin: 0;
	padding: 10px;
	text-decoration:none;
}
	
a.appbtn:hover span { 
		width: 120px;
		height: 40px;
		background-position:0 -60px; 
}

/*** REGISTER FORM NAV BAR ***/

#registerNav {
	list-style-type: none;
	overflow:auto;
	background: #e3e3e3 url(/images/regNav_default.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	font-weight: bold;
	margin: 20px 0;
}

#registerNav.regStatus1 { background: #e3e3e3 url(/images/regNav_step1.jpg) top left no-repeat; }
#registerNav.regStatus2 { background: #e3e3e3 url(/images/regNav_step2.jpg) top left no-repeat; }
#registerNav.regStatus3 { background: #e3e3e3 url(/images/regNav_step3.jpg) top left no-repeat; }

#registerNav li {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

#registerNav li#regStep1 {
	width: 188px;
	padding-left: 32px;
	color: #fff;
}

#registerNav li#regStep2 {
	width: 178px;
	padding-left: 42px;
}

#registerNav li#regStep3 {
	width: 178px;
	padding-left: 52px;
}

#registerNav.regStatus2 li#regStep2, 
#registerNav.regStatus3 li#regStep3 { color: #fff; }

#registerNav.regStatus1 li#regStep2 a, 
#registerNav.regStatus1 li#regStep3 a { color: #666; }

#content #registerNav a {
	color: #ddd;
	border-bottom: none;
	text-decoration: none;
}

#content #registerNav a:hover {
	text-decoration: underline;
	color: #fff;
}


/*** FORM SIDEBAR ***/

#content .formSidebar {
	background: #64a3c4 url(/images/form_sidebar_bottom.gif) bottom left no-repeat;
	color: #fff;
	padding-bottom: 5px;
}

#content .formSidebar h2 {
	background: #64a3c4 url(/images/form_sidebar_top.gif) top left no-repeat;
	border-bottom: 1px dotted #fff;
	color: #fff;
	font-size: 130%;
	padding: 10px 10px 8px;
}

#content .formSidebar li {
	margin: 8px 0;
}


/*** MISC ***/

p.frmValidationNote {
	margin: 0 0 0 200px;
	font-size: 86%;
	color: #f00;
}

input.CalendarIcon {
	width: 24px;
	vertical-align: top;
	padding: 0 6px;
}

.imgRequired {
	vertical-align: .5em;
}

span.ErrorLabel 
{
	margin: 0 20px;
	color: Red;
}

span.EditingFormErrorLabel 
{
	color: Red;
	font-size: 86%;
}

div.positiveMessage {
	border: 1px solid #ccc;
	padding: 15px 15px 0 15px;
	margin: 0 200px 30px 0;
	background: #fff;
}

span.negativeMessage {
	background: #f00;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

.validationSummary {
	font-weight: bold;
}

.validationSummary ul {
	font-weight: normal;
	margin: 10px 0 10px 30px;
}
/* Opportunities End */
	
#formContainer fieldset {
	border-top: 1px solid #ddd;
	border-right: none;
	border-bottom: none;
	border-left-width: 0;
	padding: 15px 10px 0;
	margin: 20px 0 10px;
}

#formContainer legend {
	padding: 0 5px;
	font-size: 120%;
	color: #777;
}

#formContainer ol  {
	padding: 0 10px;
}

#content #formContainer ol  {
	list-style-type: none;
}

#formContainer li {
	padding: 5px;
	overflow: auto;
	list-style:none;

}

#formContainer label, .inpSecurity span, #formContainer li.cbxList span {
	float: left;
	width: 200px;
	padding: 6px 10px 0 0;
	text-align: right;
	cursor: pointer;
	font-weight: bold;
}

#formContainer textarea, #formContainer select, #formContainer input, .inpSecurity table {
	float: left;
}

#formContainer input span{
	float: left;
	margin-top:10px;
}

#formContainer input.inpTxt, #formContainer input.TextboxField, .inpSecurity input {
	width: 260px;
	border: 1px solid #ccc;
	padding: 5px;
	color: #505050;
}

#formContainer textarea {
	border: 1px solid #ccc;
	color: #505050;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 5px;
	width: 260px;
}

#formContainer input.inpTxt:active, 
#formContainer input.inpTxt:focus, 
#formContainer textarea:active, 
#formContainer textarea:focus,
.inpSecurity input:active,
.inpSecurity input:focus
{
	border: 1px solid #999;
}

#formContainer li.cbx input {
	margin-left: 210px;
	margin-right: 0;
}

#formContainer li.cbx label,#formContainer li.cbxList label {
	width: 250px;
	text-align: left;
	padding: 2px 0 0 5px;
	font-weight: normal;
	
}

#formContainer li.subText label {
	font-size: 86%;
	color: #999;
	
}

#formContainer select {
	border: 1px solid #ccc;
	margin: 3px 0;
	padding: 2px;
	width: 272px;
	
}

#formContainer li.cbxList span {
	cursor: auto;	
	
}

#formContainer li.cbxList ol, #formContainer li.cbxList table {
	float: left;
	width: 300px;
	padding: 6px 0 0 0;
	margin: 0;

}

#formContainer li.cbxList li {
	padding: 0;
	
}

#formContainer li.cbxList input {
	margin-left: 0;
	margin-right: 0;
}

#btnContainer {
	margin-left: 235px;
	margin-bottom: 20px;
}

#btnContainer input {
	float: none;
	color: #fff;
	font-size: 140%;
	padding: 5px;
	cursor: pointer;
	border: none;
	background: #666 url(../images/bg_submit.gif) top left no-repeat;
	width: 120px;
	height: 40px;
}

#btnContainer input:hover { background-position: 0 -60px; }

p.formError {
	clear: both;
	color: red;
	font-size: 86%;
	margin-left: 210px;
	margin-bottom: 0;
}

p.formExtra {
	clear: both;
	font-size: 86%;
	padding: 0 0 0 210px;
}

p.formExtra3 span {
	clear: both;
	font-size: 86%;
	padding: 0 0 0 0px;
}

p.formExtra2 {
	/*clear: both;*/
	font-size: 86%;
	padding: 8px 0px 0 210px;
}


#formDonate input.inpTxt { width: 70px; text-align: right; margin-right: 5px; }
#formDonate select { width: auto; margin-right: 5px; }

#giftDonation select {width: 400px;}
#giftDonation textarea {width: 385px;}


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
                visibility : hidden;
                margin : 0px!important;
                background-color : inherit;
                color : windowtext;
                border : buttonshadow;
                border-width : 1px;
                border-style : solid;
                cursor : default;
                overflow : auto;
                /*max-height : 150px;*/
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
                background-color: #ffff99;
                color: black;
                padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
                background-color : window;
                color : windowtext;
                padding : 1px;
}

ul.AutoComplete {
                margin: 0;
                list-style-type: none;
                border: 1px solid #999;
                background: #ffffff;
                /*max-height: 150px;*/
                overflow: auto;
}

#content ul {
font-size:120%;
list-style-type:square;
margin:0 0 10px 0px;

}

#contactStyle {
	font-family: "Palatino", "Palatino Linotype", Georgia, Times New Roman, Times, serif;
	color: #666;
	vertical-align: middle;
	margin-top: 5px;
	font-size:90%;
}

#contactStyle label, #contactStyle span.cbxListTitle {
	cursor: pointer;
	float:left;
	clear:left;
	color: #666;
	margin: 0 12px 0 0;
	padding: 2px 0 0 0;
	width: 170px;
	font-weight: bold;
	text-align: right;
}

.addressWidth textarea {
	background-color: #FFF;
	width: 150px;
	border: 1px solid #999;
	font-size: 100%;
}

#formHolder li span.contactBy {
	display: inline-block;
	width: 170px;
	text-align: right;
	font-weight: bold;
	float: left;
}

#formHolder .cbxList {
	margin: 0 0 0 180px;
}

#formHolder .cbxList li {
	vertical-align: top;
	padding-top: 0;
}

#formHolder .cbxList label {
	float: none;
}



} /* Closing brace for @media screen rule -- do not delete */

@media print {
	/* All print styles to go between these braces */
	
}