/* DEFINE GLOBAL PROPERTIES FIRST */
body
{
	font-size:12px;
	font-family:verdana,arial,'sans serif';
	background-repeat:repeat-x;
	background-color:#01245C;
	color:#000000;
	margin:0px;
	padding:0px;
	min-height:100%;
	height:100%;
}

hr
{
	height:0px;
	color: #9E9E9E;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #9E9E9E;	
	margin: 5px 0 5px 0;	
}

hr.dotted
{
	border-style: dotted;
}

.hiddenObj
{
	display:none;
}


/* DEFINE CONFIRMATION BUTTONS */


#content form fieldset #confirmationButtons, #content form fieldset #confirmationButtonsStandard, #content form fieldset #confirmationButtonsCreditCard
{
	width:600px;
	border: 0px solid #000;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	
}

/* Form Page Elements */


	#content {
		position:		relative;
		width:			610px;
		margin:			80px 0 0 -20px;
		padding:		0;
	}
	#content form {
		margin-left:		0px;
		margin-right:		0px;
	}
	#content h1 {
		padding:		0;
		margin:			15px 0 0 0;
		positon:		relative;
		height:			134px;
		line-height:		134px;
		background:		transparent url(../images/BC_Conservatives_Form_Title.gif) no-repeat bottom right;
		font-size:		24px;
		font-weight:		300;
		text-align:		center;
	}
	
	#content form div#errorMsg {  
		color: red;
		padding-bottom: 10px;
		border: 1px dashed red;
		padding: 10px;
		margin-top: 10px;
	}
	
	#content form div#errorMsg ul {  
		margin-top: 10px;
		margin-left: 60px;
		margin-bottom: 10px;
	}
	
	#content form fieldset {  
		margin: 		30px 0 0 0;  
		padding: 		14px 0 0 0;
		background:		transparent url(../images/BC_Conservatives_Field_BG.gif) no-repeat bottom right;
		background-color: 	#FFF;
		position: relative;
		border: 1px solid #4D4E32;
	}

	#content form fieldset legend {  
		text-transform:		uppercase;
		font-size:		10px;
		padding:		5px;
		margin-left:		10px;
		color:			#ffffff;
		background:		#4D4E32;
		width:			130px;
		position: absolute;
		top: -10px;
		left: 0px;
	}

	
	#content form fieldset ol {  
		padding: 			10px 10px 0 10px;  
		list-style: 		none;
	}
	
	#content form fieldset li {  
		position:			relative;
		padding-bottom: 		10px;
		line-height:			20px;
		font-size:			12px;
	}
	
	#content form fieldset li.underLink {  
		position:			relative;
		margin-top:			-12px;
		padding-bottom: 		10px;
		line-height:			20px;
		font-size:			12px;
	}
	
	#content form fieldset#submitform {  
		background-image:	none;
		border-style: 		none;
	}
	
	#content form fieldset label {
		position:			relative;
		clear:				left;
		float:				left;
		width:				130px;
		margin-right:		3px;
		padding-right:		14px;
		line-height:		20px;
		text-align:			right;
		font-size:			12px;
	}
	
	#content form fieldset label.right {
		position:			relative;		
		clear:				right;
		float:				left;
		width:				380px;
		margin-right:			5px;
		padding-right:			10px;
		line-height:			20px;
		text-align:			left;
		font-size:			12px;
	}
	
	#content form fieldset label.required {
		background:			transparent url(required.gif) no-repeat center right;
	}
	
	#content form fieldset label.underLink {
		position:			relative;
		clear:				left;
		float:				left;
		width:				130px;
		margin-right:		3px;
		padding-right:		14px;
		line-height:		12px;
		text-align:			right;
		font-size:			12px;
	}
	
	
	#content form fieldset label span
	{
		position:			absolute;
		/*left:				-10000px;*/
		top:				0px;
		color: 				red;
		padding: 0 5px 0 5px;
	}
	
	#content form fieldset span.checkboxRequired
	{
		top:				0px;
		color: 				red;
		padding: 0 5px 0 5px;
		float: left;
		margin-left: -50px;
	}
		
	#content form fieldset div.subFormSection {
		position:			relative;
		width:				430px;
		height:				100px;
		margin-right:			-400px;
		text-align:			left;
		font-size:			12px;
		left: 				154px;
		border-width:	1px;
		border-style:	dotted;
		border-color:	#aaa #000 #000 #aaa;
	}
	
	#content form fieldset div.subFormSection label {
		position:			relative;
		clear:				left;
		float:				left;
		width:				90px;
		margin-right:			3px;
		padding-right:			14px;
		line-height:			20px;
		text-align:			right;
		font-size:			12px;
	}
	
	#content form fieldset div.subFormSection .subFormSectionHelpLink {
		float: 				left;
		position:			relative;
		left: 				98px;
		font-size: 			11px;
		text-decoration:		underline;
		margin-left: 			10px;
		color: 				#000;
	}
	
	
	
	
	#content form p span.required {
		color: 				red;
	}
	
	#content form fieldset input {
		padding:			3px;
		font-size:			12px;
		border:				1px solid #4D4E32; 
		color:				#1E1903; 
		background:			#EBEBE0;
		width:				250px;
	}
	
	#content form fieldset input.textPhone {
		padding:			3px;
		font-size:			12px;
		border:				1px solid #4D4E32; 
		color:				#1E1903; 
		background:			#EBEBE0;
		width:				130px;
	}
	
	#content form fieldset select {
		width:				250px;
		padding: 			1px;
		background:			#EBEBE0;
	}
	
	#content form fieldset select.selectPhone {
		width:				120px;
	}
	
	#content form fieldset input.radio {
		border:				none;
		background:			transparent;
		width: 20px;
	}
	
	#content form fieldset input.checkbox {
		border:				none;
		background:			transparent;
		width: 				120px;
		margin-right:			5px;
		padding-right:			30px;
		margin-left:			30px;
		float: 				left;
	}
	
	#content form fieldset a.underLink {
		padding:			3px;
		font-size:			10px;
		color:				blue; 
		width:				250px;
		text-decoration:		underline;
	}
	
	
	#content form fieldset a.constituencySearch {
		font-size: 11px;
		text-decoration: underline;
		margin-left: 10px;
		color: #000;
	}
	
	
	
	#content form .errorMsg {
		border-style: solid;
		border-color: #FF9999 #990000 #990000 #FF9999;
		border-width: 1px 2px 2px 1px;
		padding: 20px;
		color: red;		
		background-color: #FFE5E5;
	}
	

	/* DEFINE THANK YOU PAGE ELEMENTS */

	#thankyouDiv
	{
		width:575px;
		border: 1px dotted #000;
		margin-left: -20px;
		margin-right: 15px;
		margin-top: 90px;
		margin-bottom: 40px;
		padding: 20px;		
	}

	#thankyouDiv h1
	{
		text-align: left;
		clear: right;
		margin: 0 0 10px 0;
		padding: 0;
		font-size:20px;
	}

	#thankyouDiv a, #thankyouDiv a:visited
	{
		color: #444;
		text-decoration: underline;
	}

	#thankyouDiv #membershipDataDiv
	{
		border-width: 1px;
		border-style: dotted;
		border-color: #ccc #333 #333 #ccc;
		width: 85%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 30px;
	}
	
	#thankyouDiv #membershipDataDiv ol
	{
		padding: 			10px 10px 0 10px;  
		list-style: 		none;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	} 

	#thankyouDiv #membershipDataDiv li
	{
		position:			relative;
		padding-bottom: 		10px;
		line-height:			22px;
		font-size:			22px;
		color:				#000;
		height:				22px;
	} 
	
	
	#thankyouDiv #membershipDataDiv label {
		position:			relative;
		clear:				left;
		float:				left;
		width:				180px;
		margin-right:		3px;
		padding-right:		14px;
		line-height:		20px;
		text-align:			right;
	}
	
	#thankyouDiv #membershipDataDiv div {
		position:			relative;
		font-weight:			bold;
	}
	
	#thankyouDiv .addressInfo {
		text-align: center;
		color: #000;
	}
	
	#thankyouDiv .addressInfoNotice {
		font-size: 10px;
		margin: 0;
		padding: 0;
		color: inherit;
	}
	
	/**********************/
	/* POPUP FORM CONTENT */
	/**********************/
	
	.popupFormContent {
		font-size: 10px;
	}

	.popupFormContent ol {  
		padding: 			10px 10px 0 10px;  
		list-style: 		none;
	}
	
	.popupFormContent li {  
		position:			relative;
		padding-bottom: 		10px;
		line-height:			20px;
		font-size:			12px;
	}
	
	.popupFormContent label span
	{
		position:			absolute;
		/*left:				-10000px;*/
		top:				0px;
		color: 				red;
		padding: 0 5px 0 5px;
	}
	
	.popupFormContent label {
		position:			relative;
		clear:				left;
		float:				left;
		width:				130px;
		margin-right:		3px;
		padding-right:		14px;
		line-height:		20px;
		text-align:			right;
		font-size:			12px;
	}
	
	.popupFormContent input {
		padding:			3px;
		font-size:			12px;
		border:				1px solid #4D4E32; 
		color:				#1E1903; 
		background:			#EBEBE0;
		width:				250px;
	}
	

	/**********************/
	/* THICK BOX FORM CSS */
	/**********************/
	
	.forgotPasswordTBContent {
		background:	#FFFFFF;
		width: 400px;
		height: 140px;
		padding-top: 10px;
		padding-left: 10px;
	}
	
	.forgotPasswordTBContent #errorMsg {
		background:	#FFFFFF;
		width: 300px;
		color: red;
		padding-bottom: 10px;
	}
	
/* End Form Page Elements */